/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header / Style Two / Three / Four / Five

5. Main Slider

6. Services Section

7. About Section

8. Mission Section

9. Offers Section

10. Counter Section

11. Case Section

12. Clients Section / Section Two

13. Fluid Section One / Two / Three

14. News Section / Section Two

15. Call To Action / Two / Three

16. Main Footer

17. Business Section

18. Beyong Section

19. Featured Section

20. Planning Section

21. Help Section

22. Expert Section

23. goals Section

24. Task Section

25. Consulting Section

26. Strategies Section

27. Success Section

28. Page Title

29. Leaders Section

30. Skills Section

31. Team Section

32. Portfolio Section

33. Portfolio Two Column Section

34. Portfolio Three Column Section

35. Portfolio Single Section

36. Blog Section

37. Blog Widgets

38. Blog Detail

39. Contact Form

40. Map Section



**********************************************/



@import url('https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext,vietnamese');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');



/*



font-family: 'Merriweather', serif;*/



@import url('font-awesome.css');

@import url('flaticon.css');

@import url('animate.css');

@import url('owl.css');

@import url('jquery-ui.css');

@import url('jquery.fancybox.min.css');

@import url('jquery.mCustomScrollbar.min.css');

@import url('data-animation.css');

@import url('custom-animate.css');

@import url('bootstrap-select.min.css');

@import url('twentytwenty.css');

@import url('icomoon.css');



/*** 



====================================================================

	Reset

====================================================================



 ***/

 

* {

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

}



/*** 



====================================================================

	Global Settings

====================================================================



 ***/



body {

	font-family: 'Exo', sans-serif;

	font-size:14px;

	color:#777777;

	line-height:1.7em;

	font-weight:400;

	background:#ffffff;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

}



.bordered-layout .page-wrapper{

	padding:0px 50px 0px;

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#FF4555;

}



button,

a:hover,a:focus,a:visited{

	text-decoration:none;

	outline:none !important;

}



h1,h2,h3,h4,h5,h6 {

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.3em;

	font-family: 'Roboto', sans-serif;

}



input,button,select,textarea{

	

}



textarea{

	overflow:hidden;

}



p{

	position:relative;

	line-height:1.8em;

	font-size: 16px;

}



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 15px;

	margin:0 auto;

}



.medium-container{

	max-width:850px;

}



.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

	    font-family: 'Roboto', sans-serif;

}



img{

	display:inline-block;

	max-width:100%;

}



.logo a img {

    width: 233px;

}



.theme-btn{

	display:inline-block;

	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;

}



.centered{

	text-align:center;	

}



/*List Style One*/



.list-style-one{

	position:relative;

}



.list-style-one li{

	position:relative;

	color: #ffffff;

	font-size:16px;

	font-weight:500;

	margin-bottom:10px;

	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;

}



.list-style-one li:last-child{

	margin-bottom:0px;

}



.list-style-one li span{

	position:relative;

	/* color: #FF4555; */

}



/*List Style Two*/



.list-style-two{

	position:relative;

}



.list-style-two li {

    position: relative;

    color: #555555;

    font-size: 16px;

    padding-left: 54px;

    font-weight: 500;

    margin-bottom: 20px;

    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;

}

.list-style-two li:last-child{

	margin-bottom:0px;

}





.list-style-three{

	position:relative;

}



.list-style-three li{

	position:relative;

	font-size: 16px;

	color:#ffffff;

	font-weight: 500;

	margin-bottom: 10px;

	padding-left: 30px;

	line-height: 1.7em;

}



.list-style-three li .icon{

	position:absolute;

	left: 0px;

	top: 0px;

	color:#ffffff;

	font-size: 16px;

}



/*Btn Style One*/



.btn-style-one{

	position:relative;

	padding:11px 25px 11px;

	line-height:24px;

	background:#FF4555;

	color:#ffffff;

	font-size:16px;

	font-weight:600;

	border-radius: 0px;

	border:2px solid #FF4555;

	text-transform:capitalize;



}



.btn-style-one:hover{

	background:none;

	color:#FF4555;

}



/*Btn Style Two*/



.btn-style-two{

	position:relative;

	padding:15px 32px 15px;

	line-height:24px;

	background: #FF4555;

	color:#ffffff;

	font-size:16px;

	font-weight:600;

	border-radius: 3px;

	letter-spacing: 1px;

	border: 2px solid #FF4555;

	text-transform:uppercase;

	font-family: 'Exo', sans-serif;

}



.btn-style-two:hover{

	background:none;

	color: #FF4555;

}



/*Btn Style Three*/



.btn-style-three{

	position:relative;

	padding:15px 32px 15px;

	line-height:24px;

	background:none;

	color: #FF4555;

	font-size:16px;

	font-weight:600;

	border-radius: 0px;

	letter-spacing: 1px;

	border: 2px solid #FF4555;

	text-transform:uppercase;

	

}



.btn-style-three:hover{

	background-color:#FF4555;

	border-color:#FF4555;

	color:#ffffff;

}



/*Btn Style Four*/



.btn-style-four{

	position:relative;

	padding:15px 32px 15px;

	line-height:24px;

	background:none;

	color:#ffffff;

	font-size:16px;

	font-weight:600;

	border-radius: 3px;

	letter-spacing: 1px;

	border:2px solid #ffffff;

	text-transform:uppercase;

	

}



.btn-style-four:hover{

	background-color:#ffffff;

	border-color:#ffffff;

	color:#FF4555;

}



/*Btn Style Five*/







/*Btn Style Six*/



.btn-style-six{

	position:relative;

	padding:13px 32px 13px;

	line-height:24px;

	background:#001659;

	color:#ffffff;

	font-size:16px;

	font-weight:600;

	border-radius: 3px;

	letter-spacing: 1px;

	border:2px solid #001659;

	text-transform:capitalize;

	

}



.btn-style-six:hover{

	background:none;

	color:#FF4555;

}



/*Social Icon One*/



.social-icon-one{

	position:relative;

}



.social-icon-one li{

	position:relative;

	margin-right:15px;

	display:inline-block;

}



.social-icon-one li a{

	position:relative;

	font-size:16px;

	color: #ffffff;

	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;

}



.social-icon-one li a:hover{

	color:#FF4555;

}



.theme_color{

	color:#FF4555;

}



.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}



img{

	display:inline-block;

	max-width:100%;

	height:auto;	

}



/*** 



====================================================================

	Scroll To Top style

====================================================================



***/



.scroll-to-top{

    position: fixed;

    right: 20px;

    bottom: 55px;

    width: 50px;

    height: 60px;

    color: #ffffff;

    font-size: 28px;

    text-transform: uppercase;

    line-height: 60px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    background: #FF4555;

    display: none;

    border-radius: 50px 50px 0px 0px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;	

}



.scroll-to-top span {

    position: relative;

    display: inline-block;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transform: rotate(0deg);

}



.scroll-to-top:hover{

	color:#ffffff;

	background:#FF4555;

}



/*** 



====================================================================

	Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:45px;

}



.sec-title h2{

	position:relative;

	color:#001659;

	font-size: 40px;

	font-weight:600;

	line-height: 50px;

	margin-bottom: 8px;

	z-index: 99;

}



.sec-title .title-text{

	position:relative;

	color: #00C5FF;

	/* font-size: 17px; */

	/* line-height: 1.6em; */

	/* font-weight: 500; */

	margin-top: 0px;

	font-size: 18px;

	line-height: 1.6em;

	font-weight: 500;

	font-family: 'Exo', sans-serif;

}



.sec-title.light h2,

.sec-title.light .title-text{

	color:#ffffff;

}



.sec-title.centered{

	text-align: center;

}



/*** 



====================================================================

	Main Header style

====================================================================



***/



.main-header{

	position:relative;

	z-index:999;

	width:100%;

}



/*Header Top*/



.header-top{

	position: relative;

	padding: 17px 0px;

	background-color: #001659;

}



.header-top .top-left{

	position:relative;

	float: left;

}



.header-top .top-left .header-info-list{

	position:relative;

}



.header-top .top-left .header-info-list li{

	position:relative;

	color: #ffffff;

	font-size: 16px;

	margin-right: 24px;

	display: inline-block;

}



.header-top .top-left .header-info-list li strong{

	position:relative;

	color: #FF4555;

	font-weight: 500;

	font-size: 16px;

	margin-right: 6px;

	display:inline-block;

}



.header-top .top-left .header-info-list li .icon{

	position:relative;

	color:#001659;

	font-size: 18px;

	margin-right: 8px;

	display:inline-block;

}



.header-top .top-right{

	position:relative;

	float: right;

}



.header-top .top-right .social-box{

	position: relative;

	float: left;

}



.header-top .top-right .social-box li{

	position: relative;

	margin-left: 15px;

	display: inline-block;

}



.header-top .top-right .social-box li.share{

	position:relative;

	color: #FF4555;

	font-size: 16px;

	font-weight: 500;

	margin-left: 0px;

}



.header-top .top-right .social-box li a{

	position: relative;

	color: #ffffff;

	font-size: 16px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.header-top .top-right .social-box li a:hover{

	color:#FF4555;

}



/*Header Top Two*/



.header-top-two{

	position: relative;

	/* border-bottom: 1px solid #dddddd; */

}



.header-top-two .top-left{

	position:relative;

	float: left;

	padding: 12px 0px;

}



.header-top-two .top-left .header-info-list{

	position:relative;

}



.header-top-two .top-left .header-info-list li{

	position:relative;

	color: #001659;

	font-size: 17px;

	margin-right: 24px;

	display: inline-block;

	font-weight: 600;

}



.header-top-two .top-left .header-info-list li .icon{

	position:relative;

	color: #FF4555;

	font-size: 18px;

	margin-right: 10px;

	display:inline-block;

}



.header-top-two .top-right{

	position:relative;

	float: right;

}



.header-top-two .top-right .quote-btn{

	position: relative;

	color:#ffffff;

	padding: 13px 25px;

	font-size: 16px;

	font-weight: 600;

	display: inline-block;

	background-color: #001659;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.header-top-two .top-right .quote-btn:hover{

	background-color: #001659;

}



/*Header Top Three*/



.header-top-three{

	position: relative;

}



.header-top-three .inner-container{

	/* border-bottom: 1px solid #dddddd; */

}



.header-top-three .top-left{

	position:relative;

	float: left;

	padding: 16px 0px;

}



.header-top-three .top-left .header-info-list{

	position:relative;

}



.header-top-three .top-left .header-info-list li{

	position:relative;

	color:#555555;

	font-size: 16px;

	margin-right: 24px;

	font-weight: 400;

	display: inline-block;

}



.header-top-three .top-left .header-info-list li span{

	font-weight:500;

}



.header-top-three .top-left .header-info-list li .icon{

	position:relative;

	color:#001659;

	font-size: 18px;

	margin-right: 10px;

	display:inline-block;

}



.header-top-three .top-right{

	position:relative;

	float: right;

	padding: 16px 0px;

}



.header-top-three .top-right .social-box li.share{

	position:relative;

	color:#222222;

	font-size: 16px;

	font-weight: 500;

}



.header-top-three .top-right .social-box li{

	position:relative;

    margin-left: 15px;

	display: inline-block;

}



.header-top-three .top-right .social-box li a{

	position: relative;

	color: #001659;

	font-size: 16px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.header-top-three .top-right .social-box li a:hover{

	color:#FF4555;

}



.main-header .main-box{

	position:relative;

	padding:0px 0px;

	left:0px;

	top:0px;

	width:100%;

	background:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-box .outer-container{

	position:relative;

	padding:0px 40px;

}



.main-header .main-box .logo-box{

	position:relative;

	float:left;

	left:0px;

	z-index:10;

	padding:30px 0px;

}



.main-header .main-box .logo-box .logo img{

	display:inline-block;

	max-width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.main-header .nav-toggler{

	position:absolute;

	top:50%;

	margin-top:0px;

	display: block;

}



.main-header .nav-toggler button{

	position:relative;

	display:block;

	color:#444444;

	text-align:center;

	font-size:24px;

	line-height:34px;

	font-weight:normal;

	background:none;

}



.main-header .header-upper{

	position:relative;

}

.header-style-three .header-upper{

	position:relative;

	background: #001659;

}



.main-header .header-upper .contact-number{

	position:relative;

	float: left;

	color: #262626;

	font-size: 18px;

	font-weight: 500;

	margin-top: 30px;

	padding:12px 0px 12px 32px;

	border-left: 1px solid #dde4db;

}



.main-header .header-upper .contact-number .number-inner{

	position:relative;

	padding-left: 35px;

	line-height:30px;

}



.main-header .header-upper .contact-number .icon{

	position:absolute;

	left: 0px;

	top: 0px;

	color: #FF4555;

	font-size: 28px;

	line-height: 1em;

}



.main-header .nav-outer{

	position:relative;

	float: left;

	float: right;

}



.main-header .header-upper .logo-box {

    position: relative;

    padding: 23px 0px 24px 0px;

}



.main-header .header-upper .logo-box .logo{

	position:relative;

}



.main-header .header-upper .search-box-outer{

	position:relative;

	float:right;

	margin-top: 51px;

}



.main-header .header-upper .search-box-btn{

	position:relative;

	top: 0px;

	display:block;

	width:100%;

	font-size:16px;

	color: #FF4555;

	line-height:20px !important;

	cursor:pointer;

	background:none;

	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-header .header-upper .search-box-btn:after{

	display:none;

}



.main-header .header-upper .search-box-outer .dropdown-menu{

	top:67px !important;

	right:0px;

	padding:0px;

	width:280px;	

	left: auto !important;

	border-radius:0px;

	border-top:3px solid #FF4555;

	-webkit-transform: translate3d(0px, 0px, 0px) !important;

	transform: translate3d(0px, 0px, 0px) !important;

}



.main-header .header-upper .search-box-outer .dropdown-menu > li{

	padding:0px;

	border:none;

	background:none;

}



.main-header .header-upper .search-panel .form-container{

	padding:25px 20px;	

}



.main-header .header-upper .search-panel .form-group{

	position:relative;

	margin:0px;	

}



.main-header .header-upper .search-panel input[type="text"],

.main-header .header-upper .search-panel input[type="search"],

.main-header .header-upper .search-panel input[type="password"],

.main-header .header-upper .search-panel select{

	display:block;

	width:100%;

	height:40px;

	color:#000000;

	line-height:24px;

	background:#ffffff;	

	border:1px solid #e0e0e0;

	padding:7px 40px 7px 15px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .header-upper .search-panel input:focus,

.main-header .header-upper .search-panel select:focus{

	border-color:#FF4555;	

}



.main-header .header-upper .search-panel .search-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:40px;

	height:40px;

	text-align:center;

	color:#555555;

	font-size:14px;

	background:none;

	cursor:pointer;

}



.main-header .header-upper .button-box{

	position: relative;

	float: right;

	padding: 35px 0px;

	margin-left: 30px;

}



.main-header .header-upper .support-box{

	position: relative;

	float: right;

	margin-top: 32px;

	margin-left: 32px;

}



.header-style-two .header-upper .support-box{

	float: left;

	margin-top:18px;

	text-align: left;

	padding: 14px 18px;

	border-radius: 4px;

	border: 1px dashed rgba(255,255,255,0.25);

}



.main-header .header-upper .support-box .support{

	position:relative;

	color: #242424;

	font-size: 14px;

	font-weight: 600;

	margin-bottom: 3px;

	text-align: right;

	

}



.main-header .header-upper .support-box .support .icon{

	position:relative;

	color: #001659;

	font-size: 22px;

	top: 3px;

	margin-left: 4px;

}



.main-header .header-upper .support-box .support-number{

	position: relative;

	color: #FF4555;

	font-size: 20px;

	font-weight: 700;

	text-align: right;

	

}



.header-style-two .header-upper .support-box .support,

.header-style-two .header-upper .support-box .support-number{

	color:#ffffff;

}



.main-menu{

	position:relative;

	float:left;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navbar-collapse{

	padding:0px;

	float: left;

}



.main-menu .navigation{

	position:relative;

	margin:0px;

}



.main-menu .navigation > li{

	position:relative;

	float:left;

	margin-right:24px;

	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{

	color:#444444 !important;

}



.sticky-header .main-menu .navigation > li:hover > a,

.sticky-header .main-menu .navigation > li.current > a{

	color:#FF4555 !important;

	background-color:inherit !important;

}



.sticky-header .nav-outer .options-box{

	margin-top:26px;

}



.main-header .header-upper .upper-right{

	padding-top:32px;

}



.main-header .info-box{

	position:relative;

	float:left;

	margin-left:35px;

	font-size:14px;

	color:#98b2c4;

	text-align:left;

	text-transform:uppercase;

	padding:0px 0px 0px 50px;

}



.main-header .info-box .icon-box{

	position:absolute;

	left:0px;

	top:5px;

	color:#FF4555;

	font-size:36px;

	line-height:1em;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .info-box li{

	position:relative;

	color:#7c7b7b;

	font-size:18px;

	font-weight:400;

	line-height:1.2em;

	text-transform:capitalize;

}



.main-header .info-box li strong{

	color:#262626;

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

}



.header-style-two{

	background-color: #001659;

}



/*Sticky Header*/



.sticky-header{

	position:fixed;

	opacity:0;

	visibility:hidden;

	left:0px;

	top:0px;

	width:100%;

	padding:0px 0px;

	background:#ffffff;

	z-index:0;

	border-bottom:1px solid #e8f1f7;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	z-index: 9999;

}



.sticky-header .logo {

    padding: 21px 0px 21px 0px;

}



.fixed-header .sticky-header{

	z-index: 9999;

	opacity:1;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}



.main-menu .navigation > li > a{

	position:relative;

	display:block;

	color: #222;

	text-align:center;

	line-height:30px;

	text-transform:capitalize;

	letter-spacing:0px;

	opacity:1;

	font-weight:600;

	padding:45px 0px;

	font-size:16px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	

}

.header-style-three .navigation > li > a{

	color: #ffffff;	

}

.header-style-two .main-menu .navigation > li > a,

.main-header.header-style-two .header-upper .search-box-btn{

	color:#ffffff;

}



.sticky-header .main-menu .navigation > li{

	position:relative;

	margin-left:30px;

	margin-right:0px;

}



.sticky-header .main-menu .navigation > li:before,

.sticky-header .main-menu .navigation > li:after{

	display:none;

}



.main-menu .navigation > li:hover > a,

.main-menu .navigation > li.current > a,

.main-header.light-version .main-menu .navigation > li:hover > a,

.main-header.light-version .main-menu .navigation > li.current > a{

	opacity:1;

	color:#FF4555;

}



.main-menu .navigation > li > ul{

	position:absolute;

	left:0px;

	top:100%;

	margin-top:15px;

	width:230px;

	z-index:100;


	opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

	padding: 0px 0px;

	background-color: #ffffff;

	border-top: 3px solid #FF4555;

	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%;

	margin:0px;

	border-bottom: 1px solid #e5e5e5;

}



.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:500;

	font-size:15px;

	text-transform:capitalize;

	color:#555555;

	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;

}



.sticky-header .main-menu .navigation > li > a:before{

	display: none;

}



.main-menu .navigation > li > ul > li:hover > a{

	color: #FF4555;

	/* background:#FF4555; */

	padding-left: 20px;

}



.main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:15px;

	top:12px;

	width:10px;

	height:20px;

	display:block;

	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:100%;

	top:0%;

	margin-top:15px;

	width:230px;

	z-index:100;

	display:none;

	transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    padding: 0px 0px;

	background-color: #ffffff;

	border-top: 3px solid #FF4555;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.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%;

	margin:0px;

	/* border-bottom: 1px solid #e5e5e5; */

}



.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:500;

	font-size:15px;

	text-transform:capitalize;

	color:#555555;

	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: #FF4555!important;

	/* background:#FF4555; */

}



.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;

	margin:0px;

}



.main-menu .navigation li > ul > li.dropdown:hover > ul{

	visibility:visible;

	opacity:1;

	top:0;

	margin:0px;

}



.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 Slider Banner

====================================================================



***/



.main-slider{

	position:relative;

}



.main-slider .content.alternate{

	max-width: 610px;

	width: 100%;

	float: right;

	display: block;

}



.main-slider .slide {

    position: relative;

    padding: 250px 0px 250px 0px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.main-slider h2 {

    position: relative;

    color: #ffffff;

    font-size: 57px;

    font-weight: 600;

    line-height: 1.1em;

    margin-bottom: 10px;

    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(50px);

    -moz-transform: translateX(50px);

    -ms-transform: translateX(50px);

    -o-transform: translateX(50px);

    transform: translateX(50px);

    

    padding: 10px 30px;

    display: inline-block;

    left: 0;

    top: 15px;

	background: #001659;

}



.main-slider .active h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 1300ms;

	background: #001659;

	padding: 10px 30px;

}



.main-slider h2.style-two{

	font-weight:500;

	margin-bottom: 40px;

}



.main-slider h2.style-three{

	font-weight:500;

	margin-bottom: 20px;

}



.main-slider h2.alternate{

	margin-bottom: 35px;

}



.main-slider h3{

	position: relative;

	color: #001659;

	font-size: 19px;

	font-weight:500;

	margin-bottom:20px;

	display:block;

	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(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	

	top: 0px;

	letter-spacing: 2px;

}



.main-slider h3:before{

	position:absolute;

	content: '';

	left:-55px;

	top: 17px;

	width:30px;

	height: 2px;

	background-color: #FF4555;

}



.main-slider h3.style-three:after{

	position:absolute;

	content: '';

	right:-55px;

	top: 18px;

	width:30px;

	height: 2px;

	background-color: #ffffff;

}



.main-slider h3.style-two:before{

	background-color: #FF4555;

}



.main-slider .active h3{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 1000ms;

}



.main-slider h3.alternate::before{

	display:none;

}



.main-slider .text{

	position:relative;

	color: #373737;

	font-size: 18px;

	opacity:0;

	line-height: 1.7em;

	font-weight:500;

	margin-bottom:40px;

	-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(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	

	top: 0px;

	display: block;

	margin-top: 50px;

}



.main-slider .text .text-two {

    padding: 20px 30px;

    background: #ffffff96;

    display: inline-block;

}



.main-slider .active .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 2000ms;

}



.main-slider .link-box{

	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(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	bottom: 0px;

	position: relative;

	margin-top: 60px;

}



.main-slider .link-box .theme-btn{

	margin-right: 20px;

}



.main-slider .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	transition-delay: 2500ms;

}



.main-slider .content .title{

	position:relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 500;

	padding-bottom: 20px;

	margin-bottom: 25px;

	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(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

}



.main-slider .content .title:after{

	position: absolute;

	content: '';

	left: 50%;

	bottom: 0px;

	width: 70px;

	height: 1px;

	margin-left: -35px;

	background-color: #ffffff;

}



.main-slider .active .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 .owl-dots{

	position: absolute;

    left: 50%;

    bottom: 20px;

    max-width: 100px;

    margin-left: -50px;

    width: 100%;

    text-align: center;

}



.main-slider .owl-dots .owl-dot{

	position:relative;

	width:12px;

	height:12px;


	margin:0px 4px;

	overflow: hidden;

	border-radius: 50px;

	display:inline-block;

	border:1px solid #ffffff;

	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-slider .owl-dots .owl-dot:before{

	position: absolute;

	content: '';

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 100%;

	background: none;

	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-slider .owl-dots .owl-dot.active::before,

.main-slider .owl-dots .owl-dot:hover::before{

	background: #ffffff;

}



.main-slider .owl-nav{

	position:absolute;

	left:0px;

	top:50%;

	z-index:1;

	width:100%;

	margin-top:-20px;

}



.main-slider .owl-nav .owl-prev{

	position:absolute;

	left:40px;

	color: #FF4555;

	font-size:38px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	position: absolute;

    height: 50px;

    width: 50px;

    font-size: 20px;

    font-weight: 400;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    background-color: rgba(0, 22, 89, 0.4);

    -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-slider .owl-nav .owl-next{

	position:absolute;

	right:40px;

	color: #FF4555;

	font-size:38px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	position: absolute;

    height: 50px;

    width: 50px;

    font-size: 20px;

    font-weight: 400;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    background-color: rgba(0, 22, 89, 0.4);

    -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-slider .owl-nav .owl-prev:hover,

.main-slider .owl-nav .owl-next:hover{

	color:#FF4555;

}



/*** 



====================================================================

	Services Section

====================================================================



***/



.services-section{

	position: relative;

	padding-bottom: 60px;

}



.services-section .inner-container{

	position: relative;

	margin-top: -50px;

	z-index: 10;

}



.services-block{

	position: relative;

	margin-bottom: 30px;

	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;

}



.services-block .inner-box{

	position: relative;

	display:block;

	padding: 50px 45px 5px;

	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;

	background-color: #ffffff;

	box-shadow: 0px 0px 35px rgba(0,0,0,0.15);

}



.services-block .inner-box:before{

	position: absolute;

	content: '';

	left:0;

	top:0;

	right:0;

	bottom:0;

	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;

	background: #ffffff;

}



.services-block:hover .inner-box:before{

	bottom:-40px;

	background: #001659;	

}



.services-block.alternate:hover .inner-box:before{

	background: #FF4555;	

}



.services-block:hover{

	-webkit-transform: translateY(-20px);

	-ms-transform: translateY(-20px);

	transform: translateY(-20px);

}



.services-block .inner-box h3{

	position: relative;

	color:#222222;

	font-size: 23px;

	font-weight: 600;

	line-height: 30px;

	margin-bottom: 28px;

}



.services-block .inner-box h3 a{

	position: relative;

	color:#222222;

	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;

}



.services-block .inner-box .icon-box{

	position: relative;

	font-size: 82px;

	line-height: 1em;

	color:#FF4555;

	margin-bottom: 25px;

	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;

}



.services-block .inner-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.6em;

	margin-bottom:25px;

	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;

}



.services-block .inner-box:hover .text{

	

}



.services-block .inner-box .more-link{

	position:relative;

	display:block;

	margin-right:-45px;

	overflow:hidden;	

}



.services-block .inner-box .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	text-transform: uppercase;

	padding-right: 25px;

	font-weight: 700;

	opacity: 0;

	visibility: hidden;

	display: inline-block;

	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;

}

.services-block .inner-box:hover .read-more{

	letter-spacing:1px;

}

.services-block .inner-box .read-more:hover{

	letter-spacing:2px;

	color:#fff;

}

.services-block .inner-box .read-more .fa{

	padding-right:5px;	

}



.services-block .inner-box .read-more:after{

	position: absolute;

	content: '';

	left: 100%;

	top: 11px;

	width: 300%;

	height: 1px;

	opacity: 0;

	visibility: hidden;

	background-color: rgba(255,255,255,0.50);

}



.services-block .inner-box:hover .read-more{

	opacity: 1;

	visibility: visible;

}



.services-block .inner-box:hover .read-more:after{

	opacity: 1;

	visibility: visible;

}



.services-block .inner-box:hover{

	background-color: #001659;

}



.services-block .inner-box:hover .text,

.services-block .inner-box:hover h3 a,

.services-block .inner-box:hover .icon-box{

	color:#ffffff;

}



.services-block.alternate .inner-box .icon-box{

	color:#001659;

}



.services-block.alternate .inner-box:hover{

	background-color:#FF4555;

}



.services-block.alternate .inner-box .read-more,

.services-block.alternate .inner-box:hover .icon-box{

	color:#ffffff;

}



/*** 



====================================================================

	About Section

====================================================================



***/



.about-section{

	position: relative;

	padding: 70px 0px;

}



.about-section:before{

	position:absolute;

	content: '';

	left: 0px;

	top:0px;

	width:50%;

	height:100%;

	display:block;

	background-color: #f9f8fc;

}



.about-section .title-column{

	position: relative;

}



.about-section .title-column .sec-title{

	margin-bottom:20px;

}



.about-section .title-column .inner-column{

	position: relative;

	padding-top: 30px;

	margin-bottom:45px;

}



.about-section .title-column .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 45px;

}







/*Video Box*/



.video-box{

	position:relative;

}



.video-box .image{

	position:relative;

	overflow:hidden;

}



.video-box .image img{


	position:relative;

	width:100%;

}



.video-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	text-align:center;

	overflow:hidden;

	line-height: 80px;

	background:rgba(68,57,120,0.08);

	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;

}



.video-box .overlay-box:hover{

	background:rgba(68,57,120,0.20);

}



.video-box .overlay-box span{

	position: relative;

    width: 106px;

    height: 106px;

    top: 45%;

    z-index: 99;

    color: #ff4555;

    font-weight: 400;

    font-size: 72px;

    text-align: center;

    border-radius: 71%;

    padding-left: 17px;

    padding-top: 16px;

	background-color: #ffffff;

	display: inline-block;

	margin-top: -40px;

	transition:all 900ms ease;

	-moz-transition:all 900ms ease;

	-webkit-transition:all 900ms ease;

	-ms-transition:all 900ms ease;

	-o-transition:all 900ms ease;

}



.video-box .overlay-box:hover span{

	transform: rotate(360deg);

	-moz-transition:rotate(360deg);

	-webkit-transition:rotate(360deg);

	-ms-transition:rotate(360deg);

	-o-transition:rotate(360deg);

}



/*** 



====================================================================

	Fluid Section Two

====================================================================



***/



.fluid-section-one{

	position:relative;

	/* background: #00235a; */

}



.fluid-section-one .outer-container{

	position:relative;

	min-height:250px;

	background-color:#f9f8fc;

}



.fluid-section-one .image-column{

	position:absolute;

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	background-repeat:no-repeat;

	background-position:center center;

	background-size:cover;	

}



.fluid-section-one .image-column .image-box{

	position:relative;

	display:none;	

}



.fluid-section-one .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.fluid-section-one .content-column{

	position:relative;

	float:right;

	width:50%;

}



.fluid-section-one .content-column .inner-column{

	position:relative;

	width:100%;

	padding:100px 0px 80px 45px;

	background: #00235a;

}



.fluid-section-one .content-column .inner-column .title-box{

	position: relative;

	width:50%;

	float: left;

}



.fluid-section-one .content-column .inner-column .title-box .box-inner{

	position: relative;

	padding-right: 50px;

}





.fluid-section-one .content-column .inner-column .title-box h2{

	position: relative;

	color: #ffffff;

	font-size: 40px;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 20px;

	text-transform: capitalize;

}



.fluid-section-one .content-column .inner-column .title-box .text{

	position: relative;

	padding-left: 50px;

	color: #e5e5e5;

	font-size: 16px;

	line-height: 1.7em;

}



.fluid-section-one .content-column .inner-column .title-box .text:before{

	position: absolute;

	content: "\f10e";

	left: 0px;

	top: 0px;

	color:#FF4555;

	line-height: 1em;

	font-size: 40px;

	font-family: "Flaticon";

}



.fluid-section-one .content-column .carousel-box{

	position: relative;

	float: right;

	width:50%;

}



.fluid-section-one .content-column .carousel-box .box-inner{

	position: relative;

	padding: 100px 40px 80px;

	position: relative;

	display: block;

	background-color: #f5f5f5;

	background-repeat: repeat;

}



.fluid-section-one .content-column .carousel-box .quote-icon{

	position: absolute;

	right: 60px;

	top: -28px;

	color:#FF4555;

	line-height: 1em;

	font-size: 60px;

}



.fluid-section-one .content-column .carousel-box .owl-nav,

.fluid-section-one .content-column .carousel-box .owl-dots{

	display:none;

}



/*Testimonial Block*/



.testimonial-block{

	position: relative;

}



.testimonial-block .inner-box{

	position: relative;

}



.testimonial-block .inner-box .text{

	position: relative;

	color: #373737;

	font-size: 18px;

	font-weight: 500;

	line-height: 1.6em;

	width: 100%;

	margin-bottom: 20px;

	font-family: 'Exo', sans-serif;

}



.testimonial-block .inner-box .author {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: rgb(255, 69, 85);

}

.testimonial-block .inner-box .author span {

    font-size: 15px;

    font-weight: 600;

    color: #474747;

}

/*** 



====================================================================

	Offer Section

====================================================================



***/



.offer-section{

	position: relative;

	padding: 100px 0px 0px;

}



.offer-section.alternate .offer-block{

	margin-bottom:75px;

}



.offer-section:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-color: #f9f8fc1c;

}



.offer-block{

	position:relative;

	margin-bottom: 30px;

}



.offer-block .inner-box{

	position: relative;

	overflow: hidden;

	box-shadow: 0px 0px 35px rgba(0,0,0,0.15);

}



.offer-block .inner-box .image{

	position: relative;

}



.offer-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.offer-block .inner-box .lower-content{

	position: relative;

	padding-top: 40px;

	padding: 30px;

	background: white;

	/* box-shadow: 0px 0px 35px rgba(0,0,0,0.15); */

}



.offer-block .inner-box .lower-content h3{

	position: relative;

	font-size: 23px;

	color:#222222;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 10px;

}



.offer-block .inner-box .lower-content h3 a{

	position: relative;

	color:#222222;

	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;

}



.offer-block .inner-box .lower-content h3 a:hover{

	color:#FF4555;

}



.offer-block .inner-box .lower-content .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.6em;

	margin-bottom: 35px;

}



.offer-block .inner-box .lower-content .read-more{

	position: relative;

	color:#FF4555;

	font-size: 14px;

	font-weight: 600;

	padding-right: 30px;

	text-transform: uppercase;

	display: inline-block;

	font-family: 'Exo', sans-serif;

}



.offer-block .inner-box .lower-content .read-more:before{

	position: absolute;

    content: '';

    left: 100%;

    top: 12px;

    width: 0%;

    height: 1px;

    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;

    background-color: #dddddd;

}



.offer-block .inner-box:hover .lower-content .read-more:before{

	width:300%;

	opacity: 1;

	visibility: visible;

}



.offer-block .inner-box .lower-content .read-more .fa{

	position: relative;

	color:#001659;

	font-weight: 700;

	margin-right: 4px;

	display: inline-block;

}



/*** 



====================================================================

	Counter Section

====================================================================



***/



.counter-section{

	position: relative;

	padding: 70px 0px 30px;

	background: red;

}



.counter-section .inner-section{

	position: relative;

	padding-left: 85px;

}



.counter-section-two{

	position:relative;

	padding: 100px 0px 70px;

}



/*fact counter*/



.fact-counter{

	position:relative;

}



.fact-counter .column{

	position:relative;

	margin-bottom:30px;

}



.fact-counter .column .inner{

	position:relative;

	padding-right: 30px;

}



.fact-counter .column .inner .content{

	position:relative;

	/* padding-bottom: 25px; */

	/* border-bottom: 1px solid #eeeeee; */

}



.fact-counter .column .inner .icon-box{

	position:absolute;

	left:0px;

	top:0px;

	color:#fe5807;

	font-size:48px;

	text-align:center;

	line-height:1em;

	font-weight: 400;

	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;

}



.fact-counter .count-outer .percentage{

	display:inline-block;

	font-weight:600;

	color:#020e28;

	font-size:48px;

	line-height:1em;

	

}



.fact-counter .column .inner .count-outer{

	position:relative;

	font-weight:700;

	color:#001659;

	font-size:42px;

	line-height:1em;

	display:inline-block;

	

}



.fact-counter .column .inner .count-outer.alternate,

.fact-counter .column .inner .count-outer.alternate .count-text{

	color:#FF4555;

}



.fact-counter .count-outer .count-text{

	position:relative;

	font-weight:700;

	color:#001659;

	font-size:42px;

	line-height:1em;

	

}



.fact-counter .column .counter-title{

	position:relative;

	font-size: 16px;

	font-weight: 600;

	color:#555555;

	margin-top:8px;

	text-transform:uppercase;

	font-family: 'Exo', sans-serif;

}



.fact-counter .column:hover .icon-box{

	border-color:#f47629;

}



/*** 



====================================================================

	Case Section

====================================================================



***/



.case-section{

	position: relative;

	padding-top: 110px;

	/* padding-bottom: 100px; */

}



.case-section .owl-nav,

.case-section .owl-dots{

	display:none;

}



.case-block{

	position: relative;

}



.case-block .inner-box{

	position: relative;

	display:block;

	overflow: hidden;

}



.case-block .inner-box .image{

	position: relative;

}



.case-block .inner-box .image:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:100%;

	height:80%;

	display:block;

	z-index:1;

	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;

	background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4));

	background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4));

	background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4));

	background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4));

}



.case-block .inner-box:hover .image:before{

	opacity: 0;

}



.case-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.case-block .inner-box .image .overlay-box{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

	z-index: 2;

    color: #ffffff;

	visibility: hidden;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    transition: all 700ms ease;

	-webkit-transform-origin:left top;

	-ms-transform-origin:left top;

	-moz-transform-origin:left top;

	transform-origin:left top;

	-moz-transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

	transform: translateX(-100%);

}



.case-block .inner-box .image .overlay-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    opacity: 0;

    display: block;

    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;

    background-color: #ff4555e3;

}



.case-block .inner-box:hover .image .overlay-box:before{

    opacity: 1;

    visibility: visible;

}



.case-block .inner-box .image .overlay-box .overlay-inner{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    vertical-align: middle;

    padding: 10px 40px;

}



.case-block .inner-box .image .overlay-box .overlay-inner .content{

    position: relative;

    display: table-cell;

    vertical-align: middle;

}



.case-block .inner-box .image .overlay-box .text{

	position: relative;

	color:#ffffff;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 40px;

}



.case-block .inner-box .image .overlay-box .read-more{

	position:relative;

	font-size: 13px;

	font-weight: 700;

	color:#ffffff;

	padding-right: 22px;

	text-transform: uppercase;

	

}



.case-block .inner-box .image .overlay-box .read-more:after{

	position: absolute;

    content: '';

    left: 100%;

    top: 10px;

    width: 300%;

    height: 1px;

    background-color: rgba(255,255,255,0.20);

}



.case-block .inner-box .image .overlay-box .read-more .fa{

	position:relative;

	margin-right: 4px;

}



.case-block .inner-box:hover .image .overlay-box{

    opacity: 1;

	visibility: visible;

	-moz-transform: translateX(0%);

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    -o-transform: translateX(0%);

    transform: translateX(0%);

}



.case-block .inner-box .lower-box {

    position: relative; 

     padding: 40px 40px; 

    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;

    position: relative;

    display: block;

    background-color: #f5f5f5;

    background-repeat: repeat;

    border-right: 1px solid #dddddd;

}





.case-block .inner-box .lower-box .category{

	position: relative;

	color: #FF4555;

	font-size: 14px;

	font-weight: 600;

	margin-bottom: 5px;

	text-transform: uppercase;

	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;

}



.case-block .inner-box:hover .lower-box .category{

	color:#FF4555;

}



.case-block .inner-box .lower-box h3{

	position: relative;

	color:#222222;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.4em;

}



.case-block .inner-box .lower-box h3 a{

	position: relative;

	color: #00235a;

	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;

}



.case-block .inner-box .lower-box h3 a:hover{

	color:#FF4555;

}



/*** 



====================================================================

	Testimonial Section

====================================================================



***/



.testimonial-section{

	position: relative;

	padding: 90px 0px 90px;

}



.testimonial-section:before{

	position: absolute;

	content: '';

	right: 0px;

	top:0px;

	width: 30%;

	height: 100%;

	background-color: #f9f8fc;

}



.testimonial-section .sec-title{

	margin-bottom:0px;

}



.testimonial-section .owl-nav{

	display:none;

}



.testimonial-section .owl-dots{

	position:relative;

	margin-top:-30px;

}



.testimonial-section .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.testimonial-section .owl-dots .owl-dot:hover,

.testimonial-section .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/*Testimonial Block Two*/



.testimonial-block-two{

	position: relative;

}



.testimonial-block-two .inner-box{

	position: relative;

}



.testimonial-block-two .inner-box .content-column{

	position: relative;

}



.testimonial-block-two .inner-box .content-column .inner-column{

	position: relative;

	padding-top: 50px;

	margin-bottom: 50px;

}



.testimonial-block-two .inner-box .content-column .text{

	position: relative;

	color:#222222;

	font-size: 16px;

	font-style: italic;

	line-height: 1.8em;

	margin-bottom: 25px;

	font-family: 'Merriweather', serif;

}



.testimonial-block-two .inner-box .content-column .author{

	position: relative;

	color: #FF4555;

	font-size: 16px;

	font-weight: 600;

	padding-left: 60px;

	text-transform: uppercase;

}



.testimonial-block-two .inner-box .content-column .author:before{

	position: absolute;

	content: '';

	left:0px;

	top: 8px;

	height: 5px;

	width:50px;

	background-color: #001659;

}



.testimonial-block-two .inner-box .image-column{

	position: relative;

}



.testimonial-block-two .inner-box .image-column .inner-column{

	position: relative;

	text-align: center;

}



.testimonial-block-two .inner-box .image-column .inner-column .image{

	position: relative;

	display: inline-block;

}



.testimonial-block-two .inner-box .image-column .inner-column .image img{

	position: relative;

	width: 230px;

}



/*** 



====================================================================

	Fluid Section Two

====================================================================



***/



.fluid-section-two{

	position:relative;

}



.fluid-section-two .outer-container{

	position:relative;

	min-height:250px;

	background-color: #00235a;

}



.fluid-section-two .image-column{

	position:absolute;

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	background-repeat:no-repeat;

	background-position:center center;

	background-size:cover;	

}



.fluid-section-two .image-column .image-box{

	position:relative;

	display:none;	

}



.fluid-section-two .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.fluid-section-two .content-column{

	position:relative;

	float:right;

	width:50%;

}



.fluid-section-two .content-column .inner-column{

	position:relative;

	max-width:650px;

	width:100%;

	padding:100px 15px 100px 100px;

}



/*** 



====================================================================

	Consult Form

====================================================================



 ***/



.support-form{

	position:relative;

}



.support-form .row{

	

}



.support-form .row .column{

	padding:0px 20px;

}



.support-form .form-group{

	position:relative;

	margin-bottom:25px;

}



.support-form .form-group input[type="text"],

.support-form .form-group input[type="tel"],

.support-form .form-group input[type="email"],

.support-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 0px;

	color:#ffffff;

	height:50px;

	font-size: 16px;

	background:none;

	border-bottom:1px solid rgba(255,255,255,0.50);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	/*  */

	font-family: 'Exo', sans-serif;

}



.support-form .form-group input[type="text"]:focus,

.support-form .form-group input[type="tel"]:focus,

.support-form .form-group input[type="email"]:focus,

.support-form .form-group textarea:focus{

	border-color:#FF4555;

}



.support-form .form-group textarea::-webkit-input-placeholder,

.support-form .form-group input::-webkit-input-placeholder{

	color:#ffffff;

}



.support-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:22px;

	padding:15px 0px;

	color:#ffffff;

	height:125px;

	resize:none;

	font-size:15px;

	background:none;

	

	border-bottom:1px solid rgba(255,255,255,0.50);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.support-form .form-group .btn-detail{

	position:relative;

	text-align:center;

	margin-left:30px;

	color:#ffffff;

	display:inline-block;

}



.support-form button{

	cursor: pointer;

	margin-top:20px;

	font-size: 16px;

	text-transform: capitalize;

}



/*Custom Select*/



.form-group .ui-selectmenu-button.ui-button{

	width:100%;

	font-size:15px;

	font-style:normal;

	height:50px;

	padding:10px 0px;

	line-height:28px;

	color:#ffffff;

	border: none;

	border-radius:0px;

	background:none;

	

	border-bottom:1px solid rgba(255,255,255,0.50);

}



.form-group .ui-button .ui-icon{

	background:none;

	position:relative;

	top:2px;

	text-indent:0px;

	color:#333333;	

}



.form-group .ui-button .ui-icon:before{

	font-family: 'FontAwesome';

	content: "\f107";

	position:absolute;

	right:0px;

	top:2px !important;

	top:13px;

	width:10px;

	height:20px;

	display:block;

	color:#ffffff;

	line-height:20px;

	font-size:16px;

	font-weight:normal;

	text-align:center;

	z-index:5;

}



.ui-widget.ui-widget-content{

	border-bottom:1px solid rgba(255,255,255,0.50);

}



.ui-menu .ui-menu-item{

	font-size:14px;

	border-bottom:1px solid rgba(255,255,255,0.50);

}



.ui-menu .ui-menu-item:last-child{

	border:none;	

}



.ui-state-active, .ui-widget-content .ui-state-active{

	background:#FF4555;

	border-color:#FF4555;

}



.ui-menu .ui-menu-item-wrapper{

	position:relative;

	display:block;

	padding:8px 20px ;

	font-size:14px;

	line-height:24px;

}



.ui-menu-item:hover{

	background-color:#FF4555;

}



/*** 



====================================================================

	News Section

====================================================================



 ***/



.news-section{

	position: relative;

	padding: 100px 0px 0px;

	background-color: #f9f8fc;

}



.news-section:before{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width:30%;

	height: 100%;

	background-color: #ffffff;

}



.news-section .blocks-column{

	position:relative;

	margin-bottom: 30px;

}



.news-section .blocks-column .inner-column{

	position:relative;

	padding-right: 70px;

}



/*News Block*/



.news-block{

	position: relative;

	margin-bottom: 45px;

}



.news-block .inner-box{

	position: relative;

}



.news-block .inner-box .post-info{

	position: relative;

	margin-bottom: 8px;

}



.news-block .inner-box .post-info li{

	position: relative;

	color: #FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-right: 14px;

	margin-right: 12px;

	line-height: 1.2em;

	display: inline-block;

	text-transform: uppercase;

	border-right: 1px solid #001659;

}



.news-block .inner-box .post-info li:last-child{

	margin-right: 0px;

	padding-right: 0px;

	border:none;

}



.news-block .inner-box .post-info li:first-child{

	color: #FF4555;

}



.news-block .inner-box h3{

	position: relative;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.6em;

}



.news-block .inner-box h3 a{

	position: relative;

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.news-block .inner-box h3 a:hover{

	color:#FF4555;

}



.news-section .image-column{

	position: relative;

	/* margin-bottom: 40px; */

}



.news-section .image-column .inner-column{

	position: relative;

}



.news-section .image-column .inner-column .image{

	position: relative;

	margin-top: -131px;

}



.news-section .image-column .inner-column .image:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(68,57,34,0.95);

}



.news-section .image-column .inner-column .image img {

    position: relative;

    width: 100%;

    display: block;

    margin-top: -225px;

}



/*** 



====================================================================

	Call To Action Section

====================================================================



 ***/



.call-to-action-section{

	position: relative;

}



.call-to-action-section .outer-container{

	position: relative;

	background-color: #FF4555;

}



.call-to-action-section .left-column{

	position: relative;

	width: 50%;

	float: left;

}



.call-to-action-section .left-column .image-layer{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	right: -120px;

	bottom: 0px;

	z-index: 1;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-size: cover;

}



.call-to-action-section .left-column .inner-column{

    position: relative;

    padding: 53px 15px;

    max-width: 600px;

    float: right;

    width: 100%;

	z-index: 1;

}



.call-to-action-section .left-column .image-layer:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(0, 197, 255, 0.83);

}



.call-to-action-section .left-column h2 {

    position: relative;

    color: #ffffff;

    font-size: 23px;

    font-weight: 600;

    line-height: 36px;

}



.call-to-action-section .right-column{

	position: relative;

	width: 50%;

	float: right;

}



.call-to-action-section .right-column .inner-column{

	position: relative;

    padding: 60px 0px;

    text-align: right;

    max-width: 700px;

	padding-right:15px;

}





/*** 



====================================================================

	Main Footer

====================================================================



***/



.main-footer {



    position: relative;

    display: block;

    padding: 50px 0 0px;

    background-image: url(../images/ex-new-two/background/footer-25-bg.jpg);

    background-repeat: repeat;

}



.main-footer .footer-widget{

	position:relative;

	margin-bottom:40px;

}



.main-footer .widgets-section{

	position:relative;

	padding-bottom:40px;

}



.main-footer .footer-widget h2{

	position:relative;

	font-size: 25px;

	font-weight: 600;

	color: #ffffff;

	line-height:1.2em;

	margin-bottom:35px;

	margin-top:15px;

	padding-bottom: 18px;

	text-transform:capitalize;

}



.main-footer .footer-widget h2:after{

	position:absolute;

	content: '';

	left: 0px;

	bottom: 0px;

	height: 1px;

	width:50px;

	background-color: #FF4555;

}



.main-footer .logo-widget {

    position: relative;

    margin-top: 20px;

}



.main-footer .logo-widget .social-icon-one{

	margin-top:20px;

}



.main-footer .logo-widget .logo{

	position:relative;

	margin-bottom:25px;

}



.main-footer .logo-widget .text{

	position:relative;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	line-height: 1.7em;

	margin-bottom: 14px;

}



.footer-link{

	position: relative;

}



.footer-link li{

	position: relative;

	margin-bottom: 8px;

}



.footer-link li a{

	position: relative;

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.footer-link li a:before{

	position:absolute;

	content: "\f105";

	left: 0px;

	top: 0px;

	opacity: 0;

	color:#FF4555;

	font-family: 'FontAwesome';

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.footer-link li a:hover::before{

	opacity: 1;

}



.footer-link li a:hover{

	color:#FF4555;

	padding-left: 15px;

}



/*Posts Widget*/



.posts-widget .post{

	position: relative;

	padding-bottom: 16px;

	margin-bottom: 18px;

	border-bottom: 1px solid rgba(255,255,255,0.20);

}



.posts-widget .post:last-child{

	border:none;

	margin-bottom: 0px;

	padding-bottom: 0px;

}



.posts-widget .post .text{

	position: relative;

	color: #cccccc;

	font-size: 16px;

	line-height: 1.4em;

	margin-bottom: 5px;

}



.posts-widget .post .text a{

	position: relative;

	color: #ffffff;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	

}



.posts-widget .post .text a:hover{

	color:#FF4555;

}



.posts-widget .post .post-date{

	position: relative;

}



.posts-widget .post .post-date li{

	position: relative;

	color: #ffffff;

	font-size: 14px;

	padding-right: 10px;

	margin-right: 10px;

	font-weight: 700;

	line-height: 1.2em;

	display: inline-block;

	/* text-transform: uppercase; */

	border-right: 1px solid #555555;

	font-family: 'Exo', sans-serif;

}



.posts-widget .post .post-date li:last-child{

	margin-right: 0px;

	padding-right: 0px;

	border: none;

}



/*Newsletter Widget*/



.newsletter-widget{

	position: relative;

}



.newsletter-widget .text{

	position: relative;

	color: #ffffff;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 20px;

	font-weight: 600;

}



.main-footer .newsletter-widget .form-group{

	position:relative;

	display:block;

	margin-bottom:16px;

}



.main-footer .newsletter-widget .form-group input[type="text"],

.main-footer .newsletter-widget .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:26px;

	padding:10px 20px;

	height:48px;

	font-size:16px;

	color: #ffffff;

	border-radius: 3px;

	border: 1px solid rgb(63, 63, 63);

	background-color:rgba(255,255,255,0.10);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-footer .newsletter-widget .form-group button{

	width:100%;

	cursor: pointer;

	border-color: #001659;

	background-color: #001659;

	text-transform: uppercase;

}



.main-footer .footer-bottom{

	position: relative;

	padding: 35px 0px;

	border-top: 1px solid rgba(255,255,255,0.10);

	background: #001659;

}



.main-footer .footer-bottom .copyright{

	position: relative;

	color: #ffffff;

	font-size: 16px;

}



.main-footer .footer-bottom .footer-nav{

	position: relative;

	text-align: right;

}



.main-footer .footer-bottom .footer-nav li{

	position: relative;

	padding-right: 12px;

	margin-right: 10px;

	line-height: 1.1em;

	display: inline-block;

	border-right: 2px solid #555555;

}



.main-footer .footer-bottom .footer-nav li:last-child{

	border-right:none;

	margin-right: 0px;

	padding-right: 0px;

}



.main-footer .footer-bottom .footer-nav li a{

	position:relative;

	color: #ffffff;

	font-size: 16px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-footer .footer-bottom .footer-nav li a:hover{

	color:#ffffff;

}



/*** 



====================================================================

	Business Section

====================================================================



***/



.business-section{

	position: relative;

	padding: 100px 0px 55px;

}



.business-section:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 5px;

    width: 484px;

    height: 797px;

    display: inline-block;

    background: url(../images/background/pattern-1.png);

}



.business-section .title-column{

	position: relative;

	margin-bottom: 40px;

}



.business-section .title-column .inner-column{

	position: relative;

	padding-top: 35px;

	overflow: hidden;

}



.business-section .title-column .inner-column .sec-title{

	margin-bottom:20px;

}



.business-section .title-column .inner-column .sec-title h2{

	line-height: 1.3em;

	margin-bottom: 15px;

}



.business-section .title-column .inner-column .we-do{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-left: 10px;

	padding-right: 28px;

	display: inline-block;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.business-section .title-column .inner-column .we-do:hover{

	color:#001659;

}



.business-section .title-column .inner-column .we-do:before{

	position: absolute;

	content: "\f105";

	left: 0px;

	top: -2px;

	color:#001659;

	font-family: 'FontAwesome';

}



.business-section .title-column .inner-column .we-do:after{

	position:absolute;

	content: '';

	top: 11px;

	left: 100%;

	width:300%;

	height: 1px;

	background-color: #dddddd;

}



.business-section .content-column{

	position: relative;

}



.business-section .content-column .inner-column{

	position: relative;

}



/*Feature Block*/



.feature-block{

	position: relative;

	margin-bottom: 0px;

}



.feature-block .inner-box{

	position: relative;

	padding: 30px;

}



.feature-block .inner-box .icon-box{

	position: relative;

	color:#001659;

	font-size: 70px;

	line-height: 1em;

	margin-bottom: 15px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.feature-block.alternate .inner-box .icon-box{

	color:#FF4555;

	font-size: 54px;

	margin-bottom: 20px;

}



.feature-block .inner-box:hover .icon-box{

	color:#FF4555;

}



.feature-block .inner-box h3{

	position: relative;

	color:#222222;

	font-size: 23px;

	line-height: 1.4em;

	font-weight: 600;

	margin-bottom: 12px;

}



.feature-block .inner-box h3 a{

	position: relative;

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.feature-block .inner-box h3 a:hover{

	color:#FF4555;

}



.feature-block .inner-box .text{

	position: relative;

	color: #555555;

	font-size: 16px;

	line-height: 1.8em;

}



/*** 



====================================================================

	Fluid Section Three

====================================================================



***/



.fluid-section-three{

	position:relative;

	background-color:#f9f8fc;

}



.fluid-section-three .left-column{

    position: relative;

    left: 0px;

	top:0px;

    width: 50%;

    height: 100%;

	float: left;

}



.fluid-section-three .left-column .inner-column{

	position: relative;

	max-width: 650px;

	width: 100%;

	float: right;

	padding: 100px 80px 100px 15px;

}



.fluid-section-three .left-column .inner-column .btn-box{

	margin-top: 50px;

}



.fluid-section-three .right-column{

    position: relative;

    right: 0px;

	top:0px;

    width: 50%;

    height: 100%;

	float:right;

	background-size: cover;

	background-repeat: no-repeat;

}



.fluid-section-three .right-column .inner-column{

	position: relative;

	max-width: 600px;

	float: left;

	padding: 130px 15px 131px 160px;

}



.fluid-section-three .right-column:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(0, 35, 90, 0.89);

}



.fluid-section-three .right-column .inner-column .play-btn{

	position: relative;

	width:80px;

	height: 80px;

	color:#222222;

	font-size: 28px;

	padding-left: 6px;

	line-height: 80px;

	text-align: center;

	border-radius: 50%;

	margin-bottom: 50px;

	display: inline-block;

	background-color: #ffffff;

}



.fluid-section-three .right-column .inner-column .play-btn:before{

	position: absolute;

	content: '';

	left: -5px;

	top: -5px;

	bottom: -5px;

	right: -5px;

	border-radius: 50px;

	border: 5px solid rgba(255,255,255,0.20);

}



.fluid-section-three .right-column .inner-column .play-btn:after{

	position: absolute;

	content: '';

	left: -10px;

	top: -10px;

	bottom: -10px;

	right: -10px;

	border-radius: 50px;

	border: 4px solid rgba(255,255,255,0.10);

}



.fluid-section-three .right-column .inner-column h2{

	position:relative;

	color:#ffffff;

	font-size: 40px;

	font-weight: 600;

	line-height: 1.3em;

}



.fluid-section-three .right-column .inner-column .title{

	position:relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 700;

	line-height: 1.4em;

	margin-top: 8px;

	margin-bottom: 35px;

}



.fluid-section-three .right-column .inner-column .title:before{

	position: absolute;

	left: -50px;

	top: 11px;

	content: '';

	height: 1px;

	width: 35px;

	background-color: rgba(255,255,255,0.40);

}



.fluid-section-three .right-column .inner-column .text{

	position:relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 300;

	line-height: 1.6em;

	margin-bottom: 50px;

}



/*Featured Block Two*/



.feature-block-two{

	position: relative;

	margin-bottom: 35px;

}



.feature-block-two .inner-box{

	position: relative;

}



.feature-block-two .inner-box h3 {

    position: relative;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.4em;

    margin-bottom: 20px;

    padding-left: 60px;

}





.feature-block-two .inner-box h3 a{

	position: relative;

	color: #001659;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.feature-block-two .inner-box h3 a:hover{

	color:#FF4555;

}



.feature-block-two .inner-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.6em;

}



.feature-block-two.alternate{

	margin-left:60px;

}



.feature-block-two.alternate .inner-box h3:before{

	background-color: rgba(255,255,255,1);

}



.feature-block-two.alternate h3 a,

.feature-block-two.alternate .text{

	color:#ffffff;

}



.feature-block-two.style-two{

	margin-left:50px;

}



.feature-block-two.style-two .inner-box h3{

	font-size:18px !important;

	margin-bottom: 12px !important;

}



.feature-block-two.style-two .inner-box h3:before{

	background-color: #FF4555;

}



/*** 



====================================================================

	Beyong Section

====================================================================



***/



.beyong-section{

	position: relative;

	padding: 110px 0px 115px;

	background: #00235a;

}





.beyong-section.style-two:before{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width: 35%;

	height: 100%;

	background-color: #f9f8fc;

}



.beyong-section .beyong-tabs{

	position:relative;

}



.beyong-section .beyong-tabs .tab-btns{

	position:relative;

	margin-bottom: 35px;

	text-align: center;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn{

	position: relative;

	line-height: 24px;

	padding: 0px 0px;

	cursor: pointer;

	color: #ffffff;

	font-weight: 600;

	font-size: 18px;

	display: inline-block;

	margin:0px 20px 10px;

	padding-bottom: 2px;

	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;

	

}



.beyong-section .beyong-tabs .tab-btns .tab-btn:before{

	position: absolute;

	content: '';

	left: 50%;

	top: -30px;

	width: 7px;

	height: 7px;

	opacity: 0;

	visibility: hidden;

	margin-left: -3px;

	border-radius: 50px;

	background-color: #FF4555;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn .separater-dots{

	position: absolute;

	content: '';

	left: 50%;

	top: -30px;

	width: 31px;

	opacity: 0;

	visibility: hidden;

	margin-left: -15px;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn .separater-dots:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 7px;

	height: 7px;

	border-radius: 50px;

	background-color: #FF4555;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn .separater-dots:after{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background-color: #FF4555;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn:hover .separater-dots,

.beyong-section .beyong-tabs .tab-btns .tab-btn.active-btn .separater-dots{

	top:-24px;

	opacity: 1;

	visibility: visible;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn.active-btn,

.beyong-section .beyong-tabs .tab-btns .tab-btn:hover{

	color: #ffffff;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn:hover::before,

.beyong-section .beyong-tabs .tab-btns .tab-btn.active-btn::before{

	top:-24px;

	opacity: 1;

	bottom: auto;

	visibility: visible;

}



.beyong-section .beyong-tabs .tabs-content{

	position:relative;

	padding:35px 35px 35px;

	background-color: #ffffff;

	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);

}



.beyong-section .beyong-tabs .tabs-content .tab{

	position:relative;

	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;

}



.beyong-section .beyong-tabs .tabs-content .tab.active-tab{

	display:block;

}



.beyong-section .beyong-tabs .tabs-content .image-column{

	position: relative;

}



.beyong-section .beyong-tabs .tabs-content .image-column .image{

	position: relative;

}



.beyong-section .beyong-tabs .tabs-content .image-column .image:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width:100%;

	height: 100%;

	display: block;

	background-color: rgba(56,48,136,0.50);

}



.beyong-section .beyong-tabs .tabs-content .image-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.beyong-section .beyong-tabs .tabs-content .content-column{

	position: relative;

}



.beyong-section .beyong-tabs .tabs-content .content-column .inner-column{

	position: relative;

	padding-top: 20px;

	padding-left: 20px;

}



.beyong-section .beyong-tabs .tabs-content .content-column h2{

	position: relative;

	color:#001659;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 15px;

}



.beyong-section .beyong-tabs .tabs-content .content-column .text{

	position: relative;

	color: #555555;

	font-size: 16px;

	line-height: 1.9em;

	margin-bottom: 30px;

}



.beyong-section .beyong-tabs .tabs-content .content-column .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	margin-top: 40px;

	display: inline-block;

	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;

	text-transform: uppercase;

}



.beyong-section .beyong-tabs .tabs-content .content-column .read-more:hover{

	color:#001659;

}



.beyong-section .beyong-tabs .tabs-content .content-column .read-more .fa{

	position: relative;

	margin-right: 4px;

	color:#001659;

	font-size: 14px;

	font-weight: 700;

}



/*** 



====================================================================

	Call To Action Two

====================================================================



***/



.call-to-action-two{

	position: relative;

	padding: 120px 0px;

	text-align: center;

	background-size: cover;

	background-position: center center;

	background-attachment: fixed;

}



.call-to-action-two:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(18,14,14,0.80);

}



.call-to-action-two h2{

	position: relative;

	color:#ffffff;

	font-size: 42px;

	font-weight: 700;

	line-height: 1.3em;

	margin-bottom: 20px;

}



.call-to-action-two .text{

	position: relative;

	color:#ffffff;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 40px;

}



/*** 



====================================================================

	News Section Two

====================================================================



***/



.news-section-two{

	position: relative;

	padding: 115px 0px;

}



.news-block-two{

	position: relative;

}



.news-block-two .inner-box{

	position: relative;

	background-color: #f9f8fc;

}



.news-block-two .inner-box .image-column{

	position: relative;

	float: left;

	padding: 0px;

}



.news-block-two .inner-box .image-column.align-right{

	float:right;

}



.news-block-two .inner-box .image-column .image{

	position: relative;

}



.news-block-two .inner-box .image-column .image .arrow-box{

	position: absolute;

	right: 0px;

	bottom: 0px;

	color:#ffffff;

	width:70px;

	height: 70px;

	font-size: 32px;

	line-height: 70px;

	text-align: center;

	display: inline-block;

	background-color: #FF4555;

	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;

}



.news-block-two .inner-box .image-column .image .arrow-box:hover{

	background-color: #001659;

}



.news-block-two .inner-box .image-column .image img{

	position: relative;

	width: 100%;

	display: block;


}



.news-block-two .inner-box .content-column{

	position: relative;

	float: left;

	padding: 0px;

}



.news-block-two .inner-box .content-column .inner-column{

	position: relative;

	padding: 100px 80px 100px 70px;

}



.news-block-two .inner-box .content-column .inner-column .title{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	line-height: 1.4em;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase;

}



.news-block-two .inner-box .content-column .inner-column h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 20px;

}



.news-block-two .inner-box .content-column .inner-column h3 a{

	position: relative;

	color:#001659;

	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;

}



.news-block-two .inner-box .content-column .inner-column h3 a:hover{

	color:#FF4555;

}



.news-block-two .inner-box .content-column .inner-column .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

}



/*** 



====================================================================

	Featured Section

====================================================================



***/



.featured-section{

	position: relative;

}



.feature-block-three{

	position: relative;

}



.feature-block-three .inner-box {

    position: relative;

    padding: 70px 60px 70px;

    background: #ff4555;

}

.feature-block-three .inner-box .content{

	position: relative;

	padding-left: 50px;

}



.feature-block-three .inner-box .content .icon-box{

	position: absolute;

	left:0px;

	top: 4px;

	color: #ffffff;

	font-size: 32px;

	line-height: 1em;

}



.feature-block-three .inner-box h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 12px;

}



.feature-block-three .inner-box h3 a{

	position: relative;

	color: #ffffff;

}



.feature-block-three .inner-box .text{

	position: relative;

	color: #ffffff;

	font-size: 16px;

	line-height: 1.8em;

}



.feature-block-three.blue .inner-box{

	background-color: #001659;

	border-color: #001659;

}



.feature-block-three.blue .inner-box h3 a,

.feature-block-three.blue .inner-box .icon-box,

.feature-block-three.blue .inner-box .text{

	color:#ffffff;

}



.feature-block-three.pink .inner-box{

	background-color: #001659;

	border-color: #FF4555;

}



.feature-block-three.pink .inner-box h3 a,

.feature-block-three.pink .inner-box .icon-box,

.feature-block-three.pink .inner-box .text{

	color:#ffffff;

}



.feature-block-three.black .inner-box{

	background-color: #001659;

	border-color: #222222;

}



.feature-block-three.black .inner-box h3 a,

.feature-block-three.black .inner-box .icon-box,

.feature-block-three.black .inner-box .text{

	color:#ffffff;

}



.feature-block-three.grey .inner-box{

	background-color: #f9f8fc;

	border-color: #f9f8fc;

}



.featured-section .owl-dots,

.featured-section .owl-nav{

	display:none;

}



/*** 



====================================================================

	Testimonial Section Two

====================================================================



***/



.testimonial-section-two {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background-position: center;

}

.testimonial-block-three{

	position: relative;

}



.testimonial-block-three .inner-box{

	position: relative;

	text-align: center;

}



.testimonial-block-three .inner-box .image{

	position: relative;

	width: 120px;

	height: 120px;

	overflow: hidden;

	border-radius: 50%;


	margin: 0 auto;

	margin-bottom: 40px;

}



.testimonial-block-three .inner-box .text{

	position: relative;

	color: #222222;

	font-size: 16px;

	line-height: 1.9em;

	max-width: 930px;

	margin: 0 auto;

	font-style: italic;

	margin-bottom: 35px;

	font-family: 'Merriweather', serif;

}



.testimonial-block-three .inner-box .author{

	position: relative;

	color:#555555;

	font-size: 14px;

	font-weight: 600;

	padding-top: 20px;

	text-transform: uppercase;

}



.testimonial-block-three .inner-box .author:before{

	position: absolute;

	content: '';

	left: 50%;

	top: 0px;

	width: 50px;

	height: 1px;

	margin-left: -25px;

	background-color: #dddddd;

}



.testimonial-section-two .owl-nav{

	display:none;

}



.testimonial-section-two .owl-dots{

	position:absolute;

	right: 0px;

	top: 100px;

}



.testimonial-section-two .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin-bottom: 10px;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.testimonial-section-two .owl-dots .owl-dot:hover,

.testimonial-section-two .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/*** 



====================================================================

	Newsletter Section

====================================================================



***/



.newsletter-section{

	position: relative;

}



.newsletter-section:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 50%;

	height: 100%;

	background-color: #001659;

}



.newsletter-section:after{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width: 50%;

	height: 100%;

	z-index: -1;

	background-color: #FF4555;

}



.newsletter-section .left-column{

	position: relative;

	width:50%;

	float: left;

}



.newsletter-section .left-column .inner-column{

	position: relative;

	padding:60px 0px;

	text-align: right;

	padding-right :80px;

}



.newsletter-section .left-column .inner-column h2{

	position: relative;

	color: #ffffff;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.4em;

	z-index: 1;

}



.newsletter-section .left-column .inner-column .text{

	position: relative;

	color:#ffffff;

	z-index: 1;

	font-size: 18px;

	font-weight: 500;

	margin-top: 8px;

}



.newsletter-section .right-column{

	position: relative;

	width:50%;

	float: right;

}



.newsletter-section .right-column .inner-column{

	position: relative;

	max-width: 480px;

	width: 100%;

	padding: 65px 15px 65px 80px;

}



.newsletter-section .right-column .subscribe-form{

	position: relative;

}



.newsletter-section .right-column .subscribe-form .form-group{

	position:relative;

	display:block;

	margin-bottom:10px;

}



.newsletter-section .right-column .subscribe-form .form-group input[type="text"],

.newsletter-section .right-column .subscribe-form .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:26px;

	padding:10px 0px;

	height:48px;

	font-size:15px;

	color:#ffffff;

	background:none;

	font-weight:400;

	border-bottom:2px solid rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.newsletter-section .right-column .subscribe-form .form-group input::-webkit-input-placeholder{

	color:rgba(255,255,255,1);

}



.newsletter-section .right-column .subscribe-form .form-group button{

	position:absolute;

	right:0px;

	top:10px;

	cursor: pointer;

	font-size:28px;

	color:#ffffff;

	font-weight:400;

	background:none;

	letter-spacing:1px;

	text-transform:uppercase;

}



/*** 



====================================================================

	Planning Section

====================================================================



***/



.planning-section{

	position: relative;

	padding: 110px 0px 110px;

}



.planning-section:before{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width:50%;

	height: 100%;

	display: block;

	background-color: #f9f8fc;

}



.planning-section .sec-title{

	margin-bottom:80px;	

}



/*** 



====================================================================

	Help Section

====================================================================



***/



.help-section{

	position: relative;

	padding: 110px 0px;

}



.help-section .inner-container{

	position:relative;

}



.help-section:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width:50%;

	height: 100%;

	display: block;

	background-color: #f9f8fc;

}



.help-section .content-column{

	position: relative;

	padding:0px;

	float: left;

	width: 50%;

}



.help-section .content-column .inner-column{

	position:relative;

	padding: 80px 70px 85px;

	background-color: #ffffff;

}



.help-section .content-column .inner-column .content{

	position:relative;

	overflow: hidden;

}



.help-section .content-column .inner-column .text{

	position:relative;

	padding-left: 50px;

}



.help-section .content-column .inner-column .text:before{

	position:absolute;

	    content: "\f10e";

	left: 0px;

	top: 5px;

	color:#FF4555;

	font-size: 34px;

	line-height: 1em;

	font-family: "Flaticon";

}



.help-section .content-column .inner-column .text p{

	position:relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.6em;

	margin-bottom: 20px;

}



.help-section .content-column .inner-column .text p:last-child{

	margin-bottom:0px;

}



.help-section .content-column .inner-column .sec-title{

	margin-bottom: 35px;

}



.help-section .content-column .inner-column .sec-title .title-text{

	margin-top: 15px;

}



.help-section .content-column .inner-column .risk{

	position:relative;

	color: #FF4555;

	font-weight: 700;

	margin-top: 45px;

	padding-right: 30px;

	display: inline-block;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.help-section .content-column .inner-column .risk:before{

	position: absolute;

    content: '';

    top: 11px;

    left: 100%;

    width: 300%;

    height: 1px;

    background-color: #dddddd;

}



.help-section .content-column .inner-column .risk:hover{

	color:#001659;

}



.help-section .content-column .inner-column .risk .fa{

	position:relative;

	color:#001659;

	font-weight: 600;

	margin-right: 5px;

}



.help-section .image-column{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 50%;

	float: right;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}



.help-section .image-column .inner-column{

	position:static;

}



.help-section .image-column .inner-column .image{

	position: relative;

	display: none;

}



.help-section .image-column .inner-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.help-section .image-column .inner-column .testimonial-boxed{

	position:absolute;

	right: -300px;

	top: 50%;

	z-index: 1;

	max-width: 420px;

	margin-top: -123px;

}



.help-section .image-column .inner-column .testimonial-boxed .inner-block{

	position: relative;

	padding: 75px 50px 60px;

	background-color: #222222;

}



.help-section .image-column .inner-column .testimonial-boxed .inner-block .quote-icon{

	position: absolute;

    right: 45px;

    top: -28px;

    color: #FF4555;

    line-height: 1em;

    font-size: 60px;

}



.help-section .image-column .inner-column .testimonial-boxed .text{

	position: relative;

	font-style: italic;

	font-size: 22px;

	color:#ffffff;

	font-weight: 300;

	line-height: 1.7em;



}



.help-section .image-column .inner-column .testimonial-boxed .owl-nav,

.help-section .image-column .inner-column .testimonial-boxed .owl-dots{

	display: none;

}



/*** 



====================================================================

	Services Section Two

====================================================================



***/



.services-section-two{

	position:relative;

}



.services-section-two .owl-dots,

.services-section-two .owl-nav{

	display:none;

}



.services-block-two{

	position: relative;

}



.services-block-two .inner-box{

	position: relative;

	display:block;

}



.services-block-two .inner-box .image-layer{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:cover;

}



.services-block-two .inner-box .overlay-box{

	position: relative;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	text-align: center;

	padding:70px 0px;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	background-color: rgba(20, 20, 20, 0.91);

}



.services-block-two.pink .inner-box .overlay-box{

	background-color: rgba(255, 94, 20, 0.90);

}



.services-block-two.blue .inner-box .overlay-box{

	background-color: #001659e8;

}



.services-block-two .inner-box .overlay-box .overlay-inner{

    position: relative;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    vertical-align: middle;

    padding: 10px 30px;

}



.services-block-two .inner-box .overlay-box .overlay-inner .content{

	position: relative;

    display: block;

    vertical-align: middle;

}



.services-block-two .inner-box .overlay-box .icon-box{

	position: relative;

	color:#ffffff;

	font-size: 70px;

	line-height: 1em;

	padding-bottom: 20px;

	margin-bottom: 25px;

}



.services-block-two .inner-box .overlay-box .icon-box:after{

	position: absolute;

	content: '';

	left: 50%;

	bottom:0px;

	width:70px;

	height: 1px;

	margin-left: -35px;

	background-color: rgba(255,255,255,0.15);

}



.services-block-two .inner-box .overlay-box h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	color:#ffffff;

	line-height: 1.4em;

	margin-bottom: 15px;

}



.services-block-two .inner-box .overlay-box h3 a{

	position: relative;

	color:#ffffff;

}



.services-block-two .inner-box .overlay-box .text{

	position: relative;

	color: #ffffff;

	font-size: 18px;

	line-height: 1.6em;

	margin-bottom: 25px;

}



.services-block-two .inner-box .overlay-box .read-more{

	position: relative;

	color:#ffffff;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

}



.services-block-two .inner-box .overlay-box .read-more .fa{

	position: relative;

	margin-right: 4px;

	font-weight: 600;

}



/*** 



====================================================================

	Modern Section

====================================================================



***/



.modern-section{

	position: relative;

	padding: 110px 0px 70px;

}



.modern-section:before{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 40%;

    height: 100%;

    background-color: #f9f8fc;

}



.modern-section .image-column{

	position: relative;

	margin-bottom: 40px;

}



.modern-section .image-column .inner-column{

	position: relative;

}



.modern-section .image-column .inner-column .image{

	position: relative;

}



.modern-section .image-column .inner-column .image:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(68,57,134,0.15);

}



.modern-section .image-column .inner-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.modern-section .content-column{

	position: relative;

}



.modern-section .content-column .inner-column{

	position: relative;

	padding-left: 30px;

}



.modern-section .content-column .inner-column h2{

	position: relative;

	color:#001659;

	font-size: 40px;

	font-weight: 600;

	line-height: 1.2em;

	margin-bottom: 12px;

}



.modern-section .content-column .inner-column .title{

	position: relative;

	color:#00C5FF;

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 30px;

}



.modern-section .content-column .inner-column .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 35px;

}



/*** 



====================================================================

	Expert Section

====================================================================



***/



.expert-section{

	position: relative;

	padding: 0px 0px 100px;

}



.expert-section .sec-title{

	margin-bottom:30px;

}



.expert-section .counter-column{

	position: relative;

}



.expert-section .counter-column .inner-column{

	position: relative;

}



.expert-section .counter-column .inner-column .fact-counter{

	position:relative;

	padding-left: 50px;

}



.expert-section .counter-column .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	padding-left: 50px;

	line-height: 1.7em;

	margin-bottom: 55px;

}



.expert-section .counter-column .text:before {

    position: absolute;

    left: 0px;

    top: 0px;

    color: #FF4555;

    line-height: 1em;

    font-size: 40px;

    font-family: "Flaticon";

    content: "\f149";

}

.expert-section .blocks-column{

	position:relative;

}



.expert-section .blocks-column .inner-column{

	position:relative;

	margin-right: -185px;

}



.expert-section .blocks-column .inner-column .owl-nav{

	display:none;

}



.expert-section .blocks-column .inner-column .owl-dots{

	position:relative;

	text-align: center;

	margin-top: 20px;

}



.expert-section .blocks-column .inner-column .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.expert-section .blocks-column .inner-column .owl-dots .owl-dot:hover,

.expert-section .blocks-column .inner-column .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/*Expert Block*/



.expert-block{

	position: relative;

	margin-bottom: 30px;

}



.expert-block .inner-box{

	position: relative;

}



.expert-block .inner-box .image{

	position: relative;

}



.expert-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.expert-block .inner-box .image:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(68,57,134,0.15);

}



.expert-block .inner-box .lower-content{

	position: relative;

	padding-top: 30px;

	text-align: center;

}



.expert-block .inner-box .lower-content h3{

	position: relative;

	color: #222222;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 4px;

}



.expert-block .inner-box .lower-content h3 a{

	position: relative;

	color:#222222;

	font-size: 18px;

	font-weight: 600;

	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;

}



.expert-block .inner-box .lower-content h3 a:hover{

	color:#FF4555;

}



.expert-block .inner-box .lower-content .designation{

	position: relative;

	color:#FF4555;

	font-size: 14px;

	font-weight: 500;

}



/*** 



====================================================================

	News Section Three

====================================================================



***/



.news-section-three{

	position: relative;

	padding: 100px 0px 60px;

	background-color: #f9f8fc;

}



.news-section-three.alternate{

	background:none;

}



.news-block-three{

	position:relative;

	margin-bottom: 30px;

}



.news-block-three .inner-box{

	position: relative;

	overflow: hidden;

}



.news-block-three .inner-box .image{

	position: relative;

}



.news-block-three .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.news-block-three .inner-box .image:before{

	position: absolute;

	content: '';

	left:0px;

	top:0px;

	width:100%;

	height: 100%;

	display: block;

	cursor: pointer;

	z-index: 1;

	border: 150px solid rgba(68,57,134,0);

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -moz-transition: all 0.8s cubic-bezier(0.940, 0.850, 0.100, 0.620);

    -webkit-transition: all 0.8s cubic-bezier(0.940, 0.850, 0.100, 0.620);

    -o-transition: all 0.8s cubic-bezier(0.940, 0.850, 0.100, 0.620);

    -ms-transition: all 0.8s cubic-bezier(0.940, 0.850, 0.100, 0.620);

    transition: all 0.8s cubic-bezier(0.940, 0.850, 0.100, 0.620);

}



.news-block-three .inner-box:hover .image:before {

    border: 0px double #FF4555;

}



.news-block-three .inner-box .lower-content{

	position: relative;

	padding-top: 40px;

}



.news-block-three .inner-box .post-info{

	position: relative;

	margin-bottom: 12px;

}



.news-block-three .inner-box .post-info li{

	position: relative;

	color:#555555;

	font-size: 13px;

	font-weight: 700;

	padding-right: 14px;

	margin-right: 12px;

	line-height: 1.1em;

	display: inline-block;

	text-transform: uppercase;

	border-right: 1px solid #555555;

}



.news-block-three .inner-box .post-info li:last-child{

	margin-right: 0px;

	padding-right: 0px;

	border:none;

}



.news-block-three .inner-box .lower-content h3{

	position: relative;

	font-size: 22px;

	color:#222222;

	font-weight: 600;

	line-height: 1.5em;

	margin-bottom: 10px;

}



.news-block-three .inner-box .lower-content h3 a{

	position: relative;

	color:#222222;

	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;

}



.news-block-three .inner-box .lower-content h3 a:hover{

	color:#FF4555;

}



.news-block-three .inner-box .lower-content .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.news-block-three .inner-box .lower-content .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-right: 30px;

	text-transform: uppercase;

	display: inline-block;

	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;

}



.news-block-three .inner-box .lower-content .read-more:hover{

	color:#001659;

}



.news-block-three .inner-box .lower-content .read-more:before{

	position: absolute;

    content: '';

    left: 100%;

    top: 12px;

    width: 0%;

    height: 1px;

    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;

    background-color: #dddddd;

}



.news-block-three .inner-box:hover .lower-content .read-more:before{

	width:300%;

	opacity: 1;

	visibility: visible;

}



.news-block-three .inner-box .lower-content .read-more .fa{

	position: relative;

	color:#001659;

	font-weight: 700;

	margin-right: 4px;

	display: inline-block;

}



/*** 



====================================================================

	Goals Section

====================================================================



***/



.goals-section{

	position: relative;

	padding: 110px 0px 30px;

}



.goals-section:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 50%;

	height: 100%;

	background-color: #f9f8fc;

}



.goals-section .title-column{

	position: relative;

}



.goals-section .title-column .inner-column{

	position: relative;

	text-align: right;

	padding-right: 50px;

	margin-bottom: 40px;

}



.goals-section .title-column .inner-column h2{

	position: relative;

	color: #001659;

	font-size: 40px;

	font-weight: 600;

	line-height: 1.3em;

}



.goals-section .content-column{

	position: relative;

}



.goals-section .content-column .inner-column{

	position: relative;

	padding-left: 50px;

}



.goals-section .content-column .inner-column .text{

	position: relative;

}



.goals-section .content-column .inner-column .text p{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.goals-section .content-column .inner-column .text p:last-child{

	margin-bottom: 0px;

}



/*** 



====================================================================

	Services Section Three

====================================================================



***/



.services-section-three {

    position: relative;

    padding: 100px 0px 70px;

}



.services-section-three:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 80px;

	right: 0px;

	bottom: 80px;

	background: url(../images/background/pattern-2.png) no-repeat;

}



/*** 



====================================================================

	Task Section

====================================================================



***/



.task-section {

    position: relative;

    padding: 105px 0px 100px;

    background-color: #001659;

}



.task-section:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 30%;

	height: 100%;

	display: block;

	background-color: #ffffff;

}



.task-section .image-column{

	position: relative;

	margin-bottom: 40px;

}



.task-section .image-column .inner-column{

	position: relative;

    margin-right: 20px;

    margin-left: -250px;

}



.task-section .image-column .inner-column .image{

	position: relative;

}



.task-section .image-column .inner-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.task-section .content-column{

	position: relative;

}



.task-section .content-column .inner-column{

	position: relative;

	margin-right: -115px;

	padding-left: 40px;

}




.task-section .content-column .inner-column .title{

	position: relative;

	    color: #00c5ff;

	font-size: 13px;

	font-weight: 700;

	margin-bottom: 8px;

	text-transform: uppercase;

}



.task-section .content-column .inner-column h2{

	position: relative;

	color:#ffffff;

	font-size: 40px;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 45px;

}



.task-section .content-column .inner-column .btn-box{

	position: relative;

	margin-left: 58px;

	margin-top: 50px;

}



/*** 



====================================================================

	Offer Section

====================================================================



***/



.offer-section-two{

	position: relative;

	padding: 120px 0px 80px;

	background: #fcfcfc;

}



.offer-section-two .offer-title-box{

	position: relative;

	margin-bottom: 30px;

}



.offer-section-two .offer-title-box .inner-box{

	position: relative;

	min-height: 408px;

	padding: 45px 45px 45px;

	background-color: #FF4555;

}



.offer-section-two .offer-title-box .inner-box h2{

	position: relative;

	font-size: 40px;

	color: #ffffff;

	font-weight: 600;

	line-height: 1.3em;

}



.offer-section-two .offer-title-box .inner-box .text{

	position: relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 500;

	line-height: 1.6em;

	margin-top: 10px;

}



.offer-section-two .offer-title-box .inner-box .arrow-box{

	position: absolute;

	right: 0px;

	bottom: 0px;

	width: 70px;

	height: 70px;

	color: #ffffff;

	text-align: center;

	line-height: 70px;

	font-size: 24px;

	font-weight: 700;

	background-color: #000000;

	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;

}



.offer-section-two .offer-title-box .inner-box .arrow-box:hover{

	color:#ffffff;

	background-color: #001659;

}



.offer-section-two .counter-box{

	position:relative;

	padding-top: 70px;

	padding-left: 190px;

	padding-right: 200px;

}



/*Services Block Three*/



.services-block-three{

	position: relative;

	margin-bottom: 30px;

}



.services-block-three .inner-box{

	position: relative;

	overflow: hidden;

	padding: 56px 45px 55px;

	box-shadow: 0px 0px 25px rgba(0,0,0,0.15);

}



.services-block-three .inner-box .left-layer{

	position:absolute;

	left:0px;

	top:0px;

	width:50%;

	height:100%;

	display:block;

}



.services-block-three .inner-box .left-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:50%;

	height:0%;

	display:block;

	background-color:#001659;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

}



.services-block-three .inner-box .left-layer:after{

	position:absolute;

	content:'';

	right:0px;

	bottom:0px;

	width:50%;

	height:0%;

	display:block;

	background-color:#001659;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

}



.services-block-three .inner-box:hover .left-layer:before,

.services-block-three .inner-box:hover .left-layer:after{

	height:100%;

}



.services-block-three .inner-box .right-layer{

	position:absolute;

	right:0px;

	top:0px;

	width:50%;

	height:100%;

	display:block;

}



.services-block-three .inner-box .right-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:50%;

	height:0%;

	display:block;

	background-color:#001659;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

}



.services-block-three .inner-box .right-layer:after{

	position:absolute;

	content:'';

	right:0px;

	bottom:0px;

	width:50%;

	height:0%;

	display:block;

	background-color:#001659;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

}



.services-block-three .inner-box:hover .right-layer:before,

.services-block-three .inner-box:hover .right-layer:after{

	height:100%;

}



.services-block-three .inner-box .icon-box{

	position: relative;

	color: #FF4555;

	font-size: 60px;

	line-height: 1em;

	margin-bottom: 20px;

	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;

}



.services-block-three .inner-box:hover .icon-box,

.services-block-three .inner-box:hover .text,

.services-block-three .inner-box:hover h3 a{

	color:#ffffff;

}



.services-block-three .inner-box h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	margin-bottom: 15px;

}



.services-block-three .inner-box h3 a{

	position: relative;

	color: #222222;

	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;

}



.services-block-three .inner-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7em;

	margin-bottom: 35px;

	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;

}



.services-block-three .inner-box .read-more{

	position: relative;

    color: #FF4555;

    font-size: 13px;

    text-transform: uppercase;

    padding-right: 25px;

    font-weight: 700;

    display: inline-block;

    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;

}



.services-block-three .inner-box .read-more .fa{

	position:relative;

	margin-right: 3px;

}



.services-block-three .inner-box .read-more:after{

	position: absolute;

    content: '';

    left: 100%;

    top: 10px;

    width: 0%;

    height: 1px;

    opacity: 0;

    visibility: hidden;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

	background-color: rgba(255,255,255,0.20);

}



.services-block-three .inner-box:hover .read-more:after{

	opacity: 1;

	width: 300%;

	visibility: visible;

	background-color: rgba(255,255,255,0.20);

}



/*** 



====================================================================

	Consulting Section

====================================================================



***/



.consulting-section{

	position: relative;

	padding: 110px 0px 110px;

	background-color: #f9f8fc;

}



.consulting-section.alternate{

	background-color:#ffffff;

}



.consult-block{

	position: relative;

}



.consult-block .inner-box{

	position: relative;

	background-color: #ffffff;

}



.consult-block .inner-box .image-column{

	position: relative;

	padding:0px;

	float: left;

}



.consult-block .inner-box .image-column .inner-column{

	position: relative;

	padding:25px;

}



.consult-block .inner-box .image-column .image{

	position: relative;

}



.consult-block .inner-box .image-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.consult-block .inner-box .content-column{

	position: relative;

	padding:0px;

	float: left;

}



.consult-block .inner-box .content-column .inner-column{

	position: relative;

	padding: 70px 50px 70px 70px;

}



.consult-block .inner-box .content-column .title{

	position: relative;

	color: #FF4555;

	font-size: 13px;

	font-weight: 700;

	margin-bottom: 10px;

	text-transform: uppercase;

}



.consult-block .inner-box .content-column h3{

	position: relative;

	font-size: 22px;

	color:#001659;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 18px;

}



.consult-block .inner-box .content-column .text{

	position: relative;

	color: #555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.consulting-section .owl-nav{

	display:none;

}



.consulting-section .owl-dots{

	position:relative;

	text-align: center;

	margin-top: 60px;

}



.consulting-section .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.consulting-section .owl-dots .owl-dot:hover,

.consulting-section .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/*** 



====================================================================

	Strategy Section

====================================================================



***/



.strategy-section{

	position: relative;

	padding: 100px 0px 75px;

}



.strategy-section:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 35%;

	height: 315px;

	background-color: #f9f8fc;

}



.strategy-section .title-box{

	position: relative;

	margin-bottom: 140px;

}



.strategy-section .title-box .title{

	position: relative;

	font-size: 18px;

	color: #00C5FF;

	font-weight: 500;

	line-height: 1.4em;

	margin-bottom: 10px;

}



.strategy-section .title-box h2{

	position: relative;

	font-size: 40px;

	color:#001659;

	font-weight: 600;

	line-height: 1.2em;

}



/*Strategy Block*/



.strategy-block{

	position: relative;

	margin-bottom: 30px;

}



.strategy-block .inner-box{

	position: relative;

	padding-left: 105px;

	padding-right: 30px;

}



.strategy-block .inner-box .icon-box{

	position: absolute;

	left: 0px;

	top: 0px;

	color: #FF4555;

	line-height: 1em;

	font-size: 61px;

}



.strategy-block .inner-box h3{

	position: relative;

	color: #222222;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 12px;

}



.strategy-block .inner-box h3 a{

	position: relative;

	color: #222222;

	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;

}



.strategy-block .inner-box h3 a:hover{

	color:#FF4555;

}



.strategy-block .inner-box .text{

	position: relative;

	color: #555555;

	font-size: 16px;

	line-height: 1.6em;

}



/*** 



====================================================================

	Stories Section

====================================================================



***/



.stories-section{

	position: relative;

	padding: 110px 0px 80px;

	background-repeat: no-repeat;

	background-position: center center;

}



.stories-section .auto-container{

	position:relative;

}



.stories-section:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    background-color: rgba(68, 57, 134, 0.7);

}

.stories-section .title-column{

	position: relative;

	margin-bottom: 30px;

}



.stories-section .title-column .inner-column{

	position: relative;

}



.stories-section .title-column .sec-title{

	position: relative;

	margin-bottom: 25px;

}



.stories-section .title-column .inner-column .text{

	position: relative;

	color:#fff;

	font-size: 16px;

	line-height: 1.7em;

}



.stories-section .blocks-column,

.stories-section .blocks-column .owl-carousel,

.stories-section .blocks-column .owl-carousel .owl-stage,

.stories-section .blocks-column .owl-carousel .owl-stage-outer{

	position:static;

}



.stories-section .owl-nav{

	display:none;

}



.stories-section .owl-dots{

	position:absolute;

	left: 15px;

	bottom: 190px;

	display: none;

}



.stories-section .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.stories-section .owl-dots .owl-dot:hover,

.stories-section .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/*Story Block*/



.story-block{

	position:relative;

	margin-bottom: 30px;

}



.story-block .inner-box{

	position: relative;

}



.story-block .inner-box .image{

	position: relative;

}



.story-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.story-block .inner-box .lower-content{

	position: relative;

	padding-top: 40px;

	background: white;

	padding: 30px;

}



.story-block .inner-box .lower-content h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 10px;

}



.story-block .inner-box .lower-content h3 a{

	position: relative;

	color: #242424;

	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;

}



.story-block .inner-box .lower-content .text{

	position: relative;

	color: #414141;

	font-size: 16px;

	line-height: 1.8em;

	margin-bottom: 20px;

}



.story-block .inner-box .lower-content .read-more{

	position: relative;

    color: #FF4555;

    font-size: 13px;

    font-weight: 700;

    padding-right: 30px;

    text-transform: uppercase;

    display: inline-block;

}



.story-block .inner-box .lower-content h3 a:hover{

	color:#FF4555;

}



.story-block .inner-box .lower-content .read-more .fa{

	position: relative;

	font-weight: 600;

	margin-right: 4px;

	color:#ffffff;

	top: -2px;

}



/*** 



====================================================================

	Services Section Four

====================================================================



***/



.services-section-four{

	position: relative;

	padding: 100px 0px 60px;

}



.services-block-four{

	position: relative;

	margin-bottom: 30px;

}



.services-block-four .inner-box{

	position: relative;

	text-align: center;

	padding: 80px 30px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.services-block-four .inner-box:before{

	position:absolute;

	content: '';

	left: 0px;

	bottom: 0px;

	height: 2px;

	width: 0px;

	background-color: #FF4555;

	transition:all 1200ms ease;

	-moz-transition:all 1200ms ease;

	-webkit-transition:all 1200ms ease;

	-ms-transition:all 1200ms ease;

	-o-transition:all 1200ms ease;

}



.services-block-four .inner-box:after{

	position:absolute;

	content: '';

	right: 0px;

	bottom: 0px;

	height: 2px;

	width: 0px;

	background-color: #FF4555;

	transition:all 1200ms ease;

	-moz-transition:all 1200ms ease;

	-webkit-transition:all 1200ms ease;

	-ms-transition:all 1200ms ease;

	-o-transition:all 1200ms ease;

}



.services-block-four .inner-box:hover{

	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);

}



.services-block-four .inner-box:hover::before,

.services-block-four .inner-box:hover::after{

	width:100%;

}



.services-block-four .inner-box .icon-box {

    position: relative;

    color: #00C5FF;

    font-size: 56px;

    line-height: 1em;

    margin-bottom: 18px;

    display: inline-block;

}



.services-block-four .inner-box h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 10px;

}



.services-block-four .inner-box h3 a{

	position: relative;

	color: #001064;

	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;

}



.services-block-four .inner-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

}



.services-block-four .inner-box h3 a:hover{

	color:#FF4555;

}



/*** 



====================================================================

	Fluid Section Four

====================================================================



***/



.fluid-section-four{

	position:relative;

	background-color:#f9f8fc;

}



.fluid-section-four .image-column{

    position: absolute;

    left: 0px;

	top:0px;

    width: 50%;

    height: 100%;

	float:right;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.fluid-section-four .image-column .image{

    width: 100%;

    display: none;

}



.fluid-section-four .image-column .image img{

    display: block;

    width: 100%;

}



.fluid-section-four .image-column .overlay-link{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: rgba(68,57,134,0.70);

    transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

}



.fluid-section-four .image-column .overlay-link .icon-box{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 80px;

    height: 80px;

    color: #222222;

    font-size: 28px;

    padding-left: 6px;

    line-height: 80px;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 50px;

    display: inline-block;

    margin-left: -40px;

    margin-top: -40px;

    background-color: #ff4555;

}



.fluid-section-four .image-column .overlay-link .icon-box:before{

	position: absolute;

    content: '';

    left: -5px;

    top: -5px;

    bottom: -5px;

    right: -5px;

    border-radius: 50px;

    border: 5px solid rgba(255,255,255,0.20);

}



.fluid-section-four .image-column .overlay-link .icon-box:after{

	position: absolute;

    content: '';

    left: -10px;

    top: -10px;

    bottom: -10px;

    right: -10px;

    border-radius: 50px;

    border: 4px solid rgba(255,255,255,0.10);

}



.fluid-section-four .image-column:hover .overlay-link{

	background: rgba(68,57,134,0.40);

}



/*Content Column*/



.fluid-section-four .content-column{

	position: relative;

    width: 50%;

	float:right;

	padding:85px 60px 100px 90px;

}



.fluid-section-four .content-column .content-box{

	position:relative;

	max-width:525px;

	float:left;

}



/*** 



====================================================================

	News Section Four

====================================================================



***/



.news-section-four{

	position: relative;

	padding: 100px 0px 110px;

}



.news-section-four:before{

	position: absolute;

	content: '';

	right:0px;

	top: 0px;

	width: 75%;

	bottom:200px;

	background-color: #f9f8fc;

}



/*News Block Four*/



.news-block-four{

	position: relative;

	margin-bottom: 70px;

}



.news-block-four .inner-box{

	position: relative;

}



.news-block-four .inner-box .image-column{

	position: relative;

}



.news-block-four .inner-box .image-column .inner-column{

	position: relative;

}



.news-block-four .inner-box .image-column .inner-column .image{

	position: relative;

}



.news-block-four .inner-box .image-column .inner-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.news-block-four .inner-box .content-column{

	position: relative;

}



.news-block-four .inner-box .content-column .inner-column{

	position: relative;

	padding-left: 20px;

}



.news-block-four .inner-box .content-column .post-info{

	position: relative;

	margin-bottom: 8px;

}



.news-block-four .inner-box .content-column .post-info li{

	position: relative;

	color:#001659;

	font-size: 13px;

	font-weight: 700;

	padding-right: 14px;

	margin-right: 12px;

	line-height: 1.2em;

	display: inline-block;

	text-transform: uppercase;

	border-right: 1px solid #001659;

}



.news-block-four .inner-box .content-column .post-info li:last-child{

	margin-right: 0px;

	padding-right: 0px;

	border:none;

}



.news-block-four .inner-box .content-column .post-info li:first-child{

	color:#FF4555;

}



.news-block-four .inner-box .content-column h3{

	position: relative;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.5em;

	margin-bottom: 25px;

}



.news-block-four .inner-box .content-column h3 a{

	position: relative;

	color:#222222;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.news-block-four .inner-box .content-column h3 a:hover{

	color:#FF4555;

}



.news-block-four .inner-box .content-column .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.news-block-four .inner-box .content-column .read-more{

	position: relative;

	color: #FF4555;

	font-size: 15px;

	font-weight: 600;

	padding-right: 30px;

	/* text-transform: uppercase; */

	display: inline-block;

	transition: all 0.6s ease;

	-moz-transition: all 0.6s ease;

	-webkit-transition: all 0.6s ease;

	-ms-transition: all 0.6s ease;

	-o-transition: all 0.6s ease;

}



.news-block-four .inner-box .content-column .read-more .fa{

    position: relative;

    color: #001659;

    font-weight: 700;

    margin-right: 4px;

    display: inline-block;

}



.news-block-four .inner-box .content-column .read-more:hover{

	color: #001659;

}



.news-section-four .button-box{

	margin-top: 120px;

}



/*** 



====================================================================

	Page Title

====================================================================



***/



.page-title{

	position:relative;

	padding:120px 0px 120px;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

	background-attachment: fixed;

}



.page-title:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(14,12,31,0.80);

}



.page-title .auto-container{

	position:relative;

}



.page-title h1{

	position:relative;

	color:#ffffff;

	font-size: 48px;

	font-weight:600;

	line-height:1.2em;

	margin-bottom: 5px;

	text-transform:capitalize;

	padding-bottom: 35px;

}



.page-breadcrumb{

	position:relative;

	margin-left: 50px;

}



.page-breadcrumb:before{

	position:absolute;

	content: '';

	left: -50px;

	top: 10px;

	height: 1px;

	width:35px;

	background-color: #ffffff;

}



.page-breadcrumb li{

	position:relative;

	display:inline-block;

	margin-right:10px;

	padding-right:15px;

	color:#FF4555;

	font-size: 18px;

	font-weight: 600;

	text-transform:capitalize;

}



.page-breadcrumb li:after{

	position:absolute;

	content: "\f105";

	right:-2px;

	top:-1px;

	color:#ffffff;

	font-size:14px;

	font-family: 'FontAwesome';

}



.page-breadcrumb li:last-child::after{

	display: none;

}



.page-breadcrumb li:last-child{

	padding-right:0px;

	margin-right:0px;

}



.page-breadcrumb li a{

	color:#ffffff;

	font-weight:500;

	text-transform: capitalize;

	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;

}



.page-breadcrumb li a:hover{

	color:#FF4555;

}



/*** 



====================================================================

	Featured Section Two

====================================================================



***/



.featured-section-two{

	position: relative;

	padding: 100px 0px 90px;

}



.feature-block-four{

	position: relative;

	margin-bottom: 30px;

}



.feature-block-four .inner-box{

	position: relative;

}



.feature-block-four .inner-box .icon-box{

	position: relative;

	color:#FF4555;

	font-size: 70px;

	line-height: 1em;

	margin-bottom: 20px;

	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;

}



.feature-block-four .inner-box:hover .icon-box{

	color:#001659;

}



.feature-block-four .inner-box h3{

	position: relative;

	color:#222222;

	font-size: 23px;

	font-weight: 600;

	line-height: 1.7em;

	margin-bottom: 12px;

}

.servicw5 .feature-block-four {

    padding-left: 30px;

    padding-right: 30px;

}

.feature-block-four .inner-box h3 a{

	position: relative;

	color:#222222;

	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;

}



.feature-block-four .inner-box h3 a:hover{

	color:#FF4555;

}



.feature-block-four .inner-box .text{

	position: relative;

	color: #555555;

	font-size: 16px;

	line-height: 1.6em;

}



/*** 



====================================================================

	Skills Section

====================================================================



***/



.skills-section{

	position: relative;

	padding: 105px 0px 60px;

}



.skills-section .title-column{

	position: relative;

	margin-bottom: 30px;

}



.skills-section .title-column .inner-column{

	position: relative;

	text-align: right;

}



.skills-section .title-column .inner-column .sec-title h2{

	line-height: 1.2em;

	margin-bottom: 25px;

}



.skills-section .skill-column{

	position:relative;

	margin-bottom: 40px;

}



.skills-section .skill-column .inner-column{

	position:relative;

	padding-left: 70px;

}



/*Skills Section*/



.skills{

	position: relative;

}



.skills .skill-item{

	position:relative;

	margin-bottom:50px;

}



.skills .skill-item:last-child{

	margin-bottom:0px;

}



.skills .skill-item .skill-bar{

	position:relative;

	width:100%;

	height:5px;

	background-color:#eeeeee;

}



.skills .skill-item .skill-bar .bar-inner{

	position:relative;

	width:100%;

	height:5px;

	background:none;

}



.skills .skill-item .skill-bar .bar-inner .bar{

	position:absolute;

	left:0px;

	top:0px;

	height:5px;

	width:0px;

	-webkit-transition:all 2000ms ease;

	-ms-transition:all 2000ms ease;

	-o-transition:all 2000ms ease;

	-moz-transition:all 2000ms ease;

	transition:all 2000ms ease;

	background:-webkit-linear-gradient(left, #483985, #e92e52);

	background:-ms-linear-gradient(left, #483985, #e92e52);

	background:-o-linear-gradient(left, #483985, #e92e52);

	background:-moz-linear-gradient(left, #483985, #e92e52);

}



.skills .skill-item .skill-bar .bar-inner .bar:after{

	position:absolute;

	right: 0px;

	top: -25px;

	color:#001659;

	content: "\f0d7";

	font-family: 'FontAwesome';

}



.skills .skill-item .skill-header{

	position:relative;

	margin-bottom:12px;

}



.skills .skill-item .skill-header .skill-title{

	position:relative;

}



.skills .skill-item .skill-header .skill-title{

	float:left;

	color:#222222;

	font-size:12px;

	font-weight:600;

	line-height:1.4em;

	text-transform:uppercase;

	

}



.skills .skill-item .skill-header .skill-percentage{

	float:right;

	color:#222222;

	font-size:12px;

	font-weight:600;

	line-height:1.4em;

	text-transform:uppercase;

	

}



/*Services Title Box*/



.services-title-box{

	position: relative;

	padding: 100px 0px;

}



.services-title-box .title-box{

	position: relative;

	text-align: center;

}



.services-title-box .title-box .title{

	position: relative;

	color: #555555;

	font-size: 18px;

	line-height: 1.4em;

	margin-bottom: 10px;

}



.services-title-box .title-box h2{

	position: relative;

	color:#001659;

	font-size: 48px;

	font-weight: 600;

	line-height: 1.2em;

	margin-bottom: 25px;

}



.services-title-box .title-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.6em;

	max-width:900px;

	margin: 0 auto;

}



/*** 



====================================================================

	Sidebar Page Container

====================================================================



***/



.sidebar-page-container{

	position:relative;

	padding:110px 0px 80px;

}



.sidebar-page-container .content-side,

.sidebar-page-container .sidebar-side{

	margin-bottom:40px;

}



.sidebar-page-container .sidebar-side .sidebar{

	position:relative;

	padding-right: 40px;

}



/*Sidebar Widget*/



.sidebar-widget{

    position: relative;

    margin-bottom: 50px;

}



/*Blog Cat*/



.blog-cat{

	position: relative;

}



.blog-cat li{

	position: relative;

	margin-bottom: 5px;

}



.blog-cat li a{

	position: relative;

	font-size: 16px;

	display: block;

	color:#222222;

	font-weight: 500;

	letter-spacing: 1px;

	padding: 14px 30px;

	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;

	text-transform: uppercase;

	background-color: #f9f8fc;

	font-family: 'Exo', sans-serif;

	

}



.blog-cat li a:hover,

.blog-cat li.active a{

	color:#ffffff;

	background-color: #FF4555;

	border-right: 5px solid #001659;

}



/*Testimonial Widget*/



.testimonial-widget .inner-widget{

	position: relative;

	padding: 40px 30px;

	background-color: #001659;

}



.testimonial-widget .inner-widget .owl-nav{

	display:none;

}



.testimonial-widget .inner-widget .owl-dots{

	position:relative;

	text-align: center;

	margin-top: 30px;

}



.testimonial-widget .inner-widget .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:8px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#cccccc;

	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;

}



.testimonial-widget .inner-widget .owl-dots .owl-dot:hover,

.testimonial-widget .inner-widget .owl-dots .owl-dot.active{

	position:relative;

	width:22px;

	height:8px;

	border-radius:10px;

	background-color:#FF4555;

}



/* Testimonial Block Four */



.testimonial-block-four{

	position: relative;

}



.testimonial-block-four .inner-box{

	position: relative;

}



.testimonial-block-four .inner-box .text{

	position: relative;

	color:#ffffff;

	font-size: 16px;

	line-height: 1.8em;

	font-style: italic;

	margin-bottom: 30px;

	font-family: 'Merriweather', serif;

}



.testimonial-block-four .inner-box .author-info{

	position: relative;

}



.testimonial-block-four .inner-box .author-info .info-inner{

	position: relative;

	padding-left: 75px;

	padding-top: 10px;

	min-height: 60px;

}



.testimonial-block-four .inner-box .author-info .info-inner .quote-icon{

	position: absolute;

	right: 0px;

	top: 15px;

	color:#ffffff;

	font-size: 36px;

	line-height: 1em;

}



.testimonial-block-four .inner-box .author-info .info-inner .image{

	position: absolute;

	left: 0px;

	top: 0px;

	width:60px;

	height:60px;

	border-radius: 50%;

	overflow: hidden;

}



.testimonial-block-four .inner-box .author-info .info-inner h3{

	position: relative;

	color:#ffffff;

	font-size: 14px;

	font-weight: 500;

}



.testimonial-block-four .inner-box .author-info .info-inner .designation{

	position: relative;

	color:#ffffff;

	font-size: 11px;

	font-weight: 400;

	text-transform: uppercase;

}









.brochure-widget h2{

	position:relative;

	color:#001659;

	font-size:18px;

	font-weight:600;

	padding-bottom:12px;

	border-bottom:1px solid #dddddd;

	

}



.brochure-widget .widget-content{

	position:relative;

}



.brochure-widget .brouchers{

	position:relative;

}



.brochure-widget .brouchers li{

	position:relative;

	border-bottom:1px solid #dddddd;

}



.brochure-widget .brouchers li a{

	position:relative;

	color:#222222;

	font-size:14px;

	font-weight:500;

	padding:13px 8px;

	padding-left:55px;

	display:block;

	

}



.brochure-widget .brouchers li a .icon{

	position:absolute;

	content:'';

	left:12px;

	top:11px;

	font-size:28px;

	line-height:1em;

	color:#777777;

}



/*Contact Info Widget*/



.contact-info-widget{

	position:relative;

}



.contact-info-widget .inner-content{

	position:relative;

	padding:40px 20px;

	text-align:center;

	background-color:#FF4555;

}



.contact-info-widget.style-two .inner-content{

	background-color: #001659;

}



.contact-info-widget .inner-content .icon-box{

	position:relative;

	color:#ffffff;

	font-size:50px;

	line-height:1em;

	margin-bottom:15px;

}



.contact-info-widget .inner-content .text{

	position:relative;

	font-size:22px;

	font-weight:300;

	line-height:1.5em;

	color:#ffffff;

	margin-bottom:20px;

}



.contact-info-widget .inner-content .number{

	position:relative;

	font-size:28px;

	font-weight:600;

	color:#ffffff;

	

}



.contact-info-widget .inner-content .email{

	position:relative;

	font-size:16px;

	color:#ffffff;

	margin-top:5px;

	font-weight:300;

	

}



/*Services Single*/



.services-single{

	position: relative;

}



.services-single .inner-box{

	position: relative;

}



.services-single .inner-box .image{

	position: relative;

}



.services-single .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.services-single .inner-box .lower-content{

	position: relative;

	padding-top: 50px;

}



.services-single .inner-box .lower-content h2{

	position: relative;

	color:#001659;

	font-size: 36px;

	font-weight: 600;

	line-height: 1.2em;

	margin-bottom: 8px;

}



.services-single .inner-box .lower-content .title{

	position: relative;

	color:#222222;

	font-size: 18px;

	line-height: 1.4em;

	margin-bottom: 20px;

}



.services-single .inner-box .lower-content .text{

	position: relative;

}



.services-single .inner-box .lower-content .text p{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 22px;

}



.services-single .inner-box .lower-content .two-column{

	position: relative;

	margin-top: 60px;

	margin-bottom: 30px;

}



.services-single .inner-box .lower-content h3{

	position: relative;

	color:#222222;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 20px;

}



.services-single .inner-box .lower-content .blocks-outer{

	margin-top: 40px;

}



.services-block-five{

	position: relative;

	margin-bottom: 30px;

}



.services-block-five .block-inner{

	position: relative;

	padding-left: 70px;

}



.services-block-five .block-inner .icon-box{

	position: absolute;

	left: 0px;

	top: 0px;

	color:#FF4555;

	font-size: 50px; 

	line-height: 1em;

}



.services-block-five .block-inner h4{

	position: relative;

	color:#222222;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4em;

	margin-bottom: 12px;

}



.services-block-five .block-inner h4 a{

	position: relative;

	color:#222222;

	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;

}



.services-block-five .block-inner h4 a:hover{

	color:#FF4555;

}



.services-block-five .block-inner .text{

	position: relative;

	line-height: 1.6em;

	color:#555555;

	font-size: 16px;

}



/*Sidebar Title*/



.sidebar-title{

    position: relative;

    margin-bottom:25px;

}



.sidebar-title h2{

    font-size: 22px;

    color: #001659;

    font-weight: 600;

    line-height: 1.2em;

	padding-left: 40px;

    text-transform: capitalize;

}



.sidebar-title h2:before{

	position:absolute;

	content:'';

	left:0px;

	top:10px;

	width:25px;

	height:2px;

	background-color:#FF4555;

}





/*Search Box Widget*/



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	line-height:33px;

	padding:10px 50px 10px 20px;

	background:#ffffff;

	display:block;

	font-size:14px;

	width:100%;

	height:55px;

	font-weight:400;

	border: 1px solid #eeeeee;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.sidebar .search-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:55px;

	width:50px;

	display:block;

	font-size:16px;

	color:#ffffff;

	cursor: pointer;

	line-height:55px;

	background:#001659;

	font-weight:normal;

}



/*Post Widget*/



.sidebar .popular-posts .post{

	position:relative;

	font-size:14px;

	color:#666666;

	padding:0px 0px;

	padding-left:118px;

	min-height:115px;

	margin-bottom:25px;

	border-bottom:1px solid #dddddd;

}



.sidebar .popular-posts .post:last-child{

	margin-bottom:0px;

}



.sidebar .popular-posts .post .post-thumb{

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:100px;

}



.sidebar .popular-posts .post:hover .post-thumb img{

	opacity:0.70;

}



.sidebar .popular-posts .post .post-thumb img{

	display:block;

	width:100%;

	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;

}



.sidebar .popular-posts .post .text{

	position:relative;

	top:-4px;

	font-size:16px;

	margin:0px 0px 0px;

	font-weight:600;

	color:#222222;

	line-height:1.6em;

	text-transform:capitalize;

	

}



.sidebar .popular-posts .post .text a{

	color:#222222;

	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;

}



.sidebar .popular-posts .post a,

.sidebar .popular-posts .post a:hover{

	color:#FF4555;

}



.sidebar .popular-posts .post-info{

	font-size:13px;

	color:#FF4555;

	font-weight:500;

	margin-bottom:6px;

	text-transform: uppercase;

}



/*Archive List*/



.archive-list{

	position: relative;

}



.archive-list li{

	position: relative;

	padding: 12px 0px;

	padding-left: 14px;

	border-bottom: 1px solid #dddddd;

}



.archive-list li:first-child{

	padding-top:0px;

}



.archive-list li a{

	position: relative;

	color:#222222;

	font-size: 14px;

	font-weight: 500;

	padding-left: 18px;

	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;

	

}



.archive-list li a:before{

	position: absolute;

	left: 0px;

	content: "\f0da";

	color:#001659;

	font-size: 16px;

	font-family: 'FontAwesome';

}



.archive-list li a:hover{

	color:#FF4555;

}



/*Popular Tags*/



.sidebar .popular-tags a{

	position:relative;

	display:inline-block;

	line-height:24px;

	padding:9px 20px 9px;

	margin:0px 3px 8px 0px;

	color:#555555;

	text-align:center;

	font-size:13px;

	font-weight:600;

	text-transform:capitalize;

	background:none;

	border:1px solid #001659;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	

}



.sidebar .popular-tags a:hover{

	border-color:#FF4555;

	background-color:#FF4555;

	color:#ffffff;	

}



/*Newsletter Box*/



.newsletter-box{

	position: relative;

	display: block;

	padding: 40px 40px 50px;

	background-color: #FF4555;

}



.newsletter-box h3{

	font-size: 22px;

    color: #ffffff;

    font-weight: 600;

    line-height: 1.2em;

	padding-left: 40px;

	margin-bottom: 20px;

    text-transform: capitalize;

}



.newsletter-box h3:before{

	position:absolute;

	content:'';

	left:0px;

	top:10px;

	width:25px;

	height:2px;

	background-color:#ffffff;

}



.newsletter-box .form-group{

	position:relative;

	margin:0px;	

}



.newsletter-box .form-group input[type="text"],

.newsletter-box .form-group input[type="email"]{

	position:relative;

	line-height:33px;

	padding:10px 50px 10px 20px;

	background:#ffffff;

	display:block;

	font-size:14px;

	width:100%;

	height:55px;

	font-weight:500;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;



}



.newsletter-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:55px;

	width:50px;

	display:block;

	font-size:16px;

	color:#001659;

	cursor: pointer;

	line-height:55px;

	font-weight:normal;

	background: none;

}



/*News Block Five*/



.news-block-five{

	position: relative;

	margin-bottom: 70px;

}



.news-block-five .inner-box{

	position: relative;

}



.news-block-five .inner-box .image{

	position: relative;

}



.news-block-five .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.news-block-five .inner-box .image .overlay-box{

	position:absolute;

	left:0px;


	top:0px;

	width:100%;

	height:100%;

	display:block;

	text-align:center;

}



.news-block-five .inner-box .image .overlay-box .icon {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 80px;

    height: 80px;

    color: #FF4555;

    margin-left: -40px;

    text-align: center;

    border-radius: 50%;

    line-height: 80px;

    display: inline-block;

    padding-left: 4px;

    font-size: 72px;

    margin-top: -40px;

    box-shadow: 0px 0px 35px rgba(255,255,255,1);

}



.news-block-five .inner-box .lower-content{

	position: relative;

	padding-top: 30px;

	overflow: hidden;

}



.news-block-five .inner-box .lower-content .post-meta{

	position: relative;

}



.news-block-five .inner-box .lower-content .post-meta li{

	position: relative;

	color:#666666;

	font-size: 13px;

	font-weight: 700;

	padding-right: 10px;

	margin-right: 10px;

	line-height: 1.1em;

	display: inline-block;

	border-right: 1px solid #666666;

	text-transform: uppercase;



}



.news-block-five .inner-box .lower-content .post-meta li .icon{

	position: relative;

	color:#FF4555;

	margin-right: 4px;

	font-weight: 600;

}



.news-block-five .inner-box .lower-content .post-meta li:nth-child(3),

.news-block-five .inner-box .lower-content .post-meta li:last-child{

	border-right: none;

	margin-right: 0px;

	padding-right: 0px;

}



.news-block-five .inner-box .lower-content h2{

	position: relative;

	color: #222222;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.3em;

	margin-top: 12px;

	margin-bottom: 18px;

}



.news-block-five.style-two .inner-box .lower-content h2{

	font-size:26px;

}



.news-block-five .inner-box .lower-content h2 a{

	position: relative;

	color: #222222;

	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;

}



.news-block-five .inner-box .lower-content h2 a:hover{

	color:#FF4555;

}



.news-block-five .inner-box .lower-content .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.news-block-five .inner-box .lower-content .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-left: 14px;

	padding-right: 30px;

	display: inline-block;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.news-block-five .inner-box .lower-content .read-more:hover{

	color:#001659;

}



.news-block-five .inner-box .lower-content .read-more:before{

	position: absolute;

	content: "\f105";

	left: 0px;

	top: -1px;

	color:#001659;

	font-size: 16px;

	font-family: 'FontAwesome';

}



.news-block-five .inner-box .lower-content .read-more:after{

	position:absolute;

	content: '';

	top: 11px;

	left: 100%;

	width:600%;

	height: 1px;

	background-color: #dddddd;

}



.news-block-five .inner-box .owl-dots{

	display:none;

}



.news-block-five .inner-box .owl-nav{

	position:absolute;

	left:0px;

	top:50%;

	width:100%;

	margin-top:-25px;

}



.news-block-five .inner-box .owl-nav .owl-prev{

	position:absolute;

	left:35px;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	font-size:20px;

	color: #ffffff;

	display:inline-block;

	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;

	background-color:#001659;

}



.news-block-five .inner-box .owl-nav .owl-next{

	position:absolute;

	right:35px;

	float:right;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	font-size:20px;

	color: #ffffff;

	display:inline-block;

	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;

	background-color:#001659;

}



.news-block-five .inner-box .owl-nav .owl-prev:hover,

.news-block-five .inner-box .owl-nav .owl-next:hover{

	color:#ffffff;

	background-color: #FF4555;

}



/*News Block Six*/



.news-block-six{

	position: relative;

	margin-bottom: 80px;

}



.news-block-six .inner-box{

	position: relative;

	padding: 70px 15px;

	text-align: center;

	background-color: #222222;

}



.news-block-six .inner-box .icon-box{

	position: relative;

	color:#ffffff;

	font-size: 32px;

	line-height: 1em;

	font-weight: 700;

	margin-bottom: 20px;

	display: inline-block;

}



.news-block-six .inner-box .post-meta{

	position: relative;

	margin-bottom: 20px;

}



.news-block-six .inner-box .post-meta li{

	position: relative;

	color:#cccccc;

	font-size: 13px;

	font-weight: 700;

	padding-right: 14px;

	margin-right: 14px;

	line-height: 1em;

	display: inline-block;

	text-transform: uppercase;

	border-right: 1px solid rgba(255,255,255,0.80);

}



.news-block-six .inner-box .post-meta li:last-child{

	border-right: 0px;

	margin-right: 0px;

	padding-right: 0px;

}



.news-block-six .inner-box .post-meta li .icon{

	position: relative;

	margin-right: 4px;

	color: #FF4555;

}



.news-block-six .inner-box h3{

	position: relative;

	font-size: 24px;

	color:#ffffff;

	font-weight: 700;

	line-height: 1.2em;

	margin-bottom: 10px;

}



.news-block-six .inner-box h3 a{

	position: relative;

	color:#ffffff;

	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;

}



.news-block-six .inner-box h3 a:hover{

	color: #FF4555;

}



.news-block-six .inner-box .link{

	position: relative;

	font-weight: 500;

	color: #FF4555;

	font-size: 16px;

}



/* News Block Seven */



.news-block-seven{

	position: relative;

	margin-bottom: 70px;

}



.news-block-seven .inner-box{

	position: relative;

	padding: 70px 65px;

	background-color: #f9f8fc;

}



.news-block-seven .inner-box .content{

	position:relative;

	overflow: hidden;

}



.news-block-seven .inner-box .post-meta{

	position: relative;

}



.news-block-seven .inner-box .post-meta li{

	position: relative;

	color:#666666;

	font-size: 13px;

	font-weight: 700;

	padding-right: 10px;

	margin-right: 10px;

	line-height: 1.1em;

	display: inline-block;

	border-right: 1px solid #666666;

	text-transform: uppercase;



}



.news-block-seven .inner-box .post-meta li .icon{

	position: relative;

	color:#FF4555;

	margin-right: 4px;

	font-weight: 600;

}



.news-block-seven .inner-box .post-meta li:nth-child(3),

.news-block-seven .inner-box .post-meta li:last-child{

	border-right: none;

	margin-right: 0px;

	padding-right: 0px;

}



.news-block-seven .inner-box h2{

	position: relative;

	color: #222222;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.3em;

	margin-top: 12px;

	margin-bottom: 18px;

}



.news-block-seven .inner-box h2 a{

	position: relative;

	color: #222222;

	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;

}



.news-block-seven .inner-box h2 a:hover{

	color:#FF4555;

}



.news-block-seven .inner-box .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.news-block-seven .inner-box .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-left: 14px;

	padding-right: 30px;

	display: inline-block;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.news-block-seven .inner-box .read-more:hover{

	color:#001659;

}



.news-block-seven .inner-box .read-more:before{

	position: absolute;

	content: "\f105";

	left: 0px;

	top: -1px;

	color:#001659;

	font-size: 16px;

	font-family: 'FontAwesome';

}



.news-block-seven .inner-box .read-more:after{

	position:absolute;

	content: '';

	top: 11px;

	left: 100%;

	width:600%;

	height: 1px;

	background-color: #dddddd;

}



/*** 



====================================================================

	Styled Pagination

====================================================================



***/



.pagination-outer{

	position:relative;

	padding: 30px 0px;

	background-color: #f9f8fc;

}



.styled-pagination{

	position:relative;

}



.styled-pagination .inner-box{

	position:relative;

}



.styled-pagination .inner-box li{

	position:relative;

	display:block;

	display:inline-block;

	margin:0px 2px 0px 0px;

}



.styled-pagination .inner-box li.prev a,

.styled-pagination .inner-box li.next a{

	background:none;

	font-size: 20px;

}



.styled-pagination .inner-box li:last-child{

	margin-right:0px;

}



.styled-pagination .inner-box li a{

	position:relative;

	display:inline-block;

	line-height:45px;

	height:45px;

	font-size:14px;

	min-width:45px;

	color:#222222;

	font-weight:500;

	text-align:center;

	background:#f9f8fc;

	text-transform:capitalize;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	

}



.pagination-outer .styled-pagination .inner-box li a{

	background-color: #ffffff;

}



.pagination-outer .styled-pagination .inner-box li.prev a,

.pagination-outer .styled-pagination .inner-box li.next a{

	background:none;

}



.pagination-outer .styled-pagination .inner-box li.prev a:hover,

.pagination-outer .styled-pagination .inner-box li.next a:hover{

	color:#FF4555;

}



.styled-pagination .inner-box li a:hover,

.styled-pagination .inner-box li a.active{

	color:#ffffff;

	background-color:#FF4555;

}



.blog-classic-section{

	position: relative;

	padding: 115px 0px 100px;

}



/*News Block Eight*/



.news-block-eight{

	position: relative;

	margin-bottom: 80px;

}



.news-block-eight .inner-box{

	position: relative;

	padding-left: 472px;

}



.news-block-eight .inner-box .image{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 420px;

}



.news-block-eight .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.news-block-eight .inner-box .image .overlay-box{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    text-align: center;

}



.news-block-eight .inner-box .image .overlay-box .icon{

	position: absolute;

    left: 50%;

    top: 50%;

    width: 80px;

    height: 80px;

    color: #FF4555;

    margin-left: -40px;

    text-align: center;

    border-radius: 50%;

    line-height: 80px;

    display: inline-block;

    padding-left: 4px;

    font-size: 60px;

    margin-top: -40px;

}



.news-block-eight .inner-box .content{

	position: relative;

}



.news-block-eight .inner-box .content .post-meta{

	position: relative;

}



.news-block-eight .inner-box .content .post-meta li{

	position: relative;

	color:#666666;

	font-size: 13px;

	font-weight: 700;

	padding-right: 10px;

	margin-right: 10px;

	line-height: 1.1em;

	float:left;

	border-right: 1px solid #666666;

	text-transform: uppercase;



}



.news-block-eight .inner-box .content .post-meta li .icon{

	position: relative;

	color:#FF4555;

	margin-right: 4px;

	font-weight: 600;

}



.news-block-eight .inner-box .content .post-meta li:last-child{

	border-right: none;

	margin-right: 0px;

	padding-right: 0px;

}



.news-block-eight .inner-box .content h2{

	position: relative;

	color: #222222;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.3em;

	margin-top: 12px;

	margin-bottom: 18px;

}



.news-block-eight .inner-box .content h2 a{

	position: relative;

	color: #222222;

	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;

}



.news-block-eight .inner-box .content h2 a:hover{

	color:#FF4555;

}



.news-block-eight .inner-box .content .text{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 30px;

}



.news-block-eight .inner-box .content .read-more{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	padding-left: 14px;

	padding-right: 30px;

	display: inline-block;

	text-transform: uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.news-block-eight .inner-box .content .read-more:hover{

	color:#001659;

}



.news-block-eight .inner-box .content .read-more:before{

	position: absolute;

	content: "\f105";

	left: 0px;

	top: -1px;

	color:#001659;

	font-size: 16px;

	font-family: 'FontAwesome';

}



.news-block-eight .inner-box .content .read-more:after{

	position:absolute;

	content: '';

	top: 11px;

	left: 100%;

	width:600%;

	height: 1px;

	background-color: #dddddd;

}



/*** 



====================================================================

	Blog Grid Section

====================================================================



***/



.blog-grid-section {

    position: relative;

    padding: 100px 0px 35px;

}



/*News Block Five*/



.blog-single{

	position: relative;

}



.blog-single .inner-box{

	position: relative;

}



.blog-single .inner-box .image{

	position: relative;

}



.blog-single .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.blog-single .inner-box .lower-content{

	position: relative;

	padding-top: 30px;

}



.blog-single .inner-box .lower-content .post-meta{

	position: relative;

}



.blog-single .inner-box .lower-content .post-meta li{

	position: relative;

	color:#666666;

	font-size: 13px;

	font-weight: 700;

	padding-right: 10px;

	margin-right: 10px;

	line-height: 1.1em;

	display: inline-block;

	border-right: 1px solid #666666;

	text-transform: uppercase;

	

}



.blog-single .inner-box .lower-content .post-meta li:last-child{

	border-right:none;

	margin-right: 0px;

	padding-right: 0px;

}



.blog-single .inner-box .lower-content .post-meta li .icon{

	position: relative;

	color:#FF4555;

	margin-right: 4px;

	font-weight: 600;

}



.blog-single .inner-box .lower-content h2{

	position: relative;

	color: #222222;

	font-size: 30px;

	font-weight: 600;

	line-height: 1.3em;

	margin-top: 12px;

	margin-bottom: 18px;

}



.blog-single .inner-box .lower-content .text{

	position: relative;

}



.blog-single .inner-box .lower-content .text p{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.7em;

	margin-bottom: 20px;

}



.blog-single .inner-box .lower-content .text blockquote{

	position: relative;

	margin-top: 40px;

	margin-bottom: 40px;

	padding: 45px 65px 45px 50px;

	background-color: #f9f8fc;

	border-left: 2px solid #FF4555;

}



.blog-single .inner-box .lower-content .text blockquote .quote-icon{

	position:absolute;

	right: 40px;

	top: -25px;

	color:#001659;

	font-size: 50px;

	line-height: 1em;

}



.blog-single .inner-box .lower-content .text blockquote .blockquote-text{

	position: relative;

	font-size: 16px;

	color:#222222;

	font-style: italic;

	line-height: 1.9em;

	font-family: 'Merriweather', serif;

}













/*post share options*/



.blog-single .post-share-options{

	position:relative;

	margin-top: 40px;

}



.blog-single .post-share-options .post-share-inner{

}



.blog-single .post-share-options .info-links{

	position:relative;

}



.blog-single .post-share-options .info-links li{

	position:relative;

	color:#666666;

	font-size:13px;

	font-weight: 700;

	display:inline-block;

	text-transform: uppercase;

}



.blog-single .post-share-options .info-links li a{

	position:relative;

	color:#FF4555;

	font-size:14px;

	text-align:center;

	display:inline-block;

	margin-right:10px;

}



.blog-single .post-share-options .tags span{

	font-size:16px;

	color:#001659;

	font-weight:700;

	margin-right:8px;

	text-transform: uppercase;

}



.blog-single .post-share-options .tags a{

	position:relative;

	color:#222222;

	font-size:13px;

	font-weight:600;

	line-height: 1em;

	padding-right: 12px;

	margin-right: 10px;

	display: inline-block;

	text-transform:capitalize;

	border-right: 1px solid #222222;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.blog-single .post-share-options .tags a:last-child{

	border-right:none;

	margin-right: 0px;

	padding-right: 0px;

}



.blog-single .post-share-options .tags{

	position:relative;

	color:#ff4800;

	font-size:16px;

	font-weight:400;

	margin-top:3px;

}



.blog-single .post-share-options .tags a:hover{

	color:#020e28;

}



/*News Posts*/



.blog-single .inner-box .new-posts{

	position:relative;

	padding:30px 0px;

	margin-top: 40px;

	margin-bottom:60px;

	border-top: 1px solid #dddddd;

	border-bottom:1px solid #dddddd;

}



.blog-single .inner-box .new-posts h4{

	position:relative;

	color:#222222;

	font-size:18px;

	font-weight:600;

	line-height:1.7em;

}



.blog-single .inner-box .new-posts .prev-post a{

	position:relative;

	color:#001659;

	font-size:13px;

	font-weight:700;

	text-transform: uppercase;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-single .inner-box .new-posts .next-post{

	text-align:right;

}



.blog-single .inner-box .new-posts .next-post a{

	position:relative;

	color:#001659;

	font-size:13px;

	font-weight:700;

	text-transform: uppercase;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.blog-single .inner-box .new-posts .prev-post{

	position:relative;

}



.blog-single .inner-box .new-posts .prev-post a:hover,

.blog-single .inner-box .new-posts .next-post a:hover{

	color:#FF4555;

}



/*** 



====================================================================

	Comments Area

====================================================================



 ***/



.sidebar-page-container .comments-area{

	position:relative;

	margin-bottom: 70px;

}



.sidebar-page-container .group-title{

	position:relative;

	margin-bottom:25px;

}




.sidebar-page-container .group-title h2{

	position:relative;

	font-size:22px;

	color:#001659;

	font-weight:700;

	padding-left:40px;

	text-transform:capitalize;

}



.sidebar-page-container .group-title h2:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 15px;

	width: 25px;

	height: 2px;

	background-color: #FF4555;

}



.sidebar-page-container .comments-area .comment-box{

	position:relative;

	padding:0px 0px 0px;

	margin-bottom:40px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar-page-container .comments-area .comment-box:last-child{

	margin-bottom:0px;

	padding-bottom:0px;

	border:0px;

}



.sidebar-page-container .comments-area .comment-box:hover{

	border-color:#222222;	

}



.sidebar-page-container .comments-area .comment{

	position:relative;

	font-size:14px;

	padding:0px 0px 0px 100px;

}



.sidebar-page-container .comments-area .comment .comment-inner{

	position:relative;

	padding-bottom: 20px;

	border-bottom: 1px solid #dddddd;

}



.sidebar-page-container .comments-area .comment .comment-reply{

	position:relative;

	margin-top:10px;

	color:#FF4555;

	font-size:13px;

	font-weight:400;

	text-transform:uppercase;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar-page-container .comments-area .comment .comment-reply .fa{

	color:#242424;

	font-size:14px;

	margin-left:4px;

}



.sidebar-page-container .comments-area .comment .comment-reply:hover{

	color:#242424;

}



.sidebar-page-container .comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	width:70px;

	border-radius:50%;

	overflow:hidden;

	margin-bottom:20px;

}



.sidebar-page-container .comments-area .comment-box .author-thumb img{

	display:block;

}



.sidebar-page-container .comments-area .comment-info{

	color:#3e5773;

	line-height:24px;

	font-size:13px;	

}



.sidebar-page-container .comments-area .comment-box strong{

	font-size:16px;

	font-weight:600;

	color:#222222;

	line-height: 1.1em;

	text-transform:capitalize;

}



.sidebar-page-container .comments-area .comment-box .text{

	color:#555555;

	font-size:16px;

    margin-top:10px;

    line-height: 1.7em;

	margin-bottom: 10px;

}



.sidebar-page-container .comments-area .comment-info .comment-time{

	position:relative;

	font-size:12px;

	color:#555555;

	margin-top:0px;

	font-weight:400;

}



.sidebar-page-container .comments-area .comment-box .theme-btn{

	padding:5px 30px;

	font-size:12px;

	border:1px  solid #fbca00;

	text-transform:uppercase;

	letter-spacing:1px;

}



/*Comment Form*/



.comment-form{

	position:relative;

}



.comment-form .form-group{

	position:relative;

	margin-bottom:20px;

}



.comment-form .form-group:last-child{

	margin-bottom:0px;

}



.comment-form .form-group input[type="text"],

.comment-form .form-group input[type="password"],

.comment-form .form-group input[type="tel"],

.comment-form .form-group input[type="email"],

.comment-form .form-group textarea{

	display:block;

	width:100%;

	height:50px;

	font-size:14px;

	color:#888888;

	line-height:24px;

	padding:12px 5px;

	font-weight:400;

	border-bottom:1px solid #cccccc;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.comment-form .form-group input[type="text"]:focus,

.comment-form .form-group input[type="password"]:focus,

.comment-form .form-group input[type="tel"]:focus,

.comment-form .form-group input[type="email"]:focus,

.comment-form .form-group textarea:focus{

	border-color:#fa2964;

}



.comment-form .form-group textarea{

	height:190px;

	resize:none;

}



.comment-form button{

	margin-top:40px;

	cursor: pointer;

}



.comment-form input:focus,

.comment-form select:focus,

.comment-form textarea:focus{

	border-color:#f06529;	

}



/*** 



====================================================================

	Map Section

====================================================================



 ***/



.map-section{

	position: relative;

	padding-top: 115px;

}



/*** 



====================================================================

	Map Section Style

====================================================================



***/



.map-section{

	position:relative;

}



.map-section .auto-container{

	max-width: 1400px;

}



.map-data{

	text-align:center;

	font-size:14px;

	font-weight:400;

	line-height:1.8em;

}



.map-data h6{

	font-size:16px;

	font-weight:700;

	text-align:center;

	margin-bottom:5px;

	color:#121212;

}



.map-canvas{

	height:550px;

}



/*** 



====================================================================

	Content Section

====================================================================



***/



.contact-section{

	position: relative;

	padding-bottom: 110px;

}



.contact-section .info-column{

	position: relative;

}



.contact-section .info-column .inner-column{

	position: relative;

	padding-right: 65px;

	margin-top: 100px;

}



.contact-section .info-column .inner-column .content-box{

	position: relative;

	padding: 60px 55px;

	background-color: #FF4555;

}



.contact-section .info-column .inner-column h2{

	position: relative;

	font-size: 36px;

	font-weight: 600;

	line-height: 1.2em;

	color: #ffffff;

	margin-bottom: 25px;

}



.contact-section .info-column .inner-column .title{

	position: relative;

	color:#ffffff;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.6em;

	padding-right: 20px;

	padding-bottom: 35px;

	margin-bottom: 40px;

	border-bottom: 1px solid rgba(255,255,255,0.20);

}



.contact-section .info-column .inner-column .social-boxed{

	position: relative;

	margin-left: 30px;

	margin-top: 30px;

}



.contact-section .info-column .inner-column .social-boxed li{

	position: relative;

	margin-right: 18px;

	display: inline-block;

}



.contact-section .info-column .inner-column .social-boxed li a{

	position: relative;

	color:#ffffff;

	font-size: 15px;

}



.contact-section .form-column{

	position: relative;

}



.contact-section .form-column .inner-column{

	position: relative;

	padding-top: 100px;

	padding-left: 35px;

}



.contact-section .form-column .inner-column h2{

	position: relative;

	color:#001659;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.2em;

	margin-bottom: 16px;

}



.contact-section .form-column .inner-column h2:before{

	position: absolute;

	content: '';

	left: -35px;

	top: 12px;

	height: 2px;

	width: 25px;

	background-color: #FF4555;

}



.contact-section .form-column .inner-column .title{

	position: relative;

	color:#222222;

	font-size: 18px;

	font-weight: 500;

	line-height: 1.5em;

	margin-bottom: 25px;

}



/*Contact Form*/



.contact-form .form-group{

    margin-bottom: 20px;

}



.contact-form .form-group:last-child{

	margin-bottom:0px;

}



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form input[type="password"],

.contact-form select,

.contact-form textarea{

	display:block;

	width:100%;

	height:50px;

	font-size:15px;

	color:#888888;

	line-height:24px;

	padding:12px 5px;

	font-weight:400;

	border-bottom:1px solid #e5e5e5;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus{

	border-color:#fa2964;

}



.contact-form textarea{

	height:170px;

	resize:none;

	padding:12px 5px;	

}



.contact-form .message-btn{

	position: relative;

    padding: 13px 32px 13px;

    line-height: 24px;

    background: #001659;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    border-radius: 3px;

    letter-spacing: 1px;

	cursor: pointer;

	margin-top: 30px;

    border: 2px solid #001659;

    text-transform: capitalize;

    

}



.contact-form .message-btn:hover{

	background:#FF4555;

	border-color:#FF4555;	

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

	border-color:#ff0000 !important;	

}



.contact-form label.error{

	display:block;

	line-height:24px;

	padding:5px 0px 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:13px;

	color:#ff0000;

	font-weight:500;	

}



/*** 



====================================================================

	Portfolio Page Section

====================================================================



***/



.portfolio-page-section{

	position: relative;

	padding: 100px 0px 60px;

}



.portfolio-page-section.alternate{

	padding-bottom:110px;

}



.portfolio-page-section .filters{

	position:relative;

}



.portfolio-page-section .filters .more-projects{

	position:relative;

	color:#222222;

	font-size:20px;

	font-weight:600;

}



.portfolio-page-section .filters .filter-tabs{

	position:relative;

	margin-bottom:30px;

	margin-top:50px;

}



.portfolio-page-section .filters .filter-tabs .filter{

	position:relative;

	color:#555555;

	font-size:14px;

	margin:0px 22px;

	cursor:pointer;

	font-weight:600;

	margin-bottom:10px;

	display:inline-block;

	text-transform: uppercase;

	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;

}



.portfolio-page-section .filters .filter-tabs .filter.active,

.portfolio-page-section .filters .filter-tabs .filter:hover{

	color:#001659;

}



.portfolio-page-section .filters .filter-tabs .filter:before{

	position: absolute;

	content: '';

	left: 50%;

	margin-top: -40px;

	width: 7px;

	height: 7px;

	opacity: 0;

	visibility: hidden;

	margin-left: -3px;

	border-radius: 50px;

	background-color: #FF4555;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.portfolio-page-section .filters .filter-tabs .filter .dots{

	position: absolute;

	content: '';

	left: 50%;

	margin-top: -28px;

	width: 31px;

	opacity: 0;

	visibility: hidden;

	margin-left: -15px;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.portfolio-page-section .filters .filter-tabs .filter .dots:before{

	position: absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 7px;

	height: 7px;

	border-radius: 50px;

	background-color: #FF4555;

}



.portfolio-page-section .filters .filter-tabs .filter .dots:after{

	position: absolute;

	content: '';

	right: 0px;

	top: 0px;

	width: 7px;

	height: 7px;

	border-radius: 50px;

	background-color: #FF4555;

}



.portfolio-page-section .filters .filter-tabs .filter:hover .dots,

.portfolio-page-section .filters .filter-tabs .filter.active .dots{

	margin-top:-47px;

	opacity: 1;


	visibility: visible;

}



.portfolio-page-section .filters .filter-tabs .filter:hover::before,

.portfolio-page-section .filters .filter-tabs .filter.active::before{

	margin-top:-24px;

	opacity: 1;

	bottom: auto;

	visibility: visible;

}



.gallery-block.mix,

.gallery-block-two.mix{

	display: none;

}



/*Gallery Block*/



.gallery-block{

	position: relative;

	margin-bottom: 50px;

}



.gallery-block .inner-box{

	position: relative;

}



.gallery-block .inner-box .image{

	position: relative;

}







.gallery-block .inner-box .image .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

}



.gallery-block .inner-box .image .overlay-box:before{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    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;

    background-color: rgba(255, 69, 85, 0.8);;

	-moz-transform: rotateY(-180deg);

    -webkit-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}



.gallery-block .inner-box:hover .overlay-box:before{

	-moz-transform: rotateY(0deg);

    -webkit-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    transform: rotateY(0deg);

    opacity: 1;

    visibility: visible;

}



.gallery-block .inner-box:hover .overlay-box{

	opacity:1;

}



.gallery-block .inner-box .image .overlay-box .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 0px;

}



.gallery-block .inner-box .image .overlay-box .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.gallery-block .inner-box .image .overlay-box .overlay-inner .link{

	position:relative;

	font-size:20px;

	color:#FF4555;

	width:50px;

	height:50px;

	line-height:52px;

	margin:0px 5px;

	display:inline-block;

	background-color:#ffffff;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.gallery-block .inner-box .image .overlay-box .overlay-inner .link .icon{

	position:relative;

}

























.gallery-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}



.gallery-block .inner-box .lower-content{

	position: relative;

	padding-top: 35px;

	text-align: center;

}



.gallery-block .inner-box .lower-content h3{

	position: relative;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 4px;

}



.gallery-block .inner-box .lower-content h3 a{

	position: relative;

	color: #222222;

	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;

}



.gallery-block .inner-box .lower-content h3 a:hover{

	color: #FF4555;

}



.gallery-block .inner-box .lower-content .designation{

	position: relative;

	color: #FF4555;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

}



/* Gallery Block Three */



.gallery-block-two{

	position:relative;

	margin-bottom: 30px;

}



.gallery-block-two .inner-box{

	position:relative;

	width:100%;

	overflow:hidden;

}



.gallery-block-two .image-box{

	position:relative;

	display:block;

	margin-bottom: 0px;

}



.gallery-block-two .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.gallery-block-two .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	-webkit-transition:all 700ms ease;

	-ms-transition:all 700ms ease;

	-o-transition:all 700ms ease;

	transition:all 700ms ease;

}



.gallery-block-two .overlay-box:before{

	position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    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;

    background-color: rgba(255, 69, 85, 0.8);;

	-moz-transform: rotateX(-180deg);

    -webkit-transform: rotateX(-180deg);

    -ms-transform: rotateX(-180deg);

    -o-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}



.gallery-block-two .inner-box:hover .overlay-box:before{

	-moz-transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

}



.gallery-block-two .inner-box:hover .overlay-box{

	opacity:1;

}



.gallery-block-two .inner-box .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

	padding:10px 0px;

}



.gallery-block-two .inner-box .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.gallery-block-two .inner-box .overlay-inner .link{

	position:relative;

	font-size:20px;

	color:#FF4555;

	width:50px;

	height:50px;

	line-height:52px;

	margin:0px 5px;

	display:inline-block;

	background-color:#ffffff;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.gallery-block-two .inner-box .overlay-inner .link .icon{

	position:relative;

}



.portfolio-page-section .button-box{

	margin-top: 50px;

}



/*** 



====================================================================

	Portfolio Masonry Section

====================================================================



***/



.portfolio-masonry-section {

    position: relative;

    padding: 100px 0px 65px;

}



.team-page-section{

	position: relative;

	padding: 115px 0px 30px;

}



.team-block{

	position: relative;

	margin-bottom: 70px;

}



.team-block .inner-box{

	position: relative;

}



.team-block .inner-box .image{

	position: relative;

}



.team-block .inner-box .image img{

	position: relative;

	width:100%;

	display: block;

}

.team-block .inner-box .image .overlay-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

	 background-color: rgb(255, 69, 85);

    display: block;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease; 

}



.team-block .inner-box:hover .image .overlay-box{

	opacity: 1;

	visibility: visible;

}



.team-block .inner-box .image .overlay-box .overlay-inner{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    vertical-align: middle;

    padding: 10px 40px;

}



.team-block .inner-box .image .overlay-box .overlay-inner .content{

	position: relative;

    display: table-cell;

    vertical-align: middle;

}



.team-block .inner-box .image .overlay-box .social-box{

	position:relative;

	text-align: center;

}



.team-block .inner-box .image .overlay-box .social-box a{

	position:relative;

	width:36px;

	height: 36px;

	color:#001659;

	text-align: center;

	line-height: 36px;

	font-size: 18px;

	margin: 0px 2px;

	border-radius: 50%;

	display: inline-block;

	background-color: #ffffff;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.team-block .inner-box .image .overlay-box .social-box a:hover{

	color:#ffffff;

	background-color: #001659;

}



.team-block .inner-box .lower-content{

	position: relative;

	padding-top: 30px;

	text-align: center;

}



.team-block .inner-box .lower-content h3{

	position: relative;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 4px;

}



.team-block .inner-box .lower-content h3 a{

	position: relative;

	color: #222222;

	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;

}



.team-block .inner-box .lower-content h3 a:hover{

	color: #FF4555;

}



.team-block .inner-box .lower-content .designation{

	position: relative;

	color: #FF4555;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

}



/*** 



====================================================================

	Portfolio Single Section

====================================================================



***/



.portfolio-single-section{

	position: relative;

	padding: 110px 0px 100px;

}



.portfolio-single-section .image-column{

	position: relative;

}



.portfolio-single-section .image-column .inner-column{

	position: relative;

}



.portfolio-single-section .image-column .inner-column .image{

	position: relative;

	margin-bottom: 30px;

}



.portfolio-single-section .image-column .inner-column .image img{

	position: relative;

	width:100%;

	display: block;

}



.portfolio-single-section .content-column{

	position: relative;

}



.portfolio-single-section .content-column .inner-column{

	position: relative;

}



.portfolio-single-section .content-column h2{

	position: relative;

	font-weight: 600;

	color: #001659;

	font-size: 36px;

	line-height: 1.3em;

	margin-bottom: 15px;

}



.portfolio-single-section .content-column .title{

	position: relative;

	color:#FF4555;

	font-size: 13px;

	font-weight: 700;

	margin-bottom: 25px;

	text-transform: uppercase;

}



.portfolio-single-section .content-column .text{

	position: relative;

	margin-bottom: 40px;

}



.portfolio-single-section .content-column .text p{

	position: relative;

	color:#555555;

	font-size: 16px;

	line-height: 1.6em;

	margin-bottom: 20px;

}



.portfolio-single-section .content-column .text p:last-child{

	margin-bottom: 0px;

}



/*Porfolio Info*/



.porfolio-info{

	position: relative;

	margin-top: 45px;

}



.porfolio-info li{

	position: relative;

	color: #222222;

	font-size: 13px;

	font-weight: 600;

	margin-bottom: 10px;

}



.porfolio-info li span{

	position: relative;

	color: #001659;

	font-size: 13px;

	font-weight: 700;

	margin-right: 6px;

	text-transform: uppercase;

}



.porfolio-info li a{

	position: relative;

	color: #222222;

	font-size: 13px;

	font-weight: 600;

	line-height: 1em;

	padding-right: 10px;

	margin-right: 10px;

	display: inline-block;

	border-right: 1px solid #222222;

	margin-bottom: 10px;

}



.porfolio-info li a:last-child{

	padding-right: 0px;

	margin-right: 0px;

	border: none;

}



/*Portfolio Share*/



.portfolio-share{

	position: relative;

}



.portfolio-share li{

	position: relative;

	font-size: 13px;

	font-weight: 700;

	margin-right: 15px;

	display: inline-block;

	text-transform: uppercase;

}



.portfolio-share li .icon{

	position: relative;

	color: #FF4555;

	font-size: 14px;

	margin-right: 7px;

	display: inline-block;

}



/*New Posts*/



.new-posts{

	position: relative;

	margin-top: 50px;

	padding: 30px 0px;

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

}



.new-posts .prev-post{

	position: relative;

	float: left;

	color: #001659;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 1px;

	padding-right: 30px;

	text-transform: uppercase;

	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;

}



.new-posts .prev-post .icon{

	position:relative;

	font-size: 16px;

	top: 1px;

}



.new-posts .prev-post a:after{

	position: absolute;

    content: '';

    right: -30px;

    top: 9px;

    width: 20px;

    height: 1px;

    background-color: #FF4555;

}





.new-posts .next-post{

	position: relative;

	float: right;

	color: #001659;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 1px;

	padding-left: 30px;

	text-transform: uppercase;

	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;

}



.new-posts .next-post .icon{

	position:relative;

	font-size: 16px;

	top: 1px;

}



.new-posts .next-post a:after{

	position: absolute;

    content: '';

    left: -30px;

    top: 9px;

    width: 20px;

    height: 1px;

    background-color: #FF4555;

}



.new-posts .prev-post:hover,

.new-posts .next-post:hover{

	color:#FF4555;

}



.related-posts{

	position: relative;

	padding-bottom: 60px;

}

.offer-section{

    position: relative;

    display: block;

    /* background-color: #f5f5f5; */

    background: url(../images/ex-new-two/background/about-us-25-bg.jpg);

    background-repeat: no-repeat;

}

.offer-section:after {

     position: relative;

    display: block;

    background-color: #f5f5f5;

}

.services-section {

    position: relative;

    display: block;

    background-color: #f5f5f5;

    background: url(../images/shape/bg1.png) #f5f5f5;

    background-repeat: no-repeat;

}

.about-section{

    position: relative;

    display: block;

    padding: 120px 0 110px;

    background-color: #f5f5f5;

    background: url(../images/shape/pattern-bg1.png) #f5f5f5;

    background-repeat: repeat;

}

 .counter-section{

    position: relative;

    display: block;

    background-color: #fff2f4;

    /* background: url(../images/shape/pattern-bg1.png) #f5f5f5; */

    background-repeat: repeat;

}

.case-block .inner-box:hover .lower-box {

    background-color: #FF4555;

}

.case-block .inner-box:hover .lower-box h3 a{

	color:#fff!important;

}

.case-block .inner-box .lower-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-right: none;

    transform: translateY(110%);

    transition: all 900ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: #00235a;

}

.case-block .inner-box:hover .lower-box:before,

.case-block .inner-box:hover .lower-box:after {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateX(0%);

}



/*Smooth Slide */



.offer-block .inner-box:hover .lower-content h3 a,.offer-block .inner-box:hover .lower-content .text,.offer-block .inner-box:hover .lower-content .read-more .fa{

	color:#fff!important;

}

.offer-block .inner-box .lower-content:before{

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-right: none;

    transform: translateX(-110%);

    transition: all 900ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: #00235a;

}



.offer-block .inner-box:hover .lower-content:before,

.offer-block .inner-box:hover .lower-content:after {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



/*image Hover */

.offer-block .inner-box:hover .image img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.offer-block .inner-box .image img {

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

/*image Hover */



.offer-block .inner-box .lower-content:hover .read-more {

    color: #fff;

	letter-spacing:1px;

	    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;

}

.offer-block .inner-box .lower-content .read-more:hover {

    color: #fff;

	letter-spacing:2px;

   

}







/*Smooth Slide */



.offer-block .inner-box:hover .lower-content h3 a,.offer-block .inner-box:hover .lower-content .text,.offer-block .inner-box:hover .lower-content .read-more .fa{

	color:#fff!important;

}



.fluid-section-one .content-column .carousel-box .box-inner:before{

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-right: none;

    transform: translateX(110%);

    transition: all 900ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: #fff;

}



.fluid-section-one .content-column .carousel-box .box-inner:hover:before,

.fluid-section-one .content-column .carousel-box .box-inner:hover :after {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

}







/*Smooth Slide */

.feature-block:hover .inner-box .icon,.feature-block:hover .inner-box h3 a,.feature-block:hover .inner-box .text{

	color:#fff!important;

}



.feature-block .inner-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-right: none;

    transform: translateX(-100%);

    transition: all 900ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: none;

}



.feature-block:hover .inner-box:before{

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    background: #00235a;

    padding:25px;

}





.textxx1, .textxx2 {

    position: relative;

    color: #555555;

    font-size: 16px;

    line-height: 1.6em;

    margin-bottom: 20px;

}

.xct {

    position: relative!important;

    color: #001659!important;

    font-size: 18px!important;

    line-height: 1.6em;

    font-weight: 600;

    margin-bottom: 20px!important;

	    font-style: italic!important;

}

.business-section .title-column .inner-column .we-do:hover{

	letter-spacing:2px;

}

.business-section .title-column .inner-column .we-do:hover:after {

    background-color: #FF4555;

}









/*Smooth Slide */



.offer-block .inner-box:hover .lower-content h3 a,.offer-block .inner-box:hover .lower-content .text,.offer-block .inner-box:hover .lower-content .read-more .fa{

	color:#fff!important;

}



 .liquid-img-container-inner{

    -webkit-box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);

    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);

}

.news-section-two .image[data-animate-shadow] .liquid-img-container-inner {

    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);

    -webkit-transition: -webkit-box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);

    transition: -webkit-box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);

    transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);

    transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);

}

.will-change {

    will-change: transform, opacity;

}



.case-block .inner-box .image .overlay-box .overlay-inner .content .read-more:hover{

	letter-spacing:2px;



}

.case-block .inner-box .image .overlay-box .overlay-inner .content .read-more{

    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;

}	

.help-section .content-column .inner-column .risk:hover{

	letter-spacing:2px;

}





/*image Hover */



.news-block-two .inner-box .image-column .image {

    position: relative;

    overflow: hidden;

}

.news-block-two .inner-box:hover .image-column .image img

{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.news-block-two .inner-box .image-column .image img {

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

/*Line Animation */

.feature-block-four .inner-box h3 a{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 2px;

    transition: background-size .3s;

    padding-bottom: 3px;

}

.feature-block-four .inner-box:hover h3 a,

.feature-block-four .inner-box h3 a:focus {

    background-size: 100% 2px;

	color: #FF4555;

}



/*====multiline-animation====*/

.dotanimation{

	position:absolute;

	width:100%;

	bottom:0px;

	height: 650px;

	top:0;

}

@media only screen and (max-width: 991px) {

	

.dotanimation{

	display:none;

}	

}

.dotline-one,

.dotline-two,

.dotline-three,

.dotline-four{

	position:absolute;

	bottom:0px;	

	height: 650px;

	width:4px;

	z-index:20;	

	border-left:1px solid rgba(255,255,255,0.1);	

	

}

.dotline-one{left:20%;}

.dotline-two{left:40%;}

.dotline-three{left:60%;}

.dotline-four{left:80%;}



.dotanimation1{

	animation-duration: 40s;

	animation-iteration-count: infinite;

	background-color: #2a2a2a;

	height: 10px;

	margin: 0px 0px 0px -5px;

	transform-origin: bottom;

	width: 10px;

}

.animline1{

	animation-name: animline1;

	animation-timing-function: linear;

}

@keyframes animline1{

	0%   { transform: translateY(0); }

	50%  { transform: translateY(650px); }

	100% { transform: translateY(0); }

}





.dotanimation2{

	animation-duration: 80s;

	animation-iteration-count: infinite;

	background-color: #2a2a2a;

	height: 10px;

	width:10px;

	margin: 0px 0px 0px -5px;

	transform-origin: bottom;

	

}

.animline2{

	animation-name: animline2;

	animation-timing-function: linear;

}

@keyframes animline2{

	100%   { transform: translateY(0); }

	50%  { transform: translateY(650px); }

	0% { transform: translateY(0); }

}



/*image Hover Effect */



.beyong-section .beyong-tabs .tabs-content .image-column .image:before,

.beyong-section .beyong-tabs .tabs-content .image-column .image:after {

    border-color: transparent;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

    border-style: solid;

    border-width: 0;

    content: "";

    height: 24px;

    position: absolute;

    width: 24px;

}



.beyong-section .beyong-tabs .tabs-content .image-column .image:before {

    border-color: #fff!important;

    border-left-width: 2px;

    border-top-width: 2px;

    left: 25px;

    top: 25px; 

    background:none!important;

    z-index:999;	

}

.beyong-section .beyong-tabs .tabs-content .image-column .image:after {

    border-bottom-width: 2px!important;

    border-right-width: 2px;

    bottom: 25px;

    right: 25px;

    border-color: #fff;

}

 



.beyong-section .beyong-tabs .tabs-content .image-column:hover .image:before, 

.beyong-section .beyong-tabs .tabs-content .image-column:hover .image:after {

    border-color: #fff;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

    border-style: solid;

    height: 95%;

    width:95%;

}





/*image Hover */



.beyong-section .beyong-tabs .tabs-content .image-column .image{

 overflow:hidden;

}

.beyong-section .beyong-tabs .tabs-content .image-column:hover .image img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.beyong-section .beyong-tabs .tabs-content .image-column .image img {

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    width: 100%;

    height: 375px;

}





/*Line Hover*/





.news-block-two .inner-box .content-column .inner-column h3 a:after {

    padding: 0.3em 0;

    position: absolute;

    bottom: 100%;

    left: 0;

    content: attr(data-hover);

    color: #FF4555;

    white-space: nowrap;

}

.news-block-two .inner-box .content-column:hover .inner-column h3 a {

    transform: translateY(100%);

}



.news-block-two .inner-box .content-column .inner-column h3 a:hover {

    color: #222;

}

.news-block-two .inner-box .content-column .inner-column h3 a{

    padding: 4px 0px;

    color: #000;

    position: relative;

    display: inline-block;

    letter-spacing: 1px;

    margin: 0px;

    text-decoration: none;

    font-weight: 600;

}

.news-block-two .inner-box .content-column .inner-column h3{

    display: inline-block;

    list-style: outside none none;

    margin: 0px 0px 10px 0px;

   overflow: hidden;

}









/*-------------------------

	Title Hover

---------------------------*/





.rtitle{

  display:inline-block;

  position:relative;	

  padding: 0px 0px 8px 0px;

  text-decoration: none;

}

.rtitle:before,

.rtitle:after {

  position: absolute;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

.rtitle:before {

  bottom: 0;

  display: block;

  height: 2px;

  width: 0%;

  content: "";

  background-color:#FF4555;

}

.rtitle:after {

  left: 0;

  top: 0;

  padding: 0px 0px 8px 0px;

  position: absolute;

  content: attr(data-hover);

  color: #FF4555;

  white-space: nowrap;

  max-width: 0%;

  overflow: hidden;

}

.beyong-section .beyong-tabs .tabs-content:hover .content-column h2:before

{

  opacity: 1;

  width: 100%;

}

.beyong-section .beyong-tabs .tabs-content:hover .content-column h2:after

{

  max-width: 100%;

}

.title_color{

	    color: #FF4555;

}



.header_style_2 .header-upper {

    position: relative;

    position: relative;

    display: block;

    background-color: #f5f5f5;

    background-repeat: repeat;

}





.slider_tw {

    font-style: italic;

    color: #FF4555;

    font-family: initial;

    font-weight: 700;

}

.slider_tw2 {

    font-style: italic;

    color: #FF4555;

    font-family: initial;

    font-weight: 700;

    text-decoration: underline;

}







.services-block .inner-box h3 a{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 2px;

    transition: background-size .7s;

    padding-bottom: 1px;

    line-height: 36px;

}



.services-block .inner-box:hover h3 a,

.services-block .inner-box:focus h3 a {

    background-size: 100% 2px;

	color: #fff;

	

}









.beyong-section .beyong-tabs .tab-btns .tab-btn{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 2px;

    transition: background-size .7s;

    padding-bottom: 3px;

}



.beyong-section .beyong-tabs .tab-btns .tab-btn:hover,

.beyong-section .beyong-tabs .tab-btns .tab-btn:focus

{

    background-size: 100% 2px;

	color: #FF4555;

	

}



/*** 



====================================================================

	main header header style h6

====================================================================



 ***/



.banner-section.style-h6 {

	position: relative;

}



.banner-section.style-h6 .slide-item {

    position: relative;

    z-index: 1;

}



.banner-section.style-h6 .slide-item:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #000000;

    content: "";

    opacity: .60;

	z-index: -1;

}



.banner-section.style-h6 .banner-carousel .content-box .inner {

    margin-right: 0;

	padding: 300px 0;

}



.banner-section.style-h6 .content-box {

    text-align: center;

    width: 100%;

    float: unset;

}



.banner-section.style-h6 .banner-carousel .link-box .theme-btn {

    float: unset;

}



.banner-section.style-h6 .title {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

}



.banner-section.style-h6 .banner-carousel .content-box h2 {

    font-size: 72px;

    line-height: 96px;

	font-weight: 700;

}



.banner-section.style-h6 .banner-carousel .link-box .theme-btn {

    float: unset;

    color: #fff;

    background: #FF4555;

    border-color: transparent;

    padding: 14px 50px;

    border-radius: 30px;

    z-index: 1;

    border: none;

    overflow: hidden;

}



.banner-section.style-h6 .banner-carousel .link-box .theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	border-radius: 30px;

}

.banner-section.style-h6 .banner-carousel .link-box .theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.banner-section.style-h6 .banner-carousel .link-box .theme-btn:hover {

	transition: all 700ma ease;

}



.banner-section.style-h6 .banner-carousel .owl-prev, .banner-section.style-h6 .banner-carousel .owl-next {

    border-radius: 0px;

}



.banner-section.style-h6 .banner-carousel .owl-dots{

	display: none;

}



.banner-section.style-h6 .banner-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section.style-h6 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h6 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h6 .banner-carousel .owl-prev, 

.banner-section.style-h6 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h6 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h6 .banner-carousel .owl-prev:hover, 

.banner-section.style-h6 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}



.banner-section.style-h6 .banner-carousel .content-box h2 {

    position: relative;

    display: block;

    font-size: 75px;

    line-height: 81px;

    color: #ffffff;

    font-weight: 700;

    opacity: 0;

    margin-bottom: 15px;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.banner-section.style-h6 .banner-carousel .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-section.style-h6 .banner-carousel .content-box .text{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 34px;

	color: #ffffff;

	font-weight: 400;

	opacity: 0;

	margin-bottom: 40px;

	-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(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-section.style-h6 .banner-carousel .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h6 .banner-carousel .link-box{

	position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

}



.banner-section.style-h6 .banner-carousel .link-box:after{

	display: table;

	clear: both;

	content: "";

}



.banner-section.style-h6 .banner-carousel .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}







/*** 



====================================================================

	call to action h6

====================================================================



 ***/



.call-to-action-h6 {

    position: relative;

    padding: 60px 0px;

    background-repeat: no-repeat;

    background-size: cover;

    background: linear-gradient(to right, rgba(130,190,66,1) 0%,rgba(48,178,210,1) 50%,rgba(28,76,147,1) 100%);

    padding-bottom: 40px;

}

.call-to-action-h6 .text {}

.call-to-action-h6 .text p {

    font-size: 35px;

    color: #fff;

    /* padding: 18px 0px; */

    font-weight: 600;

}

.call-to-action-h6 .btn-box {

    position: relative;

    /* top: 18px; */

    float: right;

}

.call-to-action-h6 .btn-box a {

    background: #FF4555;

    /* border-bottom-right-radius: 30px; */

    border-radius: 5px;

    /* border-top-right-radius: 30px; */

    px; */

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    padding: 15px 40px;

    font-weight: 600;

    overflow: auto;

    /* text-transform: uppercase; */

    z-index: 1;

    box-shadow: 0px 15px 30px 0px rgba(254, 69, 85, 0.39);

}



.call-to-action-h6 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.call-to-action-h6 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.call-to-action-h6 .title-fill:before, .dark-bg-2 .title-fill:before {

    color: #FF9600;

}



.call-to-action-h6 .title-fill:after {

    color: #fff;

}





/*** 



====================================================================

	about h6

====================================================================



 ***/



.about-h6 {

    position: relative;

    padding: 100px 0px 0px 0px;

    margin-bottom: -100px;

    overflow: hidden;

}

.about-h6:before {

    position: absolute;

    left: 0;

    top: 0;

    /* background-image: url(../images/ex-new/resource/about-h6-right-shape.png); */

    content: "";

    width: 300px;

    height: 100%;

    background-repeat: no-repeat;

    background: #ff45550d;

}

.about-h6 .text-holder {}

.about-h6 .text-holder .subtitle {

	margin-bottom: 15px;

}

.about-h6 .text-holder .subtitle h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    /* font-weight: 500; */

    font-family: 'Exo', sans-serif;

}

.about-h6 .text-holder .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 50px;

    font-weight: 700;

    margin-bottom: 15px;

    color: #001659;

    font-size: 40px;

    font-weight: 600;

}

.about-h6 .text-holder .text-bold {}

.about-h6 .text-holder .text-bold p {

    font-size: 18px;

    color: #222222;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: 45px;

    padding-right: 20px;

}

.about-h6 .text-holder .text p {

    font-size: 16px;

    color: #777777;

    font-weight: 400;

    line-height: 30px;

    margin-bottom: 58px;

    padding-right: 36px;

}

.about-h6 .text-holder .btn-box {}

.about-h6 .text-holder .btn-box a {

    position: relative;

    background: #00C5FF;

    /* border-bottom-right-radius: 30px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 30px; */

    border-radius: 5px;

    transition: all 700ms ease;

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    padding: 15px 70px 15px 25px;

    font-weight: 600;

    overflow: auto;

    /* text-transform: uppercase; */

    z-index: 1;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}

.about-h6 .text-holder .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.about-h6 .text-holder .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.about-h6 .text-holder .btn-box a:hover:before {

	color: #fff;

	transition: all 700ms ease;

}

.about-h6 .text-holder .btn-box a:before {

    position: absolute;

    right: 35px;

    top: 15px;

    content: "\f061";

    font-size: 14px;

    color: #fff;

    font-family: 'FontAwesome';

    font-weight: 900;

    transition: all 700ms ease;

}

.about-h6 .img-holder {

    float: right;

}

.about-h6 .img-holder .image {

	position: relative;

}

.about-h6 .img-holder .image:before {



}



.about-h6 .img-holder .image .image-two {

    position: absolute;

    right: -165px;

    bottom: -190px;

    content: "";

    width: 370px;

    height: 400px;

    z-index: -1;

}

.about-h6 .img-holder .image img {}

.about-h6 .img-holder .video-img {

    position: relative;

    display: inline-block;

    left: -100px;

    top: -266px;

    /* border-radius: 10px; */

}

.about-h6 .img-holder .video-img .icon {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: table;

    vertical-align: middle;

    padding: 10px 0px;

    z-index: 1;

}

.about-h6 .img-holder .video-img .icon .icon-box {

	position: relative;

	display: table-cell;

	vertical-align: middle;

	width: 300px;

	/* margin-top: -40px; */

}

.about-h6 .img-holder .video-img .icon img {

	display:none!important;

}

.about-h6 .img-holder .video-img img {

    width: 232px;

    border-radius: 5px;

}





/*** 



====================================================================

	funfact h6

====================================================================



 ***/



.funfact-h6 {

    position: relative;

    background: #001659;

    padding: 100px 0px 100px 0px;

}

.funfact-h6:before {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background: linear-gradient(to right, rgb(6, 109, 218) 0%,rgba(48,178,210,1) 50%,rgba(28,76,147,1) 100%);

}

.funfact-h6 .item {

    position: relative;

    padding-left: 94px;

    padding-top: 13px;

}

.funfact-h6 .item .icon {

    position: absolute;

    left: 5px;

    top: 25px;

}

.funfact-h6 .item .icon span:before {

    font-size: 60px;

    color: #ffffff;

}

.funfact-h6 .item .count-box {

    font-size: 36px;

    color: #ff4555;

    font-weight: 600;

}

.funfact-h6 .item .count-box .count-text {

    color: #ff4555;

    font-size: 40px;

    font-weight: 600;

}

.funfact-h6 .item .counter-title {

    font-size: 20px;

    color: #FFFFFF;

    margin-top: 15px;

    font-family: 'Exo', sans-serif;

}



/*** 



====================================================================

	service img h6

====================================================================



 ***/



.service-img-h6 {

    position: relative;

    padding: 100px 0px;

    background-repeat: no-repeat;

    background-position: cover;

}

.service-img-h6 .sec-title {

    text-align: center;

}

.service-img-h6 .sec-title .subtitle {

    margin-bottom: 15px;

}

.service-img-h6 .sec-title h3 {

    font-size: 16px;

    color: #00C5FF;

    text-transform: uppercase;

    font-weight: 500;

}

.service-img-h6 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 60px;

    margin-bottom: 15px;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

}

.service-img-h6 .sec-title .divider {}

.service-img-h6 .item {

    position: relative;

    overflow: hidden;

	transform: all 700ms ease;

}

.service-img-h6 .item .img-holder {

    position: relative;

    overflow: hidden;

}

.service-img-h6 .item .img-holder img {

    width: 100%;

    transform: scale(1.01);

    transition: all 3000ms ease;

}

.service-img-h6 .item:hover .img-holder img {

    transform: scale(1.4) rotate(2deg);

	transform: all 3000ms ease;

}

.service-img-h6 .item .img-holder .overlay-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    color: #ffffff;

    text-align: center;

    background: rgba(255, 174, 0, 0.8);

    z-index: 3;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    transition: all 700ms ease;

    -webkit-transform: translate(100%,-100%);

    -ms-transform: translate(0%,-100%);

    -o-transform: translate(0%,-100%);

    -moz-transform: translate(0%,-100%);

    transform: translate(0%,-100%);

}

.service-img-h6 .item:hover .img-holder .overlay-box {

    opacity: 0;

    -webkit-transform: translate(0%);

    -ms-transform: translate(0%);

    -o-transform: translate(0%);

    -moz-transform: translate(0%);

    transform: translate(0%);

}

.service-img-h6 .item .title-box {

    position: relative;

    padding: 30px 20px 27px 90px;

    /* border: 1px solid #CCCCCC; */

    border-top: none;

    z-index: 1;

    /* box-shadow: 0px 10px 21px 0px rgb(219, 219, 219); */

}

.service-img-h6 .item .title-box:after {

	/* position: absolute; */

	/* right: 0; */

	/* bottom: 0; */

	background: #fefefe;

	/* content: ""; */

	width: 100%;

	height: 0%;

	z-index: -1;

	transition: all 700ms ease;

}

.service-img-h6 .item:hover .title-box:after {

    height: 100%;

	transition: all 700ms ease;

}

.service-img-h6 .item:hover .title-box h2 a {

    color: #ff4555;

    transition: all 700ms ease;

}

.service-img-h6 .item .title-box .icon {

	

}

.service-img-h6 .item .title-box .icon span:after {

	position: absolute;

	left: 0;

	top: 0;

	background: #535353;

	content: "";

	width: 0%;

	height: 100%;

	z-index: -1;

	transition: all 700ms ease;

}

.service-img-h6 .item:hover .title-box .icon span:after {

    width: 100%;

	transition: all 700ms ease;

}

.service-img-h6 .item .icon span {

    position: absolute;

    left: 0;

    top: 0px;

    width: 75px;

    height: 86px;

    line-height: 85px;

    background: #fff;

    text-align: center;

    z-index: 1;

}

.service-img-h6 .item .icon span:before {

    font-size: 40px;

    color: #FF4555;

}

.service-img-h6 .item .title-box h2 {

    font-size: 23px;

    font-weight: 500;

}

.service-img-h6 .item .title-box h2 a {

    color: #222222;

	transition: all 700ms ease;

}

.service-img-h6 .item .title-box h2 a:hover {

    color: #ff4555;

    transition: all 700ms ease;

}



.service-img-h6 .owl-nav{

	display: none;

}



.service-img-h6 .owl-dots {

    text-align: center;

    margin-top: 50px;

}



.service-img-h6 .owl-dot {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 25px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.service-img-h6 .owl-dot.active,

.service-img-h6 .owl-dot:hover{

	height: 9px;

	background-color:#222222;

	top: 2px;

}



.service-img-h6 .item .img-holder .overlay-anim-box2 {

    display: block;

}



/*** 



====================================================================

	call to action two

====================================================================



 ***/



.call-to-action-h6-two {

    position: relative;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0px;

	text-align: center;

}

.call-to-action-h6-two:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.9);

    content: "";

}

.call-to-action-h6-two .text-box .title {

	margin-bottom: 30px;

}

.call-to-action-h6-two .text-box h2 {

    font-size: 48px;

    color: #FFFFFF;

    font-weight: 600;

    line-height: 72px;

    line-height: 60px;

    margin-bottom: 15px;

    color: #ffffff;

    font-size: 48px;

    font-weight: 600;

}

.call-to-action-h6-two .text-box p {

    font-size: 18px;

    color: #fff;

    line-height: 36px;

    margin-bottom: 40px;

}

.call-to-action-h6-two .text-box .btn-box {}

.call-to-action-h6-two .text-box .btn-box a {

    position: relative;

    background: #FF4555;

    transition: all 700ms ease;

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    padding: 15px 40px;

    font-weight: 600;

    overflow: auto;

    border-radius: 5px;

    z-index: 1;

}

.call-to-action-h6-two .text-box .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    /* border-radius: 30px; */

}

.call-to-action-h6-two .text-box .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}





.call-to-action-h6-two .title-fill:before, .dark-bg-2 .title-fill:before {

    color: #FF9600;

}



.call-to-action-h6-two .title-fill:after {

    color: #fff;

}



/*** 



====================================================================

	project slider h6

====================================================================



***/



.project-slider-h6 {

    position: relative;

    padding: 100px 0px;

}

.project-slider-h6 .sec-title {

    text-align: center;

}

.project-slider-h6 .subtitle {

    margin-bottom: 15px;

}

.project-slider-h6 .sec-title h3 {

    font-size: 16px;

    color: #00C5FF;

    text-transform: uppercase;

    font-weight: 500;

}

.project-slider-h6 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 30px;

    margin-bottom: 32px;

    line-height: 60px;

    margin-bottom: 15px;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

}

.project-slider-h6 .sec-title .divider {}

.project-slider-h6 .item {

    position: relative;

    overflow: hidden;

}

.project-slider-h6 .image-box {}

.project-slider-h6 .image-box img {}

.project-slider-h6 .text-box {

    position: relative;

    box-shadow: 2.15px 5.601px 18px 0px rgba(0, 0, 0, 0.19);

    padding: 45px 40px 45px 45px;

    border-radius: 10px;

    margin-left: -116px;

    top: 70px;

    left: -40px;

}

.project-slider-h6 .text-box h2 {

    position: relative;

    font-size: 23px;

    color: #222222;

    font-weight: 500;

    margin-bottom: 50px;

}

.project-slider-h6 .text-box h2:before {

    position: absolute;

    left: 0;

    bottom: -23px;

    width: 52px;

    height: 2px;

    background: #FF4555;

    content: "";

}

.project-slider-h6 .text-box p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-bottom: 28px;

}

.project-slider-h6 .btn-box {}

.project-slider-h6 .btn-box a {

    position: relative;

    color: #222222;

    font-size: 16px;

    font-weight: 500;

    transition: all 700ms ease;

}

.project-slider-h6 .btn-box a:before {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

  	height: 2px;

	background: #898989;

	content: "";

}

.project-slider-h6 .btn-box a:after {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0%;

  	height: 2px;

	background: #FF4555;

	content: "";

	transition: all 700ms ease;

}

.project-slider-h6 .btn-box a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.project-slider-h6 .btn-box a:hover:after {

	width: 100%;

	transition: all 700ms ease;

}



.project-slider-h6 .client-thumb-outer {

    position: relative;

    max-width: 355px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 50px;

}



.project-slider-h6 .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.project-slider-h6 .client-thumb-outer .client-thumbs-carousel {

    position: relative;

    max-width: 100px;

    margin: 0 auto;

    text-align: center;

}



.project-slider-h6 .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{

	overflow:visible;

}



.project-slider-h6 .client-thumb-outer .thumb-item .thumb-box {

    width: 100px;

    height: 100px;

    cursor: pointer;

    margin: 0 auto;

    z-index: -1;

    overflow: hidden;

}



.project-slider-h6 .client-thumb-outer .thumb-item .thumb-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: block;

    z-index: 1;

    /* background-color: rgba(255,255,255,0.60); */

}



.project-slider-h6 .client-thumb-outer .owl-item.active .thumb-box:before{

	opacity:0;

}



.project-slider-h6 .client-thumb-outer .client-thumbs-carousel .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

}



.project-slider-h6 .owl-item.active .thumb-content{

	opacity:1;

}



.project-slider-h6 .owl-nav{

    position: absolute;

   	left:50%;

    bottom:-50px;

    width: 100%;

    max-width: 400px;

    margin-left: -200px;

}



.project-slider-h6 .owl-nav .owl-prev,

.project-slider-h6 .owl-nav .owl-next{

	position:absolute;

	display:inline-block;

	color:#1e1e1e;

	font-size:20px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.owl-nav-none .owl-nav  {

	display: none;

}



.project-slider-h6 .owl-nav .owl-prev,

.project-slider-h6 .owl-nav .owl-next{

	color:#ffffff;	

}



.project-slider-h6 .owl-nav .owl-prev {

    left: -60px;

    top: 25px;

    width: 48px;

    height: 48px;

    border: 1px solid #00c5ff;

    text-align: center;

    line-height: 48px;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

    background: #00c5ff;

}



.project-slider-h6 .owl-nav .owl-next {

    right: -60px;

    top: 25px;

    width: 48px;

    height: 48px;

    border: 1px solid #00C5FF;

    text-align: center;

    line-height: 48px;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.39);

    background: #00C5FF;

    color: #fff!important;

}



.project-slider-h6 .owl-dots{

	display:none;

}



.project-slider-h6 .owl-nav .owl-prev, .project-slider-h6 .owl-nav .owl-next {

    color: #ffffff;

}



.project-slider-h6 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.project-slider-h6 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.project-slider-h6 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.project-slider-h6 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}



.project-slider-h6 .owl-nav .owl-prev:hover, .project-slider-h6 .owl-nav .owl-next:hover {

	border: 1px solid #FF4555;

	color: #fff;

	transition: all 500ms ease;

	background: #ff4555;

}



.project-slider-h6 .owl-carousel .owl-nav.disabled, .project-slider-h6 .owl-carousel .owl-dots.disabled {

    display: block;

}





/*** 



====================================================================

	testimonials h6

====================================================================



***/





.testimonials-h6 {

    position: relative;

    padding: 100px 0px 0px 0px;

    background-image: none!important;

    background: #fafafa;

}

.testimonials-h6 .image-box {

    position: relative;

    left: -16px;

    /* padding-bottom: 50px; */

}

.testimonials-h6 .inner-box {

    position: relative;

    top: 30px;

    /* padding-bottom: 50px; */

    margin-bottom: 40px;

}

.testimonials-h6 .inner-box h3 {

    font-size: 16px;

    color: #00C5FF;

    font-weight: 500;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

}

.testimonials-h6 .inner-box h2 {

    font-size: 36px;

    color: #FFFFFF;

    font-weight: 600;

    margin-bottom: 30px;

    line-height: 60px;

    margin-bottom: 15px;

    color: #2a2a2a;

    font-size: 48px;

    font-weight: 600;

}

.testimonials-h6 .inner-box .divider {

    margin-bottom: 35px;

}

.testimonials-h6 .inner-box .divider img {}

.testimonials-h6 .inner-box .item {}

.testimonials-h6 .inner-box .item .title-box {

    position: relative;

}

.testimonials-h6 .inner-box .item .image {

    position: absolute;

    left: 0;

    top: 0;

}

.testimonials-h6 .inner-box .item h4 {

    font-size: 23px;

    color: #4b4a4a;

    font-weight: 500;

    padding-left: 142px;

    padding-top: 25px;

    margin-bottom: 6px;

}

.testimonials-h6 .inner-box .item h5 {

    font-size: 14px;

    color: #00C5FF;

    padding-left: 142px;

    font-weight: 500;

}

.testimonials-h6 .inner-box .item p {

    font-size: 17px;

    color: #383838;

    margin-top: 54px;

    line-height: 30px;

    margin-bottom: 30px;

    font-style: italic;

}

.testimonials-h6 .owl-nav {}

.testimonials-h6 .owl-nav .owl-prev {

	position: relative;

	width: 48px;

	height: 48px;

	border: 1px solid #ff4555;

	text-align: center;

	line-height: 48px;

	font-size: 20px;

	color: #ff4555;

	display: inline-block;

	margin-right: 15px;

	transition: all 700ms ease;

	display: none;

}

.testimonials-h6 .owl-nav .owl-next {

    position: relative;

    width: 48px;

    height: 48px;

    border: 1px solid #fff;

    text-align: center;

    line-height: 48px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    transition: all 700ms ease;

    display: none;

}

.testimonials-h6 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-h6 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.testimonials-h6 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-h6 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}



.testimonials-h6 .owl-nav .owl-prev:hover, .testimonials-h6 .owl-nav .owl-next:hover {

	border: 1px solid #FF4555;

	color: #fff;

	transition: all 500ms ease;

}





/*** 



====================================================================

	team-h6

====================================================================



***/



.team-h6 {

	position: relative;

	padding: 100px 0px;

}

.team-h6 .sec-title {

    text-align: center;

}

.team-h6 .sec-title .subtitle {

    margin-bottom: 15px;

}

.team-h6 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.team-h6 .sec-title .title-two h2 {

    line-height: 60px;

    margin-bottom: 15px;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

}

.team-h6 .sec-title .divider {}

.team-h6 .item {

    position: relative;

    overflow: hidden;

}



.team-h6 .item {

    overflow: hidden;

}

.team-h6 .item .image-box {

    position: relative;

    transition: all 700ms ease;

    margin: 0px 5px;

}

.team-h6 .item .image-box img {

	transition: all 700ms ease;

}

.team-h6 .item .image-box .social-links {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #222222;

    text-align: center;

    padding: 15px 0px 15px 0px;

    opacity: 0;

    width: 100%;

	transition: all 700ms ease;

}

.team-h6 .item .image-box .social-links li {

    display: inline-block;

}

.team-h6 .item .image-box .social-links li a {

    font-size: 14px;

    color: #fff;

    padding: 14px 12px;

	transition: all 700ms ease;

}

.team-h6 .item .image-box .social-links li a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.team-h6 .item .title-box {

    text-align: center;

}

.team-h6 .item .title-box h3 {

    font-size: 23px;

    color: #222222;

    font-weight: 500;

    margin-top: 20px;

    margin-bottom: 10px;

}

.team-h6 .item .title-box h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.team-h6 .item .title-box h3 a {

    color: #222222;

}

.team-h6 .item .title-box h4 {

    font-size: 15px;

    color: #FF4555;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}



.team-h6 .item:hover .image-box .social-links {

	opacity: 1;

	bottom: 50px;

	transition: all 700ms ease;

}



.team-h6 .item:hover .image-box img {

    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.19);

    border-radius: 10px;

    transition: all 700ms ease;

}



.team-h6 .owl-nav{

	display: none;

}



.team-h6 .owl-dots {

    text-align: center;

    margin-top: 50px;

}



.team-h6 .owl-dot {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 25px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.team-h6 .owl-dot.active,

.team-h6 .owl-dot:hover{

	height: 9px;

	background-color:#222222;

	top: 2px;

}



.team-h6 .owl-carousel .owl-dots.disabled {

    display: block;

}





/*** 



====================================================================

	team-h6

====================================================================



***/



.latest-news-h6 {

    position: relative;

    padding: 100px 0px 20px 0px;

}

.latest-news-h6 .sec-title {

    text-align: center;

}

.latest-news-h6 .sec-title .subtitle {

    margin-bottom: 25px;

}

.latest-news-h6 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    font-weight: 500;

}

.latest-news-h6 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 30px;

    margin-bottom: 32px;

    line-height: 60px;

    margin-bottom: 15px;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

}

.latest-news-h6 .sec-title .divider {}

.latest-news-h6 .item {

    position: relative;

    overflow: hidden;

}

.latest-news-h6 .inner-box {}

.latest-news-h6 .inner-box .image-box {}

.latest-news-h6 .inner-box .image-box .image {

    margin-right: 70px;

}

.latest-news-h6 .inner-box .image-box .image a {}

.latest-news-h6 .inner-box .image-box .image a img {}

.latest-news-h6 .inner-box .lower-content {

    position: relative;

    top: -100px;

    right: 0;

    box-shadow: 2.15px 5.601px 18px 0px rgba(0, 0, 0, 0.07);

    padding: 28px 20px 20px 39px;

    background: #fff;

    margin-left: 68px;

    margin-right: 15px;

}

.latest-news-h6 .inner-box .lower-content span {

    font-size: 16px;

    color: #777777;

}

.latest-news-h6 .inner-box .lower-content i {

    font-size: 16px;

    color: #FF4555;

    margin-right: 10px;

}

.latest-news-h6 .inner-box .lower-content h3 {

    margin-top: 12px;

}

.latest-news-h6 .inner-box .lower-content h3 a {

    font-size: 23px;

    color: #222222;

    font-weight: 600;

    line-height: 42px;

    transition: all 700ms ease;

}

.latest-news-h6 .inner-box .lower-content h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.latest-news-h6 .inner-box .lower-content span.author {

    margin-left: 30px;

}

.latest-news-h6 .inner-box .lower-content .text {}

.latest-news-h6 .inner-box .lower-content .link-box {}

.latest-news-h6 .inner-box .lower-content .link-box a {}







.latest-news-h6 .owl-nav{

	display: none;

}



.latest-news-h6 .owl-dots {

    text-align: center;

    margin-top: 0;

}



.latest-news-h6 .owl-dot {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 25px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.latest-news-h6 .owl-dot.active,

.latest-news-h6 .owl-dot:hover{

	height: 9px;

	background-color:#222222;

	top: 2px;

}



.latest-news-h6 .owl-carousel .owl-dots.disabled {

    display: block;

}



/*** 



====================================================================

	team-h6

====================================================================



***/



.clients-h6 {

    position: relative;

    top: 60px;

    z-index: 1;

}

.clients-h6 .sponsors-outer {

    position: relative;

    padding: 60px 0px 30px 0px;

    border-radius: 10px;

}

.clients-h6 .sponsors-outer ul {}

.clients-h6 .sponsors-outer ul li {}

.clients-h6 .sponsors-outer ul li a {}

.clients-h6 .sponsors-outer ul li a img {

    width: 153px;

    margin: 0 auto;

}







/*** 



====================================================================

	footer-h6

====================================================================



***/



.footer-h6 {

    position: relative;

    padding: 130px 0px 100px 0px;

	background-attachment: fixed;

}

.footer-h6:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.95);

    content: "";

}

.footer-h6 .widgets-section {}

.footer-h6 .widgets-section .about-widget {}

.footer-h6 .widgets-section .about-widget .logo {}

.footer-h6 .widgets-section .about-widget .logo img {}

.footer-h6 .widgets-section .about-widget .text {

    margin-top: 35px;

}

.footer-h6 .widgets-section .about-widget .text p {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 30px;

    margin-bottom: 33px;

}

.footer-h6 .widgets-section .about-widget .social-links {}

.footer-h6 .widgets-section .about-widget .social-links li {

    display: inline-block;

    margin-right: 20px;

}

.footer-h6 .widgets-section .about-widget .social-links li a {}

.footer-h6 .widgets-section .about-widget .social-links li a span {

    font-size: 16px;

    color: #777777;

	transition: all 700ms ease;

}

.footer-h6 .widgets-section .about-widget .social-links li:hover a span {

    color: #FF4555;

	transition: all 700ms ease;

}

.footer-h6 .services-widget {}

.footer-h6 .services-widget h4 {

    position: relative;

    font-size: 20px;

    color: #FFFFFF;

    margin-bottom: 62px;

}

.footer-h6 .services-widget h4:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    width: 55px;

    height: 2px;

    background: #FBB908;

    content: "";

}

.footer-h6 .services-widget .list {

    margin-top: -10px;

}

.footer-h6 .services-widget .list li {}

.footer-h6 .services-widget .list li a {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 36px;

	transition: all 700ms ease;

}

.footer-h6 .services-widget .list li:hover a span {

    color: #FF4555;

	transition: all 700ms ease;

}

.footer-h6 .services-widget .list li a span {

    font-size: 14px;

    color: #BBBBBB;

    margin-right: 20px;

}

.footer-h6 .services-widget .list li:hover a span {

    color: #FF4555;

	transition: all 700ms ease;

}





.footer-h6 .extra-widget {}

.footer-h6 .extra-widget h4 {

    position: relative;

    font-size: 20px;

    color: #FFFFFF;

    margin-bottom: 62px;

}

.footer-h6 .extra-widget h4:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    width: 55px;

    height: 2px;

    background: #FBB908;

    content: "";

}

.footer-h6 .extra-widget .list {

	margin-top: -10px;

}

.footer-h6 .extra-widget .list li {}

.footer-h6 .extra-widget .list li a {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 36px;

	transition: all 700ms ease;

}

.footer-h6 .extra-widget .list li:hover a {

    color: #FF4555;

	transition: all 700ms ease;

}

.footer-h6 .extra-widget .list li a span {

    font-size: 14px;

    color: #BBBBBB;

    margin-right: 20px;

}

.footer-h6 .extra-widget .list li:hover a span {

    color: #FF4555;

	transition: all 700ms ease;

}





.footer-h6 .gallery-widget {}

.footer-h6 .gallery-widget h4 {

    position: relative;

    font-size: 20px;

    color: #FFFFFF;

    margin-bottom: 62px;

}

.footer-h6 .gallery-widget h4:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    width: 55px;

    height: 2px;

    background: #FBB908;

    content: "";

}

.footer-h6 .gallery-widget ul {}

.footer-h6 .gallery-widget ul li {

    overflow: hidden;

    display: inline-block;

    margin-bottom: -3px;

}

.footer-h6 .gallery-widget ul li .image {

    position: relative;

    margin-bottom: 0;

    margin-right: 2px;

}

.footer-h6 .gallery-widget ul li a {}



.footer-h6 .gallery-widget ul li .image .overlay-box {

    position: absolute;

    top: 8px;

    left: 8px;

    right: 8px;

    bottom: 8px;

    background: #FF4555;

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

}

.footer-h6 .gallery-widget ul li .image:hover .overlay-box{

    opacity: 1; 

    transform:scale(1.0) rotate(0deg);	

    transition: all 700ms ease 200ms;

	

}

.footer-h6 .gallery-widget ul li .image .overlay-box .box{}

.footer-h6 .gallery-widget ul li .image .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.footer-h6 .gallery-widget ul li .image .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}

.footer-h6 .gallery-widget ul li .image .overlay-box .box .link a:hover span:before{

    /*color: #e9212e;  */  

}



.footer-h6 .gallery-widget ul li .image .overlay-box .box .link a:hover span:before{

    /*color: #e9212e;  */  

}



.footer-h6 .gallery-widget ul li .image:hover .overlay-box:before{

	width: 100%;

	left: 0;

	opacity: 0.75;

}

.footer-h6 .gallery-widget ul li .image a {

    display: table;

    width: 100%;

    height: 100%;

}

.footer-h6 .gallery-widget ul li .image span {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    color: #fff;

    font-size: 30px;

}



.footer-h6 .title-fill:before, .dark-bg-2 .title-fill:before {

    color: #FF9600;

}



.footer-h6 .title-fill:after {

    color: #fff;

}







/*** 



====================================================================

	footer-bottom-h6

====================================================================



***/



.footer-bottom-h6 {

    position: relative;

    padding: 50px 0px;

    background: #222222;

}

.footer-bottom-h6 .copyright-text {

    font-size: 14px;

    color: #FFFFFF;

}

.footer-bottom-h6 .copyright-text a {

    color: #FF4555;

}

.footer-bottom-h6 .links {

	float: right;

} 

.footer-bottom-h6 .links ul {} 

.footer-bottom-h6 .links ul li {

    position: relative;

    display: inline-block;

    margin-right: 20px;

}

.footer-bottom-h6 .links ul li:before {

    position: absolute;

    right: -12px;

    bottom: 8px;

    width: 1px;

    height: 10px;

    background: #fff;

    content: "";

}

.footer-bottom-h6 .links ul li a {

    font-size: 14px;

    color: #FFFFFF;

    transition: all 700ms ease;

    font-family: 'Exo', sans-serif;

}

.footer-bottom-h6 .links ul li a:hover {

    color: #FBB908;

	transition: all 700ms ease;

}

.footer-bottom-h6 .links ul li:last-child:before {

	display: none;

}







/*** 



====================================================================

	banner section style h7

====================================================================



 ***/



.banner-section.style-h7 {

    position: relative;

    clear: both;

    z-index: 1;

    margin-bottom: -100px;

}



.banner-section.style-h7 .slide-item {

	position: relative;

}



.banner-section.style-h7 .slide-item:before {

    position: absolute;

    left: 0;

    bottom: 2px;

    height: 100%;

    width: 100%;

    /* background-color: rgba(0, 0, 0, 0.2); */

    content: "";

}



.banner-section.style-h7 .banner-carousel .content-box .inner {

    margin-right: 0;

    padding: 200px 0px 320px 0px;

}



.banner-section.style-h7 .content-box {

    width: 100%;

    float: unset;

}



.banner-section.style-h7 .banner-carousel .link-box .theme-btn {

    float: unset;

}



.banner-section.style-h7 .title {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

}



.banner-section.style-h7 .banner-carousel .content-box h2 {

    font-size: 72px;

    line-height: 96px;

	font-weight: 700;

}



.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-two {

    color: #fff;

    background: #222222;

    /* border-bottom-right-radius: 30px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 30px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    border: none;

    padding: 15px 45px;

    font-size: 16px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    margin-right: 15px;

    font-family: 'Exo', sans-serif;

}



.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-two:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-two:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-two:hover {

    color: #222;

    transition: all 700ms ease;

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-three {

    color: #fff;

    background: #ff4555;

    /* border-bottom-right-radius: 30px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 30px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    border: none;

    padding: 15px 45px;

    z-index: 1;

    overflow: hidden;

    text-transform: capitalize;

    border-radius: 5px;

    font-family: 'Exo', sans-serif;

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-three:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-three:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h7 .banner-carousel .theme-btn.btn-style-three:hover {

    color: #222;

    transition: all 700ms ease;

}



.banner-section.style-h7 .content-box .text {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 34px;

    color: #ffffff;

    font-weight: 400;

    opacity: 0;

    margin-bottom: 40px;

    -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(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-section.style-h7 .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h7 .banner-carousel .owl-prev, .banner-section.style-h7 .banner-carousel .owl-next {

    border-radius: 0px;

}



.banner-section.style-h7 .banner-carousel .content-box h2{

	position: relative;

	display: block;

	font-size: 56px;

	line-height: 64px;

	color: #ffffff;

	font-weight: 600;

	opacity: 0;

	margin-bottom: 15px;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}



.banner-section.style-h7 .banner-carousel .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-section.style-h7 .banner-carousel .content-box .text{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 34px;

	color: #353535;

	font-weight: 400;

	opacity: 0;

	margin-bottom: 40px;

	-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(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-section.style-h7 .banner-carousel .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h7 .banner-carousel .link-box{

	position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

}



.banner-section.style-h7 .banner-carousel .link-box:after{

	display: table;

	clear: both;

	content: "";

}



.banner-section.style-h7 .banner-carousel .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}



.banner-section.style-h7 .banner-carousel .owl-dots{

	display: none;

}



.banner-section.style-h7 .banner-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section.style-h7 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h7 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h7 .banner-carousel .owl-prev, 

.banner-section.style-h7 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h7 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h7 .banner-carousel .owl-prev:hover, 

.banner-section.style-h7 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}





/*** 



====================================================================

	service icon h7 one

====================================================================



 ***/



.service-icon-h7-one {

    position: relative;

    z-index: 99;

    /* background: #fafafa; */

}

.service-icon-h7-one .column {

    box-shadow: 0px 7px 57px 0px rgba(0, 0, 0, 0.1);

    background: #fff;

    margin-top: 0px;

    padding: 0;

    z-index: 999;

}

.service-icon-h7-one .column .item {

    position: relative;

    text-align: center;

    padding: 105px 0px 50px 0px;

    overflow: hidden;

    /* margin-top: -100px; */

    /* z-index: 9999!important; */

    /* opacity: 1; */

}

.service-icon-h7-one .column .item .image {

    position: absolute;

    content: "";

    top: 0px;

    left: -101%;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: all 700ms ease;

    background-repeat: no-repeat;

}

.service-icon-h7-one .column .item .image:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    content: "";

}

.service-icon-h7-one .column .item .image img {

    width: 100%;

    height: 100%;

}

.service-icon-h7-one .column .item:hover .image {

	opacity: 1;

	left: 0%;

	transition: all 700ms ease;

}

.service-icon-h7-one .column .item .icon {

    position: relative;

    display: inline-block;

}

.service-icon-h7-one .column .item .icon span:after {

    /* position: absolute; */

    left: 17px;

    /* bottom: 29px; */

    /* width: 45px; */

    /* height: 90px; */

    /* background-color: rgba(34, 34, 34, 0.1); */

    /* content: ""; */

    /* z-index: -1; */

    /* transition: all 700ms ease; */

    /* background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #eae5fdb0 100%); */

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #eae5fd9c 100%);

    width: 80px;

    height: 80px;

    top: -26px;

    right: 122px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.service-icon-h7-one .column .item .icon span {

	position: relative;

	font-size: 70px;

	color: #ffffff;

	z-index: 1;

}

.service-icon-h7-one .column .item .icon span:before {

    font-size: 70px;

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-h7-one .column .item .title h2 {

    font-weight: 600;

    line-height: 36px;

    margin-top: 40px;

    transition: all 700ms ease;

}

.service-icon-h7-one .column .item:hover .title h2 a span {

    color: #fff;

	transition: all 400ms ease;

}

.service-icon-h7-one .column .item .title h2 a span {

    font-size: 23px;

    color: #222222;

    line-height: 30px;

    transition: all 400ms ease;

}

.service-icon-h7-one .column .item:hover .icon span {

	color: #fff;

	transition: all 700ms ease;

}

.service-icon-h7-one .column .item:hover .icon span:after {

    background-color: rgba(255, 255, 255, 0.39);

	transition: all 700ms ease;

}

.service-icon-h7-one .column:nth-child(2){

    background: #ff4555;

}

.service-icon-h7-one .column:nth-child(3){

    background: #001659;

}

.service-icon-h7-one .column:nth-child(2) .item .title h2 a span {

    color: #fff;

}

.service-icon-h7-one .column:nth-child(2) .item .icon span:before {

	color: #fff;

	transition: all 700ms ease;

}

.service-icon-h7-one .column:nth-child(3) .item .title h2 a span {

    color: #fff;

}

.service-icon-h7-one .column:nth-child(3) .item .icon span:before {

    color: #ffffff;

    transition: all 700ms ease;

}

.service-icon-h7-one .column:nth-child(2) .item .icon span:after {

    background-color: rgba(255, 255, 255, 0.07);

}

.service-icon-h7-one .column:nth-child(3) .item .icon span:after {

    background-color: rgba(255, 174, 0, 0.1);

}

.service-icon-h7-one .column:nth-child(3) .item .icon span:after {

    background-color: rgba(0, 22, 89, 0);

}

.service-icon-h7-one .column:nth-child(2) .item:hover .icon span:after {

    background-color: rgba(255, 255, 255, 0.39);

}

.service-icon-h7-one .column:nth-child(3) .item:hover .icon span:after {

    background-color: rgba(255, 255, 255, 0.39);

}

.service-icon-h7-one .column:nth-child(1) .item:hover .icon span:before {

	color: #fff;

	transition: all 700ms ease;

}

.service-icon-h7-one .column:nth-child(2) .item:hover .icon span:before {

	color: #fff;

	transition: all 700ms ease;

}

.service-icon-h7-one .column:nth-child(3) .item:hover .icon span:before {

	color: #fff;

	transition: all 700ms ease;

}





/*** 



====================================================================

	why choose us h7

====================================================================



 ***/



.why-choose-us-h7 {

    position: relative;

    padding: 100px 0px 60px 0px;

    /* background: #fafafa; */

}

.why-choose-us-h7 .image-box {}

.why-choose-us-h7 .image-box img {

    float: right;

    max-width: none;

}

.why-choose-us-h7 .text-box {}

.why-choose-us-h7 .text-box h3 {

    margin-bottom: 18px;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.why-choose-us-h7 .text-box .title-two h2 {

    /* font-size: 36px; */

    /* color: #222222; */

    /* font-weight: 600; */

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 40px;

    font-weight: 600;

    color: #001659;

}

.why-choose-us-h7 .text-box .text p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-top: 25px;

    margin-bottom: 40px;

}

.why-choose-us-h7 .text-box .list {}

.why-choose-us-h7 .text-box .list ul {}

.why-choose-us-h7 .text-box .list ul li {

    position: relative;

    padding-left: 85px;

    margin: 20px 0px 30px 0px;

}

.why-choose-us-h7 .text-box .list ul li .icon {

    position: absolute;

    left: 0;

    top: 25px;

}

.why-choose-us-h7 .text-box .list ul li .icon span {}

.why-choose-us-h7 .text-box .list ul li .icon span:before {

    font-size: 54px;

    color: #FF4555;

}

.why-choose-us-h7 .text-box .list ul li h4 {

    color: #222222;

    font-size: 23px;

    font-weight: 600;

    margin-bottom: 15px;

}

.why-choose-us-h7 .text-box .list ul li .text-two p {

    font-size: 16px;

    color: #777777;

    font-family: 'Exo', sans-serif;

}



/*** 



====================================================================

	workprocess

====================================================================



 ***/



.workprocess-h7 {

    position: relative;

    padding: 100px 0px 300px 0px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.workprocess-h7:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #001659f5;

    content: "";

}



.workprocess-h7 .sec-title {

    text-align: center;

}

.workprocess-h7 .sec-title .subtitle {

    margin-bottom: 25px;

}

.workprocess-h7 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.workprocess-h7 .sec-title .title-two h2 {

    font-size: 36px;

    color: #fff;

    line-height: 30px;

    margin-bottom: 32px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 48px;

    font-weight: 600;

    color: #ffffff;

}

.workprocess-h7 .sec-title .divider {}

.workprocess-h7 .item {

    position: relative;

    overflow: hidden;

    margin-top: 25px;

}

.workprocess-h7 .item .number {

    position: relative;

    font-size: 48px;

    color: #FFFFFF;

    padding: 20px 0px;

    margin-bottom: 55px;

    position: relative;

    font-size: 74px;

    color: #fafafae3;

    padding: 20px 0px;

    margin-bottom: 55px;

    font-weight: 700;

}

.workprocess-h7 .item .number:before {

    position: absolute;

    left: 0;

    bottom: -25px;

    width: 80px;

    height: 2px;

    background: #fff;

    content: "";

}

.workprocess-h7 .item h2 {

    /* text-transform: uppercase; */

    color: #FF4555;

    font-weight: 600;

    margin-bottom: 16px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 16px;

    font-size: 23px;

    /*  */

}

.workprocess-h7 .item p {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 30px;

}



/*** 



====================================================================

	video h7

====================================================================



 ***/



.video-h7 {

    position: relative;

    width: 70%;

    padding: 174px 0px 180px 0px;

    margin-top: -186px;

}

.video-h7:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 94, 20, 0.64);

    content: "";

}

.video-h7:after {

    position: absolute;

    right: -700px;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: url(../images/ex-new/resource/video-seven-shape.png);

    content: "";

    z-index: -1;

}

.video-h7 .text-box {

    float: right;

}

.video-h7 .icon {

    margin-bottom: 30px;

    text-align: center;

}

.video-h7 .icon img {}

.video-h7 h2 {

    font-size: 36px;

    color: #fff;

    margin-bottom: 20px;

    font-weight: 600;

    margin-top: 60px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 37px;

    font-weight: 600;

    color: #ffffff;

}

.video-h7 p {

    font-size: 16px;

    color: #FFFFFF;

    text-align: center;

}



.video-h7 .text {

    text-align: center;

}





/*** 



====================================================================

	service icon h7 two

====================================================================



 ***/



.service-icon-h7-two {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.service-icon-h7-two .sec-title {

    text-align: center;

}

.service-icon-h7-two .sec-title .subtitle {

    /* margin-bottom: 30px; */

}

.service-icon-h7-two .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 18px;

    line-height: -0.4em;

    font-weight: 500;

    margin-bottom: 18px;

    font-family: 'Exo', sans-serif;

}

.service-icon-h7-two .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    margin-bottom: 32px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 40px;

    font-weight: 600;

    color: #001659;

}

.service-icon-h7-two .sec-title .divider {}

.service-icon-h7-two .item {

    position: relative;

    border: 1px solid #ffffff;

    padding: 40px 20px 46px 35px;

    transition: all 700ms ease;

    margin-bottom: 40px;

    margin-top: 20px;

    background: #fff;

    box-shadow: 0px 0px 16px rgba(0,0,0,0.15);

}

.service-icon-h7-two .item:hover {

	box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.1);

	transition: all 700ms ease;

	border: 1px solid transparent;

	/* background-image: -webkit-linear-gradient( 45deg, #fefeff08 0%, #ff4555 100%); */

}

.service-icon-h7-two .item:hover .icon span:before{

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-h7-two .item:hover .icon span:after {

    transition: all 700ms ease;

    top: -6px;

    left: 7px;

}

.service-icon-h7-two .item:hover .icon span:before {

    color: #00c5ff;

}

.service-icon-h7-two .item .icon {

    position: relative;

    margin-left: 5px;

    margin-top: 25px;

}

.service-icon-h7-two .item .icon span {

    position: relative;

    font-size: 50px;

    color: #222;

}

.service-icon-h7-two .item .icon span:before {

    font-size: 57px;

    color: #ff4555;

    transition: all 700ms ease;

}



.service-icon-h7-two .item .icon img {}

.service-icon-h7-two .item .title {

    margin-bottom: 0;

    margin-top: 25px;

}

.service-icon-h7-two .item h2 {

    font-weight: 600;

}

.service-icon-h7-two .item h2 a span {

    font-size: 23px;

    color: #222222;

    transition: all 200ms ease;

}

.service-icon-h7-two .item h2 a:hover span {

    color: #FF4555;

	transition: all 400ms ease;

}

.service-icon-h7-two .item p {

    font-size: 16px;

    line-height: 30px;

    color: #777777;

}

.service-icon-h7-two .item .btn-box {

    bottom: -35px;

    position: absolute;

    left: 33px;

    overflow: hidden;

}

.service-icon-h7-two .item .btn-box a i {

    position: relative;

    color: #ff4555;

    background: #f4f4f4;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    padding: 15px 20px 15px 20px;

    top: 0;

    z-index: 33;

    font-size: 20px;

    overflow: hidden;

}

.service-icon-h7-two .item .btn-box a i:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

}

.service-icon-h7-two .item:hover .btn-box a i:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

	    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

}

.service-icon-h7-two .item .btn-box a i:hover {

    color: #fff;

    transition: all 700ms ease;

}



.service-icon-h7-two .owl-nav{

	display: none;

}



.service-icon-h7-two .owl-dots {

    text-align: center;

    margin-top: 50px;

}



.service-icon-h7-two .owl-dot {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 25px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.service-icon-h7-two .owl-dot.active,

.service-icon-h7-two .owl-dot:hover{

	height: 9px;

	background-color:#222222;

	top: 2px;

}



.service-icon-h7-two .owl-carousel .owl-dots.disabled {

    display: block;

}





/*** 



====================================================================

	service icon h7 two

====================================================================



 ***/



.project-slider-h7 {

    position: relative;

    padding: 100px 0px 0px 0px;

    margin-bottom: -25px;

    background-repeat: repeat;

}

.project-slider-h7 .sec-title {

    margin-bottom: 45px;

}

.project-slider-h7 .sec-title .subtitle {

    margin-bottom: 18px;

    /* font-family: 'Exo', sans-serif; */

}

.project-slider-h7 .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    /* text-transform: uppercase; */

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.project-slider-h7 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    margin-bottom: 32px;

    position: relative;

    color: #001659;

    font-size: 40px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.project-slider-h7 .sec-title .divider {}

.project-slider-h7 .item {

    overflow: hidden;

}

.project-slider-h7 .item .image {

	display: inline-block;

}

.project-slider-h7 .item .image {

	position: relative;

}

.project-slider-h7 .item .image .overlay-box {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    background: rgba(0, 0, 0, 0.9);

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

}

.project-slider-h7 .item:hover  .image .overlay-box{

    opacity: 1; 

    transform:scale(1.0) rotate(0deg);	

    transition: all 700ms ease 200ms;

	

}

.project-slider-h7 .item .image .overlay-box .box{}

.project-slider-h7 .item .image .overlay-box h2 {

    font-size: 20px;

    color: #EDF2FF;

    text-transform: uppercase;

    letter-spacing: 4px;

    transform: rotate(-90deg);

    position: absolute;

    bottom: 335px;

    left: -35px;

}

.project-slider-h7 .item .image .overlay-box h2:before {

    position: absolute;

    left: -142px;

    bottom: -103px;

    width: 2px;

    height: 230px;

    background: #343539;

    content: "";

    transform: rotate(90deg);

}

.project-slider-h7 .item .image .overlay-box a {

    font-size: 18px;

    color: #FFFFFF;

    position: absolute;

    bottom: 38px;

    right: 54px;

    transition: all 700ms ease;

}

.project-slider-h7 .item .image .overlay-box a i {

    margin-left: 12px;

    font-size: 18px;

    transform: rotate(45deg);

	transition: all 700ms ease;

}

.project-slider-h7 .item .image .overlay-box a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.project-slider-h7 .item .image .overlay-box a:hover i {

    color: #FF4555;

	transition: all 700ms ease;

}

.project-slider-h7 .item .image .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.project-slider-h7 .item .image .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}



.project-slider-h7 .owl-carousel .owl-stage-outer {

    overflow: visible;

}

.project-slider-h7 .owl-carousel {

    max-width: 382px;

    margin: 0 auto;

    width: 100%;

    display: block;

    position: relative;

    left: 0;

}



.project-slider-h7 .owl-nav {

    position: absolute;

    top: -140px;

    right: -380px;

    display: none;

}

.project-slider-h7 .owl-nav .owl-prev {

	position: relative;

	width: 38px;

	height: 38px;

	border: 1px solid #FF4555;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #FF4555;

	display: inline-block;

	margin-right: 15px;

	transition: all 700ms ease;

}

.project-slider-h7 .owl-nav .owl-next {

	position: relative;

	width: 38px;

	height: 38px;

	border: 1px solid #FF4555;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #FF4555;

	display: inline-block;

	transition: all 700ms ease;

}

.project-slider-h7 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.project-slider-h7 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.project-slider-h7 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.project-slider-h7 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.project-slider-h7 .owl-nav .owl-prev:hover, .project-slider-h7 .owl-nav .owl-next:hover {

    border: 1px solid #FF4555;

	color: #fff;

	transition: all 700ms ease;

}



/*** 



====================================================================

	call to action h7

====================================================================



 ***/



.call-to-action-h7 {

    position: relative;

    padding: 78px 0px 75px 0px;

    z-index: 1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.call-to-action-h7:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #FF4555e6;

    content: "";

    z-index: -1;

}

.call-to-action-h7 .social {

    margin-top: 13px;

}

.call-to-action-h7 .title {

    display: inline-block;

    margin-right: 35px;

}

.call-to-action-h7 .social h3 {

    font-size: 20px;

    color: #ffffff;

    display: inline-block;

    font-weight: 600;

}

.call-to-action-h7 .social ul {

    display: inline-block;

}

.call-to-action-h7 .social ul li {

    display: inline-block;

    margin-right: 15px;

}

.call-to-action-h7 .social ul li a {

    font-size: 16px;

    color: #ffffff;

}

.call-to-action-h7 .social ul li a i {}

.call-to-action-h7 .text {

    float: right;

    margin-top: 8px;

}

.call-to-action-h7 .text p {

    font-size: 26px;

    color: #ffffff;

    font-weight: 600;

}

.call-to-action-h7 .btn-box {

    float: right;

    position: relative;

    margin-top: 5px;

}

.call-to-action-h7 .btn-box a {

    position: relative;

    color: #fff;

    background: #222222;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    display: inline-block;

    border: none;

    padding: 15px 45px;

    font-size: 16px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    font-weight: 600;

}

.call-to-action-h7 .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

}

.call-to-action-h7 .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.call-to-action-h7 .btn-box a:hover {

    color: #222222;

    transition: all 700ms ease;

}



/*** 



====================================================================

		priching-03

====================================================================



***/



.pricing-07 {

    position: relative;

    padding: 100px 0px 80px 0px;

}

.pricing-07:before {

    position: absolute;

    left: 0;

    bottom: -80px;

    background: url(../images/resource/eye/b1.png);

    width: 100%;

    height: 560px;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

}

.pricing-07 .sec-title {

    text-align: center;

}

.pricing-07 .sec-title .subtitle {

    margin-bottom: 15px;

}

.pricing-07 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.pricing-07 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    margin-bottom: 32px;

    position: relative;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.pricing-07 .sec-title .divider {}

.pricing-07 .tabs-box {

    position: relative;

    text-align: center;

}

.pricing-07 .tabs-box .tabs-content {}

.pricing-07 .tabs-box .tabs-content {}

.tabs-box .tab.active-tab {

    display: block;

}

.pricing-07 .pricing-table {

    position: relative;

    margin-bottom: 40px;

}

.pricing-07 .pricing-table .inner-box {

    position: relative;

    padding: 60px 55px 70px;

    text-align: center;

    overflow: hidden;

    background: #fff;

    transition: all 700ms ease;

    border: 1px solid #CCCCCC;

}

.pricing-07 .pricing-table .inner-box:hover {

	box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.1);

	transition: all 700ms ease;

	border: 1px solid transparent;

}

.pricing-07 .pricing-table .inner-box:hover .price{

	color: #FF4555;

	transition: all 700ms ease;

}

.pricing-07 .pricing-table .inner-box:hover .table-footer a {

	color: #fff;

	transition: all 700ms ease;

}

.pricing-07 .pricing-table .inner-box .title {}

.pricing-07 .pricing-table .inner-box .title h3 {

    color: #FF4555;

    font-size: 23px;

    margin-bottom: 20px;

    font-weight: 600;

}

.pricing-07 .pricing-table .price {

    position: relative;

    font-size: 60px;

    color: #262626;

    font-weight: 700;

    margin-top: 35px;

    margin-bottom: 0;

    transition: all 700ms ease;

}

.pricing-07 .pricing-table .price sup {

    position: relative;

    font-size: 60px;

    top: 0;

    margin-right: 5px;

}

.pricing-07 .pricing-table .price sub {

    position: relative;

    display: inline-block;

    font-size: 24px;

    color: #FF9600;

    letter-spacing: 1px;

    font-weight: 700;

    top: 0px;

}

.pricing-07 .pricing-table .table-content {

    position: relative;

    margin-top: 0;

    padding-top: 55px;

}

.pricing-07 .pricing-table .table-content ul {

    position: relative;

    margin-bottom: 40px;

}

.pricing-07 .pricing-table .table-content ul li {

    position: relative;

    font-size: 16px;

    line-height: 17px;

    margin-bottom: 20px;

    color: #666666;

    font-weight: 500;

    text-align: left;

    margin-left: 70px;

}

.pricing-07 .pricing-table .table-content ul li:before {

    position: absolute;

    left: -35px;

    bottom: 0px;

    content: "\f00c";

    font-family: "fontawesome";

    color: #BBBBBB;

    font-size: 15px;

}

.pricing-07 .pricing-table .table-footer {

    position: relative;

    margin-top: 40px;

    text-align: left;

    margin-left: 40px;

}

.pricing-07 .pricing-table .table-footer a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 10px 43px;

    border-radius: 30px;

	overflow: hidden;

}

.pricing-07 .pricing-table .inner-box .table-footer a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

}

.pricing-07 .pricing-table .inner-box:hover .table-footer a:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.pricing-07 .pricing-table .inner-box .table-footer a {

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    position: relative;

    z-index: 1;

    display: inline-block;

}

.pricing-07 .pricing-table.tagged {}

.pricing-07 .pricing-table.tagged .inner-box .title h3 {

    color: #98D100;

}

.pricing-07 .pricing-table.tagged .inner-box {

    background: #0D1421;

    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.13);

}

.pricing-07 .pricing-table.tagged .inner-box .title h3 {}

.pricing-07 .pricing-table.tagged .table-footer a {

	background: #FF9600;

}

.pricing-07 .pricing-table.tagged .price {

    color: #fff;

}

.pricing-07 .pricing-table.tagged .price sub {

    color: #fff;

}

.pricing-07 .pricing-table.tagged .table-content ul li {

    color: #fff;

}

.pricing-07 .tabs-box .tab {

    display: none;

}

.pricing-07 .tabs-box .tab.active-tab {

    display: block;

}

.pricing-07 .tab-buttons {

    position: relative;

    display: inline-block;

    margin-bottom: 50px;

    background: #fff;

    border-radius: 30px;

    padding: 3px 4px;

    margin-top: 42px;

    border: 2px solid #A1A1A1;

    overflow: hidden;

}

.pricing-07 .tab-buttons .tab-btn {

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 40px;

    font-weight: 600;

    cursor: pointer;

    color: #313131;

    font-weight: 600;

    background: #fff;

    border-radius: 30px;

    min-width: 155px;

    margin: 0 auto;

    padding: 3px 0px;

    transition: all 700ms ease;

    z-index: 1;

}

.pricing-07 .tab-buttons .tab-btn.active-btn {

    position: relative;

	transition: all 700ms ease;

}

.pricing-07 .tab-buttons .tab-btn.active-btn:before {

    left: 0px;

	background: #FF4555;

	transition: all 700ms ease;

}

.pricing-07 .tab-buttons .tab-btn {

    position: relative;

	transition: all 700ms ease;

}

.pricing-07 .tab-buttons .tab-btn:before {

    position: absolute;

    left: -100px;

    top: 0;

    width: 155px;

    height: 46px;

    content: "";

	background: transparent;

    border-radius: 30px;

    z-index: -1;

	transition: all 700ms ease;

}



/*** 



====================================================================

		latest news 07

====================================================================



***/



.latest-news-07 {

	position: relative;

	padding: 100px 0px;

}

.latest-news-07 .sec-title {

    text-align: center;

}

.latest-news-07 .sec-title .subtitle {

    /* margin-bottom: 30px; */

}

.latest-news-07 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.latest-news-07 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    margin-bottom: 32px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 40px;

    font-weight: 600;

    color: #001659;

}

.latest-news-07 .sec-title .divider {}



.latest-news-07 .inner-box {

    z-index: 1;

}

.latest-news-07 .inner-box .image-box {

	overflow: hidden;

	border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

}

.latest-news-07 .inner-box .image-box img {

    width: 100%;

    transform: scale(1.01);

    transition: all 3000ms ease;

}

.latest-news-07 .inner-box:hover .image-box .image img {

    transform: scale(1.4) rotate(2deg);

    transform: all 3000ms ease;

}

.latest-news-07 figure {

    margin: 0;

}

.latest-news-07 .inner-box .lower-content {

    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.11);

    padding: 40px 25px 40px 25px;

    margin: 0px 25px 0px 25px;

    text-align: center;

    background: #fff;

    z-index: 46;

    position: relative;

    margin-top: -80px;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

    margin-bottom: 20px;

}

.latest-news-07 .inner-box .lower-content h3 {

    margin-bottom: 35px;

}

.latest-news-07 .inner-box .lower-content h3 a {

    position: relative;

    font-size: 20px;

    color: #222222;

    line-height: 30px;

    font-weight: 600;

    display: inline-block;

	transition: all 700ms ease;

}



.latest-news-07 .inner-box .lower-content h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.latest-news-07 .inner-box .lower-content h3 a:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    right: 0;

    margin: 0 auto;

    width: 30px;

    height: 2px;

    background: #FF4555;

    content: "";

}

.latest-news-07 .inner-box .lower-content .date {

    font-size: 16px;

    color: #777777;

    font-weight: 500;

}

.latest-news-07 .inner-box .lower-content .author {

	font-size: 16px;

	color: #777777;

	font-weight: 500;

}

.latest-news-07 .owl-nav{

	display: none;

}



.latest-news-07 .owl-dots {

    text-align: center;

    margin-top: 50px;

}



.latest-news-07 .owl-dot {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 25px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.latest-news-07 .owl-dot.active,

.latest-news-07 .owl-dot:hover{

	height: 9px;

	background-color:#222222;

	top: 2px;

}



.latest-news-07 .owl-carousel .owl-dots.disabled {

    display: block;

}





/*** 



====================================================================

		call to action h7 two

====================================================================



***/



.call-to-action-h7-two {

    position: relative;

    padding: 100px 0px;

}

.call-to-action-h7-two .right-side {}

.call-to-action-h7-two sub {

    bottom: 0;

    font-size: 30px;

    color: #222;

    font-weight: 600;

    margin-bottom: 15px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 40px;

    font-weight: 600;

    /* color: #001659; */

}

.call-to-action-h7-two .right-side h2 {

    font-size: 30px;

    color: #222;

    font-weight: 600;

    margin-bottom: 15px;

    line-height: 60px;

    margin-bottom: 15px;

    font-size: 40p;

    font-weight: 600;

    color: #001659;

}

.call-to-action-h7-two .right-side h2 span {

	color: #FF4555;

}

.call-to-action-h7-two .right-side p {

	color: #777777;

	font-size: 16px;

}

.call-to-action-h7-two .right-side h2 p {}

.call-to-action-h7-two .left-side {

    padding-top: 35px;

    padding-left: 38px;

}

.call-to-action-h7-two .left-side .number {

    font-size: 24px;

    color: #222222;

    font-weight: 600;

    display: inline-block;

}

.call-to-action-h7-two .left-side .number span {

    color: #FF4555;

    margin-left: 30px;

}

.call-to-action-h7-two .left-side .btn-box {

    display: inline-block;

    float: right;

    position: relative;

    top: -15px;

}



.call-to-action-h7-two .left-side .btn-box a {

    position: relative;

    color: #fff;

    background: #222222;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    display: inline-block;

    border: none;

    padding: 15px 45px;

    font-size: 16px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    font-weight: 600;

}

.call-to-action-h7-two .left-side .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

}

.call-to-action-h7-two .left-side .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.call-to-action-h7-two .left-side .btn-box a:hover {

    color: #222222;

    transition: all 700ms ease;

}









/*** 



====================================================================

	banner section style h8

====================================================================



 ***/



.banner-section.style-h8 {

    position: relative;

    z-index: 1;

}



.banner-section.style-h8 .slide-item {

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

}



.banner-section.style-h8 .slide-item:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(34, 34, 34, 0);

    content: "";

}

.banner-section.style-h8 .banner-carousel .content-box .inner {

    margin-right: 0;

    padding: 170px 0px 165px 0px;

}



.banner-section.style-h8 .content-box {

    width: 100%;

    float: unset;

}



.banner-section.style-h8 .banner-carousel .link-box .theme-btn {

    float: unset;

}



.banner-section.style-h8 .title {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

}



.banner-section.style-h8 .banner-carousel .content-box h2 {

    font-size: 54px;

    line-height: 72px;

    font-weight: 700;

}

.banner-section.style-h8 .banner-carousel .content-box h2 span {

    color: #FF4555;

}



.banner-section.style-h8 .banner-carousel .theme-btn.btn-style-two {

    position: relative;

    color: #fff;

    background: #FF4555;

    border-radius: 5px;

    transition: all 700ms ease;

    border: none;

    padding: 15px 45px;

    font-size: 16px;

    text-transform: unset;

    display: inline-block;

    z-index: 1;

    overflow: hidden;

}



.banner-section.style-h8 .banner-carousel .theme-btn.btn-style-two:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h8 .banner-carousel .theme-btn.btn-style-two:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.banner-section.style-h8 .banner-carousel .theme-btn.btn-style-two:hover {

    color: #fff;

    transition: all 700ms ease;

}

.banner-section.style-h8 .banner-carousel .theme-btn.btn-style-three {

    color: #222;

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

	border: none;

	padding: 15px 45px;

}



.banner-section.style-h8 .content-box .text {

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 400;

    opacity: 0;

    margin-bottom: 29px;

    -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(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-section.style-h8 .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h8 .banner-carousel .owl-prev, .banner-section.style-h8 .banner-carousel .owl-next {

    border-radius: 0px;

}



.banner-section.style-h8 .banner-carousel .owl-prev, .banner-section.style-h8 .banner-carousel .owl-next {

    width: 56px;

    height: 56px;

    color: #ffffff;

    border: 1px solid #fff;

    font-weight: 400;

    line-height: 56px;

    border-radius: 100% !important;

	background-color: transparent;

}



.banner-section.style-h8 .banner-carousel .owl-prev:hover, .banner-section.style-h8 .banner-carousel .owl-next:hover {

    background-color: transparent;

    color: #FF4555;

	border: 1px solid #FF4555;

}



.banner-section.style-h8 .banner-carousel .content-box h2{

	position: relative;

	display: block;

	font-size: 56px;

	line-height: 64px;

	color: #ffffff;

	font-weight: 600;

	opacity: 0;

	margin-bottom: 15px;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}



.banner-section.style-h8 .banner-carousel .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-section.style-h8 .banner-carousel .content-box .text{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 34px;

	color: #ffffff;

	font-weight: 400;

	opacity: 0;

	margin-bottom: 40px;

	-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(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-section.style-h8 .banner-carousel .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h8 .banner-carousel .link-box{

	position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

}



.banner-section.style-h8 .banner-carousel .link-box:after{

	display: table;

	clear: both;

	content: "";

}



.banner-section.style-h8 .banner-carousel .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}



.banner-section.style-h8 .banner-carousel .owl-dots{

	display: none;

}



.banner-section.style-h8 .banner-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section.style-h8 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h8 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h8 .banner-carousel .owl-prev, 

.banner-section.style-h8 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h8 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h8 .banner-carousel .owl-prev:hover, 

.banner-section.style-h8 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}





/*** 



====================================================================

	about h8

====================================================================



 ***/



.about-h8 {

    position: relative;

    padding: 100px 0px;

}

.about-h8 .sec-title {

    margin-bottom: 20px;

}

.about-h8 .sec-title h3 {

    font-size: 18px;

    color: #FF4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.about-h8 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222; */

    /* line-height: 30px; */

    margin-bottom: 15px;

    line-height: 50px;

    color: #001659;

    font-size: 40px;

}

.about-h8 .sec-title .divider {}

.about-h8 .text p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    padding-right: 10px;

}

.about-h8 .btn-box {

    margin-top: 30px;

}

.about-h8 .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 12px 39px;

    background: #00c5ff;

    /* border-bottom-right-radius: 35px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 35px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

    box-shadow: 0px 15px 30px 0px rgba(1, 197, 255, 0.33);

    border-radius: 5px;

}

.about-h8 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    /* border-bottom-right-radius: 35px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 35px; */

    border-radius: 5px;

}

.about-h8 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.about-h8 .item {}

.about-h8 .item .image-box {}

.about-h8 .item .image-box img {}

.about-h8 .item h3 {

    font-size: 23px;

    color: #222222;

    font-weight: 600;

    margin-top: 30px;

    margin-bottom: 15px;

}

.about-h8 .item p {

	font-size: 16px;

}





/*** 



====================================================================

	service img h8

====================================================================



 ***/



.service-img-h8 {

	position: relative;

	padding: 100px 0px 100px 0px;

}



.service-img-h8 .sec-title {

    

}

.service-img-h8 .sec-title h3 {

    font-size: 18px;

    color: #ff4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.service-img-h8 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222; */

    /* line-height: 30px; */

    /* margin-bottom: 32px; */

    margin-bottom: 15px;

    line-height: 48px;

    color: #001659;

    font-size: 40px;

}

.service-img-h8 .sec-title .divider {}



.service-img-h8 .image-box {

    position: relative;

    top: 40px;

}

.service-img-h8 .image-box img {

    float: right;

    max-width: none;

}

.service-img-h8 .item .image-box-two {}

.service-img-h8 .item .image-box-two img {}



.service-img-h8 .item .icon {

    position: absolute;

    top: 28px;

    left: 18px;

}

.service-img-h8 .item .icon span:before {

    font-size: 35px;

    color: #222;

    transition: all 1200ms ease;

}

.service-img-h8 .item h3 {}

.service-img-h8 .item h3 a {

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    transition: all 700ms ease;

}

.service-img-h8 .item h3 a:hover {

    color: #ffffff;

    transition: all 700ms ease;

}

.service-img-h8 .owl-nav {

    position: absolute;

    top: -100px;

    right: 0;

    display: block !important;

    /* display: none; */

}

.service-img-h8 .owl-nav .owl-prev {

	position: relative;

	width: 38px;

	height: 38px;

	border: 1px solid #FF4555;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #FF4555;

	display: inline-block;

	margin-right: 15px;

	transition: all 700ms ease;

	display: none;

}

.service-img-h8 .owl-nav .owl-next {

	position: relative;

	width: 38px;

	height: 38px;

	border: 1px solid #7a01ff;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #FF4555;

	display: inline-block;

	transition: all 700ms ease;

	display: none;

}

.service-img-h8 .owl-nav .owl-prev:hover, .service-img-h8 .owl-nav .owl-next:hover {

    border: 1px solid #FF4555;

	color: #fff;

	transition: all 700ms ease;

}



.service-img-h8 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.service-img-h8 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.service-img-h8 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.service-img-h8 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}



.service-img-h8 .item .image-box-two .overlay-anim-box2 {

    display: block;

}







/*** 



====================================================================

	service img h8

====================================================================



 ***/



.why-choose-us-h8 {

    position: relative;

    padding: 100px 0px 70px 0px;

    background: red;

    background: linear-gradient(to right, rgba(130,190,66,1) 0%,rgba(48,178,210,1) 50%,rgba(28,76,147,1) 100%);

}

.why-choose-us-h8 .sec-title {

    margin-bottom: 0;

}

.why-choose-us-h8 .sec-title h3 {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.why-choose-us-h8 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222; */

    /* margin-bottom: 32px; */

    /* line-height: 48px; */

    margin-bottom: 15px;

    line-height: 50px;

    color: #ffffff;

    font-size: 40px;

}

.why-choose-us-h8 .sec-title .divider {}

.why-choose-us-h8 .sec-title .text p {

    margin-top: 18px;

    font-size: 16px;

    line-height: 30px;

    padding-right: 30px;

    color: #fff;

}





.why-choose-us-h8 .right-side {}

.why-choose-us-h8 .right-side .item {

    position: relative;

    padding: 0px 0px 0px 96px;

    margin-bottom: 30px;

}

.why-choose-us-h8 .right-side .item .icon {

    position: absolute;

    left: 10px;

    top: 35px;

}

.why-choose-us-h8 .right-side .item .icon span:before {

    font-size: 45px;

    color: #ffffff;

    /* top: 26px; */

    font-weight: 500;

}

.why-choose-us-h8 .right-side .item .title {

    /* padding-left: 25px; */

}

.why-choose-us-h8 .right-side .item .title h3 {

    font-size: 23px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 12px;

}

.why-choose-us-h8 .right-side .item .text p {

    font-size: 16px;

    color: #ffffff;

    line-height: 30px;

}





/*** 



====================================================================

	funfact h8

====================================================================



 ***/



.funfact-h8 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: repeat;

    background-repeat: no-repeat;

    background-position: center;

}

.funfact-h8 .item {

    position: relative;

    padding-left: 94px;

    padding-top: 13px;

}

.funfact-h8 .item .icon {

    position: absolute;

    left: 5px;

    top: 30px;

}

.funfact-h8 .item .icon span:before {

    font-size: 60px;

    color: #ff4555;

}

.funfact-h8 .item .count-box {

    font-size: 36px;

    color: #fff;

    font-weight: 600;

}

.funfact-h8 .item .count-box .count-text {

    color: #fff;

    margin-bottom: 15px;

    line-height: 46px;

    color: #001659;

    font-size: 40px;

    font-weight: 700;

}

.funfact-h8 .item .counter-title {

    font-size: 23px;

    color: #242424;

    margin-top: 10px;

    font-weight: 600;

}





/*** 



====================================================================

		portfolio h8

====================================================================



***/



.portfolio-h8 {

    position: relative;

    padding: 100px 0px 80px 0px;

}



.portfolio-h8 .sec-title {

    text-align: center;

}

.portfolio-h8 .sec-title h3 {

    font-size: 18px;

    color: #ff4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.portfolio-h8 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222222; */

    /* line-height: 30px; */

    /* margin-bottom: 32px; */

    margin-bottom: 15px;

    line-height: 60px;

    color: #001659;

    font-size: 40px;

}

.portfolio-h8 .sec-title .divider {}



.portfolio-h8 .filters {

    position: relative;

    margin-bottom: 30px;

}



.portfolio-h8 .portfolio-pagination {

    position: absolute;

    left: 560px;

    top: 0;

}



.portfolio-h8 .portfolio-pagination .inner {

    position: relative;

    text-align: center;

    font-size: 11px;

    line-height: 30px;

    color: #000000;

    font-weight: 700;

    background: #EBEBEB;

    padding: 0px 30px 0px 20px;

    border-radius: 30px;

}



.portfolio-h8 .portfolio-pagination .inner:before {

    position: absolute;

    content: "\f038";

    right: 15px;

    top: 0;

    font-family: 'Font Awesome 5 Free';

    font-weight: 800;

    color: #3B3B3B;

}



.portfolio-h8 .portfolio-pagination .inner span{

	position: relative;

	padding: 0 5px;

	display: inline-block;

}



.portfolio-h8 .filters .filter-btns {

    text-align: center;

    display: block;

    margin: 0px 100px;

    margin-bottom: 50px;

}



.portfolio-h8 .filters li {

    position: relative;

    display: inline-block;

    font-size: 16px;

    padding: 0px 7px;

    font-weight: 700;

    color: #222222;

    cursor: pointer;

    padding-bottom: 13px;

	margin-right: 40px;

}



.portfolio-h8 .filter-nrm {

    float: left;

    color: #777777;

    font-size: 11px;

    font-weight: 600;

}



.portfolio-h8 .filters li.active {

    position: relative;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    color:#FF4555;

    margin-right: 40px;

    padding: 0px 7px;

}



.portfolio-h8 .filters li.active:before {

    position: absolute;

    left: 0;

    bottom: -4px;

    right: 0;

    margin: 0 auto;

    content: "";

    height: 2px;

    width: 100%;

    z-index: 1;

    background: #CCCCCC;

    text-align: center;

    opacity: 1;

    transition: all 900ms ease;

}



.portfolio-h8 .filters li:before {

    position: absolute;

    left: 0;

    bottom: -32px;

    content: "";

    height: 5px;

    width: 100%;

    z-index: 1;

    background: #FF9600;

    text-align: center;

    opacity: 0;

    transition: all 900ms ease;

}

.portfolio-h8 .project-block {

    position: relative;

    padding: 0 10px;

    padding-bottom: 10px;

    margin-bottom: 0;

    overflow: hidden;

}

.portfolio-h8 .project-block .image {

    position: relative;

    margin-bottom: 0;

    display: inline-block;

    overflow: hidden;

}

.portfolio-h8 .project-block .image .overlay-box {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    background: rgba(0, 0, 0, 0.9);

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

    overflow: hidden;

}

.portfolio-h8 .project-block:hover .image .overlay-box {

    opacity: 1;

    transform: scale(1.0) rotate(0deg);

    transition: all 700ms ease 200ms;

    visibility: visible;

}

.portfolio-h8 .project-block .image .overlay-box .box{}

.portfolio-h8 .project-block .image .overlay-box h2 {

    font-size: 20px;

    color: #EDF2FF;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.portfolio-h8 .project-block .image .overlay-box .title {

    transform: rotate(-90deg);

    position: absolute;

    bottom: 150px;

    left: -35px;

}

.portfolio-h8 .project-block .image .overlay-box h2:before {

    position: absolute;

    left: -142px;

    bottom: -103px;

    width: 2px;

    height: 230px;

    background: #343539;

    content: "";

    transform: rotate(90deg);

}

.portfolio-h8 .project-block .image .overlay-box a {

    font-size: 18px;

    color: #FFFFFF;

    position: absolute;

    bottom: 38px;

    right: 54px;

    transition: all 700ms ease;

}

.portfolio-h8 .project-block .image .overlay-box a i {

    margin-left: 12px;

    font-size: 18px;

    transform: rotate(45deg);

	transition: all 700ms ease;

}

.portfolio-h8 .project-block .image .overlay-box a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-h8 .project-block .image .overlay-box a:hover i {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-h8 .project-block .image .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.portfolio-h8 .project-block .image .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}

.portfolio-h8 .btn-box {

    text-align: center;

    margin: 75px 0px 30px 0px;

}

.portfolio-h8 .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 17px 40px;

    background: #222;

    /* border-bottom-right-radius: 40px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 40px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

}

.portfolio-h8 .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.portfolio-h8 .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.portfolio-h8 .btn-box a:hover {

    color: #222222;

    transition: all 700ms ease;

}







/*** 



====================================================================

		call to action h8

====================================================================



***/



.call-to-action-h8 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

}

.call-to-action-h8:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.9);

    content: "";

}

.call-to-action-h8 .left-side {}

.call-to-action-h8 .left-side h3 {

    font-size: 22px;

    color: #001659;

    font-weight: 600;

    margin-bottom: 28px;

}

.call-to-action-h8 .left-side h2 {

    font-size: 48px;

    color: #222222;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 35px;

    font-weight: 600;

    /* line-height: 60px; */

    color: #001659;

    font-size: 48px;

}

.call-to-action-h8 .left-side h2 span {

    color: #FF4555;

}

.call-to-action-h8 .left-side p {

    font-size: 18px;

    color: #222222;

    line-height: 30px;

    font-weight: 600;

}

.call-to-action-h8 .btn-box {

    position: relative;

    padding: 95px 0px 0px 0px;

}



.call-to-action-h8 .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 17px 40px;

    background: #ff4555;

    /* border-bottom-right-radius: 40px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 40px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    display: inline-block;

    overflow: hidden;

    z-index: 1;

    box-shadow: 0px 15px 30px 0px rgba(255, 70, 86, 0.39);

}

.call-to-action-h8 .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    /* border-bottom-right-radius: 40px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 40px; */

    /* border-top-left-radius: 0px; */

}

.call-to-action-h8 .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.call-to-action-h8 .btn-box a:hover {

    color: #222222;

    transition: all 700ms ease;

}



/*** 



====================================================================

		faq-form-h8

====================================================================



***/



.faq-form-h8 {

    position: relative;

    padding: 100px 0px 100px 0px;

}



.faq-form-h8 .sec-title {

    margin-bottom: 40px;

}

.faq-form-h8 .sec-title .subtitle {

    margin-bottom: 15px;

}

.faq-form-h8 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.faq-form-h8 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    margin-bottom: 32px;

    line-height: 48px;

    position: relative;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.faq-form-h8 .sec-title .divider {}



.accordion-box-h8 {

	position: relative;

}



.accordion-box-h8 .block {

    position: relative;

    margin-bottom: 20px;

}



.accordion-box-h8 .block:last-child{

	margin-bottom: 0;

}



.accordion-box-h8 .block .acc-btn {

    position: relative;

    font-size: 16px;

    line-height: 25px;

    color: #FF4555;

    font-weight: 600;

    cursor: pointer;

    padding: 16px 30px;

    font-family: "poppins", sans-serif;

    background-color: #ffffff;

    border: 1px solid #CCCCCC;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border-radius: 10px;

}



.accordion-box-h8 .block .icon {

    position: absolute;

    right: 0px;

    top: 0px;

    font-size: 15px;

    font-weight: 700;

    color: #222222;

    height: 55px;

    line-height: 55px;

    width: 60px;

    text-align: center;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.accordion-box-h8 .block .acc-btn.active .icon {

    color: #fff;

}



.accordion-box-h8 .block .acc-btn.active .icon:before{

	content: "\f109";

	font-size: 12px;

	font-weight: 600;

}

.accordion-box-h8 .block .acc-btn .icon:before{

	font-size: 12px;

	font-weight: 600;

}



.accordion-box-h8 .block .acc-btn.active {

    position: relative;

    background-color: #FF4555;

    color: #fff;

    border: #FF4555;

}



.accordion-box-h8 .block .acc-content{

	position:relative;

	display:none;

}



.accordion-box-h8 .block .content {

    position: relative;

    padding: 15px 30px 5px;

}



.accordion-box-h8 .block .acc-content.current{ 

	display: block;

}



.accordion-box-h8 .block .content .text {

    display: block;

    font-size: 16px;

    line-height: 28px;

    color: #666666;

}

.faq-form-h8 .content-box {

    box-shadow: 0px 7px 57px 0px rgba(0, 0, 0, 0.1);

    padding: 50px 50px 50px 50px;

    margin: 0px 0px 0px 50px;

    border-radius: 10px;

}

.faq-form-h8 .content-box .title h2 {

    color: #222222;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 50px;

    position: relative;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    /* margin-bottom: 8px; */

    text-transform: capitalize;

}



.faq-form-h8 .contact .form-group {

    position: relative;

    margin-bottom: 18px;

}



.faq-form-h8 .contact .form-group:last-child{

	margin-bottom: 0;

}



.faq-form-h8 .contact .form-group input[type="text"],

.faq-form-h8 .contact .form-group input[type="email"],

.faq-form-h8 .contact .form-group input[type="tel"],

.faq-form-h8 .contact .form-group input[type="url"],

.faq-form-h8 .contact .form-group textarea,

.faq-form-h8 .contact .form-group input[type="text"], .faq-form-h8 .contact .form-group input[type="email"], .faq-form-h8 .contact .form-group input[type="tel"], .faq-form-h8 .contact .form-group input[type="url"], .faq-form-h8 .contact .form-group textarea, .faq-form-h8 .contact .form-group select {

    position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    color: #777777;

    font-weight: 400;

    height: 50px;

    padding: 10px 30px 9px;

    background-color: transparent;

    border: 1px solid #ACACAC;

    border-radius: 10px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.faq-form-h8 .contact ::-webkit-input-placeholder{color: #777777;}

.faq-form-h8 .contact ::-moz-input-placeholder{color: #777777;}

.faq-form-h8 .contact ::-ms-input-placeholder{color: #777777;}



.faq-form-h8 .contact .form-group input:focus,

.faq-form-h8 .contact .form-group select:focus,

.faq-form-h8 .contact .form-group textarea:focus{

	border-color:#c08c4d;

}



.faq-form-h8 .contact .form-group textarea {

    height: 170px;

    margin-bottom: 10px;

    resize: none;

    padding: 10px 30px 9px;

}





.faq-form-h8 .contact label.error{

	color: #ff0000;

}



.faq-form-h8 .theme-btn {

    position: relative;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    padding: 15px 40px;

    background: #222;

    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    margin-top: 8px;

	cursor: pointer;

    display: inline-block;

    overflow: hidden;

	z-index: 1;

}

.faq-form-h8 .theme-btn:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.faq-form-h8 .theme-btn:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.faq-form-h8 .theme-btn:hover {

    color: #222222;

    transition: all 700ms ease;

}





/*** 



====================================================================

		testimonials h8

====================================================================



***/





.testimonials-h8 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.testimonials-h8:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(30, 49, 109, 0.55);

    content: "";

}

.testimonials-h8 .sec-title {

    text-align: center;

}

.testimonials-h8 .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    margin-bottom: 15px;

    /* text-transform: uppercase; */

    text-transform: uppercase;

    position: relative;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.testimonials-h8 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #fff; */

    /* line-height: 30px; */

    margin-bottom: 32px;

    line-height: 48px;

    color: #ffffff;

    font-size: 40px;

}

.testimonials-h8 .sec-title .divider {}



.testimonials-h8 .item {

    position: relative;

    text-align: center;

}

.testimonials-h8 .item .image-box {}

.testimonials-h8 .item .image-box img {

	width: 100px;

    height: 100px;

    margin: 0 auto;

}

.testimonials-h8 .item .text {

    margin-top: 34px;

	margin-bottom: 25px;

}

.testimonials-h8 .item .text p {

    font-size: 19px;

    color: #fefefe;

    line-height: 36px;

    font-style: italic;

}

.testimonials-h8 .item .icon {

    position: absolute;

    right: 44%;

    top: 166px;

    z-index: -1;

}

.testimonials-h8 .item .icon i {

    font-size: 100px;

    color: #ffffff29;

}

.testimonials-h8 .item .title h3 {

    margin-bottom: 6px;

    font-size: 23px;

    color: #e6e6e6;

    font-weight: 500;

    margin-top: 40px;

}

.testimonials-h8 .item .dasignation h4 {

    font-size: 16px;

    color: #FFFFFF;

    font-family: 'Exo', sans-serif;

}

.testimonials-h8 .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.testimonials-h8:hover .owl-nav{

	opacity: 1;

}



.testimonials-h8 .owl-prev {

    position: absolute;

    top: 0;

    left: 50px;

    width: 46px;

    height: 46px;

    font-size: 20px;

    color: #ffffff;

    font-weight: 400;

    text-align: center;

    line-height: 43px;

    border: 2px solid #fff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    /* border-bottom-left-radius: 20px; */

    /* border-top-left-radius: 20px; */

}



.testimonials-h8 .owl-next {

    position: absolute;

    top: 0;

    left: 50px;

    width: 46px;

    height: 46px;

    font-size: 20px;

    color: #ffffff;

    font-weight: 400;

    text-align: center;

    line-height: 43px;

    border: 2px solid #fff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    /* border-bottom-right-radius: 20px; */

    /* border-top-right-radius: 20px; */

}



.testimonials-h8 .owl-next{

	left: auto;

	right: 50px;

}



.testimonials-h8 .owl-prev:hover, 

.testimonials-h8 .owl-next:hover{

	color: #FF4555;

	border-color: #FF4555;

	-webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



/*** 



====================================================================

		latest news h8

====================================================================



***/



.latest-news-h8 {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.latest-news-h8 .sec-title {

    margin-bottom: 40px;

    display: inline-block;

}

.latest-news-h8 .sec-title .subtitle {

    margin-bottom: 15px;

}

.latest-news-h8 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    text-transform: uppercase;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.latest-news-h8 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    margin-bottom: 32px;

    line-height: 48px;

    position: relative;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.latest-news-h8 .sec-title .divider {}



.latest-news-h8 .btn-box {

    float: right;

    position: relative;

    margin-top: 115px;

    margin-right: 10px;

}

.latest-news-h8 .btn-box a {

    font-size: 18px;

    color: #FF4555;

    font-weight: 600;

}

.latest-news-h8 .left-side .item {

    position: relative;

}



.latest-news-h8 .left-side .lower-content {

    position: absolute;

    bottom: 30px;

    left: 50px;

}

.latest-news-h8 .left-side .lower-content span {

    font-size: 16px;

    color: #fff;

}

.latest-news-h8 .left-side .lower-content i {

    font-size: 16px;

    color: #FF4555;

    margin-right: 10px;

}

.latest-news-h8 .left-side .lower-content h3 {

    margin-top: 12px;

    margin-bottom: 12px;

}

.latest-news-h8 .left-side .lower-content h3 a {

    font-size: 30px;

    color: #ffffff;

    font-weight: 600;

    line-height: 48px;

    transition: all 700ms ease;

}

.latest-news-h8 .left-side .lower-content h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.latest-news-h8 .left-side .lower-content span.author {

    margin-left: 30px;

}



.latest-news-h8 .right-side .item {

    background: #001659;

    padding: 10px 10px 24px 40px;

    margin-bottom: 20px;

}

.latest-news-h8 .right-side .lower-content {

    position: relative;

}

.latest-news-h8 .right-side .lower-content span {

    font-size: 16px;

    color: #ffffff;

}

.latest-news-h8 .right-side .lower-content i {

    font-size: 16px;

    color: #ffffff;

    margin-right: 15px;

}

.latest-news-h8 .right-side .lower-content h3 {

    margin-top: 12px;

    margin-bottom: 11px;

    line-height: 32px;

}

.latest-news-h8 .right-side .lower-content h3 a {

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    line-height: 30px;

    transition: all 700ms ease;

}

.latest-news-h8 .right-side .lower-content h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.latest-news-h8 .right-side .lower-content span.author {

    margin-left: 30px;

}



.latest-news-h8 .owl-nav{

	display: none;

}



.latest-news-h8 .owl-dots {

    text-align: center;

    position: absolute;

    right: 20px;

    bottom: 15px;

}



.latest-news-h8 .owl-dot {

    position: relative;

    display: inline-block;

    height: 10px;

    width: 10px;

    background-color: #fff;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.latest-news-h8 .owl-dot.active,

.latest-news-h8 .owl-dot:hover{

	height: 10px;

    width: 10px;

	background-color:#FF4555;

}



.latest-news-h8 .owl-carousel .owl-dots.disabled {

    display: block;

}



/*** 



====================================================================

	team-h8

====================================================================



***/



.clients-h8 {

    position: relative;

    padding: 100px 0px 100px 0px;

    border-radius: 0px;

}

.clients-h8 ul {}

.clients-h8 ul li {}

.clients-h8 ul li a {}

.clients-h8 ul li a img {

    width: 152px !important;

    margin: 0 auto;

}







/*** 



====================================================================

	banner section h9

====================================================================



 ***/



.banner-section-h9 {

    position: relative;

    background-repeat: no-repeat;

    padding: 250px 0px 250px 0px;

    margin-top: 0;

    text-align: center;

}

.banner-section-h9:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    content: "";

}

.banner-section-h9 .item {}

.banner-section-h9 .item h3 {

    font-size: 18px;

    color: #FFFFFF;

    line-height: 36px;

    margin-top: 40px;

    margin-bottom: 16px;

}

.banner-section-h9 .item h2 {

    font-size: 60px;

    color: #FFFFFF;

    font-weight: 600;

    line-height: 72px;

}

.banner-section-h9 .item h2 span {

    color: #FF4555;

}



/*** 



====================================================================

	service img h9

====================================================================




 ***/



.service-img-h9 {

    position: relative;

    padding: 20px 0px 100px 0px;

}

.service-img-h9 .item {

    margin-bottom: 30px;

}

.service-img-h9 .item .image-box {}

.service-img-h9 .item .image-box .overlay-anim-box2 {

    display: block;

}

.service-img-h9 .item .image-box img {}

.service-img-h9 .item .lower-content {

    position: relative;

    padding: 35px 20px 25px 30px;

    border: 1px solid #fafafa;

    /* box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); */

    /* -webkit-box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); */

    /* box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); */

    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);

    /* margin-left: 1px; */

    background: white;

}

.service-img-h9 .item .lower-content .icon {

    position: absolute;

    left: 30px;

    top: 45px;

}

.service-img-h9 .item .lower-content .icon span:before {

    color: #FF4555;

    font-size: 45px;

}

.service-img-h9 .item .lower-content .title h3 {

    font-weight: 600;

    margin-left: 65px;

}

.service-img-h9 .item .lower-content .title h3 a {

    font-size: 23px;

    color: #222222;

    transition: all 700ms ease;

}

.service-img-h9 .item .lower-content .title h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-img-h9 .item .lower-content .text p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-top: 30px;

}

.service-img-h9 .item .lower-content .link-btn {}

.service-img-h9 .item .lower-content .link-btn a {

	position: relative;

	color: #FF4555;

	background: #dfdfdf;

	transition: all 700ms ease;

	padding: 9px 17px 5px 17px;

	position: relative;

	top: 40px;

	z-index: 33;

	font-size: 20px;

	display: inline-block;

}

.service-img-h9 .item .lower-content .link-btn a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.service-img-h9 .item:hover .lower-content .link-btn a:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.service-img-h9 .item:hover  .lower-content .link-btn a{

    color: #fff;

    transition: all 700ms ease;

}



.service-img-h9 .owl-nav{

	display: none;

}



.service-img-h9 .owl-dots {

    text-align: center;

    margin-top: 20px;

}



.service-img-h9 .owl-dot {

    position: relative;

    display: inline-block;

    width: 30px;

    height: 3px;

    background-color: #FF4555;

    margin-bottom: 12px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin: 0px 5px;

}



.service-img-h9 .owl-dot.active,

.service-img-h9 .owl-dot:hover{

	width: 30px;

    height: 6px;

	background-color:#222222;

	top: 2px;

}



.service-img-h9 .owl-carousel .owl-dots.disabled {

    display: block;

}



.service-img-h9 .content-box {

    padding: 15px;

    border-radius: 0px;

    background: #15afed;

    box-shadow: 0px 7px 57px 0px rgba(0, 0, 0, 0.1);

    margin-right: -25px;

}

.service-img-h9 .content-box .title h2 {

    color: #222222;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 45px;

    color: #ffffff;

    font-size: 40px;

    line-height: 48px;

}



.service-img-h9 .contact .form-group {

    position: relative;

    margin-bottom: 18px;

}



.service-img-h9 .contact .form-group:last-child{

	margin-bottom: 0;

}



.service-img-h9 .contact .form-group input[type="text"],

.service-img-h9 .contact .form-group input[type="email"],

.service-img-h9 .contact .form-group input[type="tel"],

.service-img-h9 .contact .form-group input[type="url"],

.service-img-h9 .contact .form-group textarea,

.service-img-h9 .contact .form-group input[type="text"], .service-img-h9 .contact .form-group input[type="email"], .service-img-h9 .contact .form-group input[type="tel"], .service-img-h9 .contact .form-group input[type="url"], .service-img-h9 .contact .form-group textarea, .service-img-h9 .contact .form-group select {

    position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    color: #777777;

    font-weight: 400;

    height: 50px;

    padding: 10px 30px 9px;

    background-color: #fff;

    border: 1px solid #fff;

    /* border-radius: 10px; */

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.service-img-h9 .contact ::-webkit-input-placeholder{color: #777777;}

.service-img-h9 .contact ::-moz-input-placeholder{color: #777777;}

.service-img-h9 .contact ::-ms-input-placeholder{color: #777777;}



.service-img-h9 .contact .form-group input:focus,

.service-img-h9 .contact .form-group select:focus,

.service-img-h9 .contact .form-group textarea:focus{

	border-color:#c08c4d;

}



.service-img-h9 .contact .form-group textarea {

    height: 128px;

    margin-bottom: 10px;

    resize: none;

    padding: 10px 30px 9px;

}





.service-img-h9 .contact label.error{

	color: #ff0000;

}



.service-img-h9 .theme-btn {

    position: relative;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    padding: 13px 35px;

    background: #222;

    /* border-bottom-right-radius: 35px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 35px; */

    /* border-top-left-radius: 0px; */

    transition: all 700ms ease;

    margin-top: 8px;

    display: inline-block;

    z-index: 1;

    overflow: hidden;

}

.service-img-h9 .theme-btn:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    /* border-bottom-right-radius: 35px; */

    /* border-bottom-left-radius: 0px; */

    /* border-top-right-radius: 35px; */

    /* border-top-left-radius: 0px; */

    overflow: hidden;

}

.service-img-h9 .theme-btn:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.service-img-h9 .theme-btn:hover {

    color: #222;

    transition: all 700ms ease;

}





/*** 



====================================================================

	about h9 

====================================================================



 ***/



.about-h9 {

    position: relative;

    padding-bottom: 50px;

    padding-top: 100px;

    background-position: right;

    background-repeat: no-repeat;

}

.about-h9 .left-side {}

.about-h9 .left-side h2 {

    /* font-size: 36px; */

    /* color: #FF4555; */

    font-weight: 600;

    line-height: 50px;

    color: #001659;

    font-size: 40px;

}

.about-h9 .left-side h2 span {

    color: #222;

}

.about-h9 .right-side {

    margin-left: -5px;

}

.about-h9 .right-side h3 {

    font-size: 20px;

    color: #001659;

    line-height: 36px;

    font-weight: 600;

    font-family: 'Exo', sans-serif;

}

.about-h9 .right-side p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-top: 30px;

}





/*** 



====================================================================

	call to action h9

====================================================================



 ***/



.call-to-action-h9 {

    position: relative;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0px;

	text-align: center;

}

.call-to-action-h9:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(242, 242, 242, 0.9);

    content: "";

}

.call-to-action-h9 .text-box {}

.call-to-action-h9 .text-box h2 {

    margin-bottom: 30px;

    font-weight: 600;

    line-height: 60px;

    color: #373737;

    font-size: 40px;

}

.call-to-action-h9 .text-box p {

    font-size: 18px;

    color: #373737;

    line-height: 36px;

    margin-bottom: 40px;

}



.call-to-action-h9 .text-box .btn-box a {

    position: relative;

    background: #FF4555;

    transition: all 700ms ease;

    display: inline-block;

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    padding: 15px 40px;

    font-weight: 600;

    overflow: hidden;

    border-radius: 5px;

	z-index: 1;

}

.call-to-action-h9 .text-box .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);



	overflow: hidden;

}

.call-to-action-h9 .text-box .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.call-to-action-h9 .text-box .btn-box a:hover {

    color: #222;

    transition: all 700ms ease;

}



/*** 



====================================================================

	call to action h9

====================================================================



 ***/



.funfact-skill-h9 {

    position: relative;

    padding: 100px 0px 10px 0px;

}

.funfact-skill-h9:before {

	position: absolute;

	left: 0;

	top: 0;

	background: url(../images/ex-new/background/funfact-skill-h9-shape.jpg);

	width: 35%;

	height: 100%;

	content: "";

}

.funfact-skill-h9 .funfact .column .item {

    position: relative;

    padding: 0px 0px 0px 90px;

    margin-bottom: 80px;

}

.funfact-skill-h9 .funfact .column .item .icon {

    position: absolute;

    left: 0;

    top: 8px;

}

.funfact-skill-h9 .funfact .column .item .icon span:before {

    font-size: 52px;

    color: #FF4555;

}

.funfact-skill-h9 .funfact .column .count-text {

    font-size: 36px;

    color: #222222;

    font-weight: 600;

    font-weight: 600;

    /* line-height: 60px; */

    color: #001659;

    font-size: 48px;

}

.funfact-skill-h9 .funfact .column .counter-title {}

.funfact-skill-h9 .funfact .column .counter-title p {

    font-size: 16px;

    color: #2a2a2a;

    font-weight: 500;

}

.funfact-skill-h9 .funfact .column .item .count-outer {

    font-weight: 700;

    font-size: 36px;

    color: #222222;

    margin-bottom: 10px;

    font-weight: 600;

    /* line-height: 60px; */

    /* color: #001659; */

    font-size: 48px;

}





.funfact-skill-h9 .skill .sec-title {

    

}

.funfact-skill-h9 .skill .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.funfact-skill-h9 .skill .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    /* margin-bottom: 32px; */

    font-weight: 600;

    line-height: 48px;

    color: #001659;

    font-size: 40px;

}

.funfact-skill-h9 .skill .sec-title .divider {}

.funfact-skill-h9 .progress-item {

    margin-top: 0px;

    margin-bottom: 27px;

}

.funfact-skill-h9 .progress-item .progress {

    overflow: visible;

}

.funfact-skill-h9 .progress-item .progress-bar {

    background-color: #FF4555;

    height: 6px;

    position: relative;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

    font-size: 14px;

}

.funfact-skill-h9 .progress-bar .value-holder {

    font-size: 16px;

    color: #222222;

    position: absolute;

    top: -43px;

    width: 36px;

    right: -18px;

    height: 36px;

    font-weight: 600;

}

.funfact-skill-h9 .progress-bar .value-holder .value {

	position: relative;

    color: #222;

    font-size: 16px;

    line-height: 33px;

    transition: all 700ms ease;

    font-weight: 600;

}

.funfact-skill-h9 .progress-bar .value-holder .value:before {

    content: '';

    position: absolute;

    bottom: -19px;

    left: 6px;

    right: 0;

    margin: 0 auto;

    width: 20px;

    height: 10px;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #7f7f7f;

    transform: rotate(0deg);

    opacity: 1;

}

.funfact-skill-h9 .progress-white .progress {


	padding: 2px;

}

.funfact-skill-h9 .progress {

    box-shadow: none;

    background: #DDDDDD;

    height: 6px;

    border-radius: 0;

}

.funfact-skill-h9 .skill-block .title {

    margin-bottom: 44px;

}

.funfact-skill-h9 .skill-title h3 {

    font-size: 16px;

    color: #222222;

    position: relative;

    margin-top: -17px;

    margin-bottom: 7px;

    font-weight: 600;

}

.funfact-skill-h9 .progress-item {

    margin-bottom: 50px;

}





/*** 



====================================================================

		portfolio h9

====================================================================



***/



.portfolio-h9 {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.portfolio-h9 .sec-title {

    margin-left: -20px;

}

.portfolio-h9 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.portfolio-h9 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 30px;

    margin-bottom: 15px;

    font-weight: 600;

    line-height: 48px;

    color: #001659;

    font-size: 48px;

}

.portfolio-h9 .sec-title .divider {}



.portfolio-h9 .filters {

    position: relative;

    margin-bottom: 30px;

}



.portfolio-h9 .portfolio-pagination {

    position: absolute;

    left: 560px;

    top: 0;

}



.portfolio-h9 .portfolio-pagination .inner {

    position: relative;

    text-align: center;

    font-size: 11px;

    line-height: 30px;

    color: #000000;

    font-weight: 700;

    background: #EBEBEB;

    padding: 0px 30px 0px 20px;

    border-radius: 30px;

}



.portfolio-h9 .portfolio-pagination .inner:before {

    position: absolute;

    content: "\f038";

    right: 15px;

    top: 0;

    font-family: 'Font Awesome 5 Free';

    font-weight: 800;

    color: #3B3B3B;

}



.portfolio-h9 .portfolio-pagination .inner span{

	position: relative;

	padding: 0 5px;

	display: inline-block;

}



.portfolio-h9 .filters .filter-btns {

    display: block;

    margin-bottom: 50px;

    margin-left: -15px;

    overflow: hidden;

}



.portfolio-h9 .filters li {

    position: relative;

    display: inline-block;

    font-size: 16px;

    padding: 0px 0px;

    font-weight: 600;

    color: #222222;

    cursor: pointer;

    margin-right: 130px;

    margin-bottom: 30px;

}



.portfolio-h9 .filter-nrm {

    float: left;

    color: #777777;

    font-size: 11px;

    font-weight: 600;

}



.portfolio-h9 .filters li.active {

    color: #FF4555;

}



.portfolio-h9 .filters li.active:before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 2px;

    width: 100%;

    z-index: 1;

    background: #CCCCCC;

    opacity: 1;

    transition: all 700ms ease;

}



.portfolio-h9 .filters li:before {

    position: absolute;

    left: -200px;

    bottom: 0px;

    content: "";

    height: 2px;

    width: 0;

    z-index: 1;

    background: #FF9600;

    text-align: center;

    opacity: 0;

    transition: all 700ms ease;

}

.portfolio-h9 .project-block {

    position: relative;

    padding: 0 5px;

    padding-bottom: 10px;

    margin-bottom: 0;

    overflow: hidden;

    padding-bottom: 0;

    padding-top: 5px;

    margin-left: -1px;

}

.portfolio-h9 .project-block .image {

    position: relative;

    margin-bottom: 0;

    display: inline-block;

    overflow: hidden;

}

.portfolio-h9 .project-block .image .overlay-box {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    background: rgba(0, 0, 0, 0.9);

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

    overflow: hidden;

}

.portfolio-h9 .project-block:hover .image .overlay-box {

    opacity: 1;

    transform: scale(1.0) rotate(0deg);

    transition: all 700ms ease 200ms;

    visibility: visible;

}

.portfolio-h9 .project-block .image .overlay-box .box{}

.portfolio-h9 .project-block .image .overlay-box h2 {

    font-size: 18px;

    color: #EDF2FF;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.portfolio-h9 .project-block .image .overlay-box .title {

    transform: rotate(-90deg);

    position: absolute;

    top: 100px;

    left: -35px;

}

.portfolio-h9 .project-block .image .overlay-box h2:before {

    position: absolute;

    left: -142px;

    bottom: -103px;

    width: 2px;

    height: 230px;

    background: #343539;

    content: "";

    transform: rotate(90deg);

}

.portfolio-h9 .project-block .image .overlay-box a {

    font-size: 18px;

    color: #FFFFFF;

    position: absolute;

    bottom: 38px;

    right: 54px;

    transition: all 700ms ease;

}

.portfolio-h9 .project-block .image .overlay-box a i {

    margin-left: 12px;

    font-size: 18px;

    transform: rotate(45deg);

	transition: all 700ms ease;

}

.portfolio-h9 .project-block .image .overlay-box a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-h9 .project-block .image .overlay-box a:hover i {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-h9 .project-block .image .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.portfolio-h9 .project-block .image .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}

.portfolio-h9 .btn-box {

    margin-top: 70px;

    margin-left: -15px;

}

.portfolio-h9 .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 17px 40px;

    background: #222;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    display: inline-block;

	z-index: 1;

	overflow: hidden;

}

.portfolio-h9 .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 35px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 35px;

    border-top-left-radius: 0px;

	overflow: hidden;

}

.portfolio-h9 .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.portfolio-h9 .btn-box a:hover {

    color: #222;

    transition: all 700ms ease;

}



/*** 



====================================================================

		team h9

====================================================================



***/



.team-h9 {

    position: relative;

    padding: 100px 0px 100px 0px;

}



.team-h9 .container {

    /* max-width: 1140px; */

}

.team-h9 .sec-title {

    /* margin-left: 230px; */

    /* margin-right: -122px; */

}

.team-nine-carousel {

    /* margin-left: 120px; */

}

.team-h9 .sec-title .subtitle {

    margin-bottom: 15px;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.team-h9 .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    text-transform: uppercase;

    font-weight: 500;

    color: #FF4555;

    font-size: 18px;

    line-height: 1.6em;

    font-family: 'Exo', sans-serif;

}

.team-h9 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222222; */

    /* line-height: 30px; */

    /* margin-bottom: 32px; */

    position: relative;

    color: #001659;

    font-size: 40px;

    font-weight: 600;

    line-height: 60px;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.team-h9 .sec-title .divider {}

.team-h9 .sec-title .text p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-top: 30px;

}



.team-h9 .item {

    overflow: hidden;

}

.team-h9 .item .image-box {

    position: relative;

    transition: all 700ms ease;

    /* margin: 0px 5px; */

}

.team-h9 .item .image-box img {

	transition: all 700ms ease;

}

.team-h9 .item .image-box .social-links {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #222222;

    text-align: center;

    padding: 15px 0px 15px 0px;

    opacity: 0;

    width: 100%;

	transition: all 700ms ease;

}

.team-h9 .item .image-box .social-links li {

    display: inline-block;

}

.team-h9 .item .image-box .social-links li a {

    font-size: 14px;

    color: #fff;

    padding: 14px 12px;

	transition: all 700ms ease;

}

.team-h9 .item .image-box .social-links li a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.team-h9 .item .title-box {

    text-align: center;

    background: #f6f6f6;

    padding: 20px 25px;

    padding-bottom: 25px;

}

.team-h9 .item .title-box h3 {

    font-size: 20px;

    color: #222222;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 10px;

}

.team-h9 .item .title-box h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.team-h9 .item .title-box h3 a {

    color: #222222;

}

.team-h9 .item .title-box h4 {

    font-size: 16px;

    color: #707070;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}



.team-h9 .item:hover .image-box .social-links {

	opacity: 1;

	bottom: 5px;

	transition: all 700ms ease;

}



.team-h9 .item:hover .image-box img {

    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.19);

    border-radius: 10px;

    transition: all 700ms ease;

}





.team-h9 .owl-nav {

    position: absolute;

    top: -126px;

    right: 0px;

    display: block !important;

}

.team-h9 .owl-nav .owl-prev {

    width: 46px;

    height: 46px;

    border: 2px solid #44d1fa;

    text-align: center;

    line-height: 46px;

    font-size: 20px;

    color: #ffffff;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

    /* border-bottom-left-radius: 20px; */

    /* border-top-left-radius: 20px; */

    background: #44d1fa;

    box-shadow: 0px 15px 30px 0px rgba(6, 158, 203, 0.43);

}

.team-h9 .owl-nav .owl-next {

    width: 46px;

    height: 46px;

    border: 2px solid #44d1fa;

    text-align: center;

    line-height: 46px;

    font-size: 20px;

    color: #ffffff;

    display: inline-block;

    transition: all 700ms ease;

    /* border-bottom-right-radius: 20px; */

    /* border-top-right-radius: 20px; */

    background: #44d1fa;

    box-shadow: 0px 15px 30px 0px rgba(6, 158, 203, 0.43);

}

.team-h9 .owl-nav .owl-prev:hover, .team-h9 .owl-nav .owl-next:hover {

    border: 2px solid #ff4555;

    color: #ffffff;

    transition: all 700ms ease;

    background: #ff4555;

}

/*** 



====================================================================

		priching h9

====================================================================



***/



.pricing-h9 {

    position: relative;

    padding: 140px 0px 100px 0px;

}

.pricing-h9:before {

    position: absolute;

    left: 0;

    bottom: -30px;

    background: url(../images/ex-new/background/pricing-h9-bg.jpg);

    width: 100%;

    height: 500px;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

}

.pricing-h9 .sec-title {

    position: relative;

    margin-left: -50px;

}

.pricing-h9 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.pricing-h9 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222;

    line-height: 30px;

    margin-bottom: 32px;

    font-weight: 600;

    line-height: 48px;

    color: #001659;

    font-size: 48px;

}

.pricing-h9 .sec-title .divider {}

.pricing-h9 .sec-title .text p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    padding-right: 10px;

}

.pricing-h9 .tabs-box {

    position: relative;

    text-align: center;

}

.pricing-h9 .tabs-box .tabs-content {}

.pricing-h9 .tabs-box .tabs-content {}

.tabs-box .tab.active-tab {

    display: block;

}

.pricing-h9 .pricing-table {

    position: relative;

    margin-bottom: 40px;

    padding: 0px 0px;

    min-width: 330px;

}

.pricing-h9 .pricing-table .inner-box {

    position: relative;

    text-align: center;

    overflow: hidden;

    padding: 60px 55px 70px;

    background: #fff;

    transition: all 700ms ease;

    border: 1px solid #CCCCCC;

}

.pricing-h9 .pricing-table .inner-box:hover {

	box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.1);

	transition: all 700ms ease;

	border: 1px solid #ff6016;

}

.pricing-h9 .pricing-table .inner-box:hover .price{

	color: #FF4555;

	transition: all 700ms ease;

}

.pricing-h9 .pricing-table .inner-box .title {}

.pricing-h9 .pricing-table .inner-box .title h3 {

    color: #222222;

    font-size: 18px;

    margin-bottom: 20px;

    font-weight: 700;

}

.pricing-h9 .pricing-table .price {

    position: relative;

    font-size: 60px;

    color: #222222;

    font-weight: 700;

    margin-top: 35px;

    margin-bottom: 0;

	transition: all 700ms ease;

}

.pricing-h9 .pricing-table .price sup {

    position: relative;

    font-size: 60px;

    top: 0;

    margin-right: 5px;

}

.pricing-h9 .pricing-table .price sub {

    position: relative;

    display: inline-block;

    font-size: 24px;

    color: #FF9600;

    letter-spacing: 1px;

    font-weight: 700;

    top: 0px;

}

.pricing-h9 .pricing-table .table-content {

    position: relative;

    margin-top: 0;

    padding-top: 55px;

}

.pricing-h9 .pricing-table .table-content ul {

    position: relative;

    margin-bottom: 40px;

}

.pricing-h9 .pricing-table .table-content ul li {

    position: relative;

    font-size: 16px;

    line-height: 17px;

    margin-bottom: 20px;

    color: #666666;

    font-weight: 500;

    text-align: left;

    margin-left: 70px;

}

.pricing-h9 .pricing-table .table-content ul li:before {

    position: absolute;

    left: -35px;

    bottom: 0px;

    content: "\f00c";

    font-family: "fontawesome";

    color: #BBBBBB;

    font-size: 15px;

}

.pricing-h9 .pricing-table .table-footer {

    position: relative;

    margin-top: 40px;

    text-align: left;

    margin-left: 40px;

}

.pricing-h9 .pricing-table .table-footer a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 10px 43px;

    border-radius: 30px;

}

.pricing-h9 .pricing-table .inner-box .table-footer a {

	position: relative;

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

	z-index: 1;

	display: inline-block;

	overflow: hidden;

}

.pricing-h9 .pricing-table .inner-box .table-footer a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #222;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}



.pricing-h9 .pricing-table.tagged .inner-box .table-footer a:after {

    background: #FF4555;

}

.pricing-h9 .pricing-table .inner-box:hover .table-footer a:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.pricing-h9 .pricing-table .inner-box .table-footer a:hover {

    color: #222222;

    transition: all 700ms ease;

}



.pricing-h9 .pricing-table.tagged {

    z-index: 1;

}

.pricing-h9 .pricing-table.tagged .inner-box .title h3 {

    color: #222;

}

.pricing-h9 .pricing-table.tagged .inner-box {

    box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.1);

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    transform: scale(1.1);

    border: 1px solid #fff;

}

.pricing-h9 .pricing-table.tagged .inner-box .title h3 {}

.pricing-h9 .pricing-table.tagged .table-footer a {

    background: #222;

}

.pricing-h9 .pricing-table.tagged .price {

    color: #FF4555;

}

.pricing-h9 .pricing-table.tagged .price sub {

    color: #fff;

}

.pricing-h9 .pricing-table.tagged .table-content ul li {

    color: #666666;

}

.pricing-h9 .tabs-box .tab {

    display: none;

}

.pricing-h9 .tabs-box .tab.active-tab {

    display: block;

    margin-left: -170px;

    position: relative;

    left: 170px;

}

.pricing-h9 .tab-buttons {

    position: absolute;

    left: -335px;

    bottom: 60px;

    display: inline-block;

    margin-bottom: 50px;

    background: #fff;

    border-radius: 30px;

    padding: 3px 4px;

    margin-top: 42px;

    border: 2px solid #A1A1A1;

    overflow: hidden;

}

.pricing-h9 .tab-buttons .tab-btn {

    position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 40px;

    font-weight: 600;

    cursor: pointer;

    color: #222222;

    font-weight: 600;

    background: #fff;

    border-radius: 30px;

    min-width: 120px;

    margin: 0 auto;

    padding: 3px 0px;

    transition: all 700ms ease;

    z-index: 1;

}

.pricing-h9 .tab-buttons .tab-btn.active-btn {

    position: relative;

	transition: all 700ms ease;

}

.pricing-h9 .tab-buttons .tab-btn.active-btn:before {

    left: 0px;

	background: #FF4555;

	transition: all 700ms ease;

}

.pricing-h9 .tab-buttons .tab-btn {

    position: relative;

	transition: all 700ms ease;

}

.pricing-h9 .tab-buttons .tab-btn:before {

    position: absolute;

    left: -100px;

    top: 0;

    width: 120px;

    height: 46px;

    content: "";

    background: transparent;

    border-radius: 30px;

    z-index: -1;

    transition: all 700ms ease;

}

.pricing-h9 .pricing-table .inner-box:before {

	display: none;

}





/*** 



====================================================================

	team h9

====================================================================



***/



.latest-news-h9 {

    position: relative;

    padding: 100px 0px 20px 0px;

    /* margin-bottom: -120px; */

    margin-bottom: 50px;

}

.latest-news-h9 .sec-title {

    text-align: center;

}

.latest-news-h9 .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    margin-bottom: 15px;

    /* text-transform: uppercase; */

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}

.latest-news-h9 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222222; */

    /* line-height: 30px; */

    margin-bottom: 15px;

    line-height: 48px;

    color: #001659;

    font-size: 40px;

}

.latest-news-h9 .sec-title .divider {}

.latest-news-h9 .item {

    position: relative;

    overflow: hidden;

}

.latest-news-h9 .inner-box {}

.latest-news-h9 .inner-box .image-box {}

.latest-news-h9 .inner-box .image-box .image {

    margin-right: 140px;

}

.latest-news-h9 .inner-box .image-box .image a {}

.latest-news-h9 .inner-box .image-box .image a img {}

.latest-news-h9 .inner-box .lower-content {

    position: relative;

    /* top: -200px; */

    right: 0;

    box-shadow: 2.15px 5.601px 18px 0px rgba(0, 0, 0, 0.07);

    padding: 38px 20px 20px 39px;

    background: #fff;

    margin-left: 130px;

    margin-right: 15px;

    margin-top: -63px;

    margin-bottom: 30px;

}

.latest-news-h9 .inner-box .lower-content span {

    font-size: 14px;

    color: #373737;

    font-weight: 600;

}

.latest-news-h9 .inner-box .lower-content i {

    font-size: 16px;

    color: #FF4555;

    margin-right: 10px;

}

.latest-news-h9 .inner-box .lower-content h3 {

    margin-top: 12px;

    margin-bottom: 14px;

}

.latest-news-h9 .inner-box .lower-content h3 a {

    font-size: 23px;

    color: #222222;

    font-weight: 600;

    line-height: 36px;

    transition: all 700ms ease;

}

.latest-news-h9 .inner-box .lower-content h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.latest-news-h9 .inner-box .lower-content text p {

    font-size: 16px;

    color: #777777;

	line-height: 30px;

}

.latest-news-h9 .inner-box .lower-content span.author {

    margin-left: 30px;

}

.latest-news-h9 .inner-box .lower-content .text {

	font-size:16px;

}

.latest-news-h9 .inner-box .lower-content .link-box {}

.latest-news-h9 .inner-box .lower-content .link-box a {}



.latest-news-h9 .owl-nav {

    position: absolute;

    top: -100px;

    right: 0;

    display: block !important;

}

.latest-news-h9 .owl-nav .owl-prev {

    width: 46px;

    height: 46px;

    border: 2px solid #FF4555;

    text-align: center;

    line-height: 42px;

    font-size: 20px;

    color: #FF4555;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

    border-bottom-left-radius: 20px;

    border-top-left-radius: 20px;

}

.latest-news-h9 .owl-nav .owl-next {

    width: 46px;

    height: 46px;

    border: 2px solid #FF4555;

    text-align: center;

    line-height: 43px;

    font-size: 20px;

    color: #FF4555;

    display: inline-block;

    transition: all 700ms ease;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

}

.latest-news-h9 .owl-nav .owl-prev:hover, .latest-news-h9 .owl-nav .owl-next:hover {

    border: 2px solid #01175a;

    color: #FF4555;

    transition: all 700ms ease;

}









/*** 



====================================================================

	banner section style h10

====================================================================



 ***/



.banner-section.style-h10 {

    position: relative;

    z-index: 1;

}



.banner-section.style-h10 .slide-item {

	position: relative;

}



.banner-section.style-h10 .slide-item:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(34, 34, 34, 0.7);

    content: "";

}



.banner-section.style-h10 .banner-carousel .content-box .inner {

    margin-right: 0;

    padding: 200px 0px 200px 0px;

}



.banner-section.style-h10 .content-box {

    width: 100%;

}



.banner-section.style-h10 .banner-carousel .link-box .theme-btn {

    float: unset;

}



.banner-section.style-h10 .title {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

}



.banner-section.style-h10 .banner-carousel .content-box h3 {



}

.banner-section.style-h10 .banner-carousel .content-box h3 {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 72px;

    color: #ffffff;

    font-weight: 400;

    opacity: 0;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-section.style-h10 .active .content-box h3{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 200ms;

	-moz-transition-delay: 200ms;

	-ms-transition-delay: 200ms;

	-o-transition-delay: 200ms;

	transition-delay: 200ms;

}

.banner-section.style-h10 .banner-carousel .content-box h2 {

    font-size: 54px;

    line-height: 72px;

    font-weight: 700;

	margin-bottom: 25px;

}

.banner-section.style-h10 .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}

.banner-section.style-h10 .banner-carousel .content-box h2 span {

    color: #FF4555;

}



.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-two {

	position: relative;

    color: #fff;

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    border: none;

    padding: 15px 45px;

    font-size: 16px;

    text-transform: unset;

	display: inline-block;

	overflow: hidden;

	z-index: 1;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-two:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-two:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-two:hover {

    color: #222222;

    transition: all 700ms ease;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-three {

	position: relative;

    color: #222;

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

	border: none;

	padding: 15px 45px;

	z-index: 1;

	display: inline-block;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-three:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-three:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h10 .banner-carousel .theme-btn.btn-style-three:hover {

    color: #222222;

    transition: all 700ms ease;

}



.banner-section.style-h10 .banner-carousel .owl-prev, .banner-section.style-h10 .banner-carousel .owl-next {

    border-radius: 0px;

}



.banner-section.style-h10 .banner-carousel .owl-prev, .banner-section.style-h10 .banner-carousel .owl-next {

    width: 56px;

    height: 56px;

    color: #ffffff;

    border: 1px solid #fff;

    font-weight: 400;

    line-height: 56px;

    border-radius: 100% !important;

	background-color: transparent;

}



.banner-section.style-h10 .banner-carousel .owl-prev:hover, .banner-section.style-h10 .banner-carousel .owl-next:hover {

    background-color: transparent;

    color: #FF4555;

	border: 1px solid #FF4555;

}



.banner-section.style-h10 .banner-section.style-h10 .arrow-down {

    position: relative;

    left: 0;

    bottom: 100px;

    margin: 0 auto;

    text-align: center;

    z-index: 3;

}

.banner-section.style-h10 .banner-section.style-h10 .arrow-down::before {

    position: absolute;

    content: "\f13d";

    right: 0;

    bottom: -15px;

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    color: #fff;

    font-size: 25px;

    cursor: pointer;

    left: -13px;

    margin: auto;

}



.banner-section.style-h10 .banner-carousel .content-box h2{

	position: relative;

	display: block;

	font-size: 56px;

	line-height: 64px;

	color: #ffffff;

	font-weight: 600;

	opacity: 0;

	margin-bottom: 15px;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

}



.banner-section.style-h10 .banner-carousel .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-section.style-h10 .banner-carousel .content-box .text{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 34px;

	color: #ffffff;

	font-weight: 400;

	opacity: 0;

	margin-bottom: 40px;

	-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(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-section.style-h10 .banner-carousel .active  .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h10 .banner-carousel .link-box{

	position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

}



.banner-section.style-h10 .banner-carousel .link-box:after{

	display: table;

	clear: both;

	content: "";

}



.banner-section.style-h10 .banner-carousel .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}



.banner-section.style-h10 .banner-carousel .owl-dots{

	display: none;

}



.banner-section.style-h10 .banner-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section.style-h10 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h10 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h10 .banner-carousel .owl-prev, 

.banner-section.style-h10 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h10 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h10 .banner-carousel .owl-prev:hover, 

.banner-section.style-h10 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}













/*** 



====================================================================

	about h10

====================================================================



 ***/

 

.about-h10 {

    position: relative;

    padding: 100px 0px 55px 0px;

}



.about-h10 .sec-title {}

.about-h10 .sec-title h3 {

    /* font-size: 16px; */

    /* color: #FF4555; */

    margin-bottom: 7px;

    text-transform: uppercase;

    position: relative;

    color: #00C5FF;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 500;

    margin-top: 0px;

    font-family: 'Exo', sans-serif;

}

.about-h10 .sec-title .title-two h2 {

    /* font-size: 36px; */

    /* color: #222222; */

    line-height: 50px;

    margin-bottom: 15px;

    color: #001659;

    font-size: 40px;

    font-weight: 600;

    /* line-height: 1.3em; */

}

.about-h10 .sec-title .divider {}

.about-h10 .sec-title .btn-box {

    margin-top: 50px;

}

.about-h10 .sec-title .btn-box a {

    position: relative;

    border-radius: 50px;

    font-size: 18px;

    color: #ffffff;

    padding: 15px 30px 20px 80px;

    border: 1px solid #ff4555;

    background: #ff4555;

}

.about-h10 .sec-title .btn-box a:before {

    position: absolute;

    left: 7px;

    top: 6px;

    /* background: url(../images/ex-new/icon/about-h10-icon.png); */

    width: 45px;

    height: 45px;

    /* content: ">"; */

    background-repeat: no-repeat;

    /* box-shadow: 0px 15px 30px 0px rgba(255, 0, 0, 0.21); */

    border-radius: 25px;

    content: "\f04b";

    font-family: 'FontAwesome';

    border: 1px solid white;

    text-align: center;

    line-height: 44px;

}

.about-h10 .right-side {

    margin-left: -30px;

    position: relative;

    left: 30px;

    margin-top: 30px;

}

.about-h10 .btn-box-two {

    margin-top: 50px;

    display: inline-block;

    margin-right: 45px;

}

.about-h10 .btn-box-two a {

    position: relative;

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    padding: 17px 40px;

    background: #222;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    z-index: 1;

    overflow: hidden;

    display: inline-block;

    

}

.about-h10 .btn-box-two a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.about-h10 .btn-box-two a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.about-h10 .btn-box-two a:hover {

    color: #222222;

    transition: all 700ms ease;

}



.about-h10 .right-side h4 {

    font-size: 23px;

    color: #434343;

    line-height: 36px;

    font-weight: 600;

    margin-bottom: 26px;

}

.about-h10 .right-side .text-two p {

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    margin-bottom: 6px;

    position: relative;

    color: #555555;

    font-size: 16px;

    line-height: 1.7em;

    /* margin-bottom: 45px; */

}

.about-h10 .right-side .call {

    display: inline-block;

    font-size: 32px;

    color: #001659;

    font-weight: 600;

    position: relative;

    top: -8px;

    /* margin-bottom: 5px; */

}

.about-h10 .right-side .call i {

    width: 56px;

    height: 56px;

    line-height: 56px;

    background: #FF4555;

    color: #fff;

    font-size: 30px;

    text-align: center;

    border-radius: 50px;

    transform: rotate(0deg);

    top: 7px;

    position: relative;

    margin-right: 22px;

    z-index: -1;

    box-shadow: 0px 15px 30px 0px rgba(255, 0, 0, 0.25);

}

.about-h10 .right-side .call span {

    color: #FF4555;

    font-size: 30px;

    /* margin-top: 23px; */

}



/*** 



====================================================================

	service icon h10

====================================================================



 ***/



.service-icon-h10 {

	position: relative;

	padding: 0px 0px 100px 0px;

}

.service-icon-h10:before {

    position: absolute;

    left: 0;

    bottom: -30px;

    background: url(../images/ex-new-two/background/about-us-25-bg.jpg);

    width: 100%;

    height: 500px;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

}

.service-icon-h10 .item {

    position: relative;

    box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.1);

    padding: 57px 45px 45px 45px;

    background: #fff;

}

.service-icon-h10 .item .icon {

    position: absolute;

    left: 0;

    top: 0;

    padding-left: 40px;

    padding-top: 80px;

}

.service-icon-h10 .item .icon span:before {

    font-size: 55px;

    color: #FF4555;

    /* z-index: 9999; */

}

.service-icon-h10 .item h2 {

    font-weight: 600;

    margin-left: 81px;

    font-size: 23px;

    color: #222222;

    font-weight: 600;

}

.service-icon-h10 .item h2 a {

    font-size: 20px;

    color: #222222;

    transition: all 700ms ease;

    font-size: 23px;

    color: #222222;

    font-weight: 600;

    color: #00235a;

}

.service-icon-h10 .item h2 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-h10 .item p {

    font-size: 16px;

    color: #777777;

    line-height: 30px;

    margin-top: 30px;

    margin-bottom: 15px;

}

.service-icon-h10 .item .btn-box {}

.service-icon-h10 .item .btn-box a {

    font-size: 16px;

    color: #FF4555;

    text-decoration: underline;

    transition: all 700ms ease;

    color: #FF4555;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.service-icon-h10 .item .btn-box a:hover {

    color: #222;

	transition: all 700ms ease;

}





/*** 



====================================================================

	workprocess h10

====================================================================



 ***/



.workprocess-h10 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: none!important;

    background: #fafafa;

}

.workprocess-h10 .sec-title {

    text-align: center;

}

.workprocess-h10 .sec-title h3 {

    font-size: 16px;

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

    margin-bottom: 7px;

    text-transform: uppercase;

    position: relative;

    color: #00c5ff;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

    margin-top: 0px;

}

.workprocess-h10 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 30px;

    margin-bottom: 32px;

    position: relative;

    color: #2c2c2c;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.workprocess-h10 .sec-title .divider {}

.workprocess-h10 .item {

    position: relative;

    overflow: hidden;

    margin-top: 25px;

}

.workprocess-h10 .item .number {

    position: relative;

    font-size: 74px;

    color: #ff4555;

    padding: 50px 0px;

    margin-bottom: 20px;

    font-weight: 700;

}



.workprocess-h10 .item h2 {

    /* text-transform: uppercase; */

    color: #2c2c2c;

    font-weight: 600;

    margin-bottom: 16px;

    font-size: 23px;

}

.workprocess-h10 .item p {

    font-size: 16px;

    color: #2a2a2a;

    line-height: 30px;

}



/*** 



====================================================================

	services tab h10

====================================================================



***/



.services-tab-h10 {

    position: relative;

    padding: 100px 0px 70px 0px;

    z-index: 1;

    /* background: red; */

}

.services-tab-h10 .sec-title {

    text-align: center;

}

.services-tab-h10 .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    margin-bottom: 15px;

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.services-tab-h10 .sec-title .title-two h2 {

    font-size: 36px;

    color: #222222;

    line-height: 30px;

    margin-bottom: 32px;

    position: relative;

    color: #001659;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.services-tab-h10 .sec-title .divider {}

.services-tab-h10 .tabs-box .tab {

    display: none;

}

.services-tab-h10 .tabs-box .tab.active-tab {

    display: block;

}

.services-tab-h10 .tab-buttons {

    position: relative;

    display: inline-block;

    top: 0;

    margin-bottom: 25px;

}

.services-tab-h10 .tab-buttons .tab-btn {

    position: relative;

    display: inline-block;

    cursor: pointer;

    transition: all 700ms ease;

    font-size: 16px;

    color: #ffffff;

    font-weight: 600;

    background: #222222;

    /* line-height: 62px; */

    padding: 17px 20px 17px 53px;

    width: 269px;

    margin-left: -20px;

    margin-bottom: 2px;

    /* border-bottom-right-radius: 30px; */

    /* border-top-right-radius: 30px; */

    overflow: hidden;

    font-weight: 500!important;

}

.services-tab-h10 .tab-buttons .tab-btn:last-child {

    padding-right: 0;

}

.services-tab-h10 .tab-buttons .tab-btn:last-child:before{

	display: none;

}

.services-tab-h10 .tab-buttons .tab-btn.active-btn:before{

	right: 15px;

}

.services-tab-h10 .tab-buttons .tab-btn.active-btn:after {

    left: 0;

	transition: all 500ms ease;

	opacity: 1;

}

.services-tab-h10 .tab-buttons .tab-btn:after {

    position: absolute;

    left: -10px;

    bottom: 0;

    content: "";

    width: 6px;

    height: 61px;

    background: #FF4555;

    transition: all 500ms ease;

    opacity: 0;

}

.services-tab-h10 .tab-buttons .tab-btn.active-btn {

    color: #fff;

    font-weight: 600;

    background: #FF4555;

    transition: all 700ms ease;

}

.services-tab-h10 .tab-buttons .tab-btn span {

	position: absolute;

	right: -70px;

	top: 0;

	font-size: 12px;

	font-weight: 300;

}

.services-tab-h10 .content {

    margin-top: 15px;

}

.services-tab-h10 .content h3 {

    font-weight: 600;

    color: #292929;

    font-size: 23px;

    margin-bottom: 20px;

}

.services-tab-h10 .content p {

    font-size: 16px;

    color: #393939;

    line-height: 30px;

    padding-right: 5px;

    margin-bottom: 28px;

}

.services-tab-h10 .content .list-content {}

.services-tab-h10 .content .list-content h4 {

    font-size: 23px;

    color: #FF4555;

    font-weight: 600;

}

.services-tab-h10 .content .list-content .list {

    margin-top: 20px;

}

.services-tab-h10 .content .list-content .list li {

    font-size: 16px;

    color: #474747;

    font-weight: 500;

    display: inline-block;

    width: 230px;

    margin-bottom: 10px;

}

.services-tab-h10 .content .image-box {}

.services-tab-h10 .content .image-box img {}



/*** 



====================================================================

	call to action h10

====================================================================



***/



.call-to-action-h10 {

    position: relative;

    padding: 100px 0px 30px 0px;

}

.call-to-action-h10 .image-box {

    position: absolute;

    left: 60px;

    bottom: -30px;

}

.call-to-action-h10 .image-box img {

    max-width: 340px;

}

.call-to-action-h10 .content {}

.call-to-action-h10 .content .sec-title {}

.call-to-action-h10 .content .sec-title h3 {

    font-size: 16px;

    color: #FF4555;

    /* margin-bottom: 15px; */

    text-transform: uppercase;

    text-transform: uppercase;

    position: relative;

    color: #FF4555;

    font-size: 17px;

    line-height: 1.6em;

    font-weight: 500;

}

.call-to-action-h10 .content .sec-title .title-two h2 {

    font-size: 36px;

    color: #fff;

    line-height: 30px;

    margin-bottom: 32px;

    position: relative;

    color: #ffffff;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.3em;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.call-to-action-h10 .content .sec-title .divider {}

.call-to-action-h10 .content .sec-title p {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    margin-bottom: 25px;

    margin-top: 20px;

    font-weight: 700;

}



.call-to-action-h10 .form-group {

    position: relative;

    margin-bottom: 18px;

}



.call-to-action-h10 .form-group {

    position: relative;

    margin-bottom: 18px !important;

}



.call-to-action-h10 .form-group input[type="text"],

.call-to-action-h10 .form-group input[type="email"],

.call-to-action-h10 .form-group input[type="tel"],

.call-to-action-h10 .form-group input[type="url"],

.call-to-action-h10 .form-group textarea,

.call-to-action-h10 .form-group input[type="text"], .call-to-action-h10 .form-group input[type="email"], .call-to-action-h10 .form-group input[type="tel"], .call-to-action-h10 .form-group input[type="url"], .call-to-action-h10 .form-group textarea, .call-to-action-h10 .form-group select {

    position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 400;

    height: 48px;

    padding: 10px 30px 9px;

    background-color: #292929;

    border: 1px solid #d6d6d6;

    border-radius: 10px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.call-to-action-h10 ::-webkit-input-placeholder{color: #777777;}

.call-to-action-h10 ::-moz-input-placeholder{color: #777777;}

.call-to-action-h10 ::-ms-input-placeholder{color: #777777;}



.call-to-action-h10 .form-group input:focus,

.call-to-action-h10 .form-group select:focus,

.call-to-action-h10 .form-group textarea:focus{

	border-color:#c08c4d;

}



.call-to-action-h10 .form-group textarea {

    height: 128px;

    margin-bottom: 10px;

    resize: none;

    padding: 10px 30px 9px;

}





.call-to-action-h10 label.error{

	color: #ff0000;

}

.call-to-action-h10 .theme-btn {

    position: relative;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    padding: 15px 35px;

    background: #FF4555;

    border-bottom-right-radius: 30px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 30px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    margin-top: 8px;

    margin-left: 15px;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

    cursor: pointer;

}

.call-to-action-h10 .theme-btn:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.call-to-action-h10 .theme-btn:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.call-to-action-h10 .theme-btn:hover {

    color: #222222;

    transition: all 700ms ease;

}















@media only screen and (max-width: 1660px){

	.team-h9 .container {

		max-width: 1140px;

	}

	.team-h9 .sec-title {

		margin-left: 0;

		margin-right: 0;

	}

	.team-h9 .owl-nav {

		position: absolute;

		bottom: -100px;

		left: 10px;

	}

	.team-h9 {

		padding: 100px 0px 200px 0px;

	}

	.team-nine-carousel {

		margin-left: 0;

	}

	.team-h9 .sec-title .text p {

		margin-top: 20px;

	}

	.pricing-h9 .pricing-table {

   		padding: 0px 15px;

        min-width: unset;

	}

	.pricing-h9 .tabs-box .tab.active-tab {

		margin-left: 0;

		left: 0;

	}

	.pricing-h9 .pricing-table .inner-box {

		padding: 60px 20px 70px;

	}

	.pricing-h9 .left {

		position: relative;

		max-width: 100% !important;

		flex: 0 0 100%;

	}

	.pricing-h9 .right {

		position: relative;

		max-width: 100% !important;

		flex: 0 0 100%;

		margin-top: 60px;

	}

	.pricing-h9 .tab-buttons {

		position: relative;

		left: 0;

		bottom: 0;

	}

}

	

	

	

@media only screen and (max-width: 1199px){

.testimonials-h6 {

    padding: 100px 0px 150px 0px;

}

	

.about-h6 .img-holder .video-img {

    left: 0;

}

.project-slider-h6 .text-box {

    top: 25px;

}

.pricing-07 .pricing-table .table-content ul li {

    margin-left: 20px;

}

.pricing-07 .pricing-table .table-content ul li:before {

    left: -25px;

}

.pricing-07 .pricing-table .table-footer {

    margin-left: 0;

}

.pricing-07 .pricing-table .inner-box .title {

    text-align: left;

}

.pricing-07 .icon {

    text-align: left;

    margin-bottom: 50px;

}

.pricing-07 .pricing-table .price sub {

    display: none;

}

.call-to-action-h7-two .left-side {

    padding-top: 0;

    padding-left: 0;

}

.call-to-action-h7-two .left-side .btn-box {

    display: inline-block;

    float: unset;

    position: relative;

    top: 0;

    margin-top: 20px;

}

.call-to-action-h7-two .left-side .btn-box {

    float: unset;

    top: 0;

    margin-top: 20px;

}

.banner-section.style-h8 .content-box {

    padding-left: 0;

}

.service-img-h8 {

    padding: 100px 0px 100px 0px;

}

.service-img-h8 .image-box {

    top: 108px;

}	

.portfolio-h9 .sec-title .title-two h2 {

    line-height: 50px;

}

.team-h9 .sec-title .title-two h2 {

    line-height: 50px;

}

.latest-news-h9 .inner-box .lower-content {

    top: 0;

    margin-left: 0;

    margin-right: 0;

}

.latest-news-h9 .inner-box .image-box .image{

    width: 100%;

	margin: 0;

}

.latest-news-h9 .inner-box .image-box .image a img {

    width: 100%;

}

.latest-news-h9 {

    padding: 100px 0px 150px 0px;

    margin-bottom: 0;

}

.latest-news-h9 .inner-box {

    /* border: 1px solid #CCCCCC; */

    border-top: none;

}

.latest-news-h9 .owl-nav {

    position: relative;

    top: 60px;

}	

.about-h10 .right-side {

    margin-left: 0;

    left: 0;

}

.service-icon-h10 .item .icon {

	position: relative;

    padding-left: 0;

    padding-top: 0;

}

.service-icon-h10 .item h2 {

    margin-left: 0;

}

.service-icon-h10 .item {

    margin-bottom: 30px;

}

.service-icon-h10 .item p {

    margin-top: 0;

}

.services-tab-h10 .tab-buttons .tab-btn {

    padding: 17px 9px 17px 20px;

    width: 100%;

    margin-left: 0;

}

.services-tab-h10 .content {

    margin-top: 0;

}

.services-tab-h10 .tab-buttons {

    margin-top: 10px;

}

.bkr003 .about-6 .text-holder .bottom {

    padding-left: 0 !important;

    position: relative;

}

.bkr003 .about-6 .text-holder .bottom .button {

    position: relative !important;

}

.bkr003 .about-6 .gallery .gallery-bg-img {

    position: relative !important;

    right: 0 !important;

    top: 0 !important;

    margin-left: 0 !important;

}

.bkr003 .about-6 .gallery .video-gallery {

    width: unset !important;

    height: unset !important;

    margin-bottom: 30px;

}

	

	

}





@media only screen and (max-width: 991px){

	

.call-to-action-h6 .text {

    text-align: center;

}

.call-to-action-h6 .btn-box {

    float: none;

    text-align: center;

}

.about-h6 .img-holder {

    float: unset;

    margin-top: 40px;

}

.about-h6 .img-holder .image .image-two {

    right: 0;

}

.funfact-h6 .item {

    margin-bottom: 50px;

}

.funfact-h6:before {

    background-size: cover;

}

.project-slider-h6 .text-box {

    margin-left: 0;

    left: 0;

    background-size: cover;

	padding: 45px 40px 65px 45px;

}

.testimonials-h6 {

    padding: 100px 0px 150px 0px;

}

.latest-news-h6 .inner-box .lower-content {

    top: 0;

    right: 0;

    margin-left: 0;

    margin-right: 0;

    border: 1px solid #CCCCCC;

    border-top: none;

}

.latest-news-h6 .overlay-anim-box2 {

	display: block;

}

.latest-news-h6 .inner-box .image-box .image {

    margin-right: 0;

    margin-bottom: 0;

}

.latest-news-h6 .owl-dots {

    margin-top: 50px;

}

.footer-bottom-h6 .copyright-text {

    text-align: center;

}

.footer-bottom-h6 .links {

    float: unset;

    text-align: center;

    margin-top: 15px;

}

.footer-bottom-h6 .links ul li {

    margin: 0px 10px;

}

.service-icon-h7-one .column {

    margin-top: 0;

}

.why-choose-us-h7 .image-box img {

    float: right;

    max-width: 100%;

}

.why-choose-us-h7 .image-box {

    text-align: center;

}

.video-h7 {

    width: 100%;

}

.video-h7 .text-box {

    float: unset;

    text-align: center;

}

.call-to-action-h7 .title {

    display: block;

    margin-right: 0;

    margin-bottom: 20px;

}

.call-to-action-h7 .social {

    text-align: center;

}

.call-to-action-h7 .text {

    float: unset;

    text-align: center;

}

.call-to-action-h7 .btn-box {

    float: unset;

    text-align: center;

}

.pricing-07 .pricing-table .inner-box .title {

    text-align: center;

}

.pricing-07 .icon {

    text-align: center;

    margin-bottom: 50px;

}

.pricing-07 .pricing-table .table-content ul li {

    text-align: center;

}

.pricing-07 .pricing-table .table-content ul li:before {

    display: none;

}

.pricing-07 .pricing-table .table-footer {

    text-align: center;

}

.call-to-action-h7-two .left-side .btn-box {

    display: block;

}

.call-to-action-h7-two .left-side {

    padding-top: 10px;

}

.banner-section.style-h8 .banner-carousel .owl-nav {

	display: none

}

.about-h8 .btn-box {

    margin-bottom: 30px;

}	

.service-img-h8 .image-box img {

    float: unset;

    max-width: 100%;

}	

.service-img-h8 .image-box {

    top: 0px;

    margin-bottom: 30px;

    display: none;

}

.service-img-h8 .owl-nav {

    top: -50px;

}

.why-choose-us-h8 .sec-title .text p {

    margin-bottom: 30px;

}

.funfact-h8 {

    /* background-size: cover; */

    /* background-position: center center; */

}

.funfact-h8 .item {

    padding-top: 25px;

    margin-bottom: 15px;

}

.portfolio-h8 .filters .filter-btns {

    margin: 0px 0px;

}

.portfolio-h8 .filters li {

    margin-right: 5px;

}

.portfolio-h8 .filters li.active {

    margin-right: 5px;

}

.faq-form-h8 .content-box {

    margin: 50px 0px 0px 0px;

    padding: 50px 20px 50px 20px;

}

.right-side {

    margin-top: 25px;

}

.funfact-skill-h9:before {

    height: 100%;

    width: 100%;

}

.funfact-skill-h9 {

    padding: 100px 0px 50px 0px;

}

.call-to-action-h8 .btn-box {

    padding: 35px 0px 0px 0px;

}

.service-img-h9 .content-box {

    margin-right: 0;

    margin-top: 50px;

}

.portfolio-h9 .sec-title .title-two h2 {

    line-height: 30px;

}

.portfolio-h9 .filters li {

    margin-right: 10px;

}

.portfolio-h9 .btn-box {

    margin-top: -40px;

    margin-left: 0;

    margin-bottom: 30px;

}

.portfolio-h9 .filters .filter-btns {

    margin-left: 0;

}

.portfolio-h9 .sec-title {

    margin-left: 0;

}

.portfolio-h9 .project-block {

    padding: 0 15px;

    padding-bottom: 15px;

}

.portfolio-h9 .filters {

    margin-bottom: 0;

}

.pricing-h9 .pricing-table .table-content ul li {

    margin-left: 0;

    text-align: center;

}

.pricing-h9 .pricing-table .table-footer {

    text-align: center;

    margin-left: 0;

}

.testimonials-h8 .owl-nav {

    display: none;

}

.latest-news-h9 .inner-box .lower-content h3 a {

    font-size: 15px;

}

.pricing-h9 .pricing-table.tagged .inner-box {

    transform: scale(1.0);

}

.call-to-action-h10 .image-box {

    display: none;

}

.services-tab-h10 .content .list-content {

    margin-bottom: 20px;

}

.services-tab-h10 .image-box img {

    width: 100%;

}

.clients-h8 .owl-nav {

    display: none;

}

	

	

}



@media only screen and (max-width: 767px){ 

.project-slider-h6 .owl-nav {

    position: relative;

    left: 0;

    bottom: -180px;

    width: 0;

    max-width: 0;

    margin-left: 0;

    text-align: center;

    margin: 0 auto;

}

.project-slider-h6 {

    position: relative;

    padding: 100px 0px;

    padding-bottom: 200px;

}

.project-slider-h6 .text-box {

	box-shadow: none;

}

.banner-section.style-h6 .slide-item {

	background-size: cover;

}

.testimonials-h6 .image-box {

	left: 0;

}

.team-h6 .overlay-anim-box2 {

	display: block;

}

.footer-h6 .widgets-section .footer-widget {

    margin-bottom: 30px;

}

.banner-section.style-h6 .banner-carousel .content-box h2, .banner-section.style-h7 .banner-carousel .content-box h2, .banner-section.style-h8 .banner-carousel .content-box h2, .banner-section-h9 .item h2, .banner-section.style-h10 .banner-carousel .content-box h2 {

    font-size: 40px;

    line-height: 55px;

}

.portfolio-h8 .filters li.active:before {

    opacity: 0;

}

.portfolio-h8 .project-block .image img {

	width: 100%;

}	

.portfolio-h8 .overlay-anim-box2 {

    display: block;

}

.portfolio-h8 .project-block .image {

    width: 100%;

}

.call-to-action-h8 .left-side h2 {

    line-height: 65px;

}

.call-to-action-h8 .btn-box {

    padding: 35px 0px 0px 0px;

}

.testimonials-h8 .owl-nav {

    display: none;

}

.portfolio-h9 .project-block .image {

    width: 100%;

}

.portfolio-h9 .project-block .image img {

    width: 100%;

}

.testimonials-h8 .item .text p {

    margin: 0px 15px;

}

.latest-news-h9 .inner-box .lower-content h3 a {

    font-size: 15px;

    line-height: 26px;

}

.latest-news-h9 .inner-box .lower-content h3 {

    line-height: 26px;

}

.about-h10 .btn-box-two {

    margin-bottom: 35px;

}

.about-h10 .right-side .call i {

    margin-right: 0;

}

	

	

}



@media only screen and (max-width: 499px){ 

.project-slider-h6 .sec-title .title-two h2 span, .team-h6 .sec-title .title-two h2 span, .workprocess-h7 .sec-title .title-two h2 span, .service-icon-h7-two .sec-title .title-two h2 span, .project-slider-h7 .sec-title .title-two h2 span,.pricing-07 .sec-title .title-two h2 span, .latest-news-07 .sec-title .title-two h2, .testimonials-h8 .sec-title .title-two h2, .funfact-skill-h9 .skill .sec-title .title-two h2, .latest-news-h9 .sec-title .title-two h2, .workprocess-h10 .sec-title .title-two h2, .services-tab-h10 .sec-title .title-two h2, .call-to-action-h10 .content .sec-title .title-two h2, .pricing-07 .sec-title .title-two h2, .project-slider-h7 .sec-title .title-two h2 {

	line-height: 50px;

}

.service-img-h6 .sec-title .title-two h2 {

	line-height: 50px;

}

.why-choose-us-h8 .right-side .item .icon {

    position: relative;

    left: 0;

    top: 0;

    margin-bottom: 30px;

}

.why-choose-us-h8 .right-side .item {

    padding: 0px 0px 0px 0px;

    margin-bottom: 50px;

    margin-top: 30px;

}

.latest-news-h8 .btn-box {

    float: unset;

    margin-top: 0;

    margin-right: 0;

    margin-bottom: 30px;

}

.latest-news-h8 .left-side .lower-content h3 a {

    line-height: 25px;

    font-size: 20px;

}

.latest-news-h8 .left-side .lower-content {

    position: absolute;

    bottom: 55px;

    left: 10px;

}

.clients-h8 .owl-nav {

    display: none;

}

.latest-news-h8 .left-side .lower-content h3 {

    line-height: 25px;

}	

.latest-news-h9 .inner-box .lower-content span.author {

    display: block;

    margin-left: 0;

    margin-top: 10px;

}

.latest-news-h9 .inner-box .lower-content span {

    display: block;

}

	

	



}



@media only screen and (max-width: 400px){ 

	

.pricing-07 .tab-buttons .tab-btn {

    min-width: 130px;

}

.pricing-07 .tab-buttons .tab-btn:before {



    width: 130px;

}	

	

	

	

}

@media only screen and (max-width: 355px){ 



}



.sec-title:before {

    display: none;

}









/*** 

=============================================

    about-4      

=============================================

***/



.bkr003 .about-4 {

    position: relative;

    padding: 100px 0 85px;

}

.bkr003 .about-4 .content-column {

    position: relative;

    margin-bottom: 30px;

}

.bkr003 .about-4 .content-column .inner-column {

    position: relative;

}

.bkr003 .about-4 .content-column .inner-column h2 {

    position: relative;

    line-height: 1.3em;

    color: #001659;

    font-size: 40px;

    font-weight: 600;

}

.bkr003 .about-4 .content-column .inner-column h2 span {

    position: relative;

    font-size: 24px;

    color: #fff;

    letter-spacing: 1px;

    padding: 0 15px;

    line-height: 1.9em;

    margin-left: 20px;

    display: inline-block;

    background-color: #ff4555;

    box-shadow: 0 0 25px rgba(0,0,0,.1);

}

.bkr003 .about-4 .content-column .inner-column h2 span:before {

    position: absolute;

    content: '';

    left: -14px;

    top: 12px;

    border-top: 10px solid transparent;

    border-right: 15px solid #ff4555;

    border-bottom: 10px solid transparent;

}

.bkr003 .about-4 .content-column .inner-column .text {

    position: relative;

    color: #7e8597;

    font-size: 16px;

    line-height: 1.9em;

    margin-top: 35px;

}

.bkr003 .about-4 .content-column .inner-column .play-box {

    position: relative;

    color: #222;

    font-size: 20px;

    font-weight: 700;

    padding-top: 10px;

    padding-left: 100px;

    margin-top: 40px;

}

.bkr003 .about-4 .content-column .inner-column .play-box .play-icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    height: 70px;

    color: #fff;

    line-height: 72px;

    text-align: center;

    font-size: 24px;

    margin-right: 15px;

    display: inline-block;

    border-radius: 50%;

}

.bkr003 .about-4 .content-column .inner-column .play-box .play-icon:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(22,26,51,.75);

    border-radius: 50%;

}

.bkr003 .about-4 .content-column .inner-column .play-box .play-icon .play-btn {

    position: relative;

    color: #fff;

    font-size: 24px;

}

.bkr003 .about-4 .content-column .inner-column .play-box span {

    position: relative;

    color: #FF4555;

    font-size: 14px;

    font-weight: 600;

}

.bkr003 .about-4 .content-column .inner-column .more-about {

    position: relative;

    text-align: right;

    margin-top: 46px;

}

.bkr003 .about-4 .content-column .inner-column .more-about:before {

    position: absolute;

    content: '';

    left: 0;

    top: 12px;

    height: 1px;

    width: 100%;

    background-color: #e2e8f0;

}

.bkr003 .about-4 .content-column .inner-column .more-about .about {

    position: relative;

    color: #222;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.3em;

    padding-left: 15px;

    display: inline-block;

    background-color: #fff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.bkr003 .about-4 .content-column .inner-column .more-about .about:hover {

    color: #f67433;

}

.bkr003 .about-4 .content-column .inner-column .more-about .about .arrow {

    position: relative;

    top: 3px;

    margin-left: 6px;

}

.bkr003 .about-4 .image-column {

    position: relative;

}

.bkr003 .about-4 .image-column .inner-column {

    position: relative;

    text-align: center;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts {

    position: absolute;

    left: -60px;

    right: 0;

    top: 0;

    bottom: 0;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-1 {

    position: absolute;

    content: '';

    left: -70px;

    top: -125px;

    width: 558px;

    height: 558px;

    display: inline-block;

    background: url(../images/ex-new/background/about-4-pattern-1.png) no-repeat;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-1 {

    animation-name: rotateme;

    animation-duration: 24s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -webkit-animation-name: rotateme;

    -webkit-animation-duration: 24s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: rotateme;

    -moz-animation-duration: 24s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: rotateme;

    -ms-animation-duration: 24s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: rotateme;

    -o-animation-duration: 24s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-2 {

    position: absolute;

    content: '';

    right: -120px;

    top: 45px;

    width: 558px;

    height: 558px;

    display: inline-block;

    background: url(../images/ex-new/background/about-4-pattern-2.png) no-repeat;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-2 {

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -webkit-animation-name: zoom-fade;

    -webkit-animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: zoom-fade;

    -moz-animation-duration: 3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: zoom-fade;

    -ms-animation-duration: 3s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: zoom-fade;

    -o-animation-duration: 3s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-3 {

    position: absolute;

    content: '';

    left: 0;

    top: 100px;

    width: 558px;

    height: 558px;

    display: inline-block;

    background: url(../images/ex-new/background/about-4-pattern-3.png) no-repeat;

}

.bkr003 .about-4 .image-column .inner-column .pattern-layouts .pattern-3 {

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -webkit-animation-name: zoom-fade;

    -webkit-animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: zoom-fade;

    -moz-animation-duration: 3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: zoom-fade;

    -ms-animation-duration: 3s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: zoom-fade;

    -o-animation-duration: 3s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}

.bkr003 .about-4 .image-column .inner-column .image {

    position: relative;

}

.bkr003 .about-4 .image-column .inner-column .image.image-one {

    margin-left: 25px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-two {

    position: absolute;

    left: 0;

    bottom: 50px;

    box-shadow: 0 10px 10px rgba(0,0,0,.1);

}

.bkr003 .about-4 .image-column .inner-column .image.image-three {

    position: absolute;

    right: 15px;

    top: 10px;

    box-shadow: 0 10px 10px rgba(0,0,0,.1);

}

.bkr003 .about-4 .image-column .inner-column .image.image-four {

    position: absolute;

    right: 15px;

    bottom: -75px;

    box-shadow: 0 10px 10px rgba(0,0,0,.1);

}



/*** 

=============================================

    Welcome Area style

=============================================

***/



.bkr003 .about-6 {

position: relative;

  padding-bottom: 140px;

  padding-top: 100px;

}



.bkr003 .about-6:before {

    position: absolute;

    content: '';

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 250px;

    background: url(../images/background/pattern-2.png) left bottom no-repeat;

}



.bkr003 .about-6 .sec-title {

    position: relative;

    margin-bottom: 40px;

}

.bkr003 .about-6 .sec-title h2 {

  color: #001659;

  font-size: 32px;

  font-weight: 700;

  line-height: 34px;

  /* text-transform: uppercase; */

  margin: 0;

  font-size: 48px;

  font-weight: 600;

  line-height: 1.3em;

}

.bkr003 .about-6 .sec-title h2 span{

  color: #FF4555;

}

.bkr003 .about-6 .sec-title span.decor {

  background: #FF4555 none repeat scroll 0 0;

  height: 2px;

  width: 78px;

  display: inline-block;

  position: relative;

  z-index: 1;

}

.bkr003 .about-6 .sec-title span.decor:before{

  position: absolute;

  top: -3px;

  left: 0;

  width: 8px;

  height: 8px;

  background: #FF4555;

  border-radius: 50%;

  content: "";

}



.bkr003 .about-6 .text-holder {font-size: 16px;}

.bkr003 .about-6 .text-holder h3 {

    color: #001659;

    font-size: 21px;

    font-weight: 500;

    line-height: 28px;

    margin: 0 0 0px;

    margin-bottom: 20px;

}

.bkr003 .about-6 .text-holder .bottom {

    margin-top: 30px;

    padding-left: 200px;

    position: relative;

}

.bkr003 .about-6 .text-holder .bottom .button {

  position: absolute;

  top: 0;

  left: 0;

}

.bkr003 .about-6 .text-holder .bottom .button a{

  padding: 17px 30px 15px;

}

.bkr003 .about-6 .text-holder .bottom .title h3 {

    color: #252525;

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    position: relative;

    top: 10px;

}

.bkr003 .about-6 .text-holder .bottom .title h3 span{

  color: #FF4555;

  font-family: "OilBats";

  line-height: 30px;

  margin-top: 5px;

  font-size: 16px;

  font-weight: 600;

}





.bkr003 .about-6 .gallery {

  position: relative;

  margin-top: 85px;

}

.bkr003 .about-6 .gallery .video-gallery {

  width: 310px;

  height: 280px;

  text-align: center;

  border: 6px solid #f7f7f7;

  position: relative;

  transition: border-color 0.4s ease 0s;

  overflow: hidden;

}

.bkr003 .about-6 .gallery .video-gallery img {

  transform: scale(1);

  transition: all 0.5s ease 0s;

  width: 100%;

}

.bkr003 .about-6 .gallery .video-gallery .overlay-gallery {

  background-color: transparent;

  bottom: 0;

  height: 100%;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  transition: background-color 0.4s ease 0s;

}

.bkr003 .about-6 .gallery .video-gallery .overlay-gallery .icon-holder{

  display: table;

  height: 100%;

  width: 100%;    

}

.bkr003 .about-6 .gallery .video-gallery .overlay-gallery .icon-holder .icon{

  display: table-cell;

  vertical-align: middle;    

}

.bkr003 .about-6 .gallery .video-gallery .overlay-gallery .icon-holder .icon a img{

  width: auto;

  transform: scale(1);

  transition: all 0.5s ease 0s;

}

.bkr003 .about-6 .gallery .gallery-bg-img {

  position: absolute;

  right: 15px;

  top: 50px;

  z-index: -1;

  margin-left: -25px;

}



.bkr003 .about-6 .gallery .video-gallery:hover .overlay-gallery {

  background-color: rgba(213, 172, 99, 0.70);

}

.bkr003 .about-6 .gallery .video-gallery:hover img {

  transform: scale(1.1);

}

.bkr003 .about-6 .gallery .video-gallery .overlay-gallery .icon-holder .icon a:hover img{

  transform: scale(1.1);

}

.bkr003 .about-6 .thm-btn {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    display: inline-block;

    border: 2px solid #FF4555;

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

    transition: all 500ms ease;

    line-height: 14px;

}

.bkr003 .about-6 .bg-cl-1 {

    background: #FF4555;

}

.bkr003 .about-6 .thm-btn:hover {

    background: #141414;

    border: 2px solid #d5ac63;

    color: #fff;

}







/*** 



====================================================================

						News Section

====================================================================



***/



.bkr003 .blog-1 {

    position: relative;

    padding: 100px 0 60px;

}



.bkr003 .blog-1 .float-text {

    position: absolute;

    left: -170px;

    bottom: 28%;

    font-size: 300px;

    line-height: 1em;

    font-weight: 900;

    color: #fafafa;

}



.bkr003 .blog-1 .sec-title{

	position: relative;

	padding-bottom: 10px;

	text-align: center;

}



.bkr003 .blog-1 .sec-title > span{

	position: relative;

	font-size: 18px;

	color: #888888;

	font-weight: 400;

	line-height: 1.2em;

	display: block;

	margin-bottom: 10px;

}



.bkr003 .blog-1 .sec-title > h2{

	position: relative;

	font-size: 40px;

	color: #333333;

	font-weight: 700;

	line-height: 1.4em;

	/* text-transform: uppercase; */

	font-size: 48px;

	font-weight: 600;

	line-height: 1.3em;

}



.bkr003 .blog-1 .sec-title > h3{

	position: relative;

	font-size: 35px;

	color: #333333;

	font-weight: 700;

	line-height: 1.4em;

	text-transform: uppercase;

}



.bkr003 .blog-1 .sec-title:after{

	position: absolute;

	left: 0;

	bottom: 0;

	height:3px;

	width: 85px;

	/* background-color: #FF4555; */

	/* content: ""; */

}



.bkr003 .blog-1 .sec-title.centered:after{

	left: 50%;

	margin-left: -42.5px;

}



.bkr003 .blog-1 .sec-title.light > span,

.bkr003 .blog-1 .sec-title.light h2{

	color: #ffffff;

}





.bkr003 .blog-1 .float-text{

	text-transform: uppercase;

    left: -20px;

    top: 10%;

}



.bkr003 .blog-1 .sec-title{

	position: relative;

	margin-bottom: 70px;

}



.bkr003 .blog-1 .row{

	margin: 0 -22px;

}



.bkr003 .blog-1 .news-block{

	position: relative;	

	padding: 0 22px;

	margin-bottom: 40px;

}



.bkr003 .blog-1 .news-block .inner-box{

	position: relative;

	overflow: hidden;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}



.bkr003 .blog-1 .news-block .image-box{

	position: relative;

}	



.bkr003 .blog-1 .news-block .image-box .date {

    position: absolute;

    left: 25px;

    top: 20px;

    font-size: 18px;

    line-height: 30px;

    color: #ff4555;

    text-transform: capitalize;

    font-weight: 600;

}



.bkr003 .blog-1 .news-block .image-box .image{

	position: relative;

	cursor: default;

}



.bkr003 .blog-1 .news-block .image-box .image img{

	position: relative;

	width: 100%;

}



.bkr003 .blog-1 .news-block .caption-box{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	padding: 35px 30px 35px;

	background-color: rgba(11,11,11,.87);

	-webkit-transform: translateY(-120px);

	-moz-transform: translateY(-120px);

	-ms-transform: translateY(-120px);

	-o-transform: translateY(-120px);

	transform: translateY(-120px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.bkr003 .blog-1 .news-block:hover .caption-box{

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	-o-transform: translateY(-100%);

	transform: translateY(-100%);

}



.bkr003 .blog-1 .news-block .caption-box h3	{

	position: relative;

	display: block;

	font-size: 23px;

	line-height: 1.5em;

	color: #fefefe;

	font-weight: 600;

	margin-bottom: 20px;

}



.bkr003 .blog-1 .news-block .caption-box h3	a{

	color: #fefefe;

	-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-size: 22px;

	color: #ffffff;

	font-weight: 600;

	line-height: 1.3em;

	margin-bottom: 18px;

}



.bkr003 .blog-1 .news-block .caption-box h3	a:hover{

	color: #FF4555;

}



.bkr003 .blog-1 .news-block .caption-box p{

	position: relative;

	font-size: 16px;

	line-height: 24px;

	color: #ffffff;

	padding-top: 30px;

	margin-bottom: 14px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-1 .news-block:hover .caption-box p{

	padding-top: 0;

}



.bkr003 .blog-1 .news-block .caption-box .read-more{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #FF4555;

	font-weight: 900;

	text-transform: uppercase;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-1 .news-block .caption-box .read-more:hover{

	color: #ffffff

}



.bkr003 .blog-1 .news-block .caption-box .read-more i{

	margin-left: 10px;

}



.bkr003 .blog-1 .float-text{

    left: -50px;

    top: 25%;

}



.bkr003 .blog-1 .news-block-two{

	position: relative;	

	padding: 0 22px;

	margin-bottom: 50px;

}



.bkr003 .blog-1 .news-block-two .inner-box{

	position: relative;

	overflow: hidden;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}



.bkr003 .blog-1 .news-block-two .image-box{

	position: relative;

}



.bkr003 .blog-1 .news-block-two .image-box .image{

	position: relative;

	cursor: default;


}



.bkr003 .blog-1 .news-block-two .image-box .image img{

	position: relative;

	width: 100%;

}



.bkr003 .blog-1 .news-block-two .caption-box{

	position: absolute;

	right: 0;

	top: 0;

	width: 50%;

	min-width: 300px;

	height: 100%;

	padding: 30px 40px 30px;

	background-color: rgba(11,11,11,.87);

}



.bkr003 .blog-1 .news-block-two .caption-box .title{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 35px 40px 35px;

}



.bkr003 .blog-1 .news-block-two .caption-box .date{

	position: relative;

	font-size: 15px;

	line-height: 30px;

	color: #ffffff;

	text-transform: capitalize;

}



.bkr003 .blog-1 .news-block-two .caption-box h3	{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 1.5em;

	color: #fefefe;

	font-weight: 700;

	margin-bottom: 20px;

}



.bkr003 .blog-1 .news-block-two .caption-box h3	a{

	color: #fefefe;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-1 .news-block-two .caption-box h3	a:hover{

	color: #FF4555;

}



.bkr003 .blog-1 .news-block-two .caption-box p{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #888888;

	margin-bottom: 14px;

}



.bkr003 .blog-1 .news-block-two .caption-box .read-more{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #FF4555;

	font-weight: 900;

	text-transform: uppercase;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-1 .news-block-two .caption-box .read-more i{

	margin-left: 5px;

}



.bkr003 .blog-1 .news-block-two .caption-box .read-more:hover{

	color: #ffffff

}



/*

------------------------------------------------

  Blog Section 

------------------------------------------------

*/



.bkr003 .blog-4 {

	position: relative;

	margin: 140px 0px 110px;

}



.bkr003 .blog-4 .sec-title-two h6{

	font-size: 12px;

	font-weight: 700;

	line-height: 26px;

	color: #222222;

	letter-spacing: 8px;

	padding-bottom: 5px;

	text-transform: uppercase;

}



.bkr003 .blog-4 .sec-title-two h2{

	position: relative;

	font-size: 40px;

	font-weight: 700;

	color: #222222;

	line-height: 45px;

	padding-bottom: 35px;

	color: #001659;

	font-size: 48px;

	font-weight: 600;

}



.bkr003 .blog-4 .sec-title-two h2:before{

	position: absolute;

	bottom: 0px;

	left: 50%;

	margin-left: -38px;

	width: 76px;

	height: 2px;

	content: '';

	background: #ff6363;

}



.bkr003 .blog-4 .sec-title-two h2 span{

	font-weight: 300;

	color: #222222;

	font-size: 40px;

	margin-bottom: 0px;

	display: inline-block;

	line-height: 0px;

	color: #001659;

	font-size: 48px;

	font-weight: 400;

}



.bkr003 .blog-4 .sec-title-two{

	margin-bottom: 80px;

}



.bkr003 .blog-4 .blog-item-one{

	margin-bottom: 40px;

}



.bkr003 .blog-4 .blog-item-one.left-slide{

	margin-right: 7px;

}



.bkr003 .blog-4 .blog-item-one .image-box{

	overflow: hidden;

}



.bkr003 .blog-4 .blog-item-one .image-box img{

	width: 100%;

	transform: scale(1);

	transition:all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one:hover .image-box img{

	transform: scale(1.1);

	transition:all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one .content-text {

    padding: 30px 25px 25px;

    box-shadow: 0 0 7px 1px #f5ecec;

}



.bkr003 .blog-4 .blog-item-one .content-text h5 {

    font-size: 23px;

    color: #333333;

    line-height: 35px;

    font-weight: 500;

    padding-bottom: 10px;

    transition: all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one .image-box figure {

    margin: 0;

}



.bkr003 .blog-4 .blog-item-one .content-text h5:hover{

	color: #ff6363;

	transition:all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one .text-left {

	float: left;

}



.bkr003 .blog-4 .blog-item-one .text-left li{

	font-size: 15px;

	color: #333333;

	font-weight: 600;

	line-height: 26px;

	margin-right: 45px;

	display: inline-block;

}



.bkr003 .blog-4 .blog-item-one .text-left li i{

	color: #ff6363;

	font-size: 15px;

	line-height: 26px;

	margin-right: 7px;

}



.bkr003 .blog-4 .blog-item-one .text-left li span{

	color: #ff6363;

	font-size: 13px;

}



.bkr003 .blog-4 .blog-item-one .link-btn {

	float: right;

}



.bkr003 .blog-4 .blog-item-one .link-btn a{

	font-size: 15px;

	color: #222222;

	font-weight: 600;

	text-transform: uppercase;

	/* font-family: 'Ubuntu', sans-serif; */

	transition:all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one .link-btn i{

	color: #222222;

	margin-left: 5px;

}



.bkr003 .blog-4 .blog-item-one .link-btn a:hover{

	color: #ff6363;

	transition:all 500ms ease;

}



.bkr003 .blog-4 .blog-item-one .link-btn a:hover i{

	color: #ff6363;

	transition:all 500ms ease;

}





/*** 



====================================================================

				News Section

====================================================================



***/



.bkr003 .blog-10 {

	position: relative;

	padding: 100px 0 70px;

}



.bkr003 .blog-10 .sec-title h2 {

	position: relative;

	display: block;

	font-size: 36px;

	line-height: 60px;

	color: #333333;

	font-weight: 600;

	padding: 0 0 30px;

	-webkit-mask-image: linear-gradient(-75deg, rgba(10,21,169,0.6) 50%, #ff7e00 50%, rgba(0,0,0,1) 70%);

	-webkit-mask-size: 200%;

	color: #001659;

	font-size: 48px;

	font-weight: 600;

}







.bkr003 .blog-10 .sec-title.text-center {

	right: 0;

	margin: 0 auto;

}



.bkr003 .blog-10 .sec-title.text-center h2:before{

	left: 47%

}



.bkr003 .blog-10 .sec-title.text-center h2:after{

	left: 51%;

}



@-webkit-keyframes shine {

  from {

    -webkit-mask-position: 150%;

  }

  

  to {

    -webkit-mask-position: -50%;

  }

}

.bkr003 .blog-10 .news-box {

    margin: 0;

}

.bkr003 .blog-10 .sec-title{

	position: relative;

	margin-bottom: 45px;

	z-index: 1;

}



.bkr003 .blog-10 .news-block{

	position: relative;

	margin-bottom: 30px;

	z-index: 1;

}



.bkr003 .blog-10 .news-block .inner-box{

	position: relative;

}



.bkr003 .blog-10 .news-block .image-box{

	position: relative;

}



.bkr003 .blog-10 .news-block .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.bkr003 .blog-10 .news-block .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.bkr003 .blog-10 .news-block .image-box .overlay-box{

	position: absolute;

	left: 0;

	top: 0;

	height: 0%;

	width: 100%;

	background: #FF4555 padding-box content-box;

	content: "";

	padding: 15px;

	opacity: 0;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	transition: all 300ms linear;

}



.bkr003 .blog-10 .news-block .inner-box:hover .overlay-box{

	height: 100%;

	opacity: 0.70;

}



.bkr003 .blog-10 .news-block .overlay-box a{

	position: absolute;

	left: 50%;

	top: 50%;

	height: 40px;

	width: 40px;

	margin-left: -20px;

	margin-top: -20px;

	text-align: center;

	font-size: 30px;

	line-height: 40px;

	color: #000000;

	font-weight: 400;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

}



.bkr003 .blog-10 .news-block .inner-box:hover .overlay-box a{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	transition: all 300ms linear;

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.bkr003 .blog-10 .news-block .overlay-box a i{

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-10 .news-block .overlay-box a:hover i{

	color: #ffffff;

}



.bkr003 .blog-10 .news-block .caption-box {

	position: relative;

	margin-top: -30px;

	margin-left: 60px;

	padding: 22px 30px 33px;

	background-color: #ffffff;

	-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);

	-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);

	-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);

	-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);

	box-shadow: 0 0 21px rgba(0,0,0,0.21);

}



.bkr003 .blog-10 .news-block .caption-box h3 {

	position: relative;

	display: block;

	font-size: 23px;

	line-height: 30px;

	color: #222;

	font-weight: 600;

	margin-top: 4px;

}

.bkr003 .blog-10 .news-block .caption-box .text {

    margin-top: 17px;

}

.bkr003 .blog-10 .news-carousel {

	position: relative;

	width: 100%;

}

.bkr003 .blog-10 .news-carousel .owl-stage-outer {

	position: relative;

	width: 100%;

	overflow: hidden;

}

.bkr003 .blog-10 .news-carousel .owl-item {

	float: left;

}



.bkr003 .blog-10 .news-block .inner-box .caption-box .post-date {

	position: absolute;

	left: -60px;

	background-color: #FF4555;

	padding: 12px 4px 21px;

	font-size: 20px;

	text-align: center;

	font-weight: 600;

	color: #fff;

	border-radius: 0 0 30px 30px;

	top: 30px;

	line-height: 20px;

	-webkit-transition: all 0.7s ease-in-out;

	-moz-transition: all 0.7s ease-in-out;

	-ms-transition: all 0.7s ease-in-out;

	-o-transition: all 0.7s ease-in-out;

	transition: all 0.7s ease-in-out;

	width: 50px;

}

.bkr003 .blog-10 .news-block .inner-box .caption-box .post-date span{

	width: 100%; 

	display: inline-block;

	font-size: 14px;

}

.bkr003 .blog-10 .news-block .inner-box:hover .caption-box .post-date{

	background-color: #222222;

}

.bkr003 .blog-10 .news-block .caption-box h3 a{

	color: #222;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .blog-10 .news-block .inner-box .caption-box h3 a:hover{

	color: #e38b00;

}



.bkr003 .blog-10 .news-block .caption-box .info{

	position: relative;

	display: block;

}



.bkr003 .blog-10 .news-block .caption-box .info li{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #373737;

	font-weight: 600;

	margin-right: 25px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}

.bkr003 .blog-10 .news-block .caption-box .info li i {

	margin-right: 10px;

	color: #FF4555;

}

.bkr003 .blog-10 .news-block .inner-box:hover .caption-box .info li{

	color: #222222;

}



.bkr003 .blog-10 .news-block .caption-box .info li a{

	color: #777777;

}



.bkr003 .blog-10 .news-carousel .owl-nav {

	display: block;

	margin-top: 0;

	position: absolute;

	right: 0;

	top: -50px;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-next span{

	margin-left: 15px;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-next::before {

	content: "";

	position: absolute;

	left: -15px;

	top: 6px;

	width: 2px;

	height: 15px;

	background-color: #bbbbbb;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-prev span{

	margin-right: 15px;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-prev, 

.bkr003 .blog-10 .news-carousel .owl-nav .owl-next {

	display: inline-block;

	margin: 0 14px;

	font-size: 16px;

	font-weight: 600;

	color: #333;

	position: relative;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	cursor: pointer;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-prev:hover, 

.bkr003 .blog-10 .news-carousel .owl-nav .owl-next:hover {

	color: #FF4555;

}

.bkr003 .blog-10 .news-carousel .owl-nav .owl-prev span,

.bkr003 .blog-10 .news-carousel .owl-nav .owl-next span{

	transform: rotate(270deg);

}





/*** 



====================================================================

	Team Section

====================================================================



***/



.bkr003 .team-10 {

	position: relative;

	padding-top: 100px;

	padding-bottom: 60px;

}

.bkr003 .team-10 .sec-title-two{

	margin-bottom: 50px;

}

.bkr003 .team-10 .sec-title-two h2 {

    margin-bottom: 0px;

    color: #222;

}

.bkr003 .team-10 .team-style-one{

	position: relative;

	margin-bottom: 40px;

	overflow: hidden;

}

.bkr003 .team-10 .team-style-one .image-box{

	position: relative;

}

.bkr003 .team-10 .team-style-one .image-box img{

	width: 100%;

}

.bkr003 .team-10 .team-style-one .image-text {

    position: absolute;

    left: 10px;

    bottom: 10px;

    right: 10px;

    z-index: 99;

    text-align: center;

    background: #ff4555;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}

.bkr003 .team-10 .team-style-one:hover .image-text {

    z-index: -99;

    transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}

.bkr003 .team-10 .team-style-one .image-text h6{

	display: inline-block;

	color:  #ffffff;

	font-size: 16px;

	line-height: 22px;

	font-weight: 600;

	padding: 14px 35px;

}

.bkr003 .team-10 .team-style-one .overly-box h6{

	display: inline-block;

	color:  #ffffff;

	font-size: 16px;

	line-height: 22px;

	font-weight: 600;

	padding-bottom: 5px;

}

.bkr003 .team-10 .team-style-one .overly-box	{

	position: absolute;

	bottom: -500px;

	right: 10px;

	left: 10px;

	text-align: center;

	padding: 55px 20px 60px;

	background: #252627;

	transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}

.bkr003 .team-10 .team-style-one:hover .overly-box{

	bottom: 10px;

	transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}

.bkr003 .team-10 .team-style-one .overly-box	p{

	font-size: 14px;

	font-weight: 600;

	color: #FF4555;

	line-height: 26px;

}

.bkr003 .team-10 .team-style-one .socials-link-two li {

	margin: 2px;

	display: inline-block;

}

.bkr003 .team-10 .team-style-one .socials-link-two li i{

	font-size: 15px;

	width: 30px;

	height: 30px;

	line-height: 30px;

	color: #ffffff;

	border-radius: 50%;

	border: 1px solid #979797;

	transition: all 300ms ease;

}

.bkr003 .team-10 .team-style-one .socials-link-two li:hover i{

	color: #FF4555;

	background: #ffffff;

	border-color: #ffffff;

	transition: all 300ms ease;

}







/*** 



====================================================================

				Team Section

====================================================================



***/



.bkr003 .team-6 {

	position: relative;

	margin-top: 100px;

	background-position: 0% 100%;

}



.bkr003 .team-6 .sec-title{

	position: relative;

	margin-bottom: 40px;

	z-index: 9;

}



.bkr003 .team-6 .sec-title h2{

	position: relative;

	font-size: 40px;

	line-height: 1.2em;

	color: #333333;

	font-weight: 700;

	padding-bottom: 14px;

}



.bkr003 .team-6 .sec-title h2:before{

	/* position: absolute; */

	/* bottom: 0; */

	/* left: 0; */

	/* display: inline-block; */

	/* height: 3px; */

	/* width: 75px; */

	/* background-color: #d55342; */

	/* content:""; */

	/* border-radius: 50%; */

}



.bkr003 .team-6 .sec-title .text{

	position: relative;

	font-size: 16px;

	line-height: 26px;

	color: #777777;

	font-weight: 400;

	margin-top: 30px;

}



.bkr003 .team-6 .sec-title.text-center h2:before{

	right: 0;

	margin: 0 auto;

}



.bkr003 .team-6 .sec-title.light h2{

	color: #ffffff;

}



.bkr003 .team-6 .sec-title.light .text{

	color: #fefefe;

}



.bkr003 .team-6 .title-box{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding-top: 135px;

	padding-bottom: 420px;

}



.bkr003 .team-6 .title-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #333333;

	opacity: .70;

	content: "";

}



.bkr003 .team-6 .team-box {

    position: relative;

    /* margin-top: -377px; */

    padding-bottom: 60px;

}



.bkr003 .team-6 .team-box .row{

	margin: 0 ;

}



.bkr003 .team-6 .team-box .team-block{

	position: relative;

	padding: 0 35px;

	margin-bottom:40px;

}



.bkr003 .team-6 .team-block .inner-box{

	position: relative;

	overflow: hidden;

	background-color: #ffffff;

	border-radius: 10px;

	-webkit-box-shadow: 0 5px 13px rgba(0,0,0,.1);

	-moz-box-shadow: 0 5px 13px rgba(0,0,0,.1);

	-ms-box-shadow: 0 5px 13px rgba(0,0,0,.1);

	-o-box-shadow: 0 5px 13px rgba(0,0,0,.1);

	box-shadow: 0 5px 13px rgba(0,0,0,.1);

}



.bkr003 .team-6 .team-block .image-box{

	position: relative;

}



.bkr003 .team-6 .team-block .image-box::before{

    position: absolute;

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    -o-transform: skewX(-25deg);

    transform: skewX(-25deg);

}



.bkr003 .team-6 .team-block .inner-box:hover .image-box:before {

	-webkit-animation: shine 1.5s;

	animation: shine 1.5s;

}

@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}





.bkr003 .team-6 .team-block .image-box img{

	display: block;

	width: 100%;

	height: auto;

}



.bkr003 .team-6 .team-block .info-box{

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 25px 0 30px;

	text-align: center;

	z-index: 9;

	background-color: #ffffff;

}



.bkr003 .team-6 .team-block .social-links{

	position: relative;

}



.bkr003 .team-6 .team-block .social-links li{

	position: relative;

	display: inline-block;

	margin:0 6px;

}



.bkr003 .team-6 .team-block .social-links li a{


	font-size: 14px;

	line-height: 25px;

	color: #878787;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .team-6 .team-block .social-links li a:hover{

	color: #222222;

}



.bkr003 .team-6 .team-block .info-box .name {

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 1.2em;

    color: #333333;

    font-weight: 600;

    margin: 10px 0px;

}



.bkr003 .team-6 .team-block .info-box .name a{

	color: #333333;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.bkr003 .team-6 .team-block .info-box .name a:hover{

	color: #d55342;

}



.bkr003 .team-6 .team-block .info-box .designation{

	display: block;

	font-size: 15px;

	line-height: 20px;

	color: #FF4555;

	font-weight: 600;

}





/*** 



====================================================================

	Team Section

====================================================================



***/



.bkr003 .team-2 {

	position:relative;

	padding:145px 0px 100px;

	border-top:1px solid #f7f7f7;

}



.bkr003 .team-2 .sec-title{

	position:relative;

	margin-bottom:50px;

}



.bkr003 .team-2 .sec-title .title{

	position:relative;

	/* color:#c4c4c4; */

	font-size:14px;

	line-height:1.4em;

	letter-spacing:1px;

	margin-bottom:15px;

	/* text-transform:uppercase; */

	font-size: 18px;

	color: #FF4555;

	text-transform: uppercase;

	font-weight: 500;

}



.bkr003 .team-2 .sec-title h2{

	position:relative;

	/* font-size:35px; */

	/* color:#222222; */

	/* font-weight:600; */

	line-height: 50px;

	padding-bottom:20px;

	display:inline-block;

	color: #001659;

	font-size: 40px;

	font-weight: 600;

}



.bkr003 .team-2 .sec-title h2:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:42px;

	height:3px;

	background-color:#FF4555;

}



.bkr003 .team-2 .sec-title.light .title{

	color:#ffffff;

}



.bkr003 .team-1 .sec-title.light h2{

	color:#ffffff;

}



.bkr003 .team-2 .sec-title.centered{

	text-align:center;

}



.bkr003 .team-2 .sec-title.centered h2:after{

	left:50%;

	margin-left:-21px;

}



.bkr003 .team-2 .pattern-layer{

	position:absolute;

	right:0px;

	bottom:-300px;

	width:396px;

	height:560px;

	z-index:-1;

	background:url(../images/background/pattern-10.png) no-repeat;

}



.bkr003 .team-2 .grey-box{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 50%;

    height: 100%;

    background-color: #f7f7f7;

}



.bkr003 .team-2 .grey-box:after{

	position: absolute;

    content: '';

    right: -50px;

    bottom: -50px;

    width: 100px;

    height: 100px;

    -webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	transform: rotate(45deg);

    background-color: #ffffff;

}



.bkr003 .team-2 .owl-dots,

.bkr003 .team-2 .owl-nav{

	display:none;

}



.bkr003 .team-2 .team-block{

	position:relative;

	margin-bottom:40px;

}



.bkr003 .team-2 .team-block .inner-box{

	position:relative;

	overflow:hidden;

	z-index:1;

}



.bkr003 .team-2 .team-block .inner-box .image{

	position:relative;

}



.bkr003 .team-2 .team-block .inner-box .image .triangle-layer{

	position:absolute;

	left:-150px;

	top:-200px;

	width:440px;

	height:440px;

	z-index:1;

	opacity:0;

	visibility:hidden;

	-webkit-transition:all 900ms ease;

	-ms-transition:all 900ms ease;

	-o-transition:all 900ms ease;

	-moz-transition:all 900ms ease;

	transition:all 900ms ease;

	-webkit-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	transform: rotate(135deg);

	    background-color: rgba(255, 69, 85, 0.54);

}



.bkr003 .team-2 .team-block .inner-box:hover .image .triangle-layer{

	opacity:1;

	visibility:visible;

	-webkit-transform: rotate(30deg);

	-o-transform: rotate(30deg);

	-ms-transform: rotate(30deg);

	-moz-transform: rotate(30deg);

	transform: rotate(30deg);

}



.bkr003 .team-2 .team-block .inner-box .image .social-box{

	position:absolute;

	top:110%;

	right:10px;

	width:32px;

	z-index:1;

	padding-top:10px;

	padding-bottom:2px;

	text-align:center;

	background-color:#ffffff;

	-webkit-transition:all 900ms ease;

	-ms-transition:all 900ms ease;

	-o-transition:all 900ms ease;

	-moz-transition:all 900ms ease;

	transition:all 900ms ease;

	border-right:1px solid #b1ada8;

}



.bkr003 .team-2 .team-block .inner-box .image .social-box a{

	position:relative;

	display:block;

	color:#777777;

	font-size:14px;

	margin-bottom:5px;

	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;

}



.bkr003 .team-2 .team-block .inner-box .image .social-box a:hover{

	color: #FF4555;

}



.bkr003 .team-2 .team-block .inner-box:hover .image .social-box{

	top:10px;

}



.bkr003 .team-2 .team-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.bkr003 .team-2 .team-block .inner-box .lower-box{

	position:relative;

	left:0px;

	bottom:0px;

	width:100%;

	text-align:center;

	padding-top:22px;

	background: #fffbfb;

	padding-bottom: 25px;

}



.bkr003 .team-2 .team-block .inner-box .lower-box h2{

	position:relative;

	color:#222222;

	font-size: 20px;

	font-weight: 600;

	text-transform:capitalize;

}



.bkr003 .team-2 .team-block .inner-box .overlay-box {

    position: absolute;

    left: 0px;

    bottom: -100px;

    width: 100%;

    top: unset;

    height: unset;

    z-index: 2;

    text-align: center;

    padding: 22px 0px 15px;

    background-color: #ffffff;

    border: 1px solid #e2e2e2;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    transition: all 600ms ease;

}



.bkr003 .team-2 .team-block .inner-box:hover .overlay-box{

	bottom:0px;

}



.bkr003 .team-2 .team-block .inner-box .overlay-box h3{

	position:relative;

	color:#222222;

	font-size:18px;

	font-weight:500;

	line-height:1.4em;

}



.bkr003 .team-2 .team-block .inner-box .overlay-box h3 a{

	position:relative;

	color:#222222;

	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;

	font-size: 20px;

}



.bkr003 .team-2 .team-block .inner-box .overlay-box h3 a:hover{

	/* color: #FF4555; */

}



.bkr003 .team-2 .team-block .inner-box .overlay-box .designation{

	position:relative;

	color: #FF4555;

	font-size:14px;

	font-weight: 600;

}



.bkr003 .team-2 .team-pagination{

	position:relative;

	margin-top:30px;

	text-align:right;

}



.about-h10 .sec-title .title-two h2:before{

    /* position: absolute; */

    /* left: -71px; */

    /* top: -6px; */

    /* height: 48px; */

    /* width: 280px; */

    /* background-image: url(../images/shape/dot.png); */

    /* content: ""; */

    background-repeat: repeat;

    background-position: left top;

}

.testimonial-section h2:after {

    position: absolute;

    content: '';

    left: -416px;

    top: 193px;

    width: 281px;

    height: 288px;

    background-color: #f9f8fc;

    padding: 120px 0 110px;

    background: url(../images/background/dot.png);

    background-repeat: repeat;

    z-index: 99;

    float: left;

}



.service-icon-h10 .item .icon span:after {

    position: absolute;

    left: 60px;

    top: 55px;

    height: 72px;

    width: 48px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #FF455529;

}

.service-img-h9 .item .lower-content .icon span:after {

    position: absolute;

    left: 13px;

    top: -21px;

    height: 67px;

    width: 42px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #FF455529;

}

.service-img-h9 .item:hover .lower-content .icon span:after {

    position: absolute;

    left: -9px;

    top: -21px;

    height: 67px;

    width: 42px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #FF455529;

}

.service-img-h9 .item:hover .lower-content .icon span:before {

    color: #414141;

}



/*image Hover */

.service-img-h9 .item:hover .image-box img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.service-img-h9 .item .image-box img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.service-img-h9 .theme-btn {

    cursor: pointer;

}



.title_color {

    color: #FF4555!important;

}



.service-img-h9:before {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 447px;

    width: 100%;

    background-color: #f5f8fb;

    content: "";

    z-index: -111;

}



/*Line Animation */

.portfolio-h9 .filters li{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 2px;

    transition: background-size .3s;

    padding-bottom: 3px;

}

.portfolio-h9 .filters li:hover,

.portfolio-h9 .filters li:focus {

    background-size: 100% 2px;

	color: #FF4555;

}

.call-to-action-h8 {

    background-attachment: fixed;

}



/*image Hover */

.latest-news-h9 .inner-box:hover .image-box .image a img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.latest-news-h9 .inner-box .image-box .image a img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.latest-news-h9 .inner-box .image-box .image{

	overflow:hidden;

}

.title-fill:after {

    color: #FF4555!important;

}



.why-choose-us-h8 .right-side .item .icon span:after {

    position: absolute;

    left: -20px;

    top: -30px;

    height: 80px;

    width: 80px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #ffffff29;

    border-radius: 50%;

}

.service-img-h8 .item .lower-content {

   

    background-color: #ffffff;

    box-shadow: 0 15px 40px rgba(0,0,0,0.08);

    background: transparent url(../images/background/pattern.png) 0% 0%/auto repeat scroll;

}

.service-img-h8 .item .lower-content .inner {

    padding: 18px 0px 18px 100px;

    position: relative;

    background: #ff4555;

}



/*image Hover */

.service-img-h8 .item:hover .image-box-two img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.service-img-h8 .item .image-box-two img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.service-img-h8 .item:hover .lower-content .inner

{

    background-color: #001659;

}

.service-img-h8 .item .lower-content .inner:before{

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-right: none;

    transform: translateX(110%);

    transition: all 900ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    background: #fff;

}



.service-img-h8 .item:hover .lower-content .inner:before,

.service-img-h8 .item:hover .lower-content .inner:after {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

}

.service-img-h8 .item .lower-content .inner{

	overflow:hidden;

}

.service-img-h8 .item:hover .lower-content .inner .icon span:before{

    color: #fff;

}

.service-img-h8 .item:hover .lower-content .inner  h3 a{

    color: #222;

}



.service-img-h8 .item .icon {

    position: absolute;

    top: 0px;

    left: 0px;

    background: #030303;

    padding: 28px 26px;

    font-size: 34px;

}

.service-img-h8 .item:hover .icon{

    position: absolute;

    top: 0px;

    left: 0px;

    background: #001659;

    color:#fff;

	transition: all 700ms ease;

}





/*Line Animation */

.portfolio-h8 .filters li{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 2px;

    transition: background-size .3s;

    padding-bottom: 3px;

    font-family: 'Exo', sans-serif;

}

.portfolio-h8 .filters li:hover,

.portfolio-h8 .filters li:focus {

    background-size: 100% 2px;

	color: #FF4555;

}



/*image Hover */

.about-h8 .item .image-box:hover img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.about-h8 .item .image-box img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.why-choose-us-h8 .sec-title .title-two h2 {

    width: 93%;

}

.spbg{

	padding: 100px 0px 80px 0px;

    margin-bottom: -25px;

	background: #ffffffcf;

	margin-top:-100px;

}



.why-choose-us-h7 .image-box img {

    margin-top: 20px;

    margin-right: 50px;

}



.service-icon-h7-two:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}

.about-h6 .text-holder .title-two h2:before {

    background-repeat: repeat;

    background-position: left top;

    z-index: -1;

}

.service-img-h6 .sec-title .title-two h2:before,.project-slider-h6 .sec-title .title-two h2:before,.team-h6 .sec-title .title-two h2:before,.latest-news-h6 .sec-title .title-two h2:before {

    background-repeat: repeat;

    background-position: left top;

    padding-left: -21px;

    margin-left: -50px;

    z-index:-111;

}

.about-h6 .text-holder .subtitle h3 {

    text-transform: uppercase;

}



.overlay-dark-bg-3:before {

    background: #FF4555!important;

}



.services-block-four .inner-box .icon-box:after {

    position: absolute;

    height: 65px;

    width: 65px;

    content: "";

    left: 20px;

    border-radius: 50%;

    right: 0;

    margin: auto;

    transition: all 0.3s ease-out;

    background-image: -webkit-linear-gradient( 45deg, #fefeff30 0%, #00c5ff85 100%);

    top: -21px;

}

.services-block-four .inner-box:hover .icon-box:after {

    left: 12px;

}

.feature-block-two{

	overflow:hidden;

}

.services-block-four .inner-box {

    background: #fff;

    box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}

.strategy-section {

    background-repeat: no-repeat;

    background-position: right;

}

.subtitlexx h4{

	    font-size: 20px;

	    color: #434343;

	    line-height: 36px;

	    font-weight: 600;

	    margin-bottom: 26px;

}

.feature-block .inner-box {

    overflow: hidden;

}



.services-block .inner-box .icon-box:after {

    position: absolute;

    left: 30px;

    top: 22px;

    height: 52px;

    width: 44px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #FF455529;

}



.news-section .image-column {

    margin-top: -242px;

}

.news-section .image-column .image{

    margin-left: -20px;

    padding-bottom: -13px;

    margin-bottom: 0px;

}

.expert-section {

    padding: 100px 0px 100px;

}

.services-block-three .inner-box .icon-box:after {

    position: absolute;

    left: 30px;

    top: 0px;

    height: 75px;

    width: 46px;

    background-repeat: no-repeat;

    background-position: center;

    content: "";

    -moz-filter: grayscale(1);

    -o-filter: grayscale(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;

    /* z-index: -1; */

    background: #ff45551a;

}

.uyt{

    padding-top: 100px;

    padding: 100px 0 80px;

    background: #001659;

}

.uyt .sec-title h2 {

    color: #ffffff;

}

.uyt .sec-title .title-text {

    color: #ffffff;

}

.uyt .owl-nav{

    display: none;

}







/*image Hover */

.news-block-four .inner-box .image-column:hover .inner-column .image img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.news-block-four .inner-box .image-column .inner-column .image img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.news-block-four .inner-box .image-column .inner-column .image{

	overflow:hidden;

}

.story-block:hover .inner-box .image img{

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.story-block .inner-box .image img{

    display: block;

    max-width: 100%;

    height: auto;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.story-block .inner-box .image{

	overflow:hidden;

}

.nopad.project-slider-h7{

	padding-top:0px!important;

}



.service-icon-h10 .item:hover .icon span:after {

    position: absolute;

    left: 55px;

    background: #a0a0a029;

}

.service-icon-h10 .item:hover .icon span:before {

    color: #2c2c2c;

}

/*Line Animation */

.service-icon-h10 .item h2 a{

    text-decoration: none;

    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;

    background-repeat: no-repeat;

    background-size: 0% 1px;

    transition: background-size .3s;

    padding-bottom: 2px;

}

.service-icon-h10 .item:hover h2 a,

.service-icon-h10 .item h2 a:focus {

    background-size: 100% 1px;

	color: #FF4555;

}

.service-icon-h10 .item h2 {

    line-height: 35px;

}

.service-icon-h10 .item:hover .btn-box a {

    letter-spacing: 3px;

}

.service-icon-h10 .item:hover{

    background:#fcfcfc;

}

.services-tab-h10 .sec-title .title-two h2:before,.pricing-07 .sec-title .title-two h2:before,.faq-form-h8 .sec-title .title-two h2:before,.faq-form-h8 .content-box .title h2:before,.team-h9 .sec-title .title-two h2:before,.latest-news-h8 .sec-title .title-two h2:before,.call-to-action-h10 .content .sec-title .title-two h2:before,.workprocess-h10 .sec-title .title-two h2:before {

    /* position: absolute!important; */

    /* top: 8px!important; */

    /* height: 48px!important; */

    /* width: 280px!important; */

    /* background-image: url(../images/shape/dot.png); */

    /* content: ""; */

    background-repeat: repeat!important;

    background-position: left top!important;

    margin: 0 auto;

    z-index: -11;

    margin-left: -50px;

}

.team-h6.rashid01 .item {

    margin-bottom: 50px;

}

.rashid01.latest-news-07 .inner-box {

    margin-bottom: 40px;

}

.service-icon-h10 .item {

    margin-bottom: 30px;

}

.service-img-h6 .item {

    margin-bottom: 30px;

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

    background: #f6f6f6;

}

.semanual17 .item{

	margin-bottom:30px;

}

.semanual17 .item .image-box-two img{

	width:100%;

}

.semanual17{

padding-bottom:80px;	

}

.service24{

	padding-top:80px;

}

.services-25 .block-inner h4 {

    position: relative;

    color: #222222;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.4em;

    margin-bottom: 12px;

}

.services-26 .inner-box h3 {

    position: relative;

    color: #222222;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.7em;

    margin-bottom: 12px;

}

.services-26 .feature-block-four {

    position: relative;

    margin-bottom: 30px;

    padding: 35px;

}

.projects-4 .sec-title.centered {

    text-align: center;

    margin-bottom: 90px;

}

.projects-4 .sec-title h2 {

    color: #ffffff;

}

.projects-4 .sec-title .title-text {

    position: relative;

    color: #ffffff;

}



.bkr003 .about-4 .image-column .inner-column .image.image-two img{

    width: 192px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-three img{

    width: 192px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-four img{

    width: 192px;

}



 .team-h9.team-h9rashid .sec-title {

    margin-left: 0px!important;

    margin-right:0px!important;

}

 .team-h9.team-h9rashid .owl-nav{

	 display:none!important;

 }



.servicw5 .sec-title.centered {

    text-align: center;

    margin-bottom: 90px;

}

.servicw5 .feature-block-four {

    position: relative;

    margin-bottom: 60px;

}

.services-section-four {

    position: relative;

}









@media only screen and (max-width: 399px){ 



	

	

.main-slider .theme-btn {

    display: block;

    margin-bottom: 20px;

    text-align: center;

}

	

	



}



@media only screen and (max-width: 1660px){

	

	

.pricing-h9 .sec-title {

    margin-left: 0;

}

.feature-block-three .inner-box .content .icon-box {

    position: relative;

    margin-bottom: 30px;

}

.feature-block-three .inner-box .content {

    padding-left: 0;

}

.feature-block-three .inner-box {

    padding: 55px 35px 55px;

}





}



@media only screen and (max-width: 1200px){ 

	

	

.news-section {

    overflow: hidden;

}

.service-icon-h10 .item .icon {

    margin-bottom: 20px;

	display: inline-block;

}



.about-h10 .btn-box-two {

    margin-top: 20px;

    margin-bottom: 30px;

}

.service-icon-h10 .item .icon span:after {

    left: 25px;

    top: -25px;

}





}



@media only screen and (max-width: 991px){ 

	

	

.fluid-section-one .overlay-anim-box2 {

    display: block;

}

.news-section .image-column {

    margin-top: 0;

}

.news-section .image-column .image {

    margin-left: 0;

}

.news-section {

    padding-bottom: 100px;

}

.strategy-section .inner-column {

    margin-bottom: 30px;

}

.strategy-block .inner-box .icon-box {

    margin-bottom: 30px;

}

.service-img-h9 .item .lower-content .icon {

    position: relative;

    left: 0;

    top: 0;

    margin: 20px 0px;

}

.service-img-h9 .item .lower-content .title h3 {

    margin-left: 0;

}	

.service-img-h9 .item .lower-content .text p {

    margin-top: 20px;

    margin-bottom: 0;

}

.why-choose-us-h7 .text-box .list ul li .icon {

    position: relative;

    left: 0;

    top: 0;

    margin: 30px 0px;

}

.why-choose-us-h7 .text-box .list ul li {

    /* padding-left: 0; */

}

.why-choose-us-h7 .text-box .list {

    margin-top: 60px;

}

.rtlstyle .services-block-three .inner-box .icon-box:after {

    opacity: 0;

}

.bkr003 .about-4 .image-column .inner-column .image.image-one {

    margin-left: 0;

	margin-bottom: 30px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-one img {

    width: 100%;

}

.bkr003 .about-4 .image-column .inner-column .image.image-two {

    position: relative;

    bottom: 0;

	margin-bottom: 30px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-two img{

    width: 100%;

}

.bkr003 .about-4 .image-column .inner-column .image.image-three {

    position: relative;

    right: 0;

    top: 0;

	margin-bottom: 30px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-three img {

    width: 100%;

}

.bkr003 .about-4 .image-column .inner-column .image.image-four {

    position: relative;

    right: 0;

    bottom: 0;

	margin-bottom: 30px;

}

.bkr003 .about-4 .image-column .inner-column .image.image-four img {

    width: 100%;

}

.project-slider-h6 .overlay-anim-box2 {

    display: block;

}

.project-slider-h6 .text-box {

    top: 0;

    box-shadow: unset;

}

	



}



@media only screen and (max-width: 767px){

.about-h10 .right-side .call i {

    display: block;

    margin-bottom: 30px;

}

.about-h10 .right-side .call {

    line-height: 35px;

}	

.about-h10 .btn-box-two {

    margin-top: 20px;

}

.why-choose-us-h8 .right-side .item .icon {

    position: relative;

    left: 0;

    top: 0;

    margin: 30px 0px;

}

.why-choose-us-h8 .right-side .item {

    padding: 0px 0px 0px 0px;

}

.why-choose-us-h8 .right-side .item .icon span:after {

    left: 15px;

}

	

	

}







figure {

    margin-bottom: 0;

}

.services-single .inner-box .lower-content .row.two h2 {

    padding-left: 15px;

}

.services-single .inner-box .lower-content .row.two .text {

	padding-left: 15px;

}





@-webkit-keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}



@keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}



.service-img-h8 {

    background-repeat: no-repeat;

}



.anim-icons .shape-1 {

    position: absolute;

    top: 4%;

    left: 50%;

    z-index: 1;

}

.anim-icons .shape-2{

    position: absolute;

    top: -2%;

    right: 82%;

    z-index: 1;

}



.anim-icons .shape-3{

    position: absolute;

    top: 10%;

    right: 0%;

    z-index: 1;

}

.anim-icons .shape-4{

    position: absolute;

    top: 40%;

    right: 20%;

    z-index: 1;

}

.anim-icons .shape-5{

    position: absolute;

    top: 80%;

    right: 80%;

    z-index: 1;

}



.testimonials-25 .owl-nav .owl-prev,.testimonials-25 .owl-nav .owl-next {

    display: none;

}

.colr1{

    color: #1c1c1c!important;

}

.colr2{

    color: #1c1c1c!important;

}

.innersub {

    background: #00C5FF;

    width: 380px;

    padding: 10px 25px;

    margin-bottom: 30px;

}

.colr3{

    color: #fff;

}

.latest-news-h9 .owl-nav .owl-prev,.latest-news-h9 .owl-nav .owl-next {

    display: none;

}

.pg.schedule {

    padding: 0px!important;

}

.pg.featured-25 .sec-title-five .title h2 {

    font-size: 40px;

}

.pg.featured-25 {

    position: relative;

    padding: 100px 0px 40px 0px;

}

.sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 20px;

    color: #00C5FF;

    font-family: 'Exo', sans-serif;

}

.sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

    text-transform: capitalize;

}

.sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.service-img-h6 .sec-title-five{

	padding-bottom:50px;

}

.service-img-h6:before {

    position: absolute;

    right: 0;

    top: 0;

    /* background-image: url(../images/ex-new/resource/about-h6-right-shape.png); */

    content: "";

    width: 100px;

    height: 100%;

    background-repeat: no-repeat;

    background: #ff45550d;

}

.titlex .title {

    position: relative;

    /* color: #c4c4c4; */

    /* font-size: 14px; */

    line-height: 1.4em;

    letter-spacing: 1px;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-size: 18px;

    color: #FF4555;

    text-transform: uppercase;

    font-weight: 500;

}

.titlex  h2:after {

    position: absolute;

    content: '';

    left: 0px;

    bottom: -20px;

    width: 42px;

    height: 3px;

    background-color: #FF4555;

}

.titlex h2:after {

    left: 50%;

    margin-left: -21px;

}

.service-img-h8:before{

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 50%;

    height: 100%;

    display: block;

    background-color: #f9f8fc;

}

.btn-box-twox{

	margin-bottom:50px;

}

.services-tab-h10 .content .list-content .list li span{

	    color: #00c5ff;

}

.services-tab-h10 .image-box{

    margin-top: 30px;

}

.before-after-details.bn{

	padding-top:100px;

}

.latest-news-h8 .left-side .lower-content {

    position: absolute;

    bottom: 0;

    left: 0;

    background: linear-gradient(to bottom, rgba(114, 90, 95, 0) 0,rgba(0, 197, 255, 0.9) 100%);

    width: 100%;

    padding: 110px 48px 37px 61px;

    transition: all 700ms ease;

    overflow: hidden;

    z-index: 1;

    border-radius: 10px;

}

.latest-news-h8 .left-side .lower-content:before {

    position: absolute;

    left: 0;

    top: 100px;

    content: "";

    background: linear-gradient(to bottom, rgba(114, 90, 95, 0) 0,#343995 100%);

    width: 100%;

    height: 100%;

    padding: 120px 15px 20px 15px;

    opacity: 0;

    transition: all 700ms ease;

}

.padb-50{

	padding-bottom:50px;

}

.h6st1{

	color:#262626!important

}

.h6st {

    background: #ff4555;

    padding: 10px 30px;

    width: 260px;

    color: #fff!important;

    font-weight: 600;

}

.why-choose-us-h7 .text-box .list ul li .title:before {

    position: absolute;

    left: 13px;

    top: 0;

    content: "\f116";

    font-family: "Flaticon";

    font-size: 20px;

    background: #ff4555;

    font-weight: 100;

    color: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50px;

    transition: all 700ms ease;

    box-shadow: 0px 15px 11px 0px rgba(255, 69, 85, 0.35);

}

.home3 .image-box img {

    margin-top: 140px!important;

}

.home3 .text-box .list ul li .title:before{

	display:none!important;

}

.bkr003 .team-6 {

    background-repeat: no-repeat;

}

.service-icon-h7-two .owl-dots {

    display: none!important;

}

.service-icon-h7-two .item>.icon span:after{

    position: absolute;

    height: 65px;

    width: 65px;

    content: "";

    top: -12px;

    left: 15px;

    border-radius: 50%;

    right: 0;

    margin: auto;

    transition: all 0.3s ease-out;

    background-image: -webkit-linear-gradient( 45deg, #fefeff08 0%, #ff45552e 100%);

}

.service-icon-h7-two .item:hover>.icon span:after {

    background-image: -webkit-linear-gradient( 45deg, #fefeff08 0%, #ff45552e 100%)!important;

}

.services-block-four .inner-box .icon-box .icon:before{

	font-size: 70px!important;

}

/*** 



====================================================================

	banner section style h25

====================================================================



 ***/



.banner-section.style-h25 {

    position: relative;

    clear: both;

    z-index: 1;

}



.banner-section.style-h25 .slide-item {

	position: relative;

}



.banner-section.style-h25 .slide-item:before {

    position: absolute;

    left: 0;

    bottom: 2px;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.2);

    content: "";

}



.banner-section.style-h25 .banner-carousel .content-box .inner {

    margin-right: 0;

    padding: 205px 0px 270px 0px;

}



.banner-section.style-h25 .content-box {

    width: 100%;

    float: unset;

}



.banner-section.style-h25 .banner-carousel .link-box .theme-btn {

    float: unset;

}



.banner-section.style-h25 .title h3 {

    position: relative;

    font-size: 20px;

    color: #fff;

    margin-bottom: 20px;

    letter-spacing: 2px;

}



.banner-section.style-h25 .title h3 {

    opacity: 0;

    margin-bottom: 15px;

    -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(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

}



.banner-section.style-h25  .active .title h3 {

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 100ms;

	-moz-transition-delay: 100ms;

	-ms-transition-delay: 100ms;

	-o-transition-delay: 100ms;

	transition-delay: 100ms;

}



.banner-section.style-h25 .banner-carousel .content-box h2 {

    font-size: 72px;

    line-height: 96px;

	font-weight: 700;

}



.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-nine {

    position: relative;

    color: #fff;

    background: #00C5FF;

    transition: all 700ms ease;

    border: none;

    padding: 16px 46px;

    font-size: 18px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    margin-right: 15px;

    border-radius: 5px;

    display: inline-block;

    font-weight: 600;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}



.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-nine:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-nine:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-nine:hover {

    transition: all 700ms ease;

}

.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-ten {

    position: relative;

    color: #fff;

    transition: all 700ms ease;

    border: none;

    padding: 15px 15px;

    z-index: 1;

    overflow: hidden;

    text-transform: capitalize;

    font-size: 18px;

    display: inline;

    top: -20px;

    font-weight: 600;

    margin-right: 41px;

}

.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-ten:before {

    position: absolute;

    right: -70px;

    top: 0;

    content: "";

    background: url(../images/ex-new-two/icon/banner-25-video-icon.png);

    width: 62px;

    height: 62px;

    background-repeat: no-repeat;

}

.banner-section.style-h25 .banner-carousel .theme-btn.btn-style-ten:hover {

    color: #00C5FF;

    transition: all 700ms ease;

}



.banner-section.style-h25 .content-box .text p {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 34px;

    color: #ffffff;

    font-weight: 400;

    opacity: 0;

    margin-bottom: 40px;

    -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(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-section.style-h25 .active  .text p {

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h25 .banner-carousel .owl-prev, .banner-section.style-h25 .banner-carousel .owl-next {

    border-radius: 0px;

}



.banner-section.style-h25 .banner-carousel .content-box h2 {

    position: relative;

    display: block;

    font-size: 60px;

    line-height: 72px;

    color: #ffffff;

    font-weight: 600;

    opacity: 0;

    margin-bottom: 15px;

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 100ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.banner-section.style-h25 .banner-carousel .active .content-box h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.banner-section.style-h25 .banner-carousel .content-box .text p {

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 34px;

	color: #ffffff;

	font-weight: 400;

	opacity: 0;

	margin-bottom: 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: translateY(-100px);

	-moz-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	-o-transform: translateY(-100px);

	transform: translateY(-100px);

}



.banner-section.style-h25 .banner-carousel .active  .text p {

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.banner-section.style-h25 .banner-carousel .link-box{

	position: relative;

	opacity: 0;

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 1000ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	-o-transform: translateY(-50px);

	transform: translateY(-50px);

}



.banner-section.style-h25 .banner-carousel .link-box:after{

	display: table;

	clear: both;

	content: "";

}



.banner-section.style-h25 .banner-carousel .active .link-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}



.banner-section.style-h25 .banner-carousel .owl-dots{

	display: none;

}



.banner-section.style-h25 .banner-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 100%;

	text-align: center;

	display: none;

}



.banner-section.style-h25 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h25 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h25 .banner-carousel .owl-prev, 

.banner-section.style-h25 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h25 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h25 .banner-carousel .owl-prev:hover, 

.banner-section.style-h25 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}



.banner-section.style-h25 .image-box {

    position: absolute;

    right: 150px;

    top: 0;

}



/*** 



====================================================================

	service h25 

====================================================================



 ***/



.service-icon-one-h25 {

    position: relative;

    padding: 100px 0px 100px 0px;

    margin-top: -170px;

    z-index: 1;

}

.service-icon-one-h25 .anim-icons .shape-1 {

    position: absolute;

    left: 40px;

    z-index: -1;

    top: 42%!important;

}

.service-icon-one-h25 .anim-icons .shape-2 {

    position: absolute;

    top: 201px!important;

    right: 45px;

    z-index: -1;

}

.service-icon-one-h25 .item {

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    position: relative;

    padding: 87px 30px 30px 30px;

    background: #fff;

    transition: all 700ms ease;

	    border-radius: 10px;

}

.service-icon-one-h25 .item:hover {

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

	transition: all 700ms ease;

}

.service-icon-one-h25 .item .icon {

    margin-bottom: 30px;

	text-align:center;

}

.service-icon-one-h25 .item .icon span {}

.service-icon-one-h25 .item .icon span:before {

    font-size: 75px;

    color: #00C5FF;

    transition: all 700ms ease;

    z-index: 999;

}

.service-icon-one-h25 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-one-h25 .item .title {}

.service-icon-one-h25 .item .title h3 {

    margin-bottom: 23px;

    font-size: 23px;

    font-weight: 600;

    text-align: center;

}

.service-icon-one-h25 .item .title h3 a {

    /* color: #434343; */

    transition: all 700ms ease;

    color: #001064;

}

.service-icon-one-h25 .item .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-one-h25 .item .text {

    text-align: center;

}

.service-icon-one-h25 .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

}

.service-icon-one-h25 .item .btn-link {

      text-align: center;

    position: relative;

	margin-top:25px;

 

}

.service-icon-one-h25 .item .btn-link a {}

.service-icon-one-h25 .item .btn-link a span {

    font-size: 40px;

    color: #B2B2B2;


	transition: all 700ms ease;

}

.service-icon-one-h25 .item:hover .btn-link a span {

	color: #FF4555;

	transition: all 700ms ease;

}



/*** 



====================================================================

	call to action 25 

====================================================================



 ***/



.call-to-action-25 {

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

}

.call-to-action-25 .content {

    padding: 75px 0px 75px 0px;

}

.call-to-action-25 .content .image-box img {}

.call-to-action-25 .content .title {}

.call-to-action-25 .content .title h3 {

    font-size: 30px;

    color: #FFFFFF;

    line-height: 60px;

    font-weight: 600;

    margin-bottom: 20px;

}

.call-to-action-25 .content .lower-content {

    position: relative;

    padding: 15px 0px 15px 95px;

}

.call-to-action-25 .content .lower-content .icon {

    position: absolute;

    left: 0;

    top: 0;

}

.call-to-action-25 .content .lower-content .icon img {}

.call-to-action-25 .content .lower-content .call {}

.call-to-action-25 .content .lower-content .call h4 {

    font-size: 30px;

    color: #FFFFFF;

}

.call-to-action-25 .image-box-two {

    position: absolute;

    left: -100px;

    top: 0;

}

.call-to-action-25 .image-box-two img {

    max-width: none;

    float: left;

}



/*** 



====================================================================

	service icon two h25

====================================================================



 ***/



.service-icon-two-h25 {

    position: relative;

    padding: 100px 0px 70px 0px;

    background: #fff;

}

.center {

	text-align: center;

}

.service-icon-two-h25 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.service-icon-two-h25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

    color: #00C5FF;

}

.service-icon-two-h25 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

	text-transform:capitalize;

}

.service-icon-two-h25 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.service-icon-two-h25 .item {

    background: #fff;

    padding: 40px 50px 23px 150px;

    position: relative;

    margin-bottom: 30px;

	transition: all 700ms ease;

}

.service-icon-two-h25 .item:hover {

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

	transition: all 700ms ease;

}

.service-icon-two-h25 .item .icon {

    position: absolute;

    left: 20px;

    top: 50px;

}

.service-icon-two-h25 .item .icon span {}

.service-icon-two-h25 .item .icon span:before {

    font-size: 70px;

    /* color: #ff4555; */

    transition: all 700ms ease;

    color: #00C5FF;

}

.service-icon-two-h25 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-two-h25 .item .title h3 {

    margin-bottom: 15px;

    font-size: 23px;

    font-weight: 600;

}

.service-icon-two-h25 .item .title h3 a {

    color: #001064;

	transition: all 700ms ease;

}

.service-icon-two-h25 .item .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-two-h25 .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 28px;

    padding-right: 20px;

}

.service-icon-two-h25 .item .text p span {

    color: #ff4555;

    font-weight: 500;

    transition: all 700ms ease;

}

.service-icon-two-h25 .item:hover .text p span {

    color: #FF4555;

	transition: all 700ms ease;

}



/*** 



====================================================================

	appoentment 25

====================================================================



 ***/



.appoentment-25 {

	position: relative;

	padding: 100px 0px 0px 0px;

}

.appoentment-25 .image {

    position: relative;

    left: 0px;

}

.appoentment-25 .content {}

.appoentment-25 .content .image-box {

	position: relative;

}

.appoentment-25 .content .image-box img {

    max-width:100%

    float: right;

    margin-top: 40px;

}

.appoentment-25 .content .lower-content {

    /* margin-left: -260px; */

    position: absolute;

    left: 0;

    bottom: 80px;

    background: #FF4555;

    padding: 12px 30px;

    text-align: center;

    border-radius: 11px;

    /* width: 324px; */

}

.appoentment-25 .content .lower-content .title {}

.appoentment-25 .content .lower-content .title h3 {

    font-size: 18px;

    color: #fff;

    text-transform: capitalize;

}

.appoentment-25 .content .lower-content .designation h4 {

	font-size: 18px;

	color: #fff;

}

.appoentment-25 .contact-box {}

.appoentment-25 .contact-box .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.appoentment-25 .contact-box .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.appoentment-25 .contact-box .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 10px;

}

.appoentment-25 .contact-box .contact .form-group {}

.appoentment-25 .contact-box .contact .form-group select {

	    width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.appoentment-25 .contact-box .contact .form-group select option {

	

}

.appoentment-25 .contact-box .contact .form-group input {

    width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.appoentment-25 .contact-box .contact .form-group textarea {

    width: 100%;

    background: #fff;

    padding: 20px 0px 0px 15px;

    color: #989898;

    font-size: 16px;

    border-radius: 5px;

    height: 174px;

}

.appoentment-25 .contact-box .contact .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #989898;

	font-size: 16px;

}

.appoentment-25 .contact-box .contact .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #989898;

	font-size: 16px;

}

.appoentment-25 .contact-box button.theme-btn {

    position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #00C5FF;

    padding: 16px 50px;

    cursor: pointer;

    /* border: 1px solid #fff; */

    border-radius: 5px;

    font-weight: 600;

    z-index: 1;

    overflow: hidden;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    position: relative;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}

.appoentment-25 .contact-box button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.appoentment-25 .contact-box button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.appoentment-25 .contact-box button.theme-btn:hover {

	border-color: #FF4555;

	transition: all 700ms ease;

}

.appoentment-25 button.reset {

    position: relative;

    font-size: 16px;

    color: #989898;

    background: #FFFFFF;

    padding: 16px 45px 16px 25px;

    float: right;

    cursor: pointer;

    border-radius: 5px;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

}

.appoentment-25 button.reset:after {

    position: absolute;

    right: 15px;

    top: 15px;

    content: "\f021";

    font-size: 16px;

    font-family: "fontawesome";

    transition: all 1700ms ease;

    color: #ff4555;

}

.appoentment-25 button.reset:hover:after {

	transform: rotate(690deg);

	transition: all 1700ms ease;

	color: #fff;

}

.appoentment-25 button.reset:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.appoentment-25 button.reset:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.appoentment-25 button.reset:hover {

	color: #fff;

	transition: all 700ms ease;

}

.appoentment-25 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.appoentment-25 .bootstrap-select > .dropdown-toggle {

    border: none;

    outline: none !important;

    background: transparent;

    border-bottom: 1px solid transparent;

    font-weight: 300;

    color: #989898;

    padding: 0;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    height: 62px;

    line-height: 62px;

    padding: 0px 0px 0px 15px;

    background: #fff;

}



.appoentment-25 .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.appoentment-25 .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.appoentment-25 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.appoentment-25 .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.appoentment-25 .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.appoentment-25 .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.appoentment-25 .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.appoentment-25 .bootstrap-select .dropdown-menu > li.selected > a {

  background: #00C5FF;

  color: #fff;

}

.appoentment-25 .btn-light:not(:disabled):not(.disabled).active, .appoentment-25 .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #989898;

    background-color: #fff;

    border-color: #fff;

}



.appoentment-25 .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.appoentment-25 .bootstrap-select .dropdown-menu > li > a:hover {

  background: #00C5FF;

  color: #fff;

  cursor: pointer;

}





/*** 



====================================================================

	about-us-25

====================================================================



 ***/



.about-us-25 {

    position: relative;

    padding: 100px 0px 100px 0px;

    box-shadow: 0px 16px 30px 0px rgba(216, 216, 216, 0.31);

    margin-bottom: 0;

}

.about-us-25:before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	background: url(../images/ex-new-two/background/about-us-25-bg.jpg);

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

}

.about-us-25 .video-image {

    position: relative;

    display: inline-block;

    margin-bottom: 25px;

}

.about-us-25 .video-image .icon {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: table;

    vertical-align: middle;

    padding: 10px 0px;

    z-index: 1;

}

.about-us-25 .video-image .icon .icon-box {

	position: relative;

    display: table-cell;

    vertical-align: middle;

}

.about-us-25 .video-image .icon img {}

.about-us-25 .video-image img {

	

}

.about-us-25 .video-image .ripple,

.about-us-25 .video-image .ripple:before,

.about-us-25 .video-image .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.about-us-25 .video-image .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.about-us-25 .video-image .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}

.about-us-25 .image-box {

	position: relative;

}

.about-us-25 .image-box .image-two {

    position: absolute;

    top: 57px;

    left: 55px;

    right: 55px;

    bottom: 55px;

    margin: 0 auto;

}

.about-us-25 .image-box .image-two img {

    border-radius: 5px;

}

.about-us-25 .sec-title-five {

    margin-bottom: 45px;

	margin-top: -5px;

}

.about-us-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    /* color: #363636; */

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

    color: #00C5FF;

    margin-top: 15px;

}

.about-us-25 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

    margin-left: -5px;

    position: relative;

    left: 5px;

}

.about-us-25 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.about-us-25 .item {

    position: relative;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    background: #fff;

    padding: 35px 180px 35px 43px;

    margin-bottom: 20px;

    transition: all 700ms ease;

    /* box-shadow: 0px 7px 15px 0px rgba(0, 197, 255, 0.23); */

}

.about-us-25 .item:hover {

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

	transition: all 700ms ease;

}

.about-us-25 .item .title h3 {

    margin-bottom: 15px;

    font-size: 20px;

    font-weight: 600;

}

.about-us-25 .item .title h3 a {

    color: #001064;

	transition: all 700ms ease;

}

.about-us-25 .item .title h3 a:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.about-us-25 .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 28px;

    margin-bottom: 0;

    padding-right: 30px;

}

.about-us-25 .item .text p span {

	color: #00C5FF;

	transition: all 700ms ease;

}

.about-us-25 .item:hover .text p span {

	color: #FF4555;

	transition: all 700ms ease;

}

.about-us-25 .item .image-thumb {

    position: absolute;

    right: 30px;

    top: 42px;

}

.about-us-25 .item .image-thumb img {

    border-radius: 5px;

}

.about-us-25 .btn-box {

    margin-top: 39px;

}

.about-us-25 .btn-box a {

	position: relative;

	color: #FFFFFF;

	font-size: 16px;

	background: #00C5FF;

	padding: 15px 50px;

	cursor: pointer;

	/* border: 1px solid #00c5ff; */

	border-radius: 5px;

	display: inline-block;

	font-weight: 600;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}



.about-us-25 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    /* border: 1px solid #ff4555; */

}

.about-us-25 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



/*** 



====================================================================

	featured-25

====================================================================



 ***/



.featured-25 {

    position: relative;

    padding: 65px 0px 40px 0px;

}

.featured-25 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.featured-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.featured-25 .sec-title-five .sub-title h3 span {

    color: #00C5FF;

}

.featured-25 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.featured-25 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.featured-25 .item {

    position: relative;

    padding: 0px 0px 30px 55px;

}

.featured-25 .item:before {

    position: absolute;

    left: 23px;

    top: 10px;

    content: "";

    background: #F1F1F1;

    width: 1px;

    height: 100%;

}

.featured-25 .item .title h3 {

	position: relative;

	margin-bottom: 16px;

	font-size: 23px;

	font-weight: 600;

}

.featured-25 .item .title h3 a {

    /* color: #363636; */

    transition: all 700ms ease;

    color: #001064;

}

.featured-25 .item .title h3 a:hover {

    color: #00C5FF;

    transition: all 700ms ease;

}

.featured-25 .item .title h3:before {

    position: absolute;

    left: -50px;

    top: 0;

    content: "\f116";

    font-family: "Flaticon";

    font-size: 20px;

    background: #00C5FF;

    font-weight: 100;

    color: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50px;

    transition: all 700ms ease;

    box-shadow: 0px 15px 11px 0px rgba(0, 197, 255, 0.28);

}

.featured-25 .item:hover .title h3:before {

	background: #FF4555;

	transition: all 700ms ease;

}

.featured-25 .item .text p {

    color: #606060;

    font-size: 16px;

    line-height: 30px;

}

.featured-25 .culmn:nth-child(4) .item:before {

	opacity: 0;

}

.featured-25 .culmn:nth-child(5) .item:before {

	opacity: 0;

}

.featured-25 .culmn:nth-child(6) .item:before {

	opacity: 0;

}



/*** 



====================================================================

	featured-25

====================================================================



 ***/



.funfact-25 {

    position: relative;

    padding: 0px 0px 100px 0px;

}

.funfact-25 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.funfact-25 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.funfact-25 .item {

    position: relative;

    /* box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.36); */

    background: #fff;

    text-align: center;

    padding: 60px 0px 50px 0px;

    margin-left: -15px;

    margin-right: -15px;

    transition: all 700ms ease;

    background-color: #00c5ff;

}



.funfact-25 .col-sm-12:nth-child(2) .item,.funfact-25 .col-sm-12:nth-child(4) .item {

    position: relative;

    /* box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.36); */

    background: #fff;

    text-align: center;

    padding: 60px 0px 50px 0px;

    margin-left: -15px;

    margin-right: -15px;

    transition: all 700ms ease;

    background-color: #32d0ff;

}

.funfact-25 .item:hover {

    background: #0398c4;

    transition: all 700ms ease;

	box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.63);

}



.funfact-25 .col-sm-12:nth-child(2) .item:hover,.funfact-25 .col-sm-12:nth-child(4) .item:hover {

    background: #0398c4;

    transition: all 700ms ease;

	box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.63);

}



.funfact-25 .item .icon {

    margin-bottom: 46px;

}

.funfact-25 .item .icon span {}

.funfact-25 .item .icon span:before {

    font-size: 60px;

    color: #ffffff;

    transition: all 700ms ease;

}

.funfact-25 .item:hover .icon span:before {

    color: #fff;

	transition: all 700ms ease;

}

.funfact-25 .item .content {}

.funfact-25 .item .content .count-outer {

    font-size: 36px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 20px;

    transition: all 700ms ease;

}

.funfact-25 .item:hover .content .count-outer {

	color: #fff;

	transition: all 700ms ease;

}

.funfact-25 .item .content .count-outer .count-text {

    font-size: 40px;

    color: #ffffff;

    font-weight: 600;

    transition: all 700ms ease;

}

.funfact-25 .item:hover .content .count-outer .count-text {

	color: #fff;

	transition: all 700ms ease;

}

.funfact-25 .item .content h4 {

	font-size: 23px;

	/* color: #606060; */

	font-weight: 600;

	transition: all 700ms ease;

	color: #ffffff;

}

.funfact-25 .item:hover .content h4 {

	color: #fff;

	transition: all 700ms ease;

}

.funfact-25 .btn-box {

	text-align: center;

	margin-top: 50px;

}

.funfact-25 .btn-box a {

	position: relative;

	color: #FFFFFF;

	font-size: 16px;

	background: #00C5FF;

	padding: 15px 50px;

	cursor: pointer;

	/* border: 1px solid #fff; */

	border-radius: 5px;

	display: inline-block;

	font-weight: 600;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}



.funfact-25 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.funfact-25 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.funfact-25 .btn-box a span {

    font-size: 20px;

    margin-left: 20px;

    position: relative;

    top: 2px;

}





/*** 



====================================================================

	gallery-25

====================================================================



 ***/



.gallery-25 {

    position: relative;

    padding: 100px 0px 94px 0px;

    background-repeat: no-repeat;

}

.gallery-25 .sec-title-five {

    margin-bottom: 60px;

}

.gallery-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.gallery-25 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.gallery-25 .items-container .gallery-item {

    padding: 0 5px;

    margin-bottom: 15px;

}

.gallery-25 .gallery-item .inner-box {

    position: relative;

    margin-bottom: 30px;

}

.gallery-25 .gallery-item .image-box .overlay-box {

    position: absolute;

    top: 20px;

    left: 20px;

    right: 20px;

    bottom: 20px;

    background: rgba(0, 16, 100, 0.8);

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

}

.gallery-25 .gallery-item .image-box:hover .overlay-box{

    opacity: 1; 

    transform:scale(1.0) rotate(0deg);	

    transition: all 700ms ease 200ms;

	

}

.gallery-25 .gallery-item .image-box .overlay-box .box{}

.gallery-25 .gallery-item .image-box .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.gallery-25 .gallery-item .image-box .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}

.gallery-25 .gallery-item .image-box:hover .overlay-box:before{

	width: 100%;

	left: 0;

	opacity: 0.75;

}

.gallery-25 .gallery-item .image-box a {

    display: table;

    width: 100%;

    height: 100%;

}

.gallery-25 .gallery-item .image-box span {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    color: #fff;

    font-size: 30px;

	transition: all 700ms ease;

}

.gallery-25 .btn-box {

    text-align: center;

    margin-top: 15px;

}

.gallery-25 .btn-box a {

	position: relative;

	color: #FFFFFF;

	font-size: 16px;

	background: #00C5FF;

	padding: 15px 50px;

	cursor: pointer;

	/* border: 1px solid #fff; */

	border-radius: 5px;

	display: inline-block;

	font-weight: 600;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}



.gallery-25 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.gallery-25 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



/*** 



====================================================================

	team-25

====================================================================



 ***/



.team-25 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background: #f5f8fa;

}

.team-25 .sec-title-five {

    margin-bottom: 60px;

}

.team-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

    color: #00C5FF;

}

.team-25 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.team-25 .item {

    margin-bottom: 40px;

    background: #fff;

    border-radius: 10px;

}

.team-25 .item .image-box {

	overflow: hidden;

	border-radius: 10px 10px 0px 0px;

}

.team-25 .item .image-box img {

	transform: scale(1.0);

	transition: all 700ms ease;

	/* border-radius: 15px; */

}

.team-25 .item:hover .image-box img {

	transform: scale(1.2);

	transition: all 700ms ease;

}

.team-25 .item .list {

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    box-shadow: 0px 1px 0px 0px rgba(227, 227, 227, 0.75);

    border-radius: 10px;

}

.team-25 .item .list .title {

	position: relative;

	background: #00C5FF;

	padding: 15px 20px 15px 45px;

	margin-bottom: 20px;

	transition: all 700ms ease;

	z-index: 1;

	overflow: hidden;

	/* text-align: center; */

}



/*.team-25 .item .list .title:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.team-25 .item:hover .list .title:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}*/

.team-25 .item .list .title h3 {

    font-size: 20px;

    font-weight: 600;

}

.team-25 .item .list .title h3 a {

	color: #fff;

	transition: all 700ms ease;

}



.team-25 .item .list .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.team-25 .item .list ul {}

.team-25 .item .list ul li {

    color: #2a2a2a;

    font-size: 16px;

    font-weight: 500;

    border-bottom: 1px solid #F1F1F1;

    padding: 15px 20px 15px 45px;

    transition: all 700ms ease;

}

.team-25 .item .list ul li:hover {

	color: #001064;

	transition: all 700ms ease;

}

.team-25 .item .list ul li span {

    margin-right: 10px;

    position: relative;

    top: 2px;

    color: #ff4555;

}

.team-25 .item .btn-box {

    text-align: center;

    margin: 40px 30px 20px 30px;

    padding-bottom: 45px;

}

.team-25 .item .btn-box a {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #00C5FF;

    padding: 15px 20px;

    cursor: pointer;

    border: 1px solid #fff;

    display: inline-block;

	width: 100%;

	font-weight: 600;

	z-index: 1;

	overflow: hidden;

}



.team-25 .item .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.team-25 .item:hover .btn-box a:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.team-25 .item .btn-box a span {

    position: relative;

    top: 2px;

    font-size: 20px;

    font-weight: 600;

    margin-left: 10px;

}



.team-25 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.team-25 .owl-nav .owl-prev {

	position: relative;

	width: 64px;

	height: 40px;

	border: 2px solid #44d1fa;

	background: transparent;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #ffffff;

	display: inline-block;

	margin-right: 15px;

	transition: all 700ms ease;

	background: #44d1fa;

	z-index: 1;

	box-shadow: 0px 15px 30px 0px rgba(6, 158, 203, 0.43);

	border-radius: 4px;

}

.team-25 .owl-nav .owl-next {

	position: relative;

	width: 64px;

	height: 40px;

	border: 2px solid #44d1fa;

	background: transparent;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #ffffff;

	display: inline-block;

	transition: all 700ms ease;

	background: #44d1fa;

	z-index: 1;

	box-shadow: 0px 15px 30px 0px rgba(6, 158, 203, 0.43);

	border-radius: 4px;

}

.team-25 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.team-25 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.team-25 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.team-25 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.team-25 .owl-nav .owl-prev:hover, .team-25 .owl-nav .owl-next:hover {

    border: 2px solid #00C5FF;

	color: #fff;

	transition: all 700ms ease;

}



.team-25 .owl-nav .owl-prev span {

	font-weight: 600;

}

.team-25 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	blog-25

====================================================================



 ***/



.blog-25 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

}

.blog-25 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.blog-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

    font-family: 'Exo', sans-serif;

}

.blog-25 .sec-title-five .sub-title h3 span {

    color: #fff;

}

.blog-25 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.blog-25 .sec-title-five .text p {

    font-size: 18px;

    color: #fff;

    line-height: 30px;

}

.blog-25 .inner-box {

    position: relative;

}

.blog-25 .inner-box .image {

    position: absolute;

    left: 0;

    top: 0;

}

.blog-25 .lower-content {

    position: relative;

    background: #fff;

    margin-top: -8px;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    padding: 25px 15px 25px 25px;

    border-bottom: 1px solid #d9d9d9;

    border-radius: 0px 0px 10px 10px;

}

.blog-25 .inner-box .lower-content h4 {

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 22px;

}

.blog-25 .inner-box .lower-content h4 a {

    font-size: 23px;

    /* color: #11001E; */

    font-weight: 600;

    transition: all 700ms ease;

    line-height: 36px;

    color: #001064;

}

.blog-25 .inner-box .lower-content h4 a:hover {

	color: #00C5FF;

	transition: all 700ms ease;

}

.blog-25 .inner-box .lower-content ul li {

	position: relative;

	font-size: 16px;

	display: inline-block;

	color: #ff4555;

	margin-left: -5px;

	font-family: 'Exo', sans-serif;

}

.blog-25 .inner-box .lower-content ul li:last-child:before {

	display: none;

}

.blog-25 .inner-box .lower-content ul li strong {

    font-weight: 500;

    margin-right: 17px;

    margin-left: 6px;

    color: #2E3970;

}

.blog-25 .inner-box .lower-content .text p {

    font-size: 14px;

    color: #777777;

    line-height: 30px;

    padding-right: 0;

    margin-top: 13px;

    position: relative;

    margin-bottom: 34px;

}

.blog-25 .inner-box .image {

    position: relative;

    overflow: hidden;

    display: inline-block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.blog-25 .inner-box .image img {

    max-width: 100%;

    /* transform: scale(1.01); */

    transition: all 700ms ease;

}

.blog-25 .inner-box .image a .overlay-style-two {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	text-align: center;

}



.blog-25 .inner-box .image a .overlay-style-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: rgba(0, 16, 100, 0.8);

	content: "";

	opacity: .80;

 	-webkit-transform-origin: bottom center;

    -moz-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    -o-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.blog-25 .inner-box:hover .image a .overlay-style-two:before {

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

    opacity: .70;

}

.blog-25 .inner-box .btn-box {}

.blog-25 .inner-box .btn-box a {

    font-size: 16px;

    color: #fff;

    background: #FF9600;

    font-weight: 700;

    padding: 15px 36px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

    transition: all 700ms ease;

}



.blog-25 .inner-box .btn-box a {

    color: #fff;

    font-size: 16px;

    background-image: -webkit-linear-gradient(315deg, #0B162F 50%, transparent 50%);

    background-image: -o-linear-gradient(315deg, #0B162F 50%, transparent 50%);

    background-image: linear-gradient(135deg, #0B162F 50%, transparent 50%);

    background-size: 0px 50px;

    background-position: -50px -50px;

    background-repeat: no-repeat;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.blog-25 .inner-box .btn-box a:hover {

    background-size: 300% 300%;

    background-position: 0% 0%;

    color: #fff;

}

.blog-25 ul.post-meta {

    margin-left: 8px;

}



/*** 



====================================================================

	testimonials-25

====================================================================



 ***/



.testimonials-25 {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.testimonials-25 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.testimonials-25 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.testimonials-25 .sec-title-five .sub-title h3 span {

    color: #fff;

}

.testimonials-25 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.testimonials-25 .sec-title-five .text p {

    font-size: 18px;

    color: #fff;

    line-height: 30px;

}

.testimonials-25 .item {

    position: relative;

    background: #141551;

    text-align: center;

    padding: 65px 20px 30px 20px;

    margin: 50px 0px 50px 0px;

}

.testimonials-25 .item .image-box {

    position: absolute;

    left: 0;

    right: 0;

    top: -45px;

    margin: 0 auto;

}

.testimonials-25 .item .image-box img {

    width: 102px;

    height: 102px;

    margin: 0 auto;

}

.testimonials-25 .item .lower-content {}

.testimonials-25 .item .lower-content .title h3 {

    margin-bottom: 14px;

}

.testimonials-25 .item .lower-content .title h3 a {

    color: #FFFFFF;

    font-size: 20px;

    font-weight: 600;

    transition: all 700ms ease;

}

.testimonials-25 .item .lower-content .title h3 a:hover {

    color: #00C5FF;

	transition: all 700ms ease;

}

.testimonials-25 .item .lower-content .text p {

    color: #FFFFFF;

    font-size: 16px;

    line-height: 24px;

}

.testimonials-25 .item .lower-content .rating {}

.testimonials-25 .item .lower-content .rating li {

    color: #FED533;

    margin: 0px 3px;

    font-size: 16px;

}



.testimonials-25 .owl-nav {

    position: relative;

    top: 0;

    right: 0;

    display: block !important;

    text-align: center;

}

.testimonials-25 .owl-nav .owl-prev {

    position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #2B2D8D;

    text-align: center;

    line-height: 36px;

    font-size: 24px;

    color: #9B9B9B;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

    font-weight: 600;

}

.testimonials-25 .owl-nav .owl-next {

	position: relative;

	width: 64px;

    height: 40px;

	border: 2px solid #2B2D8D;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #9B9B9B;

	display: inline-block;

	transition: all 700ms ease;

}

.testimonials-25 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-25 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.testimonials-25 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-25 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.testimonials-25 .owl-nav .owl-prev:hover, .testimonials-25 .owl-nav .owl-next:hover {

    border: 2px solid #00C5FF;

	color: #fff;

	transition: all 700ms ease;

}



/*** 



====================================================================

	testimonials-25

====================================================================



 ***/



.opening-hours-25 {

    position: relative;

    padding: 100px 0px 100px 0px;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

}

.opening-hours-25 .block-one {}

.opening-hours-25 .block-one .title {

    background: #00C5FF;

    padding: 10px 0px 10px 0px;

    margin-bottom: 60px;

    padding-left: 50px;

}

.opening-hours-25 .block-one .title h3 {

    font-size: 24px;

    color: #FFFFFF;

	font-weight: 600;

}

.opening-hours-25 .block-one .list {

    position: relative;

    margin-left: 50px;

}

.opening-hours-25 .block-one .list ul {}

.opening-hours-25 .block-one .list ul li {

    color: #606060;

    font-size: 18px;

    padding: 10px 0px 5px 0px;

    border-bottom: 2px solid #F1F1F1;

    margin-top: 10px;

}

.opening-hours-25 .culmn {

    padding: 0px 0px;

}

.opening-hours-25 .block-one.two {

    text-align: center;

}

.opening-hours-25 .block-one.two .title {

    padding-left: 0;

}

.opening-hours-25 .block-one.two .list {

    margin-left: 0;

}

.opening-hours-25 .block-one.three .list {

    margin-left: 0;

	margin-right: 50px;

}

.opening-hours-25 .block-one.three .list ul li {

    text-align: right;

}

.opening-hours-25 .block-one.three .title h3 {

    text-align: right;

}

.opening-hours-25 .block-one.three .title {

    padding-left: 0;

    padding-right: 50px;

}

.image-left {

    position: absolute;

    left: 0;

    bottom: 0;

}

.image-right {

    position: absolute;

    right: 0;

    bottom: 0;

}



/*** 



====================================================================

	clients-25

====================================================================



 ***/



.clients-25 {

    position: relative;

    padding: 100px 0px 100px;

    background: #00c5ff08;

}

.clients-25 ul {}

.clients-25 ul li {

    /* box-shadow: 0px 7px 15px 0px rgba(0, 197, 255, 0.23); */

}

.clients-25 ul li a {}



/*** 



====================================================================

	clients-25

====================================================================



 ***/



.call-to-action-25-two {

    position: relative;

    padding: 0px 0px 100px 0px;

}

.call-to-action-25-two .image-box {

	position: relative;

	overflow: hidden;

	box-shadow: 0px 7px 12px 0px rgba(0, 197, 255, 0.23);

}

.call-to-action-25-two .image-boxx:before {

    position: absolute;

    left: -400px;

    top: 0;

    height: 100%;

    width: 0;

    background: rgba(0, 16, 100, 0.7);

    content: "";

    opacity: 0;

	transition: all 700ms ease;

}

.call-to-action-25-two:hover .image-box:before {

	left: 0px;

	opacity: 1;

	width: 100%;

	transition: all 700ms ease;

}

.call-to-action-25-two .image-box img {}

.call-to-action-25-two .content-box {

    position: relative;

    padding: 90px 0px 94px;

    text-align: center;

    /* padding-right: 100px; */

    /* box-shadow: 0px 7px 15px 0px rgba(0, 197, 255, 0.23); */

    box-shadow: 0px 7px 12px 0px rgba(0, 197, 255, 0.23);

}

.call-to-action-25-two .content-box .icon-box {}

.call-to-action-25-two .content-box .icon-box .icon-box {}

.call-to-action-25-two .content-box .icon-box .icon-box span {}

.call-to-action-25-two .content-box .title h4 {

    font-size: 30px;

    color: #FFFFFF;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 22px;

}

.call-to-action-25-two .content-box .call h3 {

    font-size: 48px;

    color: #FFFFFF;

    font-weight: 600;

}

.call-to-action-25-two .culmn-one {

    padding-right: 0;

}

.call-to-action-25-two .culmn-two {

    padding-left: 0;

    /* box-shadow: 0px 7px 15px 0px rgba(0, 197, 255, 0.23); */

    /* width: 100%; */

    /* float: right; */

}



/*** 



====================================================================

	fotter-25

====================================================================



 ***/



.fotter-25 {

    position: relative;

    padding: 100px 0px 60px 0px;

}

.fotter-25 .about-widget {}

.fotter-25 .about-widget .footer-logo {}

.fotter-25 .about-widget .footer-logo img {}

.fotter-25 .about-widget .lower-content {}

.fotter-25 .about-widget .lower-content .text {

    margin-top: 45px;

}

.fotter-25 .about-widget .lower-content .text p {

    font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

    margin-bottom: 0;

}

.fotter-25 .about-widget .lower-content .list {}

.fotter-25 .about-widget .lower-content .list ul {}

.fotter-25 .about-widget .lower-content .list ul li {

	font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

}



.fotter-25 .links-widget {

    margin-top: -8px;

}

.fotter-25 .links-widget h2 {

    font-size: 24px;

    color: #FFFFFF;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-25 .links-widget .footer-list {}

.fotter-25 .links-widget .footer-list {}

.fotter-25 .links-widget .footer-list li {}

.fotter-25 .links-widget .footer-list li a {

	font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

	transition: all 700ms ease;

}

.fotter-25 .links-widget .footer-list li a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}



.fotter-25 .about-widget-two {

    margin-top: -5px;

}

.fotter-25 .about-widget-two h2 {

	font-size: 24px;

    color: #FFFFFF;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-25 .about-widget-two .text p {

    font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

}





/*** 



====================================================================

	fotter-bottom-25

====================================================================



 ***/



.fotter-bottom-25 {

    position: relative;

    background: #252424;

    padding: 20px 0px 20px 0px;

}

.fotter-bottom-25 .social-links {

    margin: 15px 0px;

}

.fotter-bottom-25 .social-links li {

    display: inline-block;

}

.fotter-bottom-25 .social-links li:nth-child(1) {}

.fotter-bottom-25 .social-links li:nth-child(2) {}

.fotter-bottom-25 .social-links li:nth-child(3) {}

.fotter-bottom-25 .social-links li:nth-child(4) {}

.fotter-bottom-25 .social-links li a span {

    color: #1DA1F2;

    font-size: 18px;

    margin: 0px 8px;

	transition: all 700ms ease;

}

.fotter-bottom-25 .social-links li a span:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.fotter-bottom-25 .subscribe-form {

    margin-top: 3px;

    margin-right: -65px;

}

.fotter-bottom-25 .subscribe-form .form-group {

    margin-bottom: 0;

    position: relative;

}

.fotter-bottom-25 .subscribe-form .form-group input {

    width: 100%;

    height: 50px;

    background: #000000;

    border-radius: 30px;

    padding: 0px 30px;

}

.fotter-bottom-25 .subscribe-form .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #858585;

	font-size: 18px;

}

.fotter-bottom-25 .subscribe-form .form-group button {

    background: #2F2F2F;

    color: #858585;

    font-size: 18px;

    padding: 14px 25px;

    position: absolute;

    right: -3px;

    top: 0;

    cursor: pointer;

    border-radius: 30px;

}

.fotter-bottom-25 .footer-text p {

    font-size: 16px;

    color: #C7C7C7;

    margin-top: 10px;

    text-align: right;

}



/*** 



====================================================================

	banner-section-style-h26

====================================================================



 ***/



.banner-section.style-h26 {

    position: relative;

    text-align: center;

}

.banner-section.style-h26 .slide-item {

    position: relative;

    padding: 235px 0px 250px 0px;

}

.banner-section.style-h26 .slide-item .content-box .inner {}

.banner-section.style-h26 .slide-item .content-box .inner .title h3 {

    font-size: 72px;

    line-height: 90px;

    color: #FFFFFF;

    font-weight: 600;

    margin-bottom: 30px;

}

.banner-section.style-h26 .slide-item .content-box .inner .list {}

.banner-section.style-h26 .slide-item .content-box .inner .list ul li {

    font-size: 26px;

    color: #fff;

    display: inline-block;

    margin: 0px 5px;

}

.banner-section.style-h26 .slide-item .content-box .inner .list ul li span {

    color: #FF4555;

    font-weight: 600;

    position: relative;

    top: 2px;

}

.banner-section.style-h26 .slide-item .link-box {

    position: relative;

    margin-top: 40px;

}

.banner-section.style-h26 .slide-item .link-box a {

    position: relative;

    color: #FFFFFF;

    font-size: 16px;

    padding: 15px 50px;

    cursor: pointer;

    display: inline-block;

    font-weight: 600;

    background: #FF4555;

	z-index: 1;

	overflow: hidden;

}



.banner-section.style-h26 .slide-item .link-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h26 .slide-item .link-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.banner-section.style-h26 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h26 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h26 .banner-carousel .owl-prev, 

.banner-section.style-h26 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h26 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h26 .banner-carousel .owl-prev:hover, 

.banner-section.style-h26 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}



/*** 



====================================================================

	information-26

====================================================================



 ***/



.information-26 {

    position: relative;

    padding: 100px 0px 200px 0px;

    background: #fff5f5;

}

.information-26 .item {

    background: #FF4555;

    text-align: center;

    padding: 20px 15px 20px 15px;

    transition: all 700ms ease;

    border-radius: 10px;

    box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.34);

}

.information-26 .item .icon {}

.information-26 .item .icon span {

    font-size: 35px;

    color: #fff;

    transition: all 700ms ease;

    margin-bottom: 15px;

    margin-top: 10px;

}

.information-26 .item .list ul {}

.information-26 .item .list ul li {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 30px;

    font-weight: 500;

    transition: all 700ms ease;

}



.information-26 .item:hover {

	background: #fff;

	transition: all 700ms ease;

}

.information-26 .item:hover .icon span{

	color: #FF4555;

	transition: all 700ms ease;

}

.information-26 .item:hover .list ul li {

	color: #FF4555;

	transition: all 700ms ease;

}



/*** 



====================================================================

	service-icon-26

====================================================================



 ***/



.service-icon-26 {

    position: relative;

    padding: 0px 0px 100px 0px;

    margin-top: -100px;

}

.service-icon-26 .sec-title-five {

    position: relative;

    margin-bottom: 50px;

    padding-bottom: 25px;

    margin-top: -5px;

    border-bottom: 1px solid #ECECEC;

}

.service-icon-26 .sec-title-five .sub-title {

	position: relative;

}

.service-icon-26 .sec-title-five .sub-title:before {

    position: absolute;

    left: 2px;

    top: 3px;

    content: "";

    background: url(../images/ex-new-two/icon/section-title-shape.png);

    width: 20px;

    height: 20px;

    background-repeat: no-repeat;

}

.service-icon-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #ff4555;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

    margin-left: 40px;

}

.service-icon-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

    position: relative;

}

.service-icon-26 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.service-icon-26 .sec-title-five .btn-box {

    position: absolute;

    right: 0;

    top: 0;

}

.service-icon-26 .sec-title-five .btn-box a {

	position: relative;

	color: #FFFFFF;

	font-size: 16px;

	padding: 15px 50px;

	cursor: pointer;

	display: inline-block;

	font-weight: 600;

	background: #FF4555;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.23);

	border-radius: 5px;

}



.service-icon-26 .sec-title-five .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.service-icon-26 .sec-title-five .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.service-icon-26 .full-content {

    position: relative;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    padding: 50px 50px 50px 50px;

    background: #fff;

}

.service-icon-26 .full-content .item {

    margin-top: 40px;

}

.service-icon-26 .item .icon span {}

.service-icon-26 .item .icon span:before {

    font-size: 90px;

    color: #00C5FF;

	transition: all 700ms ease;

}

.service-icon-26 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-26 .full-content .item .icon img {}

.service-icon-26 .full-content .item .title h3 {

    font-size: 23px;

    margin-top: 34px;

    margin-bottom: 24px;

}

.service-icon-26 .full-content .item .title h3 a {

    color: #161658;

    font-weight: 600;

	transition: all 700ms ease;

}

.service-icon-26 .full-content .item .title h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-26 .full-content .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

    padding-right: 55px;

}

.service-icon-26 .full-content .item .link-btn a {}

.service-icon-26 .full-content .item .link-btn a span {

    color: #ffffff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #ff4555;

    border-radius: 50px;

    text-align: center;

    font-size: 18px;

    transition: all 700ms ease;

    box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.33);

    background: #ff4555;

}



.service-icon-26 .full-content .item:hover .link-btn a span {

    color: #000000;

    border: 1px solid #FF4555;

    transition: all 700ms ease;

}





/*** 



====================================================================

	service-icon-26

====================================================================



 ***/



.services-depertment-26 {

    position: relative;

    padding: 100px 0px 0px 0px;

}

.services-depertment-26 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.services-depertment-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.services-depertment-26 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.services-depertment-26 .item {

    position: relative;

    padding: 0px 0px 100px 150px;

    margin-bottom: 50px;

}

.services-depertment-26 .item:before {

    position: absolute;

    left: 70px;

    bottom: -20px;

    content: "";

    background: url(../images/ex-new-two/icon/services-depertment-26-icon-shape.png);

    width: 100%;

    height: 120px;

    background-repeat: no-repeat;

}

.services-depertment-26 .item .icon {

    position: absolute;

    left: 0;

    top: 14px;

}

.services-depertment-26 .item .icon span {

	font-size: 60px;

	color: #fff;

	width: 113px;

    height: 113px;

    line-height: 113px;

    background: #3232A9;

    display: inline-block;

    text-align: center;

    border-radius: 70px;

	transition: all 700ms ease;

}

.services-depertment-26 .item .icon span:before {

	font-size: 60px;

	color: #fff;

	transition: all 700ms ease;

}

.services-depertment-26 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}



.services-depertment-26 .item .icon img {}

.services-depertment-26 .item .title h3 {

    margin-bottom: 15px;

    font-weight: 600;

}

.services-depertment-26 .item .title h3 a {

    font-size: 23px;

    color: #fff;

    transition: all 700ms ease;

}

.services-depertment-26 .item .title h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.services-depertment-26 .item .text p {

    color: #E1E1E1;

    font-size: 16px;

    line-height: 28px;

}



.services-depertment-26 .culmn:nth-child(5) .item:before {

    display: none;

}

.services-depertment-26 .culmn:nth-child(6) .item:before {

    display: none;

}

.services-depertment-26 .culmn:nth-child(5) .item{

    margin-bottom: 0;

}

.services-depertment-26 .culmn:nth-child(6) .item {

    margin-bottom: 0;

} 

.services-depertment-26 .culmn:nth-child(2) .item .icon span:before {

    left: 8px;

    position: relative;

}



/*** 



====================================================================

	about-us-26

====================================================================



 ***/



.about-us-26 {

    position: relative;

    padding: 100px 0px 133px 0px;

    z-index: 1;

}

.about-us-26 .image-content .image-one {

    position: relative;

    left: -155px;

}

.about-us-26 .image-content .image-one img {

    float: right;

    max-width: none;

}

.about-us-26 .image-content .image-two {

    position: absolute;

    left: -290px;

    top: 80px;

    z-index: -1;

}

.about-us-26 .image-content .image-two img {

    float: right;

    max-width: none;

}

.about-us-25 .sec-title-five {

    margin-bottom: 45px;

	margin-top: -5px;

}

.about-us-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.about-us-26 .sec-title-five .sub-title h3 span {

    color: #FF4555;

}

.about-us-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-left: -60px;

    position: relative;

    left: 60px;

    margin-bottom: 38px;

}

.about-us-26 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}



.about-us-26 .accordion-box-h26 {

	position: relative;

}



.about-us-26 .accordion-box-h26 .block {

    position: relative;

    margin-bottom: 20px;

}



.about-us-26 .accordion-box-h26 .block:before {

    position: absolute;

    right: 0;

    top: 5px;

    content: "";

    background: url(../images/ex-new-two/icon/accordion-box-h26-icon.png);

    width: 75px;

    height: 100%;

    background-repeat: no-repeat;

    z-index: 1;

}



.about-us-26 .accordion-box-h26 .block:last-child{

	margin-bottom: 0;

}



.about-us-26 .accordion-box-h26 .block .acc-btn {

    position: relative;

    font-size: 20px;

    line-height: 25px;

    color: #242424;

    font-weight: 600;

    cursor: pointer;

    padding: 16px 80px;

    background-color: #EFEFEF;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border-radius: 50px;

}



.about-us-26 .accordion-box-h26 .block .icon {

    position: absolute;

    left: 6px;

    top: 6px;

    font-size: 16px;

    font-weight: 700;

    color: #C1C1C1;

    width: 45px;

    height: 45px;

    line-height: 45px;

    background: #FFFFFF;

    border-radius: 30px;

    text-align: center;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.about-us-26 .accordion-box-h26 .block .acc-btn.active .icon {

    color: #FF4555;

}

.about-us-26 .accordion-box-h26 .block .acc-btn.active .icon:before {

    content: "\f138";

    font-size: 16px;

    font-weight: 600;

}

.about-us-26 .accordion-box-h26 .block .acc-btn .icon:before{

	font-size: 12px;

	font-weight: 600;

}



.about-us-26 .accordion-box-h26 .block .acc-btn.active {

    position: relative;

    /* background-color: #FF4555; */

    /* color: #fff; */

    /* border: #FF4555; */

}



.about-us-26 .accordion-box-h26 .block .acc-content{

	position:relative;

	display:none;

}



.about-us-26 .accordion-box-h26 .block .content {

    position: relative;

    padding: 15px 30px 5px;

}



.about-us-26 .accordion-box-h26 .block .acc-content.current{ 

	display: block;

}



.about-us-26 .accordion-box-h26 .block .content .text {

    display: block;

    font-size: 16px;

    line-height: 28px;

    color: #606060;

}

.about-us-26 .accordion-box-h26 .block .content .text span {

    color: #FF4555;

}

.about-us-26 .btn-box {

    margin-top: 60px;

}

.about-us-26 .btn-box a {

	position: relative;

	font-size: 16px;

	color: #fff;

	background: #FF4555;

	display: inline-block;

	padding: 15px 40px 15px 40px;

	border-radius: 5px;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.23);

}



.about-us-26 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.about-us-26 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

/*** 



====================================================================

	appoentment-26

====================================================================



 ***/



.appoentment-26 {

    position: relative;

    padding: 100px 0px 80px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.appoentment-26 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.appoentment-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.appoentment-26 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}



.appoentment-26 .contact .form-group {

    margin-bottom: 25px;

}

.appoentment-26 .contact .form-group select {

	width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.appoentment-26 .contact .form-group select option {

	

}

.appoentment-26 .contact .form-group input {

    width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.appoentment-26 .contact .form-group textarea {

    width: 100%;

    background: transparent;

	border: 1px solid #fff;

    padding: 20px 0px 0px 15px;

    color: #989898;

    font-size: 16px;

    border-radius: 5px;

    height: 174px;

}

.appoentment-26 .contact .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #EEEEEE;

	font-size: 16px;

}

.appoentment-26 .contact .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #EEEEEE;

	font-size: 16px;

}

.appoentment-26 .contact .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #EEEEEE;

	font-size: 16px;

}

.appoentment-26 .contact button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    padding: 16px 50px;

    cursor: pointer;

    border-radius: 5px;

    font-weight: 600;

	z-index: 1;

	overflow: hidden;

}

.appoentment-26 .contact button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.appoentment-26 .contact button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.appoentment-26 .contact button.reset {

    position: relative;

    font-size: 16px;

    color: #EEEEEE;

    background: transparent;

    padding: 15px 55px 15px 30px;

    cursor: pointer;

    border-radius: 5px;

    border: 1px solid #EEEEEE;

	z-index: 1;

	overflow: hidden;

	transition: all 1700ms ease;

}

.appoentment-26 .contact button.reset:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.appoentment-26 .contact button.reset:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.appoentment-26 .contact button.reset:hover {

    color: #fff;

    border: 1px solid #00C5FF;

	transition: all 700ms ease;

}

.appoentment-26 .contact button.reset:before {

    position: absolute;

    right: 15px;

    top: 15px;

    content: "\f021";

    font-size: 16px;

    font-family: "fontawesome";

	transition: all 1700ms ease;

}

.appoentment-26 .contact button.reset:hover:before {


	transform: rotate(690deg);

	transition: all 1700ms ease;

}

.appoentment-26 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.appoentment-26 .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    border: 1px solid #fff;

    font-weight: 300;

    color: #fff;

    box-shadow: none !important;

    height: 62px;

    line-height: 62px;

    padding: 0px 0px 0px 15px;

    background: transparent;

}



.appoentment-26 .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.appoentment-26 .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #EEEEEE;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.appoentment-26 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.appoentment-26 .contact .form-group input {

    width: 100%;

    height: 62px;

    background: transparent;

    border: 1px solid #fff;

    padding: 0px 0px 0px 15px;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

}

.appoentment-26 .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.appoentment-26 .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.appoentment-26 .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.appoentment-26 .bootstrap-select .dropdown-menu > li.selected > a {

    background: #FF4555;

    color: #fff;

}

.appoentment-26 .btn-light:not(:disabled):not(.disabled).active, .appoentment-26 .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #686868;

    background-color: #fff;

    border-color: #fff;

}

.appoentment-26 .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.appoentment-26 .bootstrap-select .dropdown-menu > li > a:hover {

  background: #FF4555;

  color: #fff;

  cursor: pointer;

}

.bootstrap-select .dropdown-menu {

    padding: 0;

}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #fff;

    background-color: transparent;

    border-color: #fff;

    box-shadow: unset !important;

    outline: unset !important;

}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

    outline: unset !important;

	box-shadow: unset !important;

}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

    outline: none !important;

    box-shadow: unset !important;

    outline-offset: unset !important;

}

button:focus {

    outline: unset !important;

    box-shadow: unset !important;

}

.appoentment-26 .contact .form-group {

    text-align: center;

}

.appoentment-26 button.theme-btn {

    margin: 0px 10px;

}



/*** 



====================================================================

	featured-26

====================================================================



 ***/



.funfact-26 {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.funfact-26 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.funfact-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.funfact-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.funfact-26 .item {

    position: relative;

    background: #fff;

    text-align: center;

    padding: 35px 0px 50px 0px;

    margin-left: -8px;

    margin-right: -8px;

    transition: all 700ms ease;

}

.funfact-26 .item:hover {

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

	transition: all 700ms ease;

}

.funfact-26 .item .icon {

    width: 95px;

    height: 95px;

    line-height: 95px;

    background: #FF4555;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 35px;

    font-size: 45px;

    color: #fff;

    transition: all 700ms ease;

}

.funfact-26 .item .icon span:before {

    font-size: 45px;

    color: #fff;

    transition: all 700ms ease;

}

.funfact-26 .item .content {}

.funfact-26 .item .content .count-outer {

    font-size: 36px;

    color: #262626;

    font-weight: 600;

    margin-bottom: 20px;

    transition: all 700ms ease;

}

.funfact-26 .item .content .count-outer .count-text {

    font-size: 36px;

    color: #262626;

    font-weight: 600;

    transition: all 700ms ease;

}

.funfact-26 .item .content h4 {

	font-size: 23px;

	color: #00C5FF;

	font-weight: 500;

	transition: all 700ms ease;

}

.funfact-26 .btn-box {

	text-align: center;

	margin-top: 50px;

}

.funfact-26 .btn-box a {

	position: relative;

	color: #FFFFFF;

	font-size: 16px;

	background: #FF4555;

	padding: 15px 50px;

	cursor: pointer;

	/* border: 1px solid #fff; */

	border-radius: 5px;

	display: inline-block;

	font-weight: 600;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.23);

}



.funfact-26 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.funfact-26 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.funfact-26 .btn-box a span {

    font-size: 20px;

    margin-left: 20px;

    position: relative;

    top: 2px;

}

.funfact-26 .culmn:nth-child(1) .item .icon span:before {

    left: 6px;

    position: relative;

}



/*** 



====================================================================

	featured-26

====================================================================



 ***/



.gallery-26 {

    position: relative;

    padding: 100px 0px 70px 0px;

    background-repeat: no-repeat;

    background-size: cover;

    /* margin-bottom: -40px; */

}

.gallery-26:before {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    background: url(../images/ex-new-two/background/gallery-26-bg.jpg);

    width: 100%;

    height: 520px;

    background-repeat: no-repeat;

}

.gallery-26 .sec-title-five {

    margin-bottom: 115px;

    margin-top: -5px;

}

.gallery-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.gallery-26 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.gallery-26 .item {}

.gallery-26 .item .image-box {}

.gallery-26 .item .image-box img {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.gallery-26 .item .lower-content {

    background: #fff;

    padding: 25px 15px 15px 15px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.gallery-26 .item .lower-content .title h3 {

    color: #363636;

    font-size: 23px;

    font-weight: 600;

    margin-bottom: 20px;

}

.gallery-26 .item .lower-content .text p {

    font-size: 16px;

    color: #363636;

    line-height: 30px;

    font-weight: 500;

}

.gallery-26 .item .lower-content .like {

    display: inline-block;

}

.gallery-26 .item .lower-content .like p {

    font-size: 16px;

    color: #00C5FF;

}

.gallery-26 .item .lower-content .patients {

    display: inline-block;

    float: right;

}

.gallery-26 .item .lower-content .patients p {

	font-size: 16px;

	color: #00C5FF;

}

.gallery-26 .item .lower-content .btn-box {

    margin-top: 10px;

}

.gallery-26 .item .lower-content .btn-box a {

	position: relative;

	font-size: 16px;

	color: #fff;

	background: #FF4555;

	display: inline-block;

	padding: 15px 40px 15px 40px;

	border-radius: 5px;

	display: inline-block;

	z-index: 1;

	overflow: hidden;

	box-shadow: 0px 15px 30px 0px rgba(255, 69, 85, 0.23);

}



.gallery-26 .item .lower-content .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.gallery-26 .item .lower-content .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.gallery-26 .item .owl-carousel {

    max-width: 290px;

    margin: 0 auto;

    width: 100%;

    display: block;

    position: relative;

    left: 0;

}



.gallery-26 .owl-item.active {

    

}

.gallery-26 .owl-carousel .owl-stage-outer {

    overflow: visible;

}

.gallery-26 .owl-carousel {

    max-width: 350px;

    margin: 0 auto;

    width: 100%;

    display: block;

    position: relative;

    left: 0;

}

.gallery-26 .owl-item .item {

    position: relative;

    display: block;

    max-width: 350px;

    width: 100%;

    opacity: 1;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    transform: scale(1);

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.gallery-26 .owl-item.active .item {

    transform: all 700ms ease;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    transform: scale(1);

    padding: 0 0px;

    z-index: 190;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    margin-top: -30px;

}

.gallery-26 .owl-item .item .lower-content {

	opacity: 0;

	transition: all 700ms ease;

}

.gallery-26 .owl-item.active .item .lower-content {

	opacity: 1;

	transition: all 700ms ease;

}

.gallery-26 .owl-nav {

    display: none;

}



/*** 



====================================================================

	team-26

====================================================================



 ***/



.team-26 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background: #F9F9F9;

}

.team-26 .sec-title-five {

    margin-bottom: 20px;

    margin-top: -5px;

}

.team-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.team-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.team-26 .item {

    position: relative;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    text-align: center;

    margin-bottom: 40px;

    margin-top: 40px;

    background: #fff;

}

.team-26 .item .lower-content {

    padding: 0px 0px 30px 0px;

}

.team-26 .item .lower-content .title h3 {

    margin-top: 20px;

    margin-bottom: 6px;

}

.team-26 .item .lower-content .title h3 a {

    font-weight: 600;

    color: #363636;

    font-size: 23px;

}

.team-26 .item .lower-content .list {}

.team-26 .item .lower-content .list ul {}

.team-26 .item .lower-content .list ul li {

    position: relative;

    font-size: 16px;

    color: #393939;

    font-weight: 500;

    display: inline-block;

    margin: 0px 7px;

    transition: all 700ms ease;

    font-family: 'Exo', sans-serif;

}

.team-26 .item .lower-content .list ul li:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.team-26 .item .lower-content .list ul li:before {

    position: absolute;

    right: -9px;

    top: 7px;

    content: "";

    background: #001064;

    width: 1px;

    height: 10px;

}

.team-26 .item .lower-content .list ul li:last-child:before {

    opacity: 0;

}

.team-26 .item .lower-content .btn-box {

    margin-top: 24px;

}

.team-26 .item .lower-content .btn-box a {

	position: relative;

    font-size: 16px;

    color: #fff;

    background: #FF4555;

    padding: 15px 40px 15px 40px;

    display: inline-block;

	z-index: 1;

	overflow: hidden;

}



.team-26 .item .lower-content .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.team-26 .item .lower-content .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.team-26 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.team-26 .owl-nav .owl-prev {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

    background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

	z-index: 1;

}

.team-26 .owl-nav .owl-next {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

	background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    transition: all 700ms ease;

	z-index: 1;

}

.team-26 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.team-26 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.team-26 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.team-26 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.team-26 .owl-nav .owl-prev:hover, .team-26 .owl-nav .owl-next:hover {

    border: 2px solid #161658;

	color: #fff;

	transition: all 700ms ease;

}



.team-25 .owl-nav .owl-prev span {

	font-weight: 600;

}

.team-25 .owl-nav .owl-next span {

	font-weight: 600;

}









/*** 



====================================================================

	team-26

====================================================================



 ***/



.blog-26 {

    position: relative;

    padding: 100px 0px 100px 0px;

    /* background: #FAFAFA; */

}

.blog-26 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.blog-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.blog-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.blog-26 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.blog-26 .item {}

.blog-26 .item .image-box {}

.blog-26 .item .image-box img {}

.blog-26 .item .title h3 {

    font-size: 23px;

    line-height: 35px;

    margin-bottom: 10px;

}

.blog-26 .item .title h3 a {

    color: #222222;

    font-weight: 600;

    transition: all 700ms ease;

}

.blog-26 .item .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.blog-26 .item .text p {

    font-size: 16px;

    color: #11001E;

    font-weight: 500;

    margin-bottom: 35px;

}

.blog-26 .item .lower-content {

    padding: 25px 0px;

    /* background: #f8f8f8; */

}

.blog-26 .item .lower-content .post-meta {}

.blog-26 .item .lower-content .post-meta .author {

    display: inline-block;

}

.blog-26 .item .lower-content .post-meta .author strong {

    font-size: 16px;

    color: #ff4555;

    font-weight: 500;

    background: #ff45551c;

    padding: 5px 15px;

    display: inline-block;

}

.blog-26 .item .lower-content .post-meta .tag {

    display: inline-block;

    margin-left: 50px;

}

.blog-26 .item .lower-content .post-meta .tag strong {

    font-size: 16px;

    color: #ff4555;

    font-weight: 500;

    background: #ff45551c;

    padding: 7px 15px;

}



/*** 



====================================================================

	team-26

====================================================================



 ***/



.testimonials-26 {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.testimonials-26 .sec-title-five {

    margin-bottom: 20px;

    margin-top: -5px;

}

.testimonials-26 .sec-title-five .sub-title h3 {

    font-size: 18px;

    /* color: #363636; */

    font-weight: 500;

    /* text-transform: uppercase; */

    margin-bottom: 24px;

    color: #FF4555;

    text-transform: uppercase;

    font-family: 'Exo', sans-serif;

}

.testimonials-26 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.testimonials-26 .item {

    position: relative;

    padding: 45px 35px 35px 35px;

    background: #fff;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    margin: 40px 0px 40px 0px;

}

.testimonials-26 .item .thumb-image {}

.testimonials-26 .item .thumb-image img {

    width: 105px;

}

.testimonials-26 .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 24px;

    margin-top: 26px;

}

.testimonials-26 .item h4 {

    font-size: 18px;

    color: #A1A1A1;

    margin-bottom: 15px;

}

.testimonials-26 .item .rating {}

.testimonials-26 .item .rating li {

    font-size: 16px;

    color: #FED533;

    margin-right: 5px;

}

.testimonials-26 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.testimonials-26 .owl-nav .owl-prev {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #FF4555;

    background: #FF4555;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

	z-index: 1;

}

.testimonials-26 .owl-nav .owl-next {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #FF4555;

	background: #FF4555;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    transition: all 700ms ease;

	z-index: 1;

}

.testimonials-26 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-26 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.testimonials-26 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-26 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.testimonials-26 .owl-nav .owl-prev span {

	font-weight: 600;

}

.testimonials-26 .owl-nav .owl-next span {

	font-weight: 600;

}

.testimonials-26 .owl-nav .owl-prev:hover, .testimonials-26 .owl-nav .owl-next:hover {

    border: 2px solid #161658;

	color: #fff;

	background: #161658;

	transition: all 700ms ease;

}



/*** 



====================================================================

	clients-26

====================================================================



 ***/



.clients-26 {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.clients-26 .slide-item {}

.clients-26 .slide-item .image-box {}

.clients-26 .slide-item .image-box a {}

.clients-26 .slide-item .image-box a img {

    width: 85px;

    margin: 0 auto;

}

.clients-26 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.clients-26 .owl-nav .owl-prev {

    position: absolute;

    left: 0;

    top: -75px;

    width: 20px;

    height: 50px;

    border: 2px solid #FF4555;

    background: #FF4555;

    text-align: center;

    line-height: 47px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

}

.clients-26 .owl-nav .owl-next {

    position: absolute;

    right: 0;

    top: -75px;

    width: 20px;

    height: 50px;

    border: 2px solid #FF4555;

    background: #FF4555;

    text-align: center;

    line-height: 47px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    transition: all 700ms ease;

}

.clients-26 .owl-nav .owl-prev:hover, .clients-26 .owl-nav .owl-next:hover {

    border: 2px solid #fff;

	color: #161658;

	background: #fff;

	transition: all 700ms ease;

}

.clients-26 .owl-nav .owl-prev span {

	font-weight: 600;

}

.clients-26 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	contact-26

====================================================================



 ***/



.contact-26 {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.contact-26 .contact {

    position: relative;

    background: #fff;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    padding: 70px 60px;

}

.contact-26 .contact h3 {

    font-size: 18px;

    color: #FF4555;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 25px;

}

.contact-26 .form-group {}

.contact-26 .form-group input {

    border: 1px solid #E2E2E2;

    height: 62px;

    width: 100%;

    padding: 0px 15px;

    border-radius: 35px;

}

.contact-26 .form-group textarea {

    width: 100%;

    height: 62px;

    line-height: 62px;

    border: 1px solid #E2E2E2;

    border-radius: 35px;

    padding: 0px 15px;

}

.contact-26 .form-group button {

	position: relative;

    font-size: 16px;

    color: #fff;

    background: #FF4555;

    padding: 15px 30px 15px 30px;

    display: inline-block;

    border-radius: 30px;

    cursor: pointer;

	z-index: 1;

	overflow: hidden;

}



.contact-26 .form-group button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.contact-26 .form-group button:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.contact-26 .form-group input::placeholder {

    color: #989898;

	font-size: 16px;

}

.contact-26 .form-group textarea::placeholder {

    color: #989898;

	font-size: 16px;

}

.contact-26 .image-box {

    margin-top: 50px;

}

.contact-26 .image-box img {}



/*** 



====================================================================

	fotter-26

====================================================================



 ***/



.fotter-26 {

    position: relative;

    padding: 100px 0px 85px 0px;

    background: #191919;

}

.fotter-26 .about-widget {}

.fotter-26 .about-widget .footer-logo {}

.fotter-26 .about-widget .footer-logo img {}

.fotter-26 .about-widget .lower-content {}

.fotter-26 .about-widget .lower-content .text {

    margin-top: 45px;

}

.fotter-26 .about-widget .lower-content .text p {

    font-size: 17px;

    color: #C7C7C7;

    line-height: 36px;

    margin-bottom: 0;

}

.fotter-26 .about-widget .lower-content .list {}

.fotter-26 .about-widget .lower-content .list ul {}

.fotter-26 .about-widget .lower-content .list ul li {

	font-size: 17px;

    color: #C7C7C7;

    line-height: 36px;

}

.fotter-26 .links-widget {

    margin-top: -8px;

}

.fotter-26 .links-widget h2 {

    font-size: 24px;

    color: #C7C7C7;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-26 .links-widget .footer-list {}

.fotter-26 .links-widget .footer-list {}

.fotter-26 .links-widget .footer-list li {

	position: relative;

}

.fotter-26 .links-widget .footer-list li a {

	font-size: 17px;

    color: #C7C7C7;

    line-height: 36px;

	transition: all 700ms ease;

}

.fotter-26 .links-widget .footer-list li a:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.fotter-26 .about-widget-two {

    margin-top: -5px;

}

.fotter-26 .about-widget-two h2 {

    font-size: 24px;

    color: #C7C7C7;

    font-weight: 600;

    margin-bottom: 45px;

    text-align: right;

}

.fotter-26 .about-widget-two .text p {

    font-size: 17px;

    color: #C7C7C7;

    line-height: 36px;

}

.fotter-26 .about-widget-two {}

.fotter-26 .about-widget-two ul {}

.fotter-26 .about-widget-two ul li {

	position: relative;

    display: block;

    text-align: right;

}

.fotter-26 .about-widget-two ul li:before {

    position: absolute;

    left: -80px;

    bottom: 20px;

    content: "";

    border: 1px dashed #C7C7C7;

    width: 220px;

    height: 1px;

}

.fotter-26 .about-widget-two ul li a {

    font-size: 17px;

    color: #C7C7C7;

    line-height: 36px;

}



/*** 



====================================================================

	fotter-bottom-25

====================================================================



 ***/



.fotter-bottom-26 {

    position: relative;

    background: #1C2763;

    padding: 20px 0px 20px 0px;

}

.fotter-bottom-26 .subscribe-form {}

.fotter-bottom-26 .subscribe-form .form-group {

    margin-bottom: 0;

    position: relative;

}

.fotter-bottom-26 .subscribe-form .form-group input {

    width: 100%;

    height: 50px;

    background: #3E3E6B;

    border-radius: 30px;

    padding: 0px 30px;

}

.fotter-bottom-26 .subscribe-form .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #858585;

	font-size: 18px;

}

.fotter-bottom-26 .subscribe-form .form-group button {

    background: #FF4555;

    color: #fff;

    font-size: 18px;

    padding: 14px 25px;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    border-radius: 30px;

	z-index: 1;

	overflow: hidden;

}



.fotter-bottom-26 .subscribe-form .form-group button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.fotter-bottom-26 .subscribe-form .form-group button:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.fotter-bottom-26 .footer-text p {

    font-size: 16px;

    color: #C7C7C7;

    margin-top: 10px;

    text-align: right;

}





/*** 



====================================================================

	banner-section style-h27

====================================================================



 ***/



.banner-section.style-h27 {

	position: relative;

}

.banner-section.style-h27 .slide-item {

    position: relative;

    padding: 100px 0px 60px 0px;

}

.banner-section.style-h27 .content-box {

    background: #00C5FF;

    padding: 40px 50px 40px 50px;

    position: relative;

    margin-right: 500px;

}

.banner-section.style-h27 .content-box .title {}

.banner-section.style-h27 .content-box .title h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 25px;

}

.banner-section.style-h27 .content-box .form-group {}

.banner-section.style-h27 .content-box .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.banner-section.style-h27 .content-box .form-group select option {}

.banner-section.style-h27 .content-box .form-group input {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

    font-size: 16px;

    border-radius: 5px;

}

.banner-section.style-h27 .content-box .form-group textarea {

    width: 100%;

    background: #fff;

    padding: 20px 0px 0px 15px;

    color: #989898;

    font-size: 14px;

    border-radius: 5px;

    height: 94px;

}

.banner-section.style-h27 .content-box .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #989898;

	font-size: 14px;

	font-weight: 400;

}

.banner-section.style-h27 .content-box .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #989898;

	font-size: 14px;

	font-weight: 400;

}

.banner-section.style-h27 .content-box .form-group button.theme-btn {

    position: relative;

    color: #00C5FF;

    font-size: 16px;

    background: #fff;

    padding: 10px 30px 10px 30px;

    cursor: pointer;

    border-radius: 5px;

    font-weight: 500;

    z-index: 1;

    overflow: hidden;

    transition: all 700ms ease;

}

.banner-section.style-h27 .content-box .form-group button.theme-btn:hover {

	color: #fff;

	transition: all 700ms ease;

}

.banner-section.style-h27 .content-box .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h27 .content-box .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h27 button.reset {

    position: relative;

    font-size: 16px;

    color: #989898;

    background: #FFFFFF;

    padding: 10px 70px 10px 30px;

    float: right;

    cursor: pointer;

    border-radius: 5px;

	z-index: 1;

	overflow: hidden;

	transition: all 700ms ease;

}

.banner-section.style-h27 button.reset:hover {

	color: #fff;

	transition: all 700ms ease;

}

.banner-section.style-h27 button.reset:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.banner-section.style-h27 button.reset:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.banner-section.style-h27 button.reset:before {

    position: absolute;

    right: 30px;

    top: 9px;

    content: "\f021";

    font-size: 16px;

    font-family: "fontawesome";

    transition: all 1700ms ease;

    font-weight: 100;

    color: #989898;

}

.banner-section.style-h27 button.reset:hover:before {

	transform: rotate(690deg);

	color: #fff;

	transition: all 1700ms ease;

}

.banner-section.style-h27 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.banner-section.style-h27 .bootstrap-select > .dropdown-toggle {

    border: none;

    outline: none !important;

    background: transparent;

    border-bottom: 1px solid transparent;

    font-weight: 300;

    color: #989898;

    padding: 0;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    height: 42px;

    line-height: 42px;

    padding: 0px 0px 0px 15px;

    background: #fff;

    font-size: 14px;

}



.banner-section.style-h27 .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.banner-section.style-h27 .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.banner-section.style-h27 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.banner-section.style-h27 .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu > li.selected > a {

  background: #00C5FF;

  color: #fff;

}

.banner-section.style-h27 .btn-light:not(:disabled):not(.disabled).active, .banner-section.style-h27 .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #fff;

    border-color: #fff;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu > li > a {

  font-size: 14px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.banner-section.style-h27 .bootstrap-select .dropdown-menu > li > a:hover {

  background: #00C5FF;

  color: #fff;

  cursor: pointer;

}





.banner-section.style-h27 .content-box {

    opacity: 0;

    margin-bottom: 40px;

    -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(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.banner-section.style-h27 .active .content-box {

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}

.banner-section.style-h27 .banner-carousel .owl-nav{

    position: absolute;

    width: 100%;

    top: 50%;

    margin-top: -25px;

    z-index: 99;

    opacity: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h27 .banner-carousel:hover .owl-nav{

	opacity: 1;

}



.banner-section.style-h27 .banner-carousel .owl-prev, 

.banner-section.style-h27 .banner-carousel .owl-next{

	position: absolute;

	top: 0;

	left: 50px;

	height: 50px;

	width: 50px;

	font-size: 20px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	background-color: rgba(255,255,255,0.20);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

    transition: all 300ms ease;

}



.banner-section.style-h27 .banner-carousel .owl-next{

	left: auto;

	right: 50px;

}



.banner-section.style-h27 .banner-carousel .owl-prev:hover, 

.banner-section.style-h27 .banner-carousel .owl-next:hover{

	background-color: #ffffff;

	color: #222222;

}



.banner-section.style-h27 .image-box {

    position: absolute;

    right: 150px;

    top: 0;

}



/*** 



====================================================================

	service-image-27

====================================================================



 ***/



.service-image-27 {

    position: relative;

    padding: 100px 0px 0px 0px;

    margin-bottom: -30px;

}

.service-image-27 .item {

    position: relative;

}

.service-image-27 .item .image-box {}

.service-image-27 .item .image-box img {

    border-radius: 10px;

}

.service-image-27 .item .lower-conent {

    position: absolute;

    bottom: 0;

    left: 0;

    background: linear-gradient(to bottom, rgba(114, 90, 95, 0) 0,rgba(0, 197, 255, 0.9) 100%);

    width: 100%;

    padding: 120px 15px 20px 15px;

    transition: all 700ms ease;

    overflow: hidden;

    z-index: 1;

    border-radius: 10px;

}

.service-image-27 .item .lower-conent:before {

	position: absolute;

	left: 0;

	top: 100px;

	content: "";

	background: linear-gradient(to bottom, rgba(114, 90, 95, 0) 0,#343995 100%);

	width: 100%;

	height: 100%;

	padding: 120px 15px 20px 15px;

	opacity: 0;

	transition: all 700ms ease;

}

.service-image-27 .item:hover .lower-conent{

	transition: all 700ms ease;

}

.service-image-27 .item:hover .lower-conent:before{

	opacity: 1;

	top: 0px;

	transition: all 700ms ease;

}

.service-image-27 .item .lower-conent .title h3 {

    margin-bottom: 8px;

}

.service-image-27 .item .lower-conent .title h3 a {

    font-size: 24px;

    color: #FFFFFF;

    font-weight: 600;

}

.service-image-27 .item .lower-conent .text p {

    font-size: 16px;

    color: #FFFFFF;

    line-height: 20px;

}

.service-image-27 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    margin-top: 30px;

}

.service-image-27 .owl-nav .owl-prev {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

    background: transparent;

    text-align: center;

    line-height: 37px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

    background: white;

	z-index: 1;

}

.service-image-27 .owl-nav .owl-next {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

	background: transparent;

    text-align: center;

    line-height: 37px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    transition: all 700ms ease;

    background: white;

	z-index: 1;

}

.service-image-27 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.service-image-27 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.service-image-27 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #00C5FF;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.service-image-27 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.service-image-27 .owl-nav .owl-prev:hover, .service-image-27 .owl-nav .owl-next:hover {

    border: 2px solid #00C5FF;

	color: #fff;

	transition: all 700ms ease;

}



.service-image-27 .owl-nav .owl-prev span {

	font-weight: 600;

}

.service-image-27 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	service-icon-27

====================================================================



 ***/



.service-icon-27 {

    position: relative;

    padding: 100px 0px 70px 0px;

    background: #F9F9F9;

}

.service-icon-27 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.service-icon-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.service-icon-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.service-icon-27 .item {

    position: relative;

    background-color: rgb(255, 255, 255);

    padding: 70px 0px 32px 0px;

    margin-bottom: 30px;

    box-shadow: 0px 10px 21px 0px rgba(219, 219, 219, 0.57);

    /* box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32); */

}

.service-icon-27 .item .icon {

    padding-left: 40px;

    padding-bottom: 40px;

}

.service-icon-27 .item .icon span {}

.service-icon-27 .item .icon span:before {

    font-size: 70px;

    color: #ff4555;

    transition: all 700ms ease;

}

.service-icon-27 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-27 .item .icon img {}

.service-icon-27 .item .lower-content {

    border-top: 1px solid #F2F2F2;

    border-bottom: 1px solid #F2F2F2;

    padding: 22px 40px 22px 40px;

}

.service-icon-27 .item .lower-content .title {}

.service-icon-27 .item .lower-content .title h3 {

    margin-bottom: 17px;

}

.service-icon-27 .item .lower-content .title h3 a {

    color: #001064;

    font-size: 23px;

    font-weight: 600;

    transition: all 700ms ease;

}

.service-icon-27 .item .lower-content .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-27 .item .lower-content .text p {

    color: #363636;

    font-size: 16px;

    line-height: 28px;

	margin-bottom: 0;

}

.service-icon-27 .item .btn-box {

    padding-left: 40px;

    padding-top: 25px;

}

.service-icon-27 .item .btn-box a {

    font-size: 16px;

    color: #00C5FF;

    font-weight: 600;

	transition: all 700ms ease;

}

.service-icon-27 .item .btn-box a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-27 .item .btn-box a span {

    font-size: 16px;

    color: #00C5FF;

    font-weight: 600;

    position: relative;

    margin-left: 10px;

    top: 1px;

    transition: all 700ms ease;

}

.service-icon-27 .item .btn-box a:hover span {

	color: #FF4555;

	transition: all 700ms ease;

}









/*** 



====================================================================

	featured-27

====================================================================



 ***/



.funfact-27 {

    position: relative;

    padding: 80px 0px 92px 0px;

	background-repeat: no-repeat;

	background-size: cover;

}

.funfact-27 .item {

    position: relative;

    text-align: center;

    transition: all 700ms ease;

}

.funfact-27 .item:hover {

	transition: all 700ms ease;

}

.funfact-27 .item .icon {

    width: 95px;

    height: 95px;

    line-height: 95px;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 25px;

}

.funfact-27 .item .icon span:before {

    font-size: 60px;

    color: #fff;

    transition: all 700ms ease;

}

.funfact-27 .item .content {}

.funfact-27 .item .content .count-outer {

    font-size: 36px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 20px;

	transition: all 700ms ease;

}

.funfact-27 .item .content .count-outer .count-text {

    font-size: 36px;

    color: #fff;

    font-weight: 600;

	transition: all 700ms ease;

}

.funfact-27 .item .content h4 {

	font-size: 24px;

    color: #fff;

    font-weight: 600;

	transition: all 700ms ease;

}







/*** 



====================================================================

	featured-27

====================================================================



 ***/



.aboutus-27{

	position:relative;

	padding:0px;

}



.aboutus-27 .content-container{

	position:relative;

	padding:100px 0px;

}



.aboutus-27 .title-style-one{

	margin-bottom:30px;	

}



.aboutus-27 .client-thumb-outer {

    position: relative;

    max-width: 300px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 20px;

}



.aboutus-27 .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.aboutus-27 .client-thumb-outer .client-thumbs-carousel-two{

	position: relative;

    max-width: 80px;

    margin: 0 auto;

	text-align:center;

}



.aboutus-27 .client-thumb-outer .client-thumbs-carousel-two .owl-stage-outer{

	overflow:visible;

}



.aboutus-27 .client-thumb-outer .thumb-item .thumb-box{

	width:80px;

	height:80px;

	cursor:pointer;

	margin: 0 auto;

	z-index:-1;

	overflow:hidden;

}



.aboutus-27 .client-thumb-outer .thumb-item .thumb-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	z-index:1;

}



.aboutus-27 .client-thumb-outer .owl-item.active .thumb-box:before{

	    background-color: rgba(251, 90, 102, 0.7);

}



.aboutus-27 .client-thumb-outer .client-thumbs-carousel-two .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

}



.aboutus-27 .owl-item.active .thumb-content{

	opacity:1;

}



.aboutus-27 .owl-nav {

    position: absolute;

    left: 50%;

    bottom: -18px;

    width: 100%;

    max-width: 400px;

    margin-left: -200px;

}



.aboutus-27 .owl-nav .owl-prev, .aboutus-27 .owl-nav .owl-next {

    position: absolute;

    display: inline-block;

    color: #fff;

    font-size: 20px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

    width: 40px;

    height: 80px;

    line-height: 80px;

    background: #00C5FF;

    text-align: center;

    border-radius: 5px;

}



.aboutus-27 .owl-nav .owl-prev:hover,

.aboutus-27 .owl-nav .owl-next:hover{

	background: #FF4555;

	transition: all 300ms ease;

}



.aboutus-27 .owl-nav .owl-prev {

    left: 0px;

}



.aboutus-27 .owl-nav .owl-next{

	right: 0px;

}



.aboutus-27 .owl-dots{

	display:none;

}



.aboutus-27 .testimonial-block-one{

	position:relative;

}



.aboutus-27 .testimonial-block-one .inner-box{

	position:relative;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column{

	position:relative;

	margin-bottom:40px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .inner-column{

	position:relative;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .desination{

	position:relative;

	color:#1e1e1e;

	font-size:14px;

	font-weight:300;

	margin-bottom:6px;

}



.dark-layout .testimonial-block-one .inner-box .info-column .desination{

	color:#777777;	

}



.dark-layout .testimonial-block-one .inner-box .info-column .author-name,

.dark-layout .testimonial-block-one .inner-box .info-column .content ul li span{

	color:#ffffff;	

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .author-name{

	position:relative;

	font-size:20px;

	font-weight:600;

	color:#1e1e1e;

	margin-bottom:18px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .quote-icon{

	position:relative;

	color:#e6e6e6;

	font-size:46px;

	line-height:1em;

	margin-bottom:10px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .content{

	position:relative;

	padding-left:55px;

	padding-right:70px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .content .text{

	position:relative;

	color:#777777;

	font-size:20px;

	font-weight:300;

	line-height:1.5em;

	margin-bottom:22px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .content ul{

	position:relative;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .content ul li{

	position:relative;

	margin-bottom:6px;

	font-weight:400;

	color:#777777;

	font-size:14px;

}



.aboutus-27 .testimonial-block-one .inner-box .info-column .content ul li span{

	color:#1e1e1e;

	font-weight:500;

}



.aboutus-27 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.aboutus-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.aboutus-27 .sec-title-five .sub-title h3 span {

    color: #00C5FF;

}

.aboutus-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.aboutus-27 .sec-title-five .text p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

    padding-right: 30px;

}

.aboutus-27 .sec-title-five .text-two p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

	padding-right: 30px;

}

.aboutus-27 .btn-box {

    margin-top: 45px;

}

.aboutus-27 .btn-box a {

    position: relative;

    color: #fff;

    background: #00C5FF;

    transition: all 700ms ease;

    border: none;

    padding: 16px 46px;

    font-size: 16px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    margin-right: 15px;

    border-radius: 5px;

    display: inline-block;

    font-weight: 600;

	z-index: 1;

	overflow: hidden;

}



.aboutus-27 .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.aboutus-27 .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.aboutus-27 .content {

    margin-top: 35px;

}





/*** 



====================================================================

	featured-27

====================================================================



 ***/



.featured-27 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background-size: cover;

} 

.featured-27 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.featured-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.featured-27 .sec-title-five .sub-title h3 span {

    color: #00C5FF;

}

.featured-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.featured-27 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.featured-27 .accordion-box-h26 {

	position: relative;

}



.featured-27 .accordion-box-h26 .block {

    position: relative;

    margin-bottom: 20px;

}



.featured-27 .accordion-box-h26 .block:before {

    position: absolute;

    right: 25px;

    top: 5px;

    content: "";

    background: url(../images/ex-new-two/icon/accordion-box-h26-icon.png);

    width: 75px;

    height: 100%;

    background-repeat: no-repeat;

    z-index: 1;

}



.featured-27 .accordion-box-h26 .block:last-child{

	margin-bottom: 0;

}



.featured-27 .accordion-box-h26 .block .acc-btn {

    position: relative;

    font-size: 21px;

    line-height: 25px;

    color: #161616;

    font-weight: 600;

    cursor: pointer;

    padding: 16px 35px;

    background-color: #EFEFEF;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border-radius: 50px;

}



.featured-27 .accordion-box-h26 .block .icon {

    position: absolute;

    right: 6px;

    top: 6px;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    width: 45px;

    height: 45px;

    line-height: 45px;

    background: #77E0FF;

    border-radius: 30px;

    text-align: center;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.featured-27 .accordion-box-h26 .block .acc-btn.active .icon {

    color: #fff;

}

.featured-27 .accordion-box-h26 .block .acc-btn.active .icon:before {

    content: "\f138";

    font-size: 16px;

    font-weight: 600;

}

.featured-27 .accordion-box-h26 .block .acc-btn .icon:before{

	font-size: 12px;

	font-weight: 600;

}



.featured-27 .accordion-box-h26 .block .acc-btn.active {

    position: relative;

    background-color: #ff4555;

    color: #fff;

    border: #ff4555;

}



.featured-27 .accordion-box-h26 .block .acc-content{

	position:relative;

	display:none;

}



.featured-27 .accordion-box-h26 .block .content {

    position: relative;

    padding: 15px 30px 5px;

}



.featured-27 .accordion-box-h26 .block .acc-content.current{ 

	display: block;

}



.featured-27 .accordion-box-h26 .block .content .text {

    display: block;

    font-size: 16px;

    line-height: 28px;

    color: #606060;

}

.featured-27 .accordion-box-h26 .block .content .text span {

    color: #FF4555;

}

.featured-27 .btn-box {

    margin-top: 60px;

}

.featured-27 .btn-box a {

    font-size: 16px;

    color: #fff;

    background: #FF4555;

    display: inline-block;

    padding: 15px 40px 15px 40px;

    border-radius: 5px;

}



/*** 



====================================================================

	testimonials-27

====================================================================



 ***/



.opening-hours-27 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background: #00C5FF;

}

.opening-hours-27 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.opening-hours-27 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.opening-hours-27 .sec-title-five .text p {

    font-size: 18px;

    color: #fff;

    line-height: 30px;

}

.opening-hours-27 .block-one {}

.opening-hours-27 .block-one .title {

    background: #FF4555;

    padding: 10px 0px 10px 0px;

    margin-bottom: 50px;

    padding-left: 50px;

}

.opening-hours-27 .block-one .title h3 {

    font-size: 24px;

    color: #FFFFFF;

	font-weight: 600;

}

.opening-hours-27 .block-one .list {

    position: relative;

}

.opening-hours-27 .block-one .list ul {}

.opening-hours-27 .block-one .list ul li {

    color: #fff;

    font-size: 18px;

    padding: 20px 0px 20px 0px;

    border: 1px dashed #DFD8FF;

    border-left: unset;

    border-right: unset;

    border-bottom: unset;

}

.opening-hours-27 .culmn {

    padding: 0px 0px;

}

.opening-hours-27 .block-one.two {

    text-align: center;

}

.opening-hours-27 .block-one.two .title {

    padding-left: 0;

}

.opening-hours-27 .block-one.two .list {

    margin-left: 0;

}

.opening-hours-27 .block-one.three .list {

    margin-left: 0;

}

.opening-hours-27 .block-one.three .list ul li {

    text-align: right;

    padding-right: 50px;

    border-right: 1px dashed #DFD8FF;

}

.opening-hours-27 .block-one.three .title h3 {

    text-align: right;

}

.opening-hours-27 .block-one.three .title {

    padding-left: 0;

    padding-right: 50px;

}

.opening-hours-27 .block-one.one .list ul li {

    border-left: 1px dashed #DFD8FF;

    padding-left: 50px;

}

.opening-hours-27 .block-one .list ul li:last-child {

    border-bottom: 1px dashed #DFD8FF;

}



/*** 



====================================================================

	portfolio-27

====================================================================



 ***/



.portfolio-27 {

    position: relative;

    padding: 100px 0px 80px 0px;

}

.portfolio-27 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.portfolio-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.portfolio-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.portfolio-27 .filters {

    position: relative;

    margin-bottom: 30px;

}



.portfolio-27 .portfolio-pagination {

    position: absolute;

    left: 560px;

    top: 0;

}



.portfolio-27 .portfolio-pagination .inner {

    position: relative;

    text-align: center;

    font-size: 11px;

    line-height: 30px;

    color: #000000;

    font-weight: 700;

    background: #EBEBEB;

    padding: 0px 30px 0px 20px;

    border-radius: 30px;

}



.portfolio-27 .portfolio-pagination .inner:before {

    position: absolute;

    content: "\f038";

    right: 15px;

    top: 0;

    font-family: 'Font Awesome 5 Free';

    font-weight: 800;

    color: #3B3B3B;

}



.portfolio-27 .portfolio-pagination .inner span{

	position: relative;

	padding: 0 5px;

	display: inline-block;

}



.portfolio-27 .filters .filter-btns {

    text-align: center;

    display: block;

    margin: 0px 100px;

    margin-bottom: 50px;

}



.portfolio-27 .filters li {

    position: relative;

    display: inline-block;

    font-size: 15px;

    padding: 10px 25px;

    font-weight: 700;

    color: #3b3b3b;

    cursor: pointer;

    background: #f2f2f2;

    margin: 0px 10px;

    border-radius: 5px;

    font-family: 'Exo', sans-serif;

    transition: all 700ms ease;

}



.portfolio-27 .filter-nrm {

    float: left;

    color: #777777;

    font-size: 11px;

    font-weight: 600;

}



.portfolio-27 .filters li.active {

    position: relative;

    display: inline-block;

    font-size: 15px;

    font-weight: 700;

    color: #fff;

    background: #00C5FF;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}



.portfolio-27 .filters li.active:before {

    position: absolute;

    left: 0;

    bottom: -4px;

    right: 0;

    margin: 0 auto;

    content: "";

    height: 2px;

    width: 100%;

    z-index: 1;

    /* background: #CCCCCC; */

    text-align: center;

    opacity: 1;

    transition: all 900ms ease;

}



.portfolio-27 .filters li:before {

    position: absolute;

    left: 0;

    bottom: -32px;

    content: "";

    height: 5px;

    width: 100%;

    z-index: 1;

    /* background: #FF9600; */

    text-align: center;

    opacity: 0;

    transition: all 900ms ease;

}



.portfolio-27 .project-block {

    position: relative;

    padding: 0 10px;

    padding-bottom: 10px;

    margin-bottom: 0;

    overflow: hidden;

}

.portfolio-27 .project-block .image {

    position: relative;

    margin-bottom: 0;

    display: inline-block;

    overflow: hidden;

}

.portfolio-27 .project-block .image .overlay-box {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    background: rgba(0, 16, 100, 0.8);

    z-index: 3;

    opacity: 0;

    transform: scale(0) rotate(0deg);

    transition: all 700ms ease 300ms;

    overflow: hidden;

}

.portfolio-27 .project-block:hover .image .overlay-box {

    opacity: 1;

    transform: scale(1.0) rotate(0deg);

    transition: all 700ms ease 200ms;

    visibility: visible;

}

.portfolio-27 .project-block .image .overlay-box .box{}

.portfolio-27 .project-block .image .overlay-box h2 {

    font-size: 20px;

    color: #EDF2FF;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.portfolio-27 .project-block .image .overlay-box .title {

    transform: rotate(-90deg);

    position: absolute;

    bottom: 150px;

    left: -35px;

}

.portfolio-27 .project-block .image .overlay-box h2:before {

    position: absolute;

    left: -142px;

    bottom: -103px;

    width: 2px;

    height: 230px;

    background: #343539;

    content: "";

    transform: rotate(90deg);

}

.portfolio-27 .project-block .image .overlay-box a {

    font-size: 18px;

    color: #FFFFFF;

    position: absolute;

    bottom: 38px;

    right: 54px;

    transition: all 700ms ease;

}

.portfolio-27 .project-block .image .overlay-box a i {

    margin-left: 12px;

    font-size: 18px;

    transform: rotate(45deg);

	transition: all 700ms ease;

}

.portfolio-27 .project-block .image .overlay-box a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-27 .project-block .image .overlay-box a:hover i {

    color: #FF4555;

	transition: all 700ms ease;

}

.portfolio-27 .project-block .image .overlay-box .box .link {

    position: absolute;

    right: 5px;

    top: 20px;

}

.portfolio-27 .project-block .image .overlay-box .box .link a span:before {

    color: #fff;

    font-size: 25px;

    transition: all 500ms ease;

    text-align: center;

    padding: 15px 15px;

    border-radius: 54px;

}

.portfolio-27 .btn-box {

    text-align: center;

    margin: 75px 0px 30px 0px;

}

.portfolio-27 .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 17px 40px;

    background: #222;

    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

    transition: all 700ms ease;

    z-index: 1;

    display: inline-block;

    overflow: hidden;

}

.portfolio-27 .btn-box a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 40px;

    border-top-left-radius: 0px;

}

.portfolio-27 .btn-box a:hover:after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.portfolio-27 .btn-box a:hover {

    color: #222222;

    transition: all 700ms ease;

}





/*** 



====================================================================

	team-27

====================================================================



 ***/



.team-27 {

    position: relative;

    padding: 100px 0px 70px 0px;

}

.team-27 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.team-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.team-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.team-27 .item {

    position: relative;

    margin-bottom: 30px;

}

.team-27 .item .image-box {}

.team-27 .item .image-box img {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.team-27 .item .lower-content {

    position: relative;

    background: #00C5FF;

    width: 100%;

    text-align: center;

    padding: 10px 0px 10px 0px;

	transition: all 700ms ease;

}

.team-27 .item .lower-content .title h3 {}

.team-27 .item .lower-content .title h3 a {

    font-size: 20px;

    color: #FFFFFF;

    font-weight: 600;

}

.team-27 .item:hover .lower-content {

	background: #FF4555;

	transition: all 700ms ease;

}



/*** 



====================================================================

	blog-27

====================================================================



 ***/



.blog-27 {

    position: relative;

    padding: 100px 0px 70px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.blog-27 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

    padding-bottom: 0;

}

.blog-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.blog-27 .sec-title-five .sub-title h3 span {

    color: #00C5FF;

}

.blog-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.blog-27 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.blog-27 .inner-box {

    position: relative;

}

.blog-27 .inner-box .image {

    position: absolute;

    left: 0;

    top: 0;

}

.blog-27 .lower-content {

    position: relative;

    background: #fff;

    margin-top: -16px;

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    padding: 25px 15px 25px 25px;

}

.blog-27 .inner-box .lower-content h4 {

    margin-top: 10px;

    margin-bottom: 0;

}

.blog-27 .inner-box .lower-content h4 a {

    font-size: 20px;

    color: #11001E;

    font-weight: 700;

    transition: all 700ms ease;

    line-height: 36px;

}

.blog-27 .inner-box .lower-content h4 a:hover {

	color: #00C5FF;

	transition: all 700ms ease;

}

.blog-27 .inner-box .lower-content ul li {

	position: relative;

	font-size: 15px;

	display: inline-block;

	color: #ff4555;

	margin-left: -5px;

	font-family: 'Exo', sans-serif;

}

.blog-27 .inner-box .lower-content ul li:last-child:before {

	display: none;

}

.blog-27 .inner-box .lower-content ul li strong {

    font-weight: 500;

    margin-right: 14px;

    margin-left: 6px;

    color: #454545;

    font-size: 16px;

}

.blog-27 .inner-box .lower-content .text p {

    font-size: 14px;

    color: #777777;

    line-height: 30px;

    padding-right: 0;

    margin-top: 13px;

    position: relative;

    margin-bottom: 34px;

}

.blog-27 .inner-box .image {

    position: relative;

    overflow: hidden;

    display: inline-block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.blog-27 .inner-box .image img {

    max-width: 100%;

    /* transform: scale(1.01); */

    transition: all 700ms ease;

}

.blog-27 .inner-box .image a .overlay-style-two {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	text-align: center;

}



.blog-27 .inner-box .image a .overlay-style-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: rgba(0, 16, 100, 0.8);

	content: "";

	opacity: .80;

 	-webkit-transform-origin: bottom center;

    -moz-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    -o-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.blog-27 .inner-box:hover .image a .overlay-style-two:before {

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

    opacity: .70;

}

.blog-27 .inner-box .btn-box {}

.blog-27 .inner-box .btn-box a {

    font-size: 16px;

    color: #fff;

    background: #FF9600;

    font-weight: 700;

    padding: 15px 36px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

    transition: all 700ms ease;

}



.blog-27 .inner-box .btn-box a {

    color: #fff;

    font-size: 16px;

    background-image: -webkit-linear-gradient(315deg, #0B162F 50%, transparent 50%);

    background-image: -o-linear-gradient(315deg, #0B162F 50%, transparent 50%);

    background-image: linear-gradient(135deg, #0B162F 50%, transparent 50%);

    background-size: 0px 50px;

    background-position: -50px -50px;

    background-repeat: no-repeat;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.blog-27 .inner-box .btn-box a:hover {

    background-size: 300% 300%;

    background-position: 0% 0%;

    color: #fff;

}

.blog-27 ul.post-meta {

    margin-left: 8px;

}



.blog-27 .inner-box-two {

    position: relative;

    margin-bottom: 20px;

}

.blog-27 .inner-box-two .image {

    position: absolute;

    left: 0;

    top: 0;

    overflow: hidden;

    display: inline-block;

    border-radius: 10px;

}

.blog-27 .inner-box-two .image img {

    max-width: 100%;

    /* transform: scale(1.01); */

    transition: all 700ms ease;

}

.blog-27 .inner-box-two .image a .overlay-style-two {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	text-align: center;

}



.blog-27 .inner-box-two .image a .overlay-style-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: rgba(0, 16, 100, 0.8);

	content: "";

	opacity: .80;

 	-webkit-transform-origin: bottom center;

    -moz-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    -o-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.blog-27 .inner-box-two:hover .image a .overlay-style-two:before {

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

    opacity: .70;

}

.blog-27 .inner-box-two .lower-content-two {

    position: relative;

    padding: 0px 0px 0px 120px;

}

.blog-27 .inner-box-two .lower-content-two h4 {

    line-height: 18px;

    margin-bottom: 8px;

}

.blog-27 .inner-box-two .lower-content-two h4 a {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    transition: all 700ms ease;

    line-height: 23px;

}

.blog-27 .inner-box-two .lower-content-two h4 a:hover {

	color: #00C5FF;

	transition: all 700ms ease;

}

.blog-27 .inner-box-two .lower-content-two ul li {

    position: relative;

    font-size: 15px;

    display: inline-block;

    color: #ff4555;

    margin-left: -5px;

    margin-right: 15px;

}

.blog-27 .inner-box-two .lower-content-two ul li:last-child:before {

	display: none;

}

.blog-27 .inner-box-two .lower-content-two ul li strong {

    font-weight: 500;

    margin-right: 0;

    margin-left: 6px;

    color: #373737;

    font-family: 'Exo', sans-serif;

}

.blog-27 .inner-box-two .lower-content-two .text p {

    font-size: 14px;

    color: #777777;

    line-height: 30px;

    padding-right: 0;

    margin-top: 13px;

    position: relative;

    margin-bottom: 34px;

}









/*** 



====================================================================

	testimonials-27

====================================================================



 ***/



.testimonials-27 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background-size: cover;

    background: #F4FFF7;

}

.testimonials-27 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.testimonials-27 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.testimonials-27 .sec-title-five .sub-title h3 span {

    color: #00C5FF;

}

.testimonials-27 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.testimonials-27 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.testimonials-27 .item {

    position: relative;

    text-align: center;

}

.testimonials-27 .item .image-box {}

.testimonials-27 .item .image-box img {

    width: 102px;

    height: 102px;

    margin: 0 auto;

}

.testimonials-27 .item .title h3 {

    font-size: 17px;

    color: #ff4555;

    font-weight: 600;

    margin-top: 16px;

    margin-bottom: 21px;

    font-family: 'Exo', sans-serif;

}

.testimonials-27 .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 24px;

    font-weight: 500;

    margin-bottom: 30px;

}

.testimonials-27 .item .rating {}

.testimonials-27 .item .rating li {

    font-size: 16px;

    color: #FED533;

    margin: 0px 2px;

    font-weight: 600;

}

.testimonials-27 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    margin-top: 60px;

}

.testimonials-27 .owl-nav .owl-prev {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #161658;

    background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: rgb(155, 155, 155);

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

	z-index: 1;

}

.testimonials-27 .owl-nav .owl-next {

	position: relative;

    width: 64px;

    height: 40px;

    border: 2px solid #161658;

	background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: rgb(155, 155, 155);

    display: inline-block;

    transition: all 700ms ease;

	z-index: 1;

}

.testimonials-27 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-27 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}



.testimonials-27 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #161658;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-27 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.testimonials-27 .owl-nav .owl-prev:hover, .testimonials-27 .owl-nav .owl-next:hover {

    border: 2px solid #161658;

	color: #fff;

	transition: all 700ms ease;

}



.testimonials-27 .owl-nav .owl-prev span {

	font-weight: 600;

}

.testimonials-27 .owl-nav .owl-next span {

	font-weight: 600;

}





/*** 



====================================================================

	clients-27

====================================================================



 ***/



.clients-27 {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.clients-27 .slide-item {}

.clients-27 .slide-item .image-box {}

.clients-27 .slide-item .image-box a {}

.clients-27 .slide-item .image-box a img {

    width: 120px;

    margin: 0 auto;

}

.clients-27 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.clients-27 .owl-nav .owl-prev {

    position: absolute;

    left: 0;

    top: -55px;

    width: 30px;

    height: 51px;

    border: 2px solid #FF4555;

    background: #FF4555;

    text-align: center;

    line-height: 47px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

}

.clients-27 .owl-nav .owl-next {

    position: absolute;

    right: 0;

    top: -55px;

    width: 30px;

    height: 51px;

    border: 2px solid #FF4555;

    background: #FF4555;

    text-align: center;

    line-height: 47px;

    font-size: 20px;

    color: #fff;

    display: inline-block;

    transition: all 700ms ease;

}

.clients-27 .owl-nav .owl-prev:hover, .clients-27 .owl-nav .owl-next:hover {

    border: 2px solid #343995;

	color: #fff;

	background: #343995;

	transition: all 700ms ease;

}

.clients-27 .owl-nav .owl-prev span {

	font-weight: 600;

}

.clients-27 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	call-to-action-27

====================================================================



 ***/



.call-to-action-27 {}

.call-to-action-27 .column {

	position: relative;

	padding: 0px 0px;

}

.call-to-action-27 .column.image {

    position: relative;

    text-align: center;

}

.call-to-action-27 .column.image:before {

    content: ' ';

    width: 168%;

    height: 100%;

    background: #FF4555;

    opacity: .85;

    filter: alpha(opacity=85);

    z-index: 1;

    position: absolute;

    top: 0;

    right: -68%;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.call-to-action-27 .left-side {}

.call-to-action-27 .left-side .image-box {}

.call-to-action-27 .left-side .image-box img {

    max-width: none;

    float: right;

}

.call-to-action-27 .right-side {}

.call-to-action-27 .right-side .image-box {

    position: absolute;

    left: 0;

    top: 0;

}

.call-to-action-27 .right-side .image-box img {

	max-width: none;

    float: left;

}

.call-to-action-27 .right-side .lower-content {}

.call-to-action-27 .right-side .lower-content .icon {}

.call-to-action-27 .right-side .lower-content .icon span {

    font-size: 28px;

    color: #fff;

    border: 2px solid #fff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50px;

    transform: rotate(5deg);

}

.call-to-action-27 .right-side .lower-content {

    position: relative;

    z-index: 5;

    margin-top: 163px;

    margin-bottom: 163px;

}

.call-to-action-27 .right-side .lower-content .title h4 {

    font-size: 30px;

    color: #FFFFFF;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 20px;

}

.call-to-action-27 .right-side .lower-content .call h3 {

    font-size: 48px;

    color: #FFFFFF;

    font-weight: 600;

}



/*** 



====================================================================

	fotter-27

====================================================================



 ***/



.fotter-27 {

    position: relative;

    padding: 100px 0px 60px 0px;

}

.fotter-27 .about-widget {}

.fotter-27 .about-widget .footer-logo {}

.fotter-27 .about-widget .footer-logo img {}

.fotter-27 .about-widget .lower-content {}

.fotter-27 .about-widget .lower-content .text {

    margin-top: 45px;

}

.fotter-27 .about-widget .lower-content .text p {

    font-size: 17px;

    color: #636363;

    line-height: 36px;

    margin-bottom: 0;

}

.fotter-27 .about-widget .lower-content .list {}

.fotter-27 .about-widget .lower-content .list ul {}

.fotter-27 .about-widget .lower-content .list ul li {

	font-size: 17px;

    color: #636363;

    line-height: 36px;

}



.fotter-27 .about-widget .lower-content .subscribe-form {

    margin-top: 40px;

}

.fotter-27 .about-widget .lower-content .subscribe-form .form-group {

	position: relative;

}

.fotter-27 .about-widget .lower-content .subscribe-form .form-group input {

    width: 100%;

    height: 50px;

    padding: 0px 30px;

    border-radius: 30px;

    background: #FF4555;

    font-size: 18px;

    color: #FEFEFE;

}

.fotter-27 .about-widget .lower-content .subscribe-form .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #FEFEFE;

	font-size: 18px;

}

.fotter-27 .about-widget .lower-content .subscribe-form .form-group button {

    position: absolute;

    font-size: 18px;

    right: 0;

    top: 0;

    color: #fff;

    background: #112578;

    height: 50px;

    border-radius: 50px;

    padding: 0px 25px;

	cursor: pointer;

}



.fotter-27 .links-widget {

    margin-top: -8px;

}

.fotter-27 .links-widget h2 {

    font-size: 24px;

    color: #636363;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-27 .links-widget .footer-list {}

.fotter-27 .links-widget .footer-list {}

.fotter-27 .links-widget .footer-list li {}

.fotter-27 .links-widget .footer-list li a {

	font-size: 17px;

    color: #636363;

    line-height: 36px;

	transition: all 700ms ease;

}

.fotter-27 .links-widget .footer-list li a:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.fotter-27 .about-widget-two {

    margin-top: -5px;

}

.fotter-27 .about-widget-two h2 {

	font-size: 24px;

    color: #636363;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-27 .about-widget-two .text p {

    font-size: 17px;

    color: #636363;

    line-height: 36px;

}





/*** 



====================================================================

	fotter-bottom-27

====================================================================



 ***/



.fotter-bottom-27 {

    position: relative;

    padding: 30px 0px 30px 0px;

}

.fotter-bottom-27 .social-links {

    margin-top: 10px;

}

.fotter-bottom-27 .social-links li {

    display: inline-block;

}

.fotter-bottom-27 .social-links li:nth-child(1) a span {

	color: #3B5998;

}

.fotter-bottom-27 .social-links li:nth-child(2) a span {

	color: #1DA1F2;

}

.fotter-bottom-27 .social-links li:nth-child(3) a span {

	color: #0E76A8;

}

.fotter-bottom-27 .social-links li:nth-child(4) a span {

	color: #C8232C;

}

.fotter-bottom-27 .social-links li a span {

    font-size: 22px;

    margin: 0px 15px;

}

.fotter-bottom-27 .footer-text p {

    color: #636363;

    font-size: 18px;

    text-align: right;

    margin-bottom: 0;

    margin-top: 10px;

}



/*** 



====================================================================

	find your doctor 28

====================================================================



 ***/



.find-your-doctor-28 {

    position: relative;

    padding: 100px 0px 135px 0px;

    text-align: center;

}

.find-your-doctor-28 .image {

    margin-bottom: 5px;

}

.find-your-doctor-28 .image img {}

.find-your-doctor-28 .title {}

.find-your-doctor-28 .title h3 {

    font-size: 48px;

    color: #fff;

    font-weight: 600;

}





/*** 



====================================================================

	banner-section style-h27

====================================================================



 ***/



.booking-form-28 {

	position: relative;

}

.booking-form-28 .slide-item {

    position: relative;

    padding: 100px 0px 60px 0px;

}

.booking-form-28 .content-box {

    background: #421AB6;

    padding: 45px 50px 30px 50px;

    position: relative;

    border-radius: 10px;

    margin-top: -60px;

    z-index: 9;

    box-shadow: 0px 11px 17px 0px rgba(66, 26, 182, 0.32);

}

.booking-form-28 .content-box .title {}

.booking-form-28 .content-box .title h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 25px;

}

.booking-form-28 .content-box .form-group {

    margin-bottom: 30px;

}

.booking-form-28 .content-box .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.booking-form-28 .content-box .form-group select option {}

.booking-form-28 .content-box .form-group input {

	width: 100%;

    height: 52px;

	line-height: 52px;

    font-size: 14px;

    padding: 0px 0px 0px 15px;

	border: 1px solid #EDEDED;

    background: #421AB6;

	color: #CACACA;

    border-radius: 30px;

}

.booking-form-28 .content-box .form-group textarea {

    width: 100%;

    font-size: 14px;

    height: 52px;

	padding: 0px 0px 0px 15px;

	border: 1px solid #EDEDED;

    background: #421AB6;

	color: #CACACA;

	line-height: 52px;

    border-radius: 30px;

}

.booking-form-28 .content-box .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #CACACA;

	font-size: 14px;

}

.booking-form-28 .content-box .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #CACACA;

	font-size: 14px;

}

.booking-form-28 .content-box .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #CACACA;

	font-size: 14px;

}

.booking-form-28 .content-box .form-group button.theme-btn {

    color: #FFFFFF;

    font-size: 14px;

    background: #FF4555;

    padding: 15px 30px 15px 30px;

    cursor: pointer;

    border-radius: 30px;

    font-weight: 600;

    display: inline-block;

    z-index: 1;

    overflow: hidden;

    position: relative;

    /* margin-left: 24px; */

    float: right;

}



.booking-form-28 .content-box .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.booking-form-28 .content-box .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.booking-form-28 button.reset {

    position: relative;

    font-size: 16px;

    color: #989898;

    background: #FFFFFF;

    padding: 10px 70px 10px 30px;

    float: right;

    cursor: pointer;

    border-radius: 5px;

}

.booking-form-28 button.reset:before {

    position: absolute;

    right: 30px;

    top: 9px;

    content: "\f021";

    font-size: 16px;

    font-family: "fontawesome";

    transition: all 1700ms ease;

    font-weight: 100;

    color: #989898;

}

.booking-form-28 button.reset:hover:before {

	transform: rotate(690deg);

	transition: all 1700ms ease;

}

.booking-form-28 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.booking-form-28 .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    font-weight: 300;

    box-shadow: none !important;

    height: 52px;

    line-height: 52px;

    padding: 0px 0px 0px 15px;

	border: 1px solid #EDEDED;

    background: #421AB6;

	color: #CACACA;

    border-radius: 30px;

}



.booking-form-28 .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.booking-form-28 .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.booking-form-28 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.booking-form-28 .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.booking-form-28 .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.booking-form-28 .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.booking-form-28 .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.booking-form-28 .bootstrap-select .dropdown-menu > li.selected > a {

  background: #421AB6;

  color: #fff;

}

.booking-form-28 .btn-light:not(:disabled):not(.disabled).active, .booking-form-28 .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #fff;

    border-color: #fff;

}



.booking-form-28 .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.booking-form-28 .bootstrap-select .dropdown-menu > li > a:hover {

  background: #421AB6;

  color: #fff;

  cursor: pointer;

}



/*** 



====================================================================

	service-icon-28

====================================================================



 ***/



.service-icon-28 {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.service-icon-28 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.service-icon-28 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.service-icon-28 .sec-title-five .title h2 {

    color: #363636;

    font-size: 48px;

    font-weight: 600;

    margin-bottom: 15px;

}

.service-icon-28 .item {

    padding: 65px 40px 40px 40px;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

    position: relative;

    background: #fef9f9;

    border-radius: 10px;

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

    transition: all 700ms ease;

    margin-bottom: 35px;

}

.service-icon-28 .item .icon span {}

.service-icon-28 .item .icon span:before {

    font-size: 70px;

    color: #00C5FF;

    transition: all 700ms ease;

}

.service-icon-28 .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-28 .item .lower-conent {}

.service-icon-28 .item .lower-conent .title h3 {

    font-size: 24px;

    font-weight: 600;

    margin-top: 25px;

    margin-bottom: 20px;

}

.service-icon-28 .item .lower-conent .title h3 a {

    color: #001064;

	transition: all 700ms ease;

}

.service-icon-28 .item .lower-conent .title h3 a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-28 .item .lower-conent .btn-box {}

.service-icon-28 .item .lower-conent .btn-box a {

    font-size: 16px;

    color: #FF4555;

    font-weight: 500;

	transition: all 700ms ease;

}

.service-icon-28 .item .lower-conent .btn-box a:hover {

    color: #001064;

	transition: all 700ms ease;

}

.service-icon-28 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    margin-top: 30px;

}

.service-icon-28 .owl-nav .owl-prev {

    width: 42px;

    height: 42px;

    line-height: 38px;

    border: 2px solid #DFDFDF;

    background: transparent;

    text-align: center;

    font-size: 20px;

    color: #B6B6B6;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

    border-radius: 30px;

}

.service-icon-28 .owl-nav .owl-next {

    width: 42px;

    height: 42px;

    line-height: 38px;

    border: 2px solid #DFDFDF;

    background: transparent;

    text-align: center;

    font-size: 20px;

    color: #B6B6B6;

    display: inline-block;

    transition: all 700ms ease;

    border-radius: 30px;

}

.service-icon-28 .owl-nav .owl-prev:hover, .service-icon-28 .owl-nav .owl-next:hover {

    border: 2px solid #FF4555;

	color: #fff;

	background: #FF4555;

	transition: all 700ms ease;

}

.service-icon-28 .owl-nav .owl-prev span {

	font-weight: 600;

}

.service-icon-28 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	team-28

====================================================================



 ***/



.team-28 {

    position: relative;

    padding: 100px 0px 60px 0px;

    background-repeat: no-repeat;

    background: #f5f8fa;

}

.team-28.bb {

    padding: 0px 0px 60px 0px;

}

.team-28 .sec-title-five {

    margin-bottom: 60px;

}

.team-28 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.team-28 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.team-28 .item {

    margin-bottom: 40px;

}

.team-28 .item .image-box {}

.team-28 .item .image-box img {}

.team-28 .item .list {

    box-shadow: 0px 0px 54px 0px rgba(237, 237, 237, 0.74);

    border-radius: 10px;

    background: #ffffff;

	transition: all 700ms ease;

}



.team-28 .item .list .title {

    background: #00C5FF;

    padding: 10px 20px 10px 45px;

    margin-bottom: 20px;

    position: relative;

    background: #00C5FF;

    padding: 15px 20px 15px 45px;

    margin-bottom: 20px;

    transition: all 700ms ease;

    z-index: 1;

    overflow: hidden;

}

.team-28 .item .list .title h3 {

    font-size: 18px;

    font-weight: 600;

}

.team-28 .item .list .title h3 a {

	color: #fff;

	transition: all 700ms ease;

}

.team-28 .item .list .title h3 a:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.team-28 .item .list ul {}

.team-28 .item .list ul li {

    color: #606060;

    font-size: 18px;

    font-weight: 500;

    border-bottom: 1px solid #F1F1F1;

    padding: 15px 20px 15px 45px;

    transition: all 700ms ease;

    color: #2a2a2a;

    font-size: 16px;

    font-weight: 500;

    border-bottom: 1px solid #F1F1F1;

    padding: 15px 20px 15px 45px;

    transition: all 700ms ease;

}

.team-28 .item .list ul li:hover {

	color: #001064;

	transition: all 700ms ease;

}

.team-28 .item .list ul li span {

    margin-right: 10px;

    position: relative;

    top: 2px;

    margin-right: 10px;

    position: relative;

    top: 2px;

    color: #ff4555;

}

.team-28 .item .btn-box {

    text-align: center;

    margin: 40px 30px 20px 30px;

    padding-bottom: 45px;

}

.team-28 .item .btn-box a {

    position: relative;

    color: #00C5FF;

    font-size: 16px;

    background: transparent;

    padding: 15px 20px;

    cursor: pointer;

    border: 1px solid #E3E3E3;

    display: inline-block;

    width: 100%;

    font-weight: 600;

    border-radius: 30px;

	z-index: 1;

	overflow: hidden;

	transition: all 700ms ease;

}

.team-28 .item:hover .btn-box a {

	color: #fff;

	transition: all 700ms ease;

}

.team-28 .item .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.team-28 .item:hover .btn-box a:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.team-28 .item .btn-box a span {

    position: relative;

    top: 2px;

    font-size: 20px;

    font-weight: 600;

    margin-left: 10px;

}



.team-28 .owl-nav {

    position: relative;

    bottom: 0px;

    left: 0;

    display: block !important;

    text-align: center;

    /* margin-top: 30px; */

}

.team-28 .owl-nav .owl-prev {

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

    background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

}

.team-28 .owl-nav .owl-next {

    width: 64px;

    height: 40px;

    border: 2px solid #00C5FF;

	background: transparent;

    text-align: center;

    line-height: 38px;

    font-size: 20px;

    color: #00C5FF;

    display: inline-block;

    transition: all 700ms ease;

}

.team-28 .owl-nav .owl-prev:hover, .team-28 .owl-nav .owl-next:hover {

    border: 2px solid #00C5FF;

	color: #fff;

	background: #00C5FF;

	transition: all 700ms ease;

}

.team-28 .owl-nav .owl-prev span {

	font-weight: 600;

}

.team-28 .owl-nav .owl-next span {

	font-weight: 600;

}



/*** 



====================================================================

	funfact-28

====================================================================



 ***/



.funfact-28 {


    position: relative;

    padding: 100px 0px 85px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.funfact-28 .sec-title-five {

    margin-bottom: 60px;

	margin-top: -5px;

}

.funfact-28 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.funfact-28 .sec-title-five .title h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.funfact-28 .item {

    position: relative;

    text-align: center;

    transition: all 700ms ease;

    margin-bottom: 20px;

}

.funfact-28 .sec-title-five .text p {

    font-size: 18px;

    color: #ffffff;

    line-height: 30px;

}

.funfact-28 .item .icon {

    width: 95px;

    height: 95px;

    line-height: 95px;

    background: #FFFFFF;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 35px;

}

.funfact-28 .item .icon span:before {

    font-size: 50px;

    color: #ff4555;

    transition: all 700ms ease;

}

.funfact-28 .culmn:nth-child(1) .item .icon span:before {

    left: 6px;

    position: relative;

}

.funfact-28 .item .content {}

.funfact-28 .item .content .count-outer {

    font-size: 36px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 20px;

    transition: all 700ms ease;

}

.funfact-28 .item .content .count-outer .count-text {

    font-size: 50px;

    color: #ffffff;

    font-weight: 600;

    transition: all 700ms ease;

}

.funfact-28 .item .content h4 {

	font-size: 23px;

	color: #ffffff;

	font-weight: 500;

	transition: all 700ms ease;

}

.funfact-28 .btn-box {

	text-align: center;

	margin-top: 50px;

}

.funfact-28 .btn-box a {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    padding: 15px 50px;

    cursor: pointer;

    border: 1px solid #fff;

    border-radius: 5px;

    display: inline-block;

	font-weight: 600;

}

.funfact-28 .btn-box a span {

    font-size: 20px;

    margin-left: 20px;

    position: relative;

    top: 3px;

}

.funfact-28 .subscribe-form {

    margin-top: 108px;

    margin: 10px 200px;

}

.funfact-28 .subscribe-form form {

    margin-top: 70px;

}

.funfact-28 .subscribe-form .form-group {

	position: relative;

}

.funfact-28 .subscribe-form .form-group input {

    width: 100%;

    height: 61px;

    padding: 0px 30px;

    border-radius: 30px;

    background: #FFFFFF;

    font-size: 18px;

    color: #FEFEFE;

}

.funfact-28 .subscribe-form .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #C5C5C5;

	font-size: 16px;

}

.funfact-28 .subscribe-form .form-group button {

    position: absolute;

    font-size: 18px;

    right: 0;

    top: 0;

    color: #fff;

    background: #FF4555;

    height: 61px;

    border-radius: 50px;

    padding: 0px 49px;

    cursor: pointer;

	z-index: 1;

	overflow: hidden;

}



.funfact-28 .subscribe-form .form-group button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.funfact-28 .subscribe-form .form-group button:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}









/*** 



====================================================================

	about-us-28 

====================================================================



 ***/

.about-us-28 {

	position: relative;

	padding: 100px 0px 100px 0px;

}



.about-us-28 .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

    padding-bottom: 0;

}

.about-us-28 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.about-us-28 .sec-title-five .title h2 {

    color: #fff;

    font-size: 48px;

    font-weight: 600;

    margin-bottom: 15px;

}

.about-us-28 .accordion-box-h26 {

	position: relative;

}



.about-us-28 .accordion-box-h26 .block {

    position: relative;

    margin-bottom: 20px;

}



.about-us-28 .accordion-box-h26 .block:before {

    position: absolute;

    right: 29px;

    top: 5px;

    content: "";

    background: url(../images/ex-new-two/icon/accordion-box-h26-icon.png);

    width: 75px;

    height: 100%;

    background-repeat: no-repeat;

    z-index: 1;

}



.about-us-28 .accordion-box-h26 .block:last-child{

	margin-bottom: 0;

}



.about-us-28 .accordion-box-h26 .block .acc-btn {

    position: relative;

    font-size: 20px;

    line-height: 25px;

    color: #161616;

    font-weight: 600;

    cursor: pointer;

    padding: 16px 30px;

    background-color: #EFEFEF;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border-radius: 50px;

}



.about-us-28 .accordion-box-h26 .block .icon {

    position: absolute;

    right: 6px;

    top: 6px;

    font-size: 25px;

    font-weight: 700;

    color: #fff;

    width: 45px;

    height: 45px;

    line-height: 45px;

    background: #05acdd;

    border-radius: 30px;

    text-align: center;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.about-us-28 .accordion-box-h26 .block .acc-btn.active .icon {

    color: #ffffff;

}

.about-us-28 .accordion-box-h26 .block .acc-btn.active .icon:before {

    content: "\f138";

    font-size: 20px;

    font-weight: 600;

}

.about-us-28 .accordion-box-h26 .block .acc-btn .icon:before{

	font-size: 20px;

	font-weight: 600;

}



.about-us-28 .accordion-box-h26 .block .acc-btn.active {

    position: relative;

    background-color: #00C5FF;

    color: #fff;

    /* border: #FF4555; */

}



.about-us-28 .accordion-box-h26 .block .acc-content{

	position:relative;

	display:none;

}



.about-us-28 .accordion-box-h26 .block .content {

    position: relative;

    padding: 15px 30px 5px;

}



.about-us-28 .accordion-box-h26 .block .acc-content.current{ 

	display: block;

}



.about-us-28 .accordion-box-h26 .block .content .text {

    display: block;

    font-size: 16px;

    line-height: 28px;

    color: #FFFFFF;

}

.about-us-28 .accordion-box-h26 .block .content .text span {

    color: #FF4555;

}

.about-us-28 .text-two p {

    font-size: 18px;

    color: #FFFFFF;

    line-height: 30px;

    margin-bottom: 30px;

}

.about-us-28 .image-one {

    margin-left: 40px;

}



/*** 



====================================================================

	aboutus-slider-28

====================================================================



 ***/



.aboutus-slider-28 {

	position:relative;

	padding:0px;

}



.aboutus-slider-28 .content-container{

	position:relative;

	padding:100px 0px;

}



.aboutus-slider-28 .title-style-one{

	margin-bottom:30px;	

}



.aboutus-slider-28 .client-thumb-outer {

    position: relative;

    max-width: 300px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 20px;

}



.aboutus-slider-28 .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.aboutus-slider-28 .client-thumb-outer .client-thumbs-carousel-four {

	position: relative;

    max-width: 80px;

    margin: 0 auto;

	text-align:center;

}



.aboutus-slider-28 .client-thumb-outer .client-thumbs-carousel-four .owl-stage-outer{

	overflow:visible;

}



.aboutus-slider-28 .client-thumb-outer .thumb-item .thumb-box {

	width:80px;

	height:80px;

	cursor:pointer;

	margin: 0 auto;

	z-index:-1;

	overflow:hidden;

}



.aboutus-slider-28 .client-thumb-outer .thumb-item .thumb-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	z-index:1;

}



.aboutus-slider-28 .client-thumb-outer .owl-item.active .thumb-box:before{

	background-color: rgba(251, 90, 102, 0.7);

}



.aboutus-slider-28 .client-thumb-outer .client-thumbs-carousel-four .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

}



.aboutus-slider-28 .owl-item.active .thumb-content {

	opacity:1;

}



.aboutus-slider-28 .owl-nav {

    position: absolute;

    left: 50%;

    bottom: -18px;

    width: 100%;

    max-width: 400px;

    margin-left: -200px;

}



.aboutus-slider-28 .owl-nav .owl-prev, .aboutus-slider-28 .owl-nav .owl-next {

    position: absolute;

    display: inline-block;

    color: #fff;

    font-size: 20px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

    width: 40px;

    height: 80px;

    line-height: 80px;

    background: #00C5FF;

    text-align: center;

    border-radius: 5px;

}



.aboutus-slider-28 .owl-nav .owl-prev:hover,

.aboutus-slider-28 .owl-nav .owl-next:hover{

	background: #FF4555;

	transition: all 300ms ease;

}



.aboutus-slider-28 .owl-nav .owl-prev {

    left: 0px;

}



.aboutus-slider-28 .owl-nav .owl-next{

	right: 0px;

}



.aboutus-slider-28 .owl-dots{

	display:none;

}



.aboutus-slider-28 .testimonial-block-one {

	position:relative;

}



.aboutus-slider-28 .testimonial-block-one .inner-box {

	position:relative;

}



.aboutus-slider-28 .testimonial-block-one .inner-box .info-column {

	position:relative;

	margin-bottom:40px;

}



.aboutus-slider-28 .testimonial-block-one .inner-box .info-column .inner-column {

	position:relative;

}



.aboutus-slider-28 .testimonial-block-one .inner-box .info-column .desination {

	position:relative;

	color:#1e1e1e;

	font-size:14px;

	font-weight:300;

	margin-bottom:6px;

}







/*** 



====================================================================

	testimonials-28

====================================================================



 ***/



.testimonials-28 {

    position: relative;

    padding: 100px 0px 100px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.testimonials-28 .sec-title-five {

    margin-bottom: 60px;

}

.testimonials-28 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.testimonials-28 .sec-title-five .title h2 {

    color: #363636;

    font-size: 48px;

    font-weight: 600;

    margin-bottom: 15px;

}

.testimonials-28 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.testimonials-28 .content-container{

	position:relative;

	padding:100px 0px;

}



.testimonials-28 .title-style-one{

	margin-bottom:30px;	

}



.testimonials-28 .client-thumb-outer {

    position: relative;

    max-width: 170px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 20px;

    margin-top: 30px;

}



.testimonials-28 .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.testimonials-28 .client-thumb-outer .client-thumbs-carousel-five {

    position: relative;

    max-width: 40px;

    margin: 0 auto;

    text-align: center;

}



.testimonials-28 .client-thumb-outer .client-thumbs-carousel-five .owl-stage-outer{

	overflow:visible;

}



.testimonials-28 .client-thumb-outer .thumb-item .thumb-box {

    width: 40px;

    height: 40px;

    cursor: pointer;

    margin: 0 auto;

    z-index: -1;

    overflow: hidden;

}



.testimonials-28 .client-thumb-outer .thumb-item .thumb-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	z-index:1;

}



.testimonials-28 .client-thumb-outer .owl-item.active .thumb-box:before{

	background-color: rgba(251, 90, 102, 0.7);

	border-radius: 30px;

}



.testimonials-28 .client-thumb-outer .client-thumbs-carousel-three .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

}



.testimonials-28 .owl-item.active .thumb-content{

	opacity:1;

}



.testimonials-28 .owl-nav {

    position: absolute;

    left: 50%;

    bottom: -50px;

    width: 100%;

    max-width: 355px;

    margin-left: -200px;

    display: block !important;

}



.testimonials-28 .owl-nav .owl-prev, .testimonials-28 .owl-nav .owl-next {

    position: absolute;

    width: 64px;

    height: 40px;

    border: 2px solid #FF4555;

    background: transparent;

    text-align: center;

    line-height: 36px;

    font-size: 25px;

    color: #9B9B9B;

    font-weight: 700;

    display: inline-block;

    transition: all 700ms ease;

}

.testimonials-28 .owl-nav .owl-prev:after {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-28 .owl-nav .owl-prev:hover:after {

    width: 100%;

    opacity: 1;

}

.testimonials-28 .owl-nav .owl-next:after {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0px;

    height: 100%;

    display: block;

    opacity: 0;

	background: #FF4555;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: -1;

}



.testimonials-28 .owl-nav .owl-next:hover:after {

    width: 100%;

    opacity: 1;

}

.testimonials-28 .owl-nav .owl-prev:hover, .testimonials-28 .owl-nav .owl-next:hover {

	color: #fff;

}

.testimonials-28 .owl-nav .owl-prev {

    left: 30px;

}



.testimonials-28 .owl-nav .owl-next {

    right: -10px;

}



.testimonials-28 .owl-dots{

	display:none;

}



.testimonials-28 .testimonial-block-one {


    position: relative;

    text-align: center;

}



.testimonials-28 .testimonial-block-one .inner-box{

	position:relative;

}



.testimonials-28 .testimonial-block-one .inner-box .info-column{

	position:relative;

	margin-bottom:40px;

}



.testimonials-28 .testimonial-block-one .inner-box .info-column .inner-column{

	position:relative;

}



.testimonials-28 .testimonial-block-one .inner-box .info-column .desination{

	position:relative;

	color:#1e1e1e;

	font-size:14px;

	font-weight:300;

	margin-bottom:6px;

}



.testimonials-28 .inner-box {}

.testimonials-28 .inner-box .image {}

.testimonials-28 .inner-box .image img {

    width: 90px;

    margin: 0 auto;

}

.testimonials-28 .inner-box .text-box {}

.testimonials-28 .inner-box .text-box .tilte {}

.testimonials-28 .inner-box .text-box .tilte h3 {

    font-size: 18px;

    color: #606060;

    font-weight: 600;

    margin-top: 16px;

    margin-bottom: 21px;

}

.testimonials-28 .inner-box .text-box .text p {

    font-size: 16px;

    color: #606060;

    line-height: 24px;

    font-weight: 500;

    margin-bottom: 30px;

}

.testimonials-28 .inner-box .rating {}

.testimonials-28 .inner-box .rating li {

    font-size: 16px;

    color: #FED533;

    margin: 0px 2px;

    font-weight: 600;

}















/*** 



====================================================================

	fotter-28

====================================================================



 ***/



.fotter-28 {

    position: relative;

    padding: 100px 0px 90px 0px;

    background: #0D173F;

}

.fotter-28 .about-widget {}

.fotter-28 .about-widget .footer-logo {}

.fotter-28 .about-widget .footer-logo img {}

.fotter-28 .about-widget .lower-content {}

.fotter-28 .about-widget .lower-content .text {

    margin-top: 45px;

}

.fotter-28 .about-widget .lower-content .text p {

    font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

    margin-bottom: 0;

}

.fotter-28 .about-widget .lower-content .list {}

.fotter-28 .about-widget .lower-content .list ul {}

.fotter-28 .about-widget .lower-content .list ul li {

	font-size: 17px;

    color: #C8C8C8;

    line-height: 36px;

}



.fotter-28 .about-widget .lower-content .subscribe-form {

    margin-top: 40px;

}

.fotter-28 .about-widget .lower-content .subscribe-form .form-group {

	position: relative;

}

.fotter-28 .about-widget .lower-content .subscribe-form .form-group input {

    width: 100%;

    height: 50px;

    padding: 0px 30px;

    border-radius: 30px;

    background: #FF4555;

    font-size: 14px;

    color: #FEFEFE;

}

.fotter-28 .about-widget .lower-content .subscribe-form .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #FEFEFE;

	font-size: 18px;

}

.fotter-28 .about-widget .lower-content .subscribe-form .form-group button {

    position: absolute;

    font-size: 18px;

    right: 0;

    top: 0;

    color: #fff;

    background: #112578;

    height: 50px;

    border-radius: 50px;

    padding: 0px 25px;

	cursor: pointer;

	z-index: 1;

	overflow: hidden;

}



.fotter-28 .about-widget .lower-content .subscribe-form .form-group button:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);


    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.fotter-28 .about-widget .lower-content .subscribe-form .form-group button:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.fotter-28 .links-widget {

    margin-top: -8px;

}

.fotter-28 .links-widget h2 {

    font-size: 24px;

    color: #C8C8C8;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-28 .links-widget .footer-list {}

.fotter-28 .links-widget .footer-list {}

.fotter-28 .links-widget .footer-list li {}

.fotter-28 .links-widget .footer-list li a {

	font-size: 17px;

	color: #C8C8C8;

	line-height: 36px;

	transition: all 700ms ease;

	font-family: 'Exo', sans-serif;

}

.fotter-28 .links-widget .footer-list li a:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.fotter-28 .emergency-doctor {

    margin-top: -8px;

}

.fotter-28 .emergency-doctor h2 {

    font-size: 24px;

    color: #C8C8C8;

    font-weight: 600;

    margin-bottom: 45px;

}

.fotter-28 .emergency-doctor .item {

    position: relative;

    padding: 0px 0px 0px 120px;

    margin-left: -30px;

    left: 30px;

    margin-bottom: 20px;

}

.fotter-28 .emergency-doctor .item .image {

    position: absolute;

    left: 0;

    top: 0;

}

.fotter-28 .emergency-doctor .item .image img {

    border-radius: 10px;

}

.fotter-28 .emergency-doctor .item .lower-content {}

.fotter-28 .emergency-doctor .item .lower-content .title h3 {

    font-family: 'Exo', sans-serif;

}

.fotter-28 .emergency-doctor .item .lower-content .title h3 a {

    font-size: 16px;

    color: #C8C8C8;

    font-weight: 600;

}

.fotter-28 .emergency-doctor .item .lower-content .dasignation {}

.fotter-28 .emergency-doctor .item .lower-content .dasignation h4 {

    font-size: 16px;

    color: #FF4555;

    font-weight: 500;

    font-family: 'Exo', sans-serif;

}





/*** 



====================================================================

	fotter-bottom-27

====================================================================



 ***/



.fotter-bottom-28 {

    position: relative;

    padding: 30px 0px 30px 0px;

    background: #090D1E;

}

.fotter-bottom-28 .social-links {

    margin-top: 10px;

}

.fotter-bottom-28 .social-links li {

    display: inline-block;

}

.fotter-bottom-28 .social-links li a span {

    font-size: 18px;

	color: #938787;

	transition: all 700ms ease;

	    display: inline-block;

    width: 42px;

    height: 42px;

    line-height: 42px;

    border: 1px solid #777778;

    text-align: center;

    border-radius: 30px;

    margin: 0px 5px;

}

.fotter-bottom-28 .social-links li a span:hover {

    color: #FF4555;

    transition: all 700ms ease;

}

.fotter-bottom-28 .footer-text p {

    color: #636363;

    font-size: 18px;

    text-align: right;

    margin-bottom: 0;

    margin-top: 10px;

}

.fotter-bottom-28 .footer-text p span {

	color: #FF4555;

}





/*** 



====================================================================

	Page Title

====================================================================



***/



.page-title-two {

    position: relative;

    padding: 100px 0px 100px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.page-title-two:before{

	position:absolute;

	content: '';

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: block;

	background-color: rgba(14,12,31,0.80);

}



.page-title-two .auto-container{

	position:relative;

}



.page-title-two h1 {

    position: relative;

    color: #00C5FF;

    font-size: 46px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 5px;

    text-transform: capitalize;

    padding-bottom: 35px;

}



.page-title-two {

    position: relative;

}



.page-title-two:before{

	position:absolute;

	content: '';

	left: -50px;

	top: 10px;

	height: 1px;

	width:35px;

	background-color: #ffffff;

}



.page-title-two li {

    position: relative;

    display: inline-block;

    margin-right: 10px;

    padding-right: 15px;

    color: #FF4555;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



.page-title-two li:after{

	position:absolute;

	content: "\f105";

	right:-2px;

	top:-1px;

	color: #5F5F5F;

	font-size:14px;

	font-family: 'FontAwesome';

}



.page-title-two li:last-child::after{

	display: none;

}



.page-title-two li:last-child{

	padding-right:0px;

	margin-right:0px;

}



.page-title-two li a {

    color: #5F5F5F;

    font-weight: 500;

    text-transform: capitalize;

    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;

}



.page-title-two li a:hover{

	color:#FF4555;

}



/*** 



====================================================================

	doctor details

====================================================================



***/



.doctor-details {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.doctor-details .profile {

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

}

.doctor-details .profile .image-box {}

.doctor-details .profile .image-box img {}

.doctor-details .profile .lower-content {

    padding: 30px 30px 30px 30px;

}

.doctor-details .profile .lower-content .title {}

.doctor-details .profile .lower-content .title h3 {

    font-size: 24px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 18px;

}

.doctor-details .profile .lower-content .dasignation {}

.doctor-details .profile .lower-content .dasignation h4 {

    font-size: 16px;

    color: #363636;

    font-weight: 500;

    line-height: 24px;

}



.doctor-details .emergency-call {

    position: relative;

    background: #FF4555;

    margin-top: 30px;

    padding: 45px 20px 45px 95px;

    border-radius: 10px;

}

.doctor-details .emergency-call .icon {

    position: absolute;

    left: 20px;

    top: 45px;

}

.doctor-details .emergency-call .icon img {}



.doctor-details .emergency-call .title h3 {

	position: relative;

    font-weight: 600;

    font-size: 20px;

    color: #FFFFFF;

    margin-bottom: 10px;

}

.doctor-details .emergency-call .call h4 {

    font-size: 18px;

    color: #FFFFFF;

    font-weight: 500;

}

.doctor-details .doctor-Schedule {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 15px 30px;

}

.doctor-details .doctor-Schedule .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.doctor-details .doctor-Schedule .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.doctor-details .doctor-Schedule .list {}

.doctor-details .doctor-Schedule .list ul {}

.doctor-details .doctor-Schedule .list ul li {

    font-size: 18px;

    color: #606060;

    font-weight: 500;

    margin-bottom: 25px;

}

.doctor-details .doctor-Schedule .list ul li span {

    padding-right: 100px;

    width: 155px;

    display: block;

    float: left;

}



.doctor-details .book-appoinment {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 15px 30px;

}

.doctor-details .book-appoinment .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.doctor-details .book-appoinment .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.doctor-details .book-appoinment .form-group {}

.doctor-details .book-appoinment .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.doctor-details .book-appoinment .form-group select option {}

.doctor-details .book-appoinment .form-group input {

    width: 100%;

    height: 57px;

    line-height: 57px;

    font-size: 14px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.doctor-details .book-appoinment .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.doctor-details .book-appoinment .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.doctor-details .book-appoinment .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.doctor-details .book-appoinment .form-group button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    /* padding: 15px 30px 15px 30px; */

    cursor: pointer;

    font-weight: 600;

    display: inline-block;

    width: 100%;

    height: 57px;

    line-height: 57px;

	z-index: 1;

	overflow: hidden;

}



.doctor-details .book-appoinment .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.doctor-details .book-appoinment .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.doctor-details .book-appoinment .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.doctor-details .book-appoinment .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    font-weight: 300;

    box-shadow: none !important;

    height: 57px;

    line-height: 57px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.doctor-details .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    color: #9C9C9C;

}



.doctor-details .book-appoinment .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.doctor-details .book-appoinment .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.doctor-details .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li.selected > a {

  background: #FF4555;

  color: #fff;

}

.doctor-details .book-appoinment .btn-light:not(:disabled):not(.disabled).active, .booking-form-28 .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #fff;

    border-color: #fff;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.doctor-details .book-appoinment .bootstrap-select .dropdown-menu > li > a:hover {

  background: #FF4555;

  color: #fff;

  cursor: pointer;

}



.doctor-details .image-box {

    position: relative;

}

.doctor-details .image-box img {

    border-radius: 10px;

}

.doctor-details .image-box .lower-content {

    position: absolute;

    left: 0;

    top: 0;

    margin: 124px 0px 124px 40px;

}

.doctor-details .image-box .lower-content .title h3 {

    font-size: 30px;

    color: #000000;

    font-weight: 600;

}

.doctor-details .image-box .lower-content .title h3 span {

    color: #FF4555;

}

.doctor-details .image-box .lower-content .btn-box {

    margin-top: 15px;

}

.doctor-details .image-box .lower-content .btn-box a {

	position: relative;

    color: #FFFFFF;

    background: #FF4555;

    padding: 10px 35px 10px 35px;

    display: inline-block;

    border-radius: 25px;

    font-weight: 600;

	z-index: 1;

	overflow: hidden;

}



.doctor-details .image-box .lower-content .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.doctor-details .image-box .lower-content .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.doctor-details .image-carousel .owl-nav{

	display:none;

}



.doctor-details .image-carousel .owl-dots {

    position: relative;

    margin-top: -30px;

    text-align: center;

}



.doctor-details .image-carousel .owl-dots .owl-dot{

	position:relative;

	width: 10px;

    height: 10px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#464646;

	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;

}



.doctor-details .image-carousel .owl-dots .owl-dot:hover,

.doctor-details .image-carousel .owl-dots .owl-dot.active{

	position:relative;

	width: 10px;

    height: 10px;

	border-radius:10px;

	background-color: #FF4555;

}







.doctor-details .information-social {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 45px 30px 45px 30px;

}

.doctor-details .information-social .information {}

.doctor-details .information-social .information .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.doctor-details .information-social .information .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.doctor-details .information-social .information .list {}

.doctor-details .information-social .information .list ul {}

.doctor-details .information-social .information .list ul li {

    font-size: 20px;

    color: #606060;

    margin-bottom: 20px;

}

.doctor-details .information-social .information .list ul li span.one {

    width: 270px;

    display: block;

    float: left;

}

.doctor-details .information-social .information .list ul li span.two {

    margin-right: 70px;

}

.doctor-details .information-social .social-list {}

.doctor-details .information-social .social-list .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

}

.doctor-details .information-social .social-list .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.doctor-details .information-social .social-list ul {

    /* margin-top: 55px; */

}

.doctor-details .information-social .social-list ul li {

	position: relative;

    display: inline-block;

}

.doctor-details .information-social .social-list ul li:before {

	position: absolute;

	left: 0;

	top: 0;

	width: 40px;

    height: 39px;

	content: "";

	background: url(../images/ex-new-two/icon/social-list-shape.png);

}

.doctor-details .information-social .social-list ul li a {

	color: #00C5FF;

}

.doctor-details .information-social .social-list ul li a span {

	position: relative;

    font-size: 18px;

    box-shadow: 0px 0px 1.34px 0.66px rgba(206, 206, 206, 0.57);

    display: inline-block;

    width: 40px;

    height: 39px;

    line-height: 39px;

    text-align: center;

    margin-right: 15px;


}





.doctor-details .biography {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

}

.doctor-details .biography .subtitle {}

.doctor-details .biography .subtitle h4 {

	position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.doctor-details .biography .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.doctor-details .biography .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

    margin-left: 30px;

}

.doctor-details .biography .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}



.doctor-details .biography .content {

    position: relative;

    padding: 30px 45px 45px 45px;

}

.doctor-details .biography .content .block-one {}

.doctor-details .biography .content .block-one .title-two {

    background: #F4F4F4;

    padding: 10px 0px 10px 0px;

    padding-left: 50px;

}

.doctor-details .biography .content .block-one .title-two h3 {

    font-size: 16px;

    color: #585858;

    font-weight: 600;

    text-transform: uppercase;

}

.doctor-details .biography .content .block-one .list {

    position: relative;

    /* margin-left: 50px; */

}

.doctor-details .biography .content .block-one .list ul {}

.doctor-details .biography .content .block-one .list ul li {

    color: #282828;

    font-size: 16px;

    padding: 15px 0px 15px 55px;

    border-bottom: 1px solid #F4F4F4;

    font-weight: 600;

    font-family: 'Exo', sans-serif;

}

.doctor-details .biography .content .block-one.two .list ul li {

    padding: 15px 0px 15px 0px;

}

.doctor-details .biography .content .block-one.three .list ul li {

    padding: 15px 0px 15px 0px;

}

.doctor-details .biography .content .culmn {

    padding: 0px 0px;

}

.doctor-details .biography .content .block-one.two {

    text-align: left;

}

.doctor-details .biography .content .block-one.two .title-two {

    padding-left: 0;

    text-align: left;

}

.doctor-details .biography .content .block-one.two .list {

    margin-left: 0;

}

.doctor-details .biography .content .block-one.three .list {

    margin-left: 0;

	margin-right: 50px;

}

.doctor-details .biography .content .block-one.three .list ul li {

    /* text-align: right; */

}

.doctor-details .biography .content .block-one.three .title-two h3 {

    /* text-align: right; */

}

.doctor-details .biography .content .block-one.three .title-two {

    padding-left: 0;

    padding-right: 50px;

}







.doctor-details .tranning {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

}

.doctor-details .tranning .subtitle {}

.doctor-details .tranning .subtitle h4 {

	position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.doctor-details .tranning .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.doctor-details .tranning .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

    margin-left: 30px;

}

.doctor-details .tranning .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}



.doctor-details .tranning .content {

    position: relative;

    padding: 30px 45px 45px 45px;

}

.doctor-details .tranning .content .block-one {}

.doctor-details .tranning .content .block-one .title-two {

    background: #F4F4F4;

    padding: 10px 0px 10px 0px;

    padding-left: 50px;

}

.doctor-details .tranning .content .block-one .title-two h3 {

    font-size: 16px;

    color: #585858;

    font-weight: 600;

    text-transform: uppercase;

}

.doctor-details .tranning .content .block-one .list {

    position: relative;

    /* margin-left: 50px; */

}

.doctor-details .tranning .content .block-one .list ul {}

.doctor-details .tranning .content .block-one .list ul li {

    color: #282828;

    font-size: 16px;

    padding: 15px 0px 15px 55px;

    border-bottom: 1px solid #F4F4F4;

    font-weight: 600;

	    font-family: 'Exo', sans-serif;

}

.doctor-details .tranning .content .block-one.two .list ul li {

    padding: 15px 0px 15px 0px;

}

.doctor-details .tranning .content .block-one.three .list ul li {

    padding: 15px 0px 15px 0px;

}

.doctor-details .tranning .content .culmn {

    padding: 0px 0px;

}

.doctor-details .tranning .content .block-one.two {

    text-align: left;

}

.doctor-details .tranning .content .block-one.two .title-two {

    padding-left: 0;

    text-align: left;

}

.doctor-details .tranning .content .block-one.two .list {

    margin-left: 0;

}

.doctor-details .tranning .content .block-one.three .list {

    margin-left: 0;

	margin-right: 50px;

}

.doctor-details .tranning .content .block-one.three .list ul li {

    /* text-align: right; */

}

.doctor-details .tranning .content .block-one.three .title-two h3 {

    /* text-align: right; */

}

.doctor-details .tranning .content .block-one.three .title-two {

    padding-left: 0;

    padding-right: 50px;

}





.doctor-details .awards {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

}

.doctor-details .awards .subtitle {}

.doctor-details .awards .subtitle h4 {

	position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.doctor-details .awards .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.doctor-details .awards .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

    margin-left: 30px;

}

.doctor-details .awards .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.doctor-details .awards .content {

    position: relative;

    padding: 0px 30px 30px 30px;

}

.doctor-details .awards .block-one {}

.doctor-details .awards .block-one .list {}

.doctor-details .awards .block-one .list ul {}

.doctor-details .awards .block-one .list ul li {

    font-size: 18px;

    color: #222222;

    background: transparent;

    border-bottom: 1px solid #F4F4F4;

    padding: 10px 15px;

    transition: all 700ms ease;

    font-family: 'Exo', sans-serif;

}

.doctor-details .awards .block-one .list ul li:hover {

	background: #F4F4F4;

	transition: all 700ms ease;

}



/*** 



====================================================================

	personality

====================================================================



***/



.personality {}

.personality .personality-awards {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    border-radius: 10px;

    margin-bottom: 100px;

}

.personality .personality-awards .subtitle {}

.personality .personality-awards .subtitle h4 {

    position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.personality .personality-awards .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.personality .personality-awards .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

    margin-left: 30px;

}

.personality .personality-awards .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.personality .personality-awards .content {

    position: relative;

    padding: 0px 30px 30px 30px;

}

.personality .personality-awards .content .text p {

    color: #858585;

    font-size: 16px;

    line-height: 24px;

}

.personality .personality-awards .content .text-two p {

    color: #858585;

    font-size: 16px;

    line-height: 24px;

}



/*** 



====================================================================

	clients 25 two

====================================================================



***/



.clients-25.two {

    padding-top: 0;

}

.clients-25 .owl-nav {

    display: none;

}



/*** 



====================================================================

	page title two white

====================================================================



***/



.page-title-two.white {}

.page-title-two.white h1 {

    color: #FFFFFF;

}

.page-title-two.white li a {

    color: #fff;

}

.page-title-two.white li:after {

    color: #fff;	

}



/*** 



====================================================================

	team 28 two

====================================================================



***/



.team-28.two {

    padding-top: 100px;

}

/*** 



====================================================================

	team 26 two

====================================================================



***/



.team-26.two {

    background-repeat: no-repeat;

}

.team-26.two .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.team-26.two .item {

    margin-top: 0px;

	box-shadow: 0px 0px 10px 0px rgba(237, 237, 237, 0.74);

}

.team-26.two .sec-title-five .sub-title h3 {

    color: #fff;

}

.team-26.two .sec-title-five .title h2 {

    color: #fff;

}



/*** 



====================================================================

	question

====================================================================



***/



.question {

    position: relative;

    padding: 100px 0px 100px 0px;

    text-align: center;

}

.question .content {}

.question .content .title h3 {

    font-size: 36px;

    color: #FFFFFF;

    font-weight: 600;

    line-height: 48px;

}

.question .content .btn-box {

    display: inline-block;

    margin-top: 40px;

}

.question .content .btn-box a {

	position: relative;

    font-size: 16px;

    color: #fff;

    background: #FF4555;

    display: inline-block;

    padding: 15px 55px 15px;

    border-radius: 50px;

	z-index: 1;

	overflow: hidden;

	transition: all 700ms ease;

}

.question .content .btn-box a:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.question .content .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #fff;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.question .content .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}







/*** 



====================================================================

	sidebar-page

====================================================================



***/



.sidebar-page {

    position: relative;

    padding: 100px 0px 70px 0px;

}

.sidebar-page .sidebar-side {}

.sidebar-page .sidebar-side .sidebar {}

.sidebar-page .sidebar-side .sidebar .sidebar-inner {}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments {

    position: relative;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .sidebar-title-two {}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .sidebar-title-two h3 {

	position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li {

    position: relative;

    box-shadow: 0px 0px 10px 0px rgb(240, 240, 240);

       padding: 20px 0px 20px 45px;

    margin: 0px 0px 10px 0px;

    background: #fff;

    border-radius: 5px;

    cursor: pointer;

    z-index: 1;

    transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li span {

    font-size: 18px;

    color: #fff;

    margin-right: 25px;

    float: right;

    transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li:before {

    position: absolute;

    left: 0px;

    top: 0px;

    content: "";

    background: #FE4555;

    width: 0;

    height: 100%;

    z-index: -1;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li:hover:before {

	width: 100%;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li:hover:after {

	opacity: 0;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li:hover a {

	color: #fff;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li:after {

    position: absolute;

    left: 20px;

    top: 25px;

    content: "";

    background: url(../images/ex-new-two/icon/sidebar-category-shape.png);

    width: 10px;

    height: 10px;

    transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li.active:before {

	width: 100%;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li.active a {

	color: #fff;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li.active a span {

	color: #fff;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li.active:after {

	opacity: 0;

	transition: all 700ms ease;

}

.sidebar-page .sidebar-side .sidebar .sidebar-inner .sidebar-widget-two.departments .list li a {

    font-size: 18px;

    color: #606060;

	transition: all 700ms ease;

}





.sidebar-widget-two.opennig-hours {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 30px 20px;

}

.sidebar-widget-two.opennig-hours .sidebar-title-two h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.sidebar-widget-two.opennig-hours .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.sidebar-widget-two.opennig-hours .list {}

.sidebar-widget-two.opennig-hours .list li {

    position: relative;

    border-bottom: 1px solid #E5E5E5;

    padding: 10px 0px 10px 20px;

    font-size: 16px;

    color: #333333;

    font-family: 'Exo', sans-serif;

}

.sidebar-widget-two.opennig-hours .list li:last-child {

	/*border: none;*/

}

.sidebar-widget-two.opennig-hours .list li:before {

    position: absolute;

    left: 0;

    top: 10px;

    content: "";

    width: 3px;

    height: 25px;

    background: #00C5FF;

	transition: all 700ms ease;

}

.sidebar-widget-two.opennig-hours .list li:hover:before {

	background: #FC4454;

	transition: all 700ms ease;

}

.sidebar-widget-two.opennig-hours .btn-box {

    margin-top: 30px;

}

.sidebar-widget-two.opennig-hours .btn-box a {

    position: relative;

    color: #fff;

    font-size: 16px;

    background: #00C5FF;

    padding: 15px 20px;

    cursor: pointer;

    display: inline-block;

    width: 100%;

    font-weight: 600;

	z-index: 1;

	overflow: hidden;

}



.sidebar-widget-two.opennig-hours .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #FF4555;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.sidebar-widget-two.opennig-hours .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



.sidebar-widget-two.opennig-hours .btn-box a span {}.sidebar-widget-two.opennig-hours .btn-box a span {

    float: right;

}



.sidebar-widget-two.our-Services {

    margin-top: 30px;

}

.sidebar-widget-two.our-Services .content {

    position: relative;

}

.sidebar-widget-two.our-Services .content .image-box {}

.sidebar-widget-two.our-Services .content .image-box img {}

.sidebar-widget-two.our-Services .content .lower-content {

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    width: 100%;

    padding: 35px 0px 45px 0px;

}

.sidebar-widget-two.our-Services .content .lower-content .icon {}

.sidebar-widget-two.our-Services .content .lower-content .icon span {

    display: inline-block;

    background: #FD4554;

    width: 72px;

    height: 72px;

    font-size: 24px;

    color: #fff;

    line-height: 72px;

    border-radius: 50px;

    border: 1px solid #fff;

}

.sidebar-widget-two.our-Services .content .lower-content .title h3 {

    font-size: 24px;

    color: #FFFFFF;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 10px;

}

.sidebar-widget-two.our-Services .content .lower-content .call h4 {

	position: relative;

	font-size: 24px;

    color: #FFFFFF;

    font-weight: 600;

}

.sidebar-widget-two.our-Services .content .lower-content .call h4:before {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -15px;

    content: "";

    width: 50px;

    height: 2px;

    background: #FFFFFF;

    transition: all 700ms ease;

}



.sidebar-widget-two.image-gallery {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 30px 20px;

}

.sidebar-widget-two.image-gallery .sidebar-title-two h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.sidebar-widget-two.image-gallery .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.sidebar-widget-two.image-gallery .item {}

.sidebar-widget-two.image-gallery .item .image-box {}

.sidebar-widget-two.image-gallery .item .image-box img {}

.sidebar-widget-two.image-gallery .owl-nav {

    position: relative;

    bottom: 40px;

    left: 0;

    display: block !important;

    text-align: center;

}

.sidebar-widget-two.image-gallery .owl-nav .owl-prev {

    position: absolute;

    left: 0;

    top: -55px;

    width: 30px;

    height: 21px;

	line-height: 20px;

    background: #00C5FF;

    text-align: center;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    margin-right: 15px;

    transition: all 700ms ease;

}

.sidebar-widget-two.image-gallery .owl-nav .owl-next {

    position: absolute;

    right: 0px;

    top: -55px;

    width: 30px;

    height: 21px;

    line-height: 20px;

    background: #00C5FF;

    text-align: center;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    transition: all 700ms ease;

}

.sidebar-widget-two.image-gallery .owl-nav .owl-prev:hover, .sidebar-widget-two.image-gallery .owl-nav .owl-next:hover {

	color: #fff;

	background: #FD4554;

	transition: all 700ms ease;

}

.sidebar-widget-two.image-gallery .owl-nav .owl-prev span {

	font-weight: 600;

}

.sidebar-widget-two.image-gallery .owl-nav .owl-next span {

	font-weight: 600;

}

.sidebar-widget-two.image-gallery .owl-dots {

    position: relative;

    margin-top: 10px;

    text-align: center;

}

.sidebar-widget-two.image-gallery .owl-dots .owl-dot{

	position:relative;

    width: 6px;

    height: 6px;

	margin:0px 5px;

	display:inline-block;

	border-radius:50%;

	background-color:#00C5FF;

	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;

}



.sidebar-widget-two.image-gallery .owl-dots .owl-dot:hover,

.sidebar-widget-two.image-gallery .owl-dots .owl-dot.active{

	position:relative;

    width: 6px;

    height: 6px;

	border-radius:10px;

	background-color: #FF4555;

}





.department-details {}

.department-details .inner-box {}

.department-details .inner-box .image {}

.department-details .inner-box .image img {}

.department-details .inner-box .lower-content {}

.department-details .inner-box .lower-content h3 {

    font-size: 23px;

    color: #383838;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 40px;

}

.department-details .inner-box .lower-content .text p {

    font-size: 16px;

    color: #6D7A8C;

    line-height: 30px;

}

.department-details .inner-box .lower-content .list {

    padding: 0px 0px 15px 30px;

}

.department-details .inner-box .lower-content .list li {

    font-size: 18px;

    color: #6D7A8C;

    font-weight: 500;

    line-height: 30px;

}

.department-details .inner-box .lower-content blockquote {

    background: #F0F0F0;

    padding: 20px 20px 5px 25px;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    font-style: italic;

    border-left: 3px solid #00C5FF;

}

.department-details .inner-box .lower-content blockquote .blockquote-text p {}

.department-details .inner-box .lower-content .text-two {}

.department-details .inner-box .lower-content .text-two .culmn-one {

    padding-right: 0;

}

.department-details .inner-box .lower-content .text-two .culmn-one .text p {}

.department-details .inner-box .lower-content .text-two .culmn-two {}

.department-details .inner-box .lower-content .text-two .culmn-two .image-two {

    margin-top: 10px;

}

.department-details .inner-box .lower-content .text-two .culmn-two .image-two img {}



/*** 



====================================================================

	treatments totam

====================================================================



***/



.treatments-totam {

    position: relative;

    padding: 20px 0px 70px 0px;

    background-repeat: no-repeat;

}

.treatments-totam .title h3 {

    position: relative;

    font-size: 24px;

    color: #636363;

    font-weight: 600;

    display: inline-block;

    margin-bottom: 45px;

}

.treatments-totam .title h3:before {

    position: absolute;

    left: 0;

    bottom: -5px;

    content: "";

    width: 245px;

    height: 2px;

    background: #DDDDDD;

}

.treatments-totam .item {

    position: relative;

    box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);

    padding: 35px 35px 35px 35px;

    margin-bottom: 30px;

    overflow: hidden;

    background: #fff;

}

.treatments-totam .item:before {

    position: absolute;

    right: -30px;

    top: -30px;

    content: "";

    background: url(../images/ex-new-two/icon/treatments-totam-shape.png);

    width: 153px;

    height: 122px;

}

.treatments-totam .item .title h4 {

    font-size: 18px;

    color: #636363;

    font-weight: 600;

    margin-bottom: 11px;

}

.treatments-totam .item .text p {

    font-size: 16px;

    color: #636363;

    font-weight: 500;

    margin-bottom: 5px;

}

.treatments-totam .item .btn-box {}

.treatments-totam .item .btn-box a {

    font-size: 16px;

    color: #00C5FF;

    font-weight: 600;

	transition: all 700ms ease;

}

.treatments-totam .item .btn-box a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.treatments-totam .item .price h5 {

    font-size: 18px;

    color: #727272;

    font-weight: 600;

    position: absolute;

    right: 30px;

    top: 33px;

}

.treatments-totam .content.two {

    padding-top: 65px;

}



/*** 



====================================================================

	about us two

====================================================================



***/



.about-us-two {

    position: relative;

    padding: 100px 0px 75px 0px;

}

.about-us-two .content {}

.about-us-two .content .title h3 {

    font-size: 40px;

    color: #2D2D2D;

    font-weight: 600;

    line-height: 60px;

    margin-bottom: 20px;

    margin-top: -10px;

}

.about-us-two .content .text p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

    margin-bottom: 10px;

}

.about-us-two .content .call h4 {

    font-size: 30px;

    color: #ff4555;

    background: #fff8f8;

    padding: 10px 0px 10px 30px;

    border-radius: 5px;

    font-weight: 500;

    margin-top: 25px;

    font-family: 'Exo', sans-serif;

}

.about-us-two .video-image {

    position: relative;

    display: inline-block;

    margin-bottom: 25px;

    z-index: 1;

    margin-left: 15px;

}

.about-us-two .video-image:before {

    position: absolute;

    left: -10px;

    top: 15px;

    content: "";

    background: #00C5FF;

    width: 510px;

    height: 418px;

    z-index: -1;

}

.about-us-two .video-image .icon {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: table;

    vertical-align: middle;

    padding: 10px 0px;

    z-index: 1;

}

.about-us-two .video-image .icon .icon-box {

	position: relative;

    display: table-cell;

    vertical-align: middle;

}

.about-us-two .video-image .icon img {}

.about-us-two .video-image img {}

.about-us-two .video-image .ripple,

.about-us-two .video-image .ripple:before,

.about-us-two .video-image .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.about-us-two .video-image .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.about-us-two .video-image .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



/*** 



====================================================================

	service icon one h25 two

====================================================================



***/



.service-icon-one-h25.two {

    margin-top: 0;

    padding-top: 10px;

}



/*** 



====================================================================

	services depertment

====================================================================



***/



.services-depertment {

    position: relative;

    padding: 100px 0px 50px 0px;

}

.services-depertment .title h3 {

    font-size: 40px;

    color: #363636;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 38px;

}

.services-depertment .item {

    margin-bottom: 40px;

}

.services-depertment .item .title h4 {

    position: relative;

    font-size: 23px;

    color: #202020;

    font-weight: 500;

    margin-bottom: 20px;

    border-bottom: 1px solid #D2D2D2;

    display: inline-block;

    padding-bottom: 5px;

}

.services-depertment .item .text p {

    color: #606060;

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

}

.services-depertment .item .text-two p {

	color: #606060;

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

}



/*** 



====================================================================

	funfact 25 two

====================================================================



***/



.funfact-25.two {

    padding-bottom: 300px;

    padding-top: 100px;

}



.funfact-25.two .item {

    background: #003DA8;

    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.2);

}

.funfact-25.two .item .content .count-outer .count-text {

    color: #fff;

}

.funfact-25.two .item .content .count-outer {

    color: #fff;

}

.funfact-25.two .item .content h4 {

    color: #fff;

}

.funfact-25.two .item .icon span:before {

    color: #fff;

}



/*** 



====================================================================

	funfact 25 two

====================================================================



***/



.contact-Us-two {

    position: relative;

    padding: 0px 0px 100px 0px;

    background-repeat: no-repeat;

    background-size: cover;

} 

.contact-Us-two .sec-title-five {

    margin-bottom: 60px;

    margin-top: -5px;

}

.contact-Us-two .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 15px;

}

.contact-Us-two .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}

.contact-Us-two .full-content {

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 20px 21px 0px rgba(219, 219, 219, 0.64);

    padding: 50px 50px 50px 50px;

    margin-top: -200px;

}

.contact-Us-two .contact .form-group input {

    width: 100%;

    height: 58px;

    line-height: 58px;

    font-size: 14px;

    padding: 0px 0px 0px 30px;

    border: 1px solid #E8E8E8;

    background: #fff;

    color: #CACACA;

    border-radius: 30px;

}

.contact-Us-two .contact .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #606060;

	font-size: 16px;

}

.contact-Us-two .contact .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #CACACA;

	font-size: 14px;

}

.contact-Us-two .contact .form-group button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    padding: 15px 30px 15px 30px;

    cursor: pointer;

    border-radius: 30px;

    font-weight: 600;

    display: inline-block;

    width: 100%;

	z-index: 1;

	overflow: hidden;

}



.contact-Us-two .contact .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.contact-Us-two .contact .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}



/*** 



====================================================================

	service icon three

====================================================================



***/



.service-icon-three {

    position: relative;

    padding: 100px 0px 100px 0px;

}

.service-icon-three .anim-icons .shape-1 {

    position: absolute;

    bottom: 125px;

    left: 40px;

    z-index: 1;

}

.service-icon-three .anim-icons .shape-2 {

    position: absolute;

    bottom: 140px;

    right: 0px;

    z-index: 1;

}

.service-icon-three .item {

    position: relative;

    text-align: center;

    padding-bottom: 10px;

}

.service-icon-three .item:before {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 0;

    content: "";

    background: #FF4555;

    width: 100px;

    height: 2px;

}

.service-icon-three .item .icon {

    margin-bottom: 30px;

}

.service-icon-three .item .icon span {}

.service-icon-three .item .icon span:before {

    font-size: 90px;

    color: #00C5FF;

	transition: all 700ms ease;

}

.service-icon-three .item:hover .icon span:before {

    color: #FF4555;

	transition: all 700ms ease;

}



.service-icon-three .item .title h3 {

    font-size: 24px;

    margin-top: 34px;

    margin-bottom: 24px;

}

.service-icon-three .item .title h3 a {

    color: #161658;

    font-weight: 600;

	transition: all 700ms ease;

}

.service-icon-three .item .title h3 a:hover {

    color: #FF4555;

	transition: all 700ms ease;

}

.service-icon-three .item .text p {

    font-size: 16px;

    color: #606060;

    line-height: 30px;

}



/*** 



====================================================================

	featured 27 two

====================================================================



***/



.featured-27.two {

    padding-top: 0;

}



/*** 



====================================================================

	search your doctor

====================================================================



***/



.search-your-doctor {

    position: relative;

    padding: 90px 0px 80px 0px;

    background-repeat: no-repeat;

    background-size: cover;

}

.search-your-doctor .contact .title {

    text-align: center;

}

.search-your-doctor .contact .title h3 {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 50px;

    border-bottom: 1px solid #fff;

    display: inline-block;

    padding-bottom: 5px;

}

.search-your-doctor .contact .form-group {}

.search-your-doctor .contact .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.search-your-doctor .contact .form-group select option {}

.search-your-doctor .contact .form-group input {

    width: 100%;

    height: 52px;

    line-height: 52px;

    font-size: 14px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EDEDED;

    background: transparent;

    color: #CACACA;

    border-radius: 30px;

}

.search-your-doctor .contact .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #fff;

	font-size: 14px;

}

.search-your-doctor .contact .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #fff;

	font-size: 14px;

}

.search-your-doctor .contact .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #fff;

	font-size: 14px;

}

.search-your-doctor .contact .form-group button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 14px;

    background: #FF4555;

    padding: 15px 15px 15px 15px;

    cursor: pointer;

    border-radius: 30px;

    font-weight: 600;

    display: inline-block;

    margin-left: 5px;

	z-index: 1;

	overflow: hidden;

}



.search-your-doctor .contact .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.search-your-doctor .contact .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.search-your-doctor .contact .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.search-your-doctor .contact .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    font-weight: 300;

    box-shadow: none !important;

    height: 52px;

    line-height: 52px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EDEDED;

    background: transparent;

    color: #fff;

    border-radius: 30px;

}

.search-your-doctor .contact .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}

.search-your-doctor .contact .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #fff;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -3px;

    font-size: 12px;

    font-weight: 100;

}

.search-your-doctor .contact .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.search-your-doctor .contact .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu > li.selected > a {

  background: #421AB6;

  color: #fff;

}

.search-your-doctor .contact .btn-light:not(:disabled):not(.disabled).active, .search-your-doctor .contact .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #fff;

    background-color: transparent;

    border-color: #fff;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.search-your-doctor .contact .bootstrap-select .dropdown-menu > li > a:hover {

  background: #421AB6;

  color: #fff;

  cursor: pointer;

}



.search-your-doctor .contact .culmn {

    padding: 0px 5px;

}



/*** 



====================================================================

	before after

====================================================================



***/



.before-after {

    position: relative;

    padding: 61px 0px 20px 0px;

}

.before-after .twentytwenty-container img {

    width: 100%;

}

.before-after .twentytwenty-horizontal .twentytwenty-before-label:before {

    top: 85% !important;

    font-size: 72px;

    color: #FF4555;

    background: transparent;

    font-weight: 600;

}

.before-after .twentytwenty-horizontal .twentytwenty-after-label:before {

    top: 85% !important;

    font-size: 72px;

    color: #00C5FF;

    background: transparent;

    font-weight: 600;

}

.before-after .twentytwenty-handle {

    border: 2px solid #FFFFFF;

    background: rgba(255, 185, 195, 0.5);

}

.before-after .twentytwenty-horizontal .twentytwenty-handle:before {

    opacity: 0;

}

.before-after .twentytwenty-horizontal .twentytwenty-handle:after {

    opacity: 0;

}





/*** 



====================================================================

	before after details

====================================================================



***/



/*** emergency call ***/



.before-after-details .emergency-call {

    position: relative;

    background: #FF4555;

    margin-top: 30px;

    padding: 45px 20px 45px 95px;

    border-radius: 10px;

}

.before-after-details .emergency-call .icon {

    position: absolute;

    left: 20px;

    top: 45px;

}

.before-after-details .emergency-call .icon img {}



.before-after-details .emergency-call .title h3 {

	position: relative;

	font-weight: 600;

	font-size: 20px;

	color: #FFFFFF;

	margin-bottom: 10px;

}

.before-after-details .emergency-call .call h4 {

    font-size: 18px;

    color: #FFFFFF;

    font-weight: 500;

}



/*** skin-care-spacialist ***/



.skin-care-spacialist .client-thumb-outer {

    position: relative;

    max-width: 300px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 30px;

    border-top: 1px solid #ECECEC;

    margin-top: 30px;

}

.skin-care-spacialist .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.skin-care-spacialist .client-thumb-outer .client-thumbs-carousel-two{

	position: relative;

    max-width: 80px;

    margin: 0 auto;

	text-align:center;

}



.skin-care-spacialist .client-thumb-outer .client-thumbs-carousel-two .owl-stage-outer{

	overflow:visible;

}



.skin-care-spacialist .client-thumb-outer .thumb-item .thumb-box {

    width: 80px;

    height: 80px;

    cursor: pointer;

    margin: 0 auto;

    z-index: -1;

    overflow: hidden;

    border-radius: 50px;

}



.skin-care-spacialist .client-thumb-outer .thumb-item .thumb-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	z-index:1;

}



.skin-care-spacialist .client-thumb-outer .owl-item.active .thumb-box:before{

	/*background-color: rgba(251, 90, 102, 0.7);*/

}



.skin-care-spacialist .client-thumb-outer .client-thumbs-carousel-two .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

}



.skin-care-spacialist .owl-item.active .thumb-content{

	opacity:1;

}



.skin-care-spacialist .owl-nav {

    position: absolute;

    left: 0;

    bottom: -58px;

    width: 100%;

    max-width: 400px;

}



.skin-care-spacialist .owl-nav .owl-prev, .before-after-details .owl-nav .owl-next {

    position: absolute;

    display: inline-block;

    color: #FF4555;

    font-size: 20px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

    width: 40px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 5px;

}



.skin-care-spacialist .owl-nav .owl-prev span, .before-after-details .owl-nav .owl-next span {

    font-weight: 900;

}



.skin-care-spacialist .owl-nav .owl-prev:hover,

.skin-care-spacialist .owl-nav .owl-next:hover{

	transition: all 300ms ease;

}



.skin-care-spacialist .owl-nav .owl-prev {

    left: -20px;

}



.skin-care-spacialist .owl-nav .owl-next {

    right: -20px;

}



.skin-care-spacialist .owl-dots{

	display:none;

}



.skin-care-spacialist .testimonial-block-one{

	position:relative;

}



.skin-care-spacialist .testimonial-block-one .inner-box{

	position:relative;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column{

	position:relative;

	margin-bottom:40px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .inner-column{

	position:relative;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .desination{

	position:relative;

	color:#1e1e1e;

	font-size:14px;

	font-weight:300;

	margin-bottom:6px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .author-name{

	position:relative;

	font-size:20px;

	font-weight:600;

	color:#1e1e1e;

	margin-bottom:18px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .quote-icon{

	position:relative;

	color:#e6e6e6;

	font-size:46px;

	line-height:1em;

	margin-bottom:10px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .content{

	position:relative;

	padding-left:55px;

	padding-right:70px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .content .text{

	position:relative;

	color:#777777;

	font-size:20px;

	font-weight:300;

	line-height:1.5em;

	margin-bottom:22px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .content ul{

	position:relative;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .content ul li{

	position:relative;

	margin-bottom:6px;

	font-weight:400;

	color:#777777;

	font-size:14px;

}



.skin-care-spacialist .testimonial-block-one .inner-box .info-column .content ul li span{

	color:#1e1e1e;

	font-weight:500;

}



.skin-care-spacialist {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 20px 30px 20px;

    margin-bottom: 30px;

}



.skin-care-spacialist .title h3 {

    position: relative;

    font-size: 23px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.skin-care-spacialist .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.skin-care-spacialist .image-column {}

.skin-care-spacialist .image-column .image {}

.skin-care-spacialist .image-column .image img {}

.skin-care-spacialist .image-column .lower-content {}

.skin-care-spacialist .image-column .lower-content .title h4 {

    margin-bottom: 10px;

    color: #606060;

    font-size: 18px;

    font-weight: 600;

    margin-top: 15px;

}

.skin-care-spacialist .image-column .lower-content .title h4 span {

    color: #00C5FF;

}

.skin-care-spacialist .image-column .lower-content .title h4 {

    margin-bottom: 10px;

    color: #202020;

    font-size: 17px;

    font-weight: 600;

    margin-top: 15px;

    font-family: 'Exo', sans-serif;

}

.skin-care-spacialist .image-column .lower-content .btn-box {

    margin-top: 13px;

}

.skin-care-spacialist .image-column .lower-content .btn-box a {

    position: relative;

    color: #fff;

    background: #FF4555;

    transition: all 700ms ease;

    border: none;

    padding: 12px 30px;

    font-size: 14px;

    text-transform: unset;

    z-index: 1;

    overflow: hidden;

    border-radius: 50px;

    display: inline-block;

    font-weight: 600;

    z-index: 1;

    overflow: hidden;

}



.skin-care-spacialist .image-column .lower-content .btn-box a:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.skin-care-spacialist .image-column .lower-content .btn-box a:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

/*** description ***/



.before-after-details .description {

    padding-bottom: 10px;

}

.before-after-details .description .subtitle h4 {

    position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

    margin-top: 30px;

    font-family: 'Exo', sans-serif;

}

.before-after-details .description .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.before-after-details .description .title h3 {

	position: relative;

	font-size: 23px;

	color: #363636;

	font-weight: 600;

	margin-bottom: 35px;

	margin-top: 60px;

	margin-left: 0px;

}

.before-after-details .description .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.before-after-details .description .text p {

    font-size: 16px;

    color: #858585;

    font-weight: 500;

    margin-left: 0px;

}



/*** appoinment schedule ***/



.before-after-details .appoinment-schedule {

    position: relative;

    border: 4px solid #EAEAEA;

    padding: 30px 30px 15px 30px;

    margin-bottom: 100px;

}



.before-after-details .book-appoinment {

    position: relative;

    border-radius: 10px;

}

.before-after-details .book-appoinment .title h3 {

    position: relative;

    font-size: 23px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.before-after-details .book-appoinment .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.before-after-details .book-appoinment .form-group {}

.before-after-details .book-appoinment .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.before-after-details .book-appoinment .form-group select option {}

.before-after-details .book-appoinment .form-group input {

    width: 100%;

    height: 57px;

    line-height: 57px;

    font-size: 14px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.before-after-details .book-appoinment .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.before-after-details .book-appoinment .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.before-after-details .book-appoinment .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.before-after-details .book-appoinment .form-group button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    /* padding: 15px 30px 15px 30px; */

    cursor: pointer;

    font-weight: 600;

    display: inline-block;

    width: 100%;

    height: 57px;

    line-height: 57px;

	z-index: 1;

	overflow: hidden;

}



.before-after-details .book-appoinment .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.before-after-details .book-appoinment .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.before-after-details .book-appoinment .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.before-after-details .book-appoinment .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    font-weight: 300;

    box-shadow: none !important;

    height: 57px;

    line-height: 57px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.before-after-details .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    color: #9C9C9C;

}



.before-after-details .book-appoinment .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.before-after-details .book-appoinment .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.before-after-details .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li.selected > a {

  background: #FF4555;

  color: #fff;

}

.before-after-details .book-appoinment .btn-light:not(:disabled):not(.disabled).active, .before-after-details .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #fff;

    border-color: #fff;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.before-after-details .book-appoinment .bootstrap-select .dropdown-menu > li > a:hover {

  background: #FF4555;

  color: #fff;

  cursor: pointer;

}



/*** doctor schedule ***/



.before-after-details .doctor-Schedule {

    position: relative;

}

.before-after-details .doctor-Schedule .title h3 {

    position: relative;

    font-size: 23px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.before-after-details .doctor-Schedule .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.before-after-details .doctor-Schedule .list {}

.before-after-details .doctor-Schedule .list ul {}

.before-after-details .doctor-Schedule .list ul li {

    font-size: 18px;

    color: #ff4555;

    font-weight: 500;

    margin-bottom: 25px;

    font-family: 'Exo', sans-serif;

}

.before-after-details .doctor-Schedule .list ul li span {

    padding-right: 100px;

    width: 155px;

    display: block;

    float: left;

	color: #00c5ff;

}





/*** 



====================================================================

	sidebar page container

====================================================================



***/



.sidebar-page-container-two {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.sidebar-page-container-two .news-block-one {}

.sidebar-page-container-two .news-block-one .inner-box {}

.sidebar-page-container-two .news-block-one .inner-box .image-box {

    position: relative;

    display: inline-block;

    margin-bottom: 25px;

    z-index: 1;

}

.sidebar-page-container-two .news-block-one .inner-box .image-box .icon {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: table;

    vertical-align: middle;

    padding: 10px 0px;

    z-index: 1;

}

.sidebar-page-container-two .news-block-one .inner-box .image-box .icon .icon-box {

	position: relative;

    display: table-cell;

    vertical-align: middle;

}

.sidebar-page-container-two .news-block-one .inner-box .image-box .icon img {}

.sidebar-page-container-two .news-block-one .inner-box .image-box img {}

.sidebar-page-container-two .news-block-one .inner-box .image-box .ripple,

.sidebar-page-container-two .news-block-one .inner-box .image-box .ripple:before,

.sidebar-page-container-two .news-block-one .inner-box .image-box .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.sidebar-page-container-two .news-block-one .inner-box .image-box .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.sidebar-page-container-two .news-block-one .inner-box .image-box .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}

.sidebar-page-container-two .news-block-one .inner-box .image-box .dasignation {

    position: absolute;

    left: 0;

    top: 35px;

}

.sidebar-page-container-two .news-block-one .inner-box .image-box .dasignation h4 {

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    background: #52E0E9;

    display: inline-block;

    padding: 10px 25px;

}



/*** lower content ***/



.sidebar-page-container-two .news-block-one .inner-box .lower-content {}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .info {}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .info li {

    font-size: 16px;

    color: #2c2c2c;

    font-weight: 500;

    display: inline-block;

    margin-right: 55px;

    font-family: 'Exo', sans-serif;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .info li i {

    font-size: 14px;

    color: #00C5FF;

    margin-right: 5px;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content h3 {

    font-size: 28px;

    color: #383838;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 20px;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .text p {

    font-size: 16px;

    color: #6D7A8C;

    line-height: 30px;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .list {

    padding: 0px 0px 15px 30px;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .list li {

    font-size: 18px;

    color: #454545;

    font-weight: 500;

    line-height: 35px;

    font-family: 'Exo', sans-serif;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content blockquote {

    background: #fff5f5;

    padding: 25px 30px;

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    font-style: italic;

    border-left: 6px solid #00c5ff;

    margin-left: 30px;

    color: #313131;

    margin-bottom: 35px;

    margin-top: 35px;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .text-two .culmn-one {

    padding-right: 0;

}

.sidebar-page-container-two .news-block-one .inner-box .lower-content .text-two .culmn-two .image-two {

    margin-top: 10px;

}



/*** tags social ***/



.sidebar-page-container-two .tags-social {

    border-top: 1px solid #EFEFEF;

    border-bottom: 1px solid #EFEFEF;

    padding: 40px 0px 35px 0px;

    margin-top: 40px;

}

.sidebar-page-container-two .tags {}

.sidebar-page-container-two .tags li {

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 8px;

}

.sidebar-page-container-two .tags li a {

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

    background: #00C5FF;

    padding: 10px 10px;

    display: inline-block;

    transition: all 700ms ease;

}

.sidebar-page-container-two .tags li a:hover {

	background: #00C5FF;

	color: #fff;

	transition: all 700ms ease;

}



/*** social ***/



.sidebar-page-container-two .social .title h3 {

    font-size: 24px;

    color: #383838;

    font-weight: 600;

    margin-bottom: 15px;

}

.sidebar-page-container-two .social {

    text-align: right;

}

.sidebar-page-container-two .social-icon-nine {}

.sidebar-page-container-two .social-icon-nine li {

    display: inline-block;

    margin-left: 5px;

}

.sidebar-page-container-two .social-icon-nine li a {}

.sidebar-page-container-two .social-icon-nine li a i {

    width: 39px;

    height: 39px;

    line-height: 39px;

    text-align: center;

    font-size: 16px;

    color: #938787;

    background: #F5F5F5;

    border-radius: 50px;

	transition: all 700ms ease;

}

.sidebar-page-container-two .social-icon-nine li a:hover i {

    color: #00C5FF;

	transition: all 700ms ease;

}



/*** 



====================================================================

		comments area two

====================================================================



 ***/



.sidebar-page-container-two .comments-area-two {

    padding: 90px 0px 60px 0px;

}

.sidebar-page-container-two .comments-area-two .title h3 {

    position: relative;

    font-size: 24px;

    color: #636363;

    font-weight: 500;

    margin-bottom: 70px;

    border-bottom: 1px solid #7DD9FF;

    display: inline-block;

    padding-bottom: 5px;

}

.sidebar-page-container-two .comments-area-two .comments-outer {}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two {

    position: relative;

    box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);

    margin-bottom: 30px;

    padding: 30px 20px 30px 140px;

}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment {}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .author-thumb {

    position: absolute;

    left: 18px;

    top: 25px;

}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .author-thumb img {}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .comment-info {}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .comment-info .name h4 {

    font-size: 18px;

    color: #636363;

    font-weight: 500;

    margin-bottom: 12px;

}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .text p {

    font-size: 16px;

    color: #6D7A8C;

    line-height: 24px;

    padding-right: 45px;

}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .reply-btn {

    font-size: 16px;

    color: #00C5FF;

    font-weight: 500;

    position: absolute;

    right: 25px;

    top: 25px;

	transition: all 700ms ease;

}

.sidebar-page-container-two .comments-area-two .comments-outer .comment-box-two .comment .reply-btn:hover {

	color: #FF4555;

	transition: all 700ms ease;

}

.sidebar-page-container-two .comment-box-two.two {

    background: #F7F7F7;

    margin-left: 70px;

}



.sidebar-page-container-two .comment-box-two.three {

	position: relative;

}

.sidebar-page-container-two .comment-box-two.three:before {

    position: absolute;

    left: 0;

    top: -33px;

    content: "";

    width: 100%;

    height: 1px;

    background: #E6E6E6;

}

.sidebar-page-container-two .comment-box-two.three {

    margin: 70px 0px 60px 0px;

}





/*** 



====================================================================

		Comment Form

====================================================================



 ***/



.sidebar-page-container-two .comment-form-two {

    position: relative;

    border-top: 1px solid #E6E6E6;

    padding-top: 90px;

}

.sidebar-page-container-two .comment-form-two .title h3 {

    position: relative;

    font-size: 24px;

    color: #636363;

    font-weight: 500;

    margin-bottom: 70px;

    border-bottom: 1px solid #7DD9FF;

    display: inline-block;

    padding-bottom: 5px;

}

.sidebar-page-container-two .comment-form-two .form-group{

	position:relative;

	margin-bottom: 30px;

}



.sidebar-page-container-two .comment-form-two .form-group:last-child{

	margin-bottom: 0;

}



.sidebar-page-container-two .comment-form-two .form-group input[type="text"],

.sidebar-page-container-two .comment-form-two .form-group input[type="email"],

.sidebar-page-container-two .comment-form-two .form-group textarea,

.sidebar-page-container-two .comment-form-two .form-group select{

    position: relative;

    display: block;

    height: 62px;

    width: 100%;

    font-size: 16px;

    line-height: 24px;

    color: #636363;

    font-weight: 400;

    padding: 20px 30px;

    border: 1px solid #CFCFCF;

    background-color: #ffffff;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    background: #EFEFEF;

}



.sidebar-page-container-two .comment-form-two .form-group input:focus,

.sidebar-page-container-two .comment-form-two .form-group select:focus,

.sidebar-page-container-two .comment-form-two .form-group textarea:focus{

	background-color: #ffffff;

}



.sidebar-page-container-two .comment-form-two .form-group textarea{

	height: 204px;

	resize: none;

}



.sidebar-page-container-two .comment-form-two .form-group input[type="submit"],

.sidebar-page-container-two .comment-form-two .form-group button{

	cursor: pointer;

}



.sidebar-page-container-two .comment-form-two .theme-btn {

    position: relative;

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    padding: 15px 50px;

    border-radius: 0;

    background-color: #FF4555;

    margin-top: 0;

	z-index: 1;

	overflow: hidden;

}



.sidebar-page-container-two .comment-form-two .theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.sidebar-page-container-two .comment-form-two .theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.sidebar-page-container-two .comment-form-two .theme-btn:hover{

	color:#ffffff;

	background-color: #FF4555;

}



.sidebar-page-container-two .comment-form-two .group-title {

    margin-bottom: 0px;

}





/*Search Box Widget*/



.sidebar-page-container-two .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar-page-container-two .search-box .form-group input[type="text"], 

.sidebar-page-container-two .search-box .form-group input[type="search"] {

    position: relative;

    line-height: 33px;

    padding: 10px 50px 10px 20px;

    background: #ECECEC;

    display: block;

    font-size: 14px;

    width: 100%;

    height: 50px;

    font-weight: 400;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    border-radius: 5px;

}



.sidebar-page-container-two .search-box .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #6D7A8C;

	font-size: 14px;

}



.sidebar-page-container-two .search-box .form-group button {

    position: absolute;

    right: 0px;

    top: 0px;

    height: 50px;

    width: 61px;

    display: block;

    font-size: 16px;

    color: #ffffff;

    cursor: pointer;

    line-height: 50px;

    background: #FE4555;

    font-weight: normal;

    border-radius: 5px;

}



/*popular posts two*/



.sidebar-widget.popular-posts-two {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 40px 15px 25px 20px;

}

.sidebar-widget.popular-posts-two .sidebar-title-two {}

.sidebar-widget.popular-posts-two .sidebar-title-two h3 {

    position: relative;

    font-size: 23px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 50px;

}

.sidebar-widget.popular-posts-two .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.sidebar-widget.popular-posts-two .post {

    position: relative;

    padding: 0px 0px 15px 90px;

}

.sidebar-widget.popular-posts-two .post .post-thumb {

    position: absolute;

    left: 0;

    top: 0;

}

.sidebar-widget.popular-posts-two .post .post-thumb a {}

.sidebar-widget.popular-posts-two .post .post-thumb a img {

    width: 80px;

}

.sidebar-widget.popular-posts-two .post .title h4 {

    line-height: 20px;

    margin-bottom: 10px;

}

.sidebar-widget.popular-posts-two .post .title h4 a {

    font-size: 16px;

    color: #2c2c2c;

    transition: all 700ms ease;

    font-family: 'Exo', sans-serif;

}

.sidebar-widget.popular-posts-two .post .title h4 a:hover {

    color: #00C5FF;

	transition: all 700ms ease;

}

.sidebar-widget.popular-posts-two .post .post-info {}

.sidebar-widget.popular-posts-two .post .post-info p {

    font-size: 16px;

    color: #ff4555;

    font-weight: 500;

}



/*servicce two*/



.sidebar-widget.servicce-two {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 40px 15px 25px 20px;

}

.sidebar-widget.servicce-two .sidebar-title-two {}

.sidebar-widget.servicce-two .sidebar-title-two h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 50px;

}

.sidebar-widget.servicce-two .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.sidebar-widget.servicce-two .list {}

.sidebar-widget.servicce-two .list ul {}

.sidebar-widget.servicce-two .list ul li {

    position: relative;

    padding: 15px 0px 15px 20px;

    border-bottom: 1px solid #d9d9d9;

    font-family: 'Exo', sans-serif;

}

.sidebar-widget.servicce-two .list ul li:before {

    position: absolute;

    left: 0;

    bottom: 22px;

    content: "";

    width: 3px;

    height: 9px;

    background: #00C5FF;

}

.sidebar-widget.servicce-two .list ul li a {

    color: #262626;

    font-size: 16px;

    font-weight: 500;

    transition: all 700ms ease;

}

.sidebar-widget.servicce-two .list ul li a:hover {

    color: #00C5FF;

	transition: all 700ms ease;

}

.sidebar-widget.servicce-two .list ul li:last-child {

	border: none;

}





/*tag two*/



.sidebar-widget.tag-two {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 40px 15px 25px 20px;

}

.sidebar-widget.tag-two .sidebar-title-two {}

.sidebar-widget.tag-two .sidebar-title-two h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 50px;

}

.sidebar-widget.tag-two .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}





/*** 



====================================================================

	about-us-30

====================================================================



 ***/



.about-us-30 {

    position: relative;

    padding: 100px 0px 165px 0px;

    z-index: 1;

}

.about-us-30 .image-content .image-one {

    position: relative;

    left: 30px;

    top: 70px;

}

.about-us-30 .image-content .image-one img {

    float: left;

    max-width: none;

}

.about-us-30 .image-content .image-two {

    position: absolute;

    left: 170px;

    top: 0;

    z-index: -1;

}

.about-us-30 .image-content .image-two img {

    float: left;

    max-width: none;

}

.about-us-25 .sec-title-five {

    margin-bottom: 45px;

	margin-top: -5px;

}

.about-us-30 .sec-title-five .sub-title h3 {

    font-size: 18px;

    color: #363636;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.about-us-30 .sec-title-five .sub-title h3 span {

    color: #FF4555;

}

.about-us-30 .sec-title-five .title h2 {

    color: #363636;

    font-size: 40px;

    font-weight: 600;

    margin-left: -60px;

    position: relative;

    left: 60px;

    margin-bottom: 38px;

}

.about-us-30 .sec-title-five .text p {

    font-size: 18px;

    color: #606060;

    line-height: 30px;

}



.about-us-30 .accordion-box-h30 {

	position: relative;

}



.about-us-30 .accordion-box-h30 .block {

    position: relative;

    margin-bottom: 20px;

}



.about-us-30 .accordion-box-h30 .block:last-child{

	margin-bottom: 0;

}



.about-us-30 .accordion-box-h30 .block .acc-btn {

    position: relative;

    font-size: 20px;

    line-height: 25px;

    color: #141414;

    font-weight: 600;

    cursor: pointer;

    padding: 16px 30px;

    background-color: #EFEFEF;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.about-us-30 .accordion-box-h30 .block .icon {

    position: absolute;

    right: 20px;

    top: 6px;

    font-size: 16px;

    font-weight: 700;

    color: #C1C1C1;

    width: 45px;

    height: 45px;

    line-height: 45px;

    background: #FFFFFF;

    border-radius: 30px;

    text-align: center;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.about-us-30 .accordion-box-h30 .block .acc-btn.active .icon {

    color: #FF4555;

}

.about-us-30 .accordion-box-h30 .block .acc-btn.active .icon:before {

    content: "\f138";

    font-size: 16px;

    font-weight: 600;

}

.about-us-30 .accordion-box-h30 .block .acc-btn .icon:before{

	font-size: 12px;

	font-weight: 600;

}



.about-us-30 .accordion-box-h30 .block .acc-btn.active {

    position: relative;

    background-color: #FF4555;

    color: #fff;

}



.about-us-30 .accordion-box-h30 .block .acc-content{

	position:relative;

	display:none;

}



.about-us-30 .accordion-box-h30 .block .content {

    position: relative;

    padding: 15px 30px 5px;

}



.about-us-30 .accordion-box-h30 .block .acc-content.current{ 

	display: block;

}



.about-us-30 .accordion-box-h30 .block .content .text {

    display: block;

    font-size: 16px;

    line-height: 28px;

    color: #606060;

}

.about-us-30 .accordion-box-h30 .block .content .text span {

    color: #FF4555;

}

.about-us-30 .btn-box {

    margin-top: 60px;

}

.about-us-30 .btn-box a {

    font-size: 16px;

    color: #fff;

    background: #FF4555;

    display: inline-block;

    padding: 15px 40px 15px 40px;

    border-radius: 5px;

}





/*** 



====================================================================

	history 30

====================================================================



 ***/



.history-30 {

	position: relative;

	padding: 100px 0px 100px 0px;

}

.history-30 .history {}

.history-30 .history .subtitle h4 {

    position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.history-30 .history .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.history-30 .history .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

}

.history-30 .history .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.history-30 .history .content {}

.history-30 .history .content .text p {

    color: #858585;

    font-size: 16px;

    line-height: 24px;

}

.history-30 .history .content .text-two p {

	color: #858585;

    font-size: 16px;

    line-height: 24px;

}

.history-30 .image-content {

    position: relative;

}

.history-30 .image-content .image-one {

    margin-left: 30px;

}

.history-30 .image-content .image-one img {}

.history-30 .image-content .image-two {

    position: absolute;

    top: -30px;

    right: 10px;

    z-index: -1;

}

.history-30 .image-content .image-two img {}





/*** 



====================================================================

	schedule

====================================================================



***/



.schedule {

  padding: 100px 0px;

}



.schedule .container {

	max-width: 2100px;

}



.schedule .content table {

  margin-bottom: 0;

  border: 1px dotted rgba(255, 255, 255, 0.2);

}



.schedule .content table thead tr th {

    min-width: 160px;

    padding: 20px 15px;

    border: 1px solid #00C4FE;

    border-bottom-width: 1px;

    background-color: #00C4FE;

    text-align: center;

}



.schedule .content table thead tr th .schedule-time-heading {

    color: #ffffff;

    font-weight: 500;

    font-size: 18px;

}



.schedule .content table thead tr td {

    min-width: 160px;

    padding: 20px 15px;

    border: 1px solid #E8E8E8;

    border-bottom-width: 1px;

    background-color: #F1F5F9;

    text-align: center;

}



.schedule .content table thead tr td .schedule-day-heading {

    color: #636363;

    font-weight: 500;

    font-size: 18px;

}



.schedule .content table tbody tr th {

    min-width: 160px;

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #636363;

    border: 1px solid #E8E8E8;

    background-color: #fff;

    padding: 0px 0px 0px 0px;

    text-align: center;

}



.schedule .content table tbody tr th .schedule-time-wrapper {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

  right: 0;

}



.schedule .content table tbody tr td {

    min-width: 160px;

    padding: 15px 10px 15px 10px;

    border: 1px solid #E8E8E8;

    background-color: #fff;

    position: relative;

}



.schedule .content table tbody tr td .schedule-item-wrapper {

    text-align: center;

}



.schedule .content table tbody tr td .schedule-item-wrapper .item-ctg {

    color: #ff4555;

    font-weight: 600;

    font-size: 14px;

    background: #F1F5F9;

    padding: 2px 0px;

    border-radius: 50px;

    margin-bottom: 10px;

}



.schedule .content table tbody tr td .schedule-item-wrapper .image-one {

    display: inline-block;

}

.schedule .content table tbody tr td .schedule-item-wrapper .image-one img {}

.schedule .content table tbody tr td .schedule-item-wrapper .image-two {

    display: inline-block;

}

.schedule .content table tbody tr td .schedule-item-wrapper .image-two img {}



.schedule .content table tbody tr td .schedule-item-wrapper .item-time {

  font-size: 14px;

  color: #9c9c9c;

}



.schedule .content table tbody tr td .schedule-item-wrapper .item-team {

  font-size: 14px;

  color: #444444;

  font-weight: 500;

}



.schedule .content table tbody tr td .schedule-item-wrapper .media {

    opacity: 0;

    visibility: hidden;

    width: 300px;

    position: absolute;

    bottom: -130px;

    left: 120px;

    z-index: 1;

    background-color: #ffffff;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0px 4px 50px 0px rgba(164, 164, 164, 0.75);

    -moz-box-shadow: 0px 4px 50px 0px rgba(164, 164, 164, 0.75);

    box-shadow: 0px 4px 50px 0px rgba(164, 164, 164, 0.75);

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    text-align: left;

	border-top-left-radius: 15px;

    border-top-right-radius: 15px;

	display: inline-block;

}





@media only screen and (max-width: 1500px) {

.schedule .content table tbody tr td .schedule-item-wrapper .media {

    width: 400px;

    display: block !important;

    padding: 20px 10px;

    right: 0;

}

}



.schedule .content table tbody tr td .schedule-item-wrapper .media:after {

  content: "";

  position: absolute;

  left: 0;

  margin: 0 auto;

  bottom: unset;

  right: unset;

  top: 35px;

  left: -15px;

  transform: rotate(90deg);

  width: 0;

  height: 0;

  border-right: 10px solid transparent;

  border-top: 10px solid #00C4FE;

  border-left: 10px solid transparent;

  -webkit-transition: all 1s ease-out;

  -moz-transition: all 1s ease-out;

  -ms-transition: all 1s ease-out;

  -o-transition: all 1s ease-out;

  transition: all 1s ease-out;

}



.schedule .content table tbody tr td .schedule-item-wrapper .media:before {

  content: "";

  background-color: transparent;

  height: calc(100% + 15px);

  width: 100%;

  position: absolute;

  bottom: -15px;

  left: 0;

  z-index: -1;

	border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}



.schedule .content table tbody tr td .schedule-item-wrapper .media .item-img {

  background-color: #c6c6c6;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

}



@media only screen and (max-width: 1500px) {

  .schedule .content table tbody tr td .schedule-item-wrapper .media .item-img {

    width: 60px;

    height: 60px;

    margin: 0 auto 15px;

  }

}

.schedule .content table tbody tr td .schedule-item-wrapper .media .media-body {

  text-align: left;

}

@media only screen and (max-width: 1500px) {

  .schedule .content table tbody tr td .schedule-item-wrapper .media .media-body {

    margin-left: 0;

    text-align: center;

  }

}



.schedule .content table tbody tr td .schedule-item-wrapper .media .media-body .title {

  margin-bottom: 0;

  color: #111111;

  text-transform: capitalize;

  font-weight: 500;

}



@media only screen and (max-width: 1500px) {

  .schedule .content table tbody tr td .schedule-item-wrapper .media .media-body .title {

    font-size: 18px;

  }

}

@media only screen and (min-width: 1400px){

	.schedule .container {

		max-width: 1320px;

	}

}



.schedule .content table tbody tr td .schedule-item-wrapper .media .media-body .item-ctg {

  margin-bottom: 15px;

}



.schedule .content table tbody tr td .schedule-item-wrapper .media .media-body .item-btn {

  padding: 8px 16px;

  font-size: 12px;

  border: 1px solid;

  border-color: #396cf0;

  background-color: #396cf0;

  color: #ffffff;

  display: inline-block;

  text-transform: uppercase;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.schedule .content table tbody tr td .schedule-item-wrapper .media .media-body .item-btn:hover {

  background-color: transparent;

  color: #396cf0;

}



.schedule .content table tbody tr td:hover .schedule-item-wrapper .media {

    opacity: 1;

    visibility: visible;

    bottom: -230px;

    -webkit-transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88);

    -moz-transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88);

    -ms-transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88);

    -o-transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88);

    transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88);

    display: inline-block;

}



.schedule .content table tbody tr td:hover .schedule-item-wrapper .media:after {

  bottom: -15px;

}



.schedule .content .table-responsive {

    border: 1px dotted rgba(255, 255, 255, 0.2);

    margin-bottom: 0;

    z-index: -1;

    overflow: visible;

}



@media only screen and (max-width: 1400px) {

  .schedule .content .table-responsive {

    overflow-x: auto;

  }

}



.schedule .content .table-responsive::-webkit-scrollbar-thumb {

  border: 2px solid #f1f7fa;

  background-color: #f1f7fa;

}



.schedule .content .table-responsive::-webkit-scrollbar {

  -webkit-appearance: none;

  height: 10px;

}



.schedule .content .table-responsive::-webkit-scrollbar-thumb {

  border-color: #f1f7fa;

}





.schedule .title h3 {

    font-size: 30px;

    color: #000000;

    font-weight: 600;

    background: #fff;

    padding: 20px 30px;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

}

.schedule .media .title-box {

    background: #00C4FE;

    padding: 15px 20px 15px 20px;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}

.schedule .media .title h4 {

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 5px;

}

.schedule .media .title-box .dasignation h5 {

    font-size: 14px;

    color: #FFFFFF;

    font-weight: 500;

}

.schedule .media .list {

    margin-bottom: 30px;

}

.schedule .media .list ul {}

.schedule .media .list ul li {

    font-size: 14px;

    color: #636363;

    font-weight: 500;

    padding: 10px 0px 10px 20px;

    border-bottom: 1px solid #E7E7E7;

}

.schedule .media .btn-one a {

    font-size: 14px;

    color: #FFFFFF;

    background: #00C4FE;

    padding: 20px 0px;

    display: inline-block;

    width: 148px;

    margin: 0 auto;

    text-align: center;

}

.schedule .media .btn-two a {

	    font-size: 14px;

    color: #FFFFFF;

    background: #FF4555;

    padding: 20px 35px;

    display: inline-block;

	width: 148px;

    margin: 0 auto;

    text-align: center;

}

.schedule .media .btn-one  {

    display: inline-block;

}

.schedule .media .btn-two  {

    display: inline-block;

}

.schedule .text p {

    font-size: 14px;

    color: #6F6F6F;

    font-weight: 500;

    background: #fff;

    padding: 25px 115px;

    border-bottom-left-radius: 30px;

    border-bottom-right-radius: 30px;

    margin: 0px 2px;

}

.schedule .container {

    max-width: 1600px;

}

.schedule .content-two {

    padding: 100px 100px 100px 100px;

    position: relative;

    background-repeat: no-repeat;

    width: 100%;

    border-radius: 70px;

    background-size: cover;

}





/*** 



====================================================================

	why choose us 7

====================================================================



***/



.why-choose-us-7 {

    position: relative;

    padding: 100px 0px 100px 0px;

}





/*** departments ***/



.why-choose-us-7 .sidebar-widget-two.departments {

    position: relative;

    margin-bottom: 55px;

}

.why-choose-us-7 .sidebar-widget-two.departments .sidebar-title-two {}

.why-choose-us-7 .sidebar-widget-two.departments .sidebar-title-two h3 {

	position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.why-choose-us-7 .sidebar-widget-two.departments .sidebar-title-two h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li {

    position: relative;

    box-shadow: 0px 0px 10px 0px rgb(240, 240, 240);

    padding: 20px 0px 20px 45px;

    margin: 0px 0px 10px 0px;

    background: #fff;

    border-radius: 5px;

    cursor: pointer;

    z-index: 1;

    transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li span {

    font-size: 18px;

    color: #fff;

    margin-right: 25px;

    float: right;

    transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li:before {

    position: absolute;

    left: 0px;

    top: 0px;

    content: "";

    background: #FE4555;

    width: 0;

    height: 100%;

    z-index: -1;

    transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li:hover:before {

	width: 100%;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li:hover:after {

	opacity: 0;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li:hover a {

	color: #fff;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li:after {

    position: absolute;

    left: 20px;

    top: 25px;

    content: "";

    background: url(../images/ex-new-two/icon/sidebar-category-shape.png);

    width: 10px;

    height: 10px;

    transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li.active:before {

	width: 100%;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li.active a {

	color: #fff;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li.active a span {

	color: #fff;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li.active:after {

	opacity: 0;

	transition: all 700ms ease;

}

.why-choose-us-7 .sidebar-widget-two.departments .list li a {

    font-size: 18px;

    color: #606060;

	transition: all 700ms ease;

}



/*** emergency call ***/



.why-choose-us-7 .emergency-call {

    position: relative;

    background: #FF4555;

    margin-top: 30px;

    padding: 45px 20px 45px 95px;

    border-radius: 10px;

    margin-bottom: 55px;

}

.why-choose-us-7 .emergency-call .icon {

    position: absolute;

    left: 20px;

    top: 45px;

}

.why-choose-us-7 .emergency-call .icon img {}



.why-choose-us-7 .emergency-call .title h3 {

	position: relative;

    font-weight: 600;

    font-size: 20px;

    color: #FFFFFF;

    margin-bottom: 10px;

}

.why-choose-us-7 .emergency-call .call h4 {

    font-size: 18px;

    color: #FFFFFF;

    font-weight: 500;

}



/*** doctor Schedule ***/



.why-choose-us-7 .doctor-Schedule {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 15px 30px;

    margin-bottom: 55px;

}

.why-choose-us-7 .doctor-Schedule .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.why-choose-us-7 .doctor-Schedule .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.why-choose-us-7 .doctor-Schedule .list {}

.why-choose-us-7 .doctor-Schedule .list ul {}

.why-choose-us-7 .doctor-Schedule .list ul li {

    font-size: 18px;

    color: #606060;

    font-weight: 500;

    margin-bottom: 25px;

}

.why-choose-us-7 .doctor-Schedule .list ul li span {

    padding-right: 100px;

    width: 155px;

    display: block;

    float: left;

}



/*** book appoinment ***/



.why-choose-us-7 .book-appoinment {

    position: relative;

    box-shadow: 0px 0px 70px 0px rgba(237, 237, 237, 0.57);

    margin-top: 30px;

    border-radius: 10px;

    padding: 30px 30px 15px 30px;

}

.why-choose-us-7 .book-appoinment .title h3 {

    position: relative;

    font-size: 20px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

}

.doctor-details .book-appoinment .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.why-choose-us-7 .book-appoinment .form-group {}

.why-choose-us-7 .book-appoinment .form-group select {

	width: 100%;

    height: 42px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #989898;

	font-size: 16px;

	border-radius: 5px;

}

.why-choose-us-7 .book-appoinment .form-group select option {}

.why-choose-us-7 .book-appoinment .form-group input {

    width: 100%;

    height: 57px;

    line-height: 57px;

    font-size: 14px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.why-choose-us-7 .book-appoinment .form-group textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.why-choose-us-7 .book-appoinment .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.why-choose-us-7 .book-appoinment .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #9C9C9C;

	font-size: 16px;

}

.why-choose-us-7 .book-appoinment .form-group button.theme-btn {

	position: relative; 

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    /* padding: 15px 30px 15px 30px; */

    cursor: pointer;

    font-weight: 600;

    display: inline-block;

    width: 100%;

    height: 57px;

    line-height: 57px;

	z-index: 1;

	overflow: hidden;

}



.why-choose-us-7 .book-appoinment .form-group button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.why-choose-us-7 .book-appoinment .form-group button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.why-choose-us-7 .book-appoinment .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.why-choose-us-7 .book-appoinment .bootstrap-select > .dropdown-toggle {

    outline: none !important;

    font-weight: 300;

    box-shadow: none !important;

    height: 57px;

    line-height: 57px;

    padding: 0px 0px 0px 15px;

    border: 1px solid #EAEAEA;

    background: transparent;

    color: #CACACA;

}

.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    color: #9C9C9C;

}



.why-choose-us-7 .book-appoinment .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.why-choose-us-7 .book-appoinment .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    color: #989898;

    margin-left: 0;

    vertical-align: 0;

    border-right: 0;

    border-left: 0;

    position: absolute;

    right: 30px;

    top: -6px;

    font-size: 12px;

    font-weight: 100;

}

.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li.selected > a {

  background: #FF4555;

  color: #fff;

}

.why-choose-us-7 .book-appoinment .btn-light:not(:disabled):not(.disabled).active, .why-choose-us-7 .btn-light:not(:disabled):not(.disabled):active, .why-choose-us-7 .show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #fff;

    border-color: #fff;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.why-choose-us-7 .book-appoinment .bootstrap-select .dropdown-menu > li > a:hover {

  background: #FF4555;

  color: #fff;

  cursor: pointer;

}



/*** description ***/



.why-choose-us-7 .description {

    padding-bottom: 28px;

}

.why-choose-us-7 .description .subtitle h4 {

    position: relative;

    font-size: 18px;

    color: #FFFFFF;

    text-transform: uppercase;

    background: #00C5FF;

    display: inline-block;

    padding: 15px 35px;

}

.why-choose-us-7 .description .subtitle h4:before {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 8px solid #00C5FF;

    bottom: -7px;

    content: "";

    height: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    position: absolute;

    transform: rotate(0deg);

    width: 0;

}

.why-choose-us-7 .description .title h3 {

    position: relative;

    font-size: 24px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 35px;

    margin-top: 40px;

    margin-left: 30px;

}

.why-choose-us-7 .description .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.why-choose-us-7 .description .text p {

    font-size: 16px;

    color: #858585;

    font-weight: 500;

    margin-left: 30px;

}



/*** benefits ***/



.why-choose-us-7 .benefits {}

.why-choose-us-7 .benefits .title h3 {

    position: relative;

    font-size: 24px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 60px;

    margin-left: 30px;

}

.why-choose-us-7 .benefits .title h3:before {

    position: absolute;

    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.why-choose-us-7 .benefits .item {

    position: relative;

    padding: 0px 0px 30px 80px;

}

.why-choose-us-7 .benefits .item .title h4 {

    position: relative;

    margin-bottom: 16px;

    font-size: 20px;

    font-weight: 600;

}

.why-choose-us-7 .benefits .item .title h4 a {

    color: #606060;

	transition: all 700ms ease;

}

.why-choose-us-7 .benefits .item .title h4 a:hover {

    color: #00C5FF;

    transition: all 700ms ease;

}

.why-choose-us-7 .benefits .item .title h4:before {

    position: absolute;

    left: -50px;

    top: 0;

    content: "\f116";

    font-family: "Flaticon";

    font-size: 20px;

    background: #00C5FF;

    font-weight: 100;

    color: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50px;

	transition: all 700ms ease;

}

.why-choose-us-7 .benefits .item:hover .title h4:before {

    background: #FF4555;

	transition: all 700ms ease;

}

.why-choose-us-7 .benefits .item .text p {

    color: #606060;

    font-size: 16px;

    line-height: 30px;

}



/*** interesting body ***/



.interesting-body .title h3 {

    position: relative;

    font-size: 24px;

    color: #363636;

    font-weight: 600;

    margin-bottom: 40px;

    margin-left: 30px;

}

.interesting-body .title h3:before {

    position: absolute;


    left: 0;

    bottom: -15px;

    content: "";

    width: 60px;

    height: 3px;

    background: #00C5FF;

}

.interesting-body .image-box {

    position: relative;

    display: inline-block;

    z-index: 1;

    margin-left: 28px;

}

.interesting-body .image-box .icon {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: table;

    vertical-align: middle;

    padding: 10px 0px;

    z-index: 1;

}

.interesting-body .image-box .icon .icon-box {

	position: relative;

    display: table-cell;

    vertical-align: middle;

}

.interesting-body .image-box .icon img {}

.interesting-body .image-box img {}

.interesting-body .image-box .ripple,

.interesting-body .image-box .ripple:before,

.interesting-body .image-box .ripple:after {

	position: absolute;

	left: 50%;

	top: 50%;

	height: 80px;

	width: 80px;

	margin-top: -40px;

	margin-left: -40px;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);

	-webkit-animation: ripple 3s infinite;

	animation: ripple 3s infinite;

}



.interesting-body .image-box .ripple:before {

	-webkit-animation-delay: .9s;

	animation-delay: .9s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



.interesting-body .image-box .ripple:after {

	-webkit-animation-delay: .6s;

	animation-delay: .6s;

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

}



/*** 



====================================================================

	funfact 25 two four

====================================================================



***/



.funfact-25.two.four {

    padding: 0px 0px 100px 0px;

}

.funfact-25.two.four .row {

    margin: 0px 0px;

}

.funfact-25.two.four .item {

    margin-left: -14px;

    margin-right: -14px;

}



/*** 



====================================================================

	contact page section

====================================================================



***/



.contact-page-section {

    position: relative;

    padding: 100px 0px 100px 0px;

}



.contact-page-section .info-column{

	position:relative;

	margin-bottom:40px;

}



.contact-page-section .info-column .inner-column {

    position: relative;

    /* margin-right: -20px; */

    padding: 50px 55px 45px;

    background-color: #fff;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

}



.contact-page-section .info-column .inner-column .title-box{

	position:relative;

}



.contact-page-section .info-column .inner-column .title-box h3 {

    position: relative;

    color: #222;

    font-size: 23px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 40px;

}



.contact-page-section .contact-info-list {}

.contact-page-section .contact-info-list .item {

    position: relative;

    margin-bottom: 50px;

}

.contact-page-section .contact-info-list .item .icon {

    position: absolute;

    left: 0;

    top: 0;

}

.contact-page-section .contact-info-list .item .icon span {

    width: 80px;

    height: 80px;

    line-height: 78px;

    font-size: 36px;

    color: #fff;

    background: #00C5FF;

    border-radius: 50px;

    text-align: center;

}

.contact-page-section .contact-info-list .item .title h4 {

    color: #434343;

    font-size: 20px;

    font-weight: 500;

    padding-left: 100px;

    padding-top: 0px;

}

.contact-page-section .contact-info-list .item .text p {

    font-size: 18px;

    color: #242424;

    font-weight: 500;

    margin-top: 15px;

    margin-left: 99px;

}

/*** form column ***/





.contact-page-section .form-column .contact {

    position: relative;

    /* margin-right: -20px; */

    padding: 50px 55px 45px;

    background-color: #fff;

    box-shadow: 0px 11px 68px 0px rgba(219, 219, 219, 0.32);

}

.contact-page-section .form-column .title-box{

	position:relative;

}



.contact-page-section .form-column .title-box h3 {

    position: relative;

    color: #222;

    font-size: 23px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 40px;

}

.contact-page-section .form-column .contact .form-group {}

.contact-page-section .form-column .contact .form-group select {

	    width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 15px;

    color: #A8A8A8;

	font-size: 16px;

	border-radius: 5px;

}

.contact-page-section .form-column .contact .form-group select option {

	

}

.contact-page-section .form-column .contact .form-group input {

    width: 100%;

    height: 62px;

    background: #fff;

    padding: 0px 0px 0px 25px;

    color: #989898;

    font-size: 16px;

    border-radius: 50px;

    border: 1px solid #CFCFCF;

}

.contact-page-section .form-column .contact .form-group textarea {

    width: 100%;

    background: #fff;

    padding: 20px 0px 0px 15px;

    color: #A8A8A8;

    font-size: 16px;

    border-radius: 30px;

    height: 127px;

	border: 1px solid #CFCFCF;

}

.contact-page-section .form-column .contact .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #A8A8A8;

	font-size: 16px;

}

.contact-page-section .form-column .contact .form-group input[type=date]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #A8A8A8;

	font-size: 16px;

}

.contact-page-section .form-column button.theme-btn {

	position: relative;

    color: #FFFFFF;

    font-size: 16px;

    background: #FF4555;

    padding: 15px 50px;

    cursor: pointer;

    border: 1px solid #fff;

    border-radius: 50px;

    font-weight: 600;

	z-index: 1;

	overflow: hidden;

}



.contact-page-section .form-column button.theme-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    height: 100%;

    width: 100%;

    background: #00C5FF;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}

.contact-page-section .form-column button.theme-btn:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.contact-page-section .form-column .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

  width: 100%;

}

.contact-page-section .form-column .bootstrap-select > .dropdown-toggle {

    border: none;

    outline: none !important;

    background: transparent;

    border: 1px solid #CFCFCF;

    font-weight: 300;

    color: #989898;

    padding: 0;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    height: 62px;


    line-height: 62px;

    padding: 0px 0px 0px 25px;

    background: #fff;

	border-radius: 50px;

}



.contact-page-section .form-column .bootstrap-select.btn-group .dropdown-toggle .caret {

  border: none;

  position: absolute;

  top: 20%;

  right: 10px;

  margin: 0;

}



.contact-page-section .form-column .dropdown-toggle:after {

    content: '\f078';

    font-family: 'fontawesome';

    position: absolute;

    right: 0;

    top: 0;

    width: 62px;

    height: 62px;

    line-height: 58px;

    background: #77E0FF;

    font-size: 24px;

    color: #fff;

    border-radius: 50px;

    text-align: center;

    border-top: unset;

    border-bottom: unset;

}

.contact-page-section .form-column .bootstrap-select .dropdown-toggle .filter-option-inner-inner {

    font-weight: 400;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 10px;

}

.contact-page-section .form-column .bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid #eee;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu > li:first-child > a {

  padding-top: 10px;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu > li:last-child > a {

  padding-bottom: 10px;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu > li.selected > a {

  background: #00C5FF;

  color: #fff;

}

.contact-page-section .form-column .btn-light:not(:disabled):not(.disabled).active, .contact-page-section .form-column .btn-light:not(:disabled):not(.disabled):active, .contact-page-section .show>.btn-light.dropdown-toggle {

    color: #989898;

    background-color: #fff;

    border-color: #fff;

	border: 1px solid #CFCFCF;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  padding: 9px 20px;

  -webkit-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease;

}



.contact-page-section .form-column .bootstrap-select .dropdown-menu > li > a:hover {

  background: #00C5FF;

  color: #fff;

  cursor: pointer;

}





.contact-page-section .form-column .form-group {

    position: relative;

    margin-bottom: 30px;

}

.contact-page-section .form-column .form-group .icon {}

.contact-page-section .form-column .form-group .icon span {

    width: 62px;

    height: 62px;

    line-height: 58px;

    background: #77E0FF;

    font-size: 24px;

    color: #fff;

    text-align: center;

    border-radius: 50px;

    position: absolute;

    right: 0;

    top: 0;

}

.service-icon-one-h25 .item .icon:before {

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #eae5fdb0 100%);

    width: 80px;

    height: 80px;

    top: 36px;

    right: 107px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}



.service-icon-two-h25:before {

    position: absolute;

    content: '';

    background: url(../images/icons/shap-53.png);

    width: 1626px;

    height: 1323px;

    left: 0px;

    top: 20px;

    background-repeat: no-repeat;

}

.service-icon-two-h25 .item>.icon>.icon:before {

    position: absolute;

    height: 65px;

    width: 65px;

    /* background-color: #00c5ff29; */

    content: "";

    /* z-index: -1; */

    top: -46px;

    left: 15px;

    border-radius: 50%;

    right: 0;

    margin: auto;

    transition: all 0.3s ease-out;

    background-image: -webkit-linear-gradient( 45deg, #fefeff30 0%, #5dcbf166 100%);

}



.service-icon-one-h25 .col-sm-12:nth-child(2) .item{

    box-shadow: 0px 10px 21px 0px rgb(219, 219, 219);

    transition: all 700ms ease;

}

.service-icon-one-h25 .col-sm-12:nth-child(2) .item .icon span:before {

    color: #FF4555;

    transition: all 700ms ease;

}

.service-icon-one-h25 .col-sm-12:nth-child(2) .item .btn-link a span {

    color: #FF4555;

    transition: all 700ms ease;

}

.service-icon-one-h25 .col-sm-12:nth-child(2) .item .icon:before {

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #ff45555c 100%);

    width: 80px;

    height: 80px;

    top: 36px;

    right: 107px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.service-icon-one-h25 .item:hover .icon:before {

    position: absolute;

    content: '';

    width: 80px;

    height: 80px;

    top: 43px;

    right: 122px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.service-icon-one-h25 .col-sm-12:nth-child(2) .item:before {

    position: absolute;

    content: "";

    bottom: -30px;

    opacity: 1;

    left: -23px;

    width: 115px;

    height: 115px;

    background: url(../images/shape/shape_7.png) no-repeat;

    transition: all 700ms ease;

    z-index: -2;

}

.service-icon-one-h25 .item:before {

    position: absolute;

    content: "";

    bottom: -30px;

    opacity: 1;

    left: -23px;

    width: 115px;

    height: 115px;

    background: url(../images/shape/shape_7.png) no-repeat;

    transition: all 700ms ease;

    z-index: -2;

	opacity: 0;

}

.service-icon-one-h25 .item:hover:before {

    transition: all 700ms ease;

	opacity: 1;

}

.title_c {

    color: #ff4555;

}



.service-icon-two-h25 .item:hover .icon>.icon:before {

    top: -41px;

    left: 9px;

}

.appoentment-25 .content .lower-content {

    display: none;

}

.gallery-25 .sec-title-five .text p{

    color: #fff;

    font-size: 18px;

}

.team-25 .sec-title-five .text p{

    font-size: 18px;

}



.mr1{

    font-size: 20px;

    color: #353535;

    /* line-height: 26px; */

    text-align: left;

    font-weight: 600;

    margin-bottom: 10px;

}

.icont2 .shape-5 {

    position: absolute;

    top: 80%;

    right: 91%!important;

    z-index: 1;

}

.icont2 .shape-3 {

    position: absolute;

    top: 14%;

    right: 13%!important;

    z-index: 1;

}

.icont2 .shape-4 {

    position: absolute;

    top: 20%!important;

    right: 87%!important;

    z-index: 1;

}

.icont2 .shape-6 {

    position: absolute;

    top: 73%!important;

    right: 10%!important;

    z-index: 1;

}

.testimonials-26 span.dasignation{

    font-size: 16px!important;

    color: #ff4555!important;

    font-weight: 600!important;

    font-family: 'Exo', sans-serif;

}

.testimonials-26 .item h4 {

    font-size: 20px;

    color: #3f3f3f;

    margin-bottom: 15px;

    font-weight: 600;

}

.workprocess-h10 .item .number:before {

    position: absolute;

    height: 65px!important;

    width: 65px!important;

    content: "";

    z-index: 99;

    left: -169px!important;

    border-radius: 50%;

    right: 0;

    margin: auto;

    transition: all 0.3s ease-out;

    background-image: -webkit-linear-gradient( 45deg, #fefeff30 0%, #5dcbf166 100%)!important;

}

.home7 .slide-item:before{

    position: absolute!important;

    content: ''!important;

    background: url(../images/resource/lab/x.png)!important;

    width: 55%!important;

    height: 100%!important;

    left: 0px!important;

    top: 0px!important;

    background-repeat: no-repeat!important;

    background-size: cover!important;

}

.home7 .colr3,.home7 .colr1 ,.home7 .colr2{

	color:#fff!important;

}

.home7 .slide-item:after {

    background: url(../images/background/123.png)!important;

    width: 356px!important;

    height: 100%!important;

    position: absolute!important;

    content: ''!important;

    left: 0px!important;

    top: 334px;

    background-repeat: no-repeat!important;

    z-index: 9;

}

.anim-icons.icont2 .icon{

	z-index:9;

}

.home7 .banner-carousel .theme-btn.btn-style-two {

    background: #001659!important;

 

}

.btn-style-five {

    position: relative;

    padding: 13px 32px 13px;

    line-height: 24px;

    background: #00C5FF;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    border-radius: 0px;

    letter-spacing: 1px;

    border: 2px solid #00C5FF;

    text-transform: capitalize;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

    font-family: 'Exo', sans-serif;

}

.btn-style-five:hover {

    background: none;

    color: #00C5FF;

    position: relative;

    background-color: #f5f5f5;

    background: url(../images/shape/pattern-bg1.png) #f5f5f5;

    background-repeat: repeat;

}



/*btn Five*/







.btn-style-five:before {

    border-color: #FF4555!important;

    border-left-width: 2px;

    border-top-width: 2px;

    left: -10px;

    top: -10px;    

}

.btn-style-five:after {

    border-bottom-width: 2px!important;

    border-right-width: 2px;

    bottom: -10px;

    right: -10px;

    border-color: #FF4555;

}



.about-section .title-column .inner-column:hover .btn-style-five:before, 

.about-section .title-column .inner-column:hover .btn-style-five:after {

    border-color: #FF4555;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

    border-style: solid;

    height: 100%;

    width: 100%;

}

.home8 .sec-title {

	margin-bottom:60px;

}

.home8 .sec-title h2,.home8 .sec-title .title-text{

    position: relative;

    color: #ffffff;

}



.list-style-two li:before {

    position: absolute;

    left: 13px;

    top: 0;

    content: "\f116";

    font-family: "Flaticon";

    font-size: 13px;

    background: #00C5FF;

    font-weight: 100;

    color: #fff;

    width: 30px;

    height: 30px;

    line-height: 34px;

    text-align: center;

    border-radius: 50px;

    transition: all 700ms ease;

    box-shadow: 0px 15px 11px 0px rgba(0, 197, 255, 0.28);

    /* margin-bottom: 20px; */

}

.banner-section.style-h26 .slide-item:before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    content: "";

}

.banner-section.style-h26 .slide-item .content-box .inner .list {

    /* color: red; */

    position: relative;

}

.subtitlex h3 {

    font-size: 18px;

    color: #00C5FF;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 20px;

    font-family: 'Exo', sans-serif;

}

.textt{

	font-size:16px;

	margin-bottom:20px;

}

.textsec{

	margin-bottom:40px;

}

.feature-block .inner-box .icon-box .icon:before{

    font-size: 75px;

    color: #00C5FF;

    transition: all 700ms ease;

    z-index: 999;

}

.feature-block .inner-box .icon-box .icon:after {

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #eae5fdb0 100%);

    width: 80px;

    height: 80px;

    top: -16px;

    right: 163px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.feature-block-two .inner-box h3:before{

    position: absolute;

    left: 0px;

    top: 0;

    content: "\f116";

    font-family: "Flaticon";

    font-size: 20px;

    background: #00C5FF;

    font-weight: 100;

    color: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50px;

    transition: all 700ms ease;

    box-shadow: 0px 15px 11px 0px rgba(0, 197, 255, 0.28);

}

.home11 .inner-box .icon-box .icon:after {

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #eae5fdb0 100%);

    width: 80px;

    height: 80px;

    top: -28px;

    left: 23px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.home11 .feature-block-two .inner-box h3:before {

    color: #ff4555!important;

}

.uyt .sec-title-five .title h2 {

    color: #ffffff;

}

.uyt .sec-title-five .text p {

    color: #ffffff;

}

.uyt .content-column .inner-column {

    position: relative;

    padding: 70px 50px 70px 40px!important;

}

.home12 .inner-box .icon-box .icon:before{

	font-size: 75px;

    color: #00C5FF;

}



.home12 .inner-box:hover .icon-box .icon:before {

    font-size: 75px;

    color: #ffffff;

}

.home12 .inner-box .icon-box:after {

    background: #00c5ff1a!important;

}

.services-block-two .inner-box .overlay-box .icon-box .icon:before{

	font-size:70px;

	color:#fff;

}

.service-icon-28 .item .icon span:after{

    position: absolute;

    content: '';

    background-image: -webkit-linear-gradient( 45deg, #fefeff00 0%, #ff455526 100%);

    width: 80px;

    height: 80px;

    top: 21px;

    left: 59px;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

}

.funfact-28:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    /* left: 0px; */

    top: 0px;

    background-repeat: no-repeat;

    background: #421ab6bf;

}







.about-us-28 .sec-title-five .text p {

    color: #ffffff;

}



.service-icon-27:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 5px;

    width: 515px;

    height: 1336px;

    display: inline-block;

    background: url(../images/background/pattern-1.png);

}

 .portfolio-27 .filters li:hover{

    color: #fff;

    background: #00C5FF;

    box-shadow: 0px 15px 30px 0px rgba(0, 197, 255, 0.44);

}

.service-image-27 .owl-nav .owl-prev,.service-image-27 .owl-nav .owl-next {

    display: none;

}



.service-icon-27 .item:hover .btn-box a {

    color: #ff4555;

	letter-spacing: 1.5px;

}

.service-icon-27 .item:hover .btn-box a span {

    color: #ff4555;

}

.service-icon-27 .item:hover .icon span:before {

    color: #00c5ff;

}

.testimonials-27 .owl-nav .owl-next,.testimonials-27 .owl-nav .owl-prev {

    display: none;

}

.home2 .banner-carousel .content-box .inner {

    margin-right: 0;

    padding: 250px 0px 200px 0px!important;

}

.skin-care-spacialist .image-column .lower-content .dasignation h5 {

    font-size: 18px;

    color: #00c5ff;

    font-family: 'Exo', sans-serif;

}

.services-block-four .inner-box:hover .icon-box {

    color: #ff4555;

}

.blog-27 {

    background-image: none!important;

    background: #faf7f7;

}

.pagez{

	padding-top:100px!important;

}

.doctor-details .information-social .information .list ul li span.one {

    font-family: 'Exo', sans-serif;

}

.team-h6 .item .title-box {

    text-align: center;

    background: #fafafa;

    padding: 10px;

    padding-bottom: 30px;

}

.abouth1.call-to-action-h9:before {

    background: linear-gradient(to right, rgb(6, 109, 218) 0%,rgba(48,178,210,1) 50%,rgba(28,76,147,1) 100%)!important;

}

.abouth1.call-to-action-h9 .text-box h2 {

    color: #ffffff;

}

.abouth1.call-to-action-h9 .text-box p {

    color: #f0f0f0;

}

.footer-widget.links-widget{

	margin-left:30px;

}



/* service icon one h25 two hh */



.service-icon-one-h25.two.hh {

    padding-top: 100px;

}

.service-icon-one-h25.two.hh .item {

    margin-bottom: 30px;

}



/* call to action 25 two hh */



.call-to-action-25-two.hh {

    padding: 100px 0px 100px 0px;

}



/* team h6 rashid01 */



.team-h6.rashid01 {

    padding-bottom: 50px;

}



/* team h6 rashid01 */



.bkr003.rashid01.hh .team-2 {

    padding: 100px 0px 60px;

}



/* clients 25 two hh */



.clients-25.two.hh {

    padding-top: 100px;

}



/* pg schedule hh */



.pg.schedule.hh {

    padding-bottom: 100px !important;

}



/* testimonials h6 jj */



.testimonials-h6.jj {

    padding-bottom: 100px;

}



/* service img h9 services19 kk */



.service-img-h9.services19.kk {

    padding-top: 100px;

}



/* service img h6 kk */



.service-img-h6.kk {

    padding-bottom: 70px;

}



/* rashid01 latest news 07 */



.rashid01.latest-news-07 {

    padding-bottom: 40px;

}

.seimagpage{

	padding-bottom:20px;

}

.sticky-header .logo img{

width:120px;

}