/* Meditab | Auto Repair HTML Template
Template Name: Meditab
Author: ary-theme
Version: 1.0.0
License: copyright commercial
/**** TABLE OF CONTENTS **
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Header Style Two 
6. Header Style Three
7. Header Style Four 
8. Sticky Header
9. Mobile Menu
10. Section Title
11. Page Title
12. Banner Section / Two / Three
13. About Section
14. About Section Two
15. About Section Two
16. Who We Are
17. Services Section / Two / Three 
18. Service Detail
19. Fun Fact Section / Two
20. Process Section
21. Skills and Testimonials
22. Testimonial Section / Two
23. Project Section / Two
24. Project Details Section
25. Appointment Form Section
26. Appointment Section Two
27. Pricing Section
28. Team Section
29. Doctor Detail Section
30. News Section / Two / Three
31. Blog Standard
32. Blog Post
33. Comment Area
34. Comment Form
35. Styled Pagination
36. Ads Section
37. Discount Section
38. Products Section
39. Shop Categories
40. Shop Section
41. Contact Section
42. Map Section
43. Clients Section
44. Main Footer / Two / Three / Four
45. Sidebar Page Container
46. Shop Single Section
47. Product Tabs
48. Related Products
49. Cart Section
50. CheckOut Section
51. Login Section
52. Error Section
53. Right To Left Style
54. Box Layout
*****/
/*** 
==Fonts==
***/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Saira:wght@300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Saira', sans-serif;
*/
@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.fancybox.min.css');
*{margin:0px;padding:0px;border:none;outline:none;font-size: 100%;}
body {
font-size:14px;
color:#777777;
line-height: 28px;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Saira', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color:#008aff;
}
a:hover,
a:focus,
a:visited{
text-decoration:none;
outline:none;
}
.sidebar-page-container,
section{background-color: #ffffff;}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.2em;
color: #166995;
font-family: 'Barlow Condensed', sans-serif;
}
textarea{overflow:hidden;resize: none;}
button{outline: none !important;cursor: pointer;}
p,.text{
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #555555;
margin: 0;
}
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.small-container{
position:static;
max-width:1000px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
overflow: hidden;
z-index: 99;
background-color: #ffffff;
}
ul,li{list-style:none;padding:0px;margin:0px;}
.theme-btn{
display:inline-block;
text-align: center;
white-space: nowrap;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
font-size:16px;
line-height:30px;
color:#ffffff;
background-color: #008aff;
padding: 15px 35px;
font-weight: 700;
overflow: hidden;
}
.btn-style-one .btn-title{position: relative;}
.btn-style-one:hover{
color:#008aff;
-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}
.btn-style-one:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: #ffffff;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top 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); /* easeInOutQuint */
-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); /* easeInOutQuint */
}
.btn-style-one:hover:before{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.btn-style-one.bg-orange{color:#ffffff; background-color: #ef5b3f;}
.btn-style-one.bg-orange:hover{color: #ef5b3f;}
.btn-style-one.bg-blue{color:#ffffff; background-color: #073d83;}
.btn-style-one.bg-blue:hover{color: #073d83;}
.btn-style-one.bg-black{color:#ffffff; background-color: #166995;}
.btn-style-one.bg-black:hover{color: #166995;}
.btn-style-one.bg-tealblue{color:#ffffff; background-color: #f07e01;}
.btn-style-one.bg-tealblue:hover{color: #f07e01;}
/*Btn Style two*/
.btn-style-two{
position:relative;
font-size:16px;
line-height:26px;
color:#063c83;
background-color: #ffffff;
border: 2px solid #ffffff;
padding: 15px 35px;
font-weight: 600;
overflow: hidden;
}
.btn-style-two .btn-title{position: relative;}
.btn-style-two:hover{color:#ffffff;border-color: #ffffff;background: transparent;}
.btn-style-three{
position:relative;
font-size:16px;
line-height:26px;
color:#ffffff;
background-color: transparent;
border: 2px solid #ffffff;
padding: 15px 35px;
font-weight: 700;
overflow: hidden;
}
.btn-style-three .btn-title{position: relative;}
.btn-style-three:hover{color:#063c83;background: #ffffff;}
.list-style-one{position: relative;display: block;margin-bottom: 30px;}
.list-style-one li{
position: relative;
font-size: 16px;
line-height: 28px;
color: #166995;
font-weight: 700;
padding-left: 35px;
margin-bottom: 20px;
font-family: "Saira";
}
.list-style-one li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 28px;
color: #008aff;
font-weight: 600;
content: "\f181";
font-family: "Flaticon";
}
.list-style-two{position: relative;display: block;margin-bottom: 30px;}
.list-style-two li{
position: relative;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 500;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 10px;
}
.list-style-two li:before{
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f00c";
}
.list-style-three{position: relative;display: block;margin-bottom: 30px;}
.list-style-three li{
position: relative;
font-size: 16px;
line-height: 26px;
color: #166995;
font-weight: 600;
padding-left: 45px;
margin-bottom: 10px;
}
.list-style-three li:before{
position: absolute;
left: 0;
top: 8px;
height: 9px;
width: 9px;
background: #f07e01;
content: "";
}
.list-style-four{position: relative;display: block;margin-bottom: 30px;}
.list-style-four li{
position: relative;
font-size: 22px;
line-height: 34px;
color: #166995;
font-weight: 500;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 10px;
}
.list-style-four li:before{
position: absolute;
left: 0;
top: 0;
font-size: 22px;
line-height: 34px;
color: #f07e01;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f0c3";
}
.list-style-five{position: relative;display: block;margin-bottom: 30px;}
.list-style-five li{
position: relative;
font-size: 20px;
line-height: 30px;
color: #555555;
font-weight: 500;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 10px;
}
.list-style-five li:before{
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 30px;
color: #008aff;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f00c";
}
.social-icon-one{
position:relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-icon-one li{position:relative;margin-left: 20px;}
.social-icon-one li:first-child{margin-left: 0;}
.social-icon-one li a{
position:relative;
display:block;
height: 37px;
width: 37px;
border-radius: 50%;
color:#ffffff;
text-align: center;
font-size:14px;
line-height: 35px;
border: 1px solid #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;	
}
.social-icon-one li a:hover{
color: #ffffff;
border-color: #008aff;
background-color: #008aff;
}
.social-icon-two{
position:relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-icon-two li{position:relative;margin-right: 10px;}
.social-icon-two li a{
position:relative;
display:block;
height: 40px;
width: 40px;
color:#166995;
text-align: center;
font-size:16px;
line-height: 40px;
border: 1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.social-icon-two li a:hover{color: #f07e01;border-color: #166995;background-color: #ffffff;}
.social-icon-four{
position:relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-icon-four li{position:relative;margin-left: 20px;}
.social-icon-four li a{
position:relative;
display:block;
height: 37px;
width: 37px;
border-radius: 50%;
color:#166995;
text-align: center;
font-size:14px;
line-height: 35px;
border: 1px solid #eeeeee;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.social-icon-four li a:hover{
color: #ffffff;
border-color: #ef5b3f;
background-color: #ef5b3f;
}
.social-icon-five{
position:relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-icon-five li{position:relative;margin-left: 20px;}
.social-icon-five li a{
position:relative;
display:block;
height: 40px;
width: 40px;
color:#ffffff;
background: #166995;
text-align: center;
font-size:18px;
line-height: 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;	
}
.social-icon-five li a:hover{color: #008aff;background-color: #ffffff;}
.social-icon-six{
position:relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.social-icon-six li{position:relative;margin-left: 2px;}
.social-icon-six li a{
position:relative;
display:block;
height: 37px;
width: 37px;
border-radius: 50%;
color:#166995;
text-align: center;
font-size:14px;
line-height: 35px;
border: 1px solid #eeeeee;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.social-icon-six li a:hover{
color: #ffffff;
border-color: #008aff;
background-color: #008aff;
}
.theme_color{color:#25262c;}
.pull-right{float: right;}
.pull-left{float: left;}
.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/logo.png);
} 
img{
display:inline-block;
max-width:100%;
height:auto;	
}
.tabs-box{position: relative;}
.tabs-box .tab{display: none;}
.tabs-box .active-tab{display: block;}
.default-form {position: relative;}
.default-form .form-group {position: relative;margin-bottom: 20px;}
.default-form .form-group:last-child {margin-bottom: 0;}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="date"],
.default-form .form-group input[type="time"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="number"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select {
position: relative;
width: 100%;
display: block;
color: #999999;
font-size: 16px;
line-height: 28px;
padding: 15px 20px;
height: 60px;
background-color: #ffffff;
border: 1px solid #acacac;
user-select: none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
border-color: #008aff;
}
.default-form .form-group textarea {
height: 184px;
resize: none;
padding-top: 15px;
}
.default-form .form-group input[type="submit"],
.default-form .form-group button {
position: relative;
display: inline-block;
min-width: 160px;
}
.default-form input.error:focus,
.default-form select.error:focus,
.default-form textarea.error:focus {
border-color: #ff0000;
}
.default-form label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
margin-bottom: 0;
}
.default-form .form-group .icon{
position: absolute;
right: 25px;
top: 1px;
bottom: 1px;
width: 30px;
color: #999999;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
text-indent: 0;
user-select: none;
background: #ffffff;
pointer-events: none;
}
.scroll-to-top{
position: absolute;
left: 0;
right: 0;
top: -20px;
margin: 0 auto;
width: 40px;
font-size:16px;
line-height:40px;
color:#008aff;
text-align:center;
cursor:pointer;
background:#ffffff;
z-index:100;
display:none;
border-radius: 0;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0,0,0,0.10);
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;		
}
.scroll-to-top:hover{background:#0c376f;color: #ffffff;}
.main-header{
position:relative;
left:0px;
top:0px;
width:100%;
z-index:999;
border-bottom:solid 2px #CCCCCC;
}
.main-header .main-box{
position:relative;
left:0px;
top:0px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .nav-outer{
position: relative;
display: flex;
align-items: center;
}
.main-menu{position:relative;float:left;}
.main-menu .navbar-header{display: none;}
.main-menu .navbar-collapse{padding:0px;}
.main-menu .navigation{position:relative;margin:0px;}
.main-menu .navigation > li{
position:relative;
float:left;
padding:31px 0px;
margin-right: 30px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navigation > li:last-child{margin-right: 0;}
.main-menu .navigation > li > a{
position:relative;
display:block;
text-align:center;
opacity:1;
font-weight:600;
color:#166995;
font-size:15px;
line-height:30px;
padding: 0;
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;
}
.main-menu .navigation > li > a:before{
position: absolute;
left: 50%;
bottom: 0;
height: 2px;
width: 0%;
background: #008aff;
content: "";
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
left: 0;
width: 100%;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
color: #008aff;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:260px;
z-index:100;
padding:6px 13px 0;
background-color:#ffffff;
opacity:0;
display:none;
box-shadow: 0 0 3px rgba(0,0,0,0.10);
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
-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.from-right{left:auto;right:0px;}
.main-menu .navigation > li > ul > li{position:relative;width:100%;}
.main-menu .navigation > li > ul > li:last-child{border-bottom:none;}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:8px 0px;
line-height:24px;
font-weight:400;
font-size:14px;
color:#333333;
text-align:left;
border-bottom: 1px solid #e5e5e5;
text-transform:capitalize;
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:hover > a{color:#008aff;}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'Font Awesome 5 Free';
content: "\f105";
position:absolute;
right:0;
top:11px;
display:block;
line-height:24px;
font-size:16px;
font-weight:900;
z-index:5;	
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:220px;
z-index:100;
display:none;
background-color:#ffffff;
opacity:0;
padding: 10px 30px 0;
margin-left: 30px;
margin-top: -10px;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(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;
-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 > li{position:relative;width:100%;}
.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 0;
line-height:24px;
font-weight:400;
font-size:16px;
color:#333333;
text-align:left;
text-transform:capitalize;
border-bottom: 1px solid #e5e5e5;
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 > a:hover{color:#008aff;}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0px;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);	
}
.main-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:8px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .outer-box{
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-right: 20px;
margin-left: 40px;
}
.main-header .search-btn{
background: none;
font-size: 18px;
line-height: 1em;
color: #166995;
font-weight: 400;
}
.main-header .cart-btn{
position: relative;
margin-left: 30px;
padding: 10px 0;
}
.main-header .cart-btn a{
position: relative;
display: block;
text-align: center;
line-height: 30px;
font-size: 18px;
color: #166995;
z-index: 9;
}
.main-header .cart-btn .count{
position: absolute;
right: -5px;
top: -2px;
height: 16px;
width: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
color: #ffffff;
background-color: #008aff;
border-radius: 50%;
}
.main-header .appointment-btn{position: relative;margin-left: 30px;}
.main-header .appointment-btn a{
position: relative;
font-size: 18px;
color: #166995;
line-height: 30px;
}
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
overflow: hidden;
transform: scale(.95);
}
.search-popup .search-back-drop {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #f5f5f5;
opacity: .95;
}
.moblie-search-active .search-popup {
opacity: 1;
visibility: visible;
transform: scale(1);
border-radius: 0%;
}
.search-popup .close-search {
position: absolute;
top: 30px;
right: 30px;
font-size: 26px;
color: #777777;
z-index: 3; 
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .search-inner {
position: relative;
display: block;
top: 40%;
height: auto;
z-index: 1;
width: calc(100% - 60px);
max-width: 800px;
margin: auto;
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.moblie-search-active .search-popup .search-inner {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.search-popup .form-group form {position: relative;}
.search-popup .form-group {
position: relative;
margin: 0px;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
position: relative;
display: block;
width: 100%;
font-size: 18px;
line-height: 30px;
color: #333333;
padding: 15px 30px;
height: 60px;
width: 100%;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 10px 30px rgba(0,0,0,0.10);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 60px;
width: 60px;
line-height: 60px;
color: #ffffff;
background-color: #008aff;
text-align: center;
font-size: 22px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup input::-webkit-input-placeholder,
.search-popup textarea::-webkit-input-placeholder {color: inherit;}
.search-popup input::-moz-placeholder,
.search-popup textarea::-moz-placeholder {color: inherit;}
.search-popup input:-ms-input-placeholder,
.search-popup textarea:-ms-input-placeholder {color: inherit;}
.search-popup input::-ms-input-placeholder,
.search-popup textarea::-ms-input-placeholder {color: inherit;}
.search-popup input::placeholder,
.search-popup textarea::placeholder {color: inherit;}
.header-style-one{
position: absolute;
left: 0;
top: 50px;
width: 100%;
}
.main-header .main-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #008aff;
background: #ffffff;
padding: 0 10px;
}
.main-header .logo-outer{position: relative;padding: 9px 0;}
.main-header .main-box:before{
position: absolute;
left: -10px;
top: -10px;
background: #dddddd;
content: "";
height: 100%;
z-index: -1;
width: 100%;
}
.main-header .main-box:after{
position: absolute;
left: 0;
bottom: -10px;
left: 10px;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
content: "";
}
.header-style-two{position: relative;}
.header-style-two .mobile-menu .navigation li:hover > a, 
.header-style-two .mobile-menu .navigation li.current > a,
.header-style-two .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-two .main-menu .navigation > li > ul > li:hover > a{
color: #ef5b3f;
}
.header-style-two .mobile-menu .close-btn{background: #ef5b3f}
.header-style-two .main-menu .navigation > li > a:before{display: none;}
.header-top{
position: relative;
background-color: #ef5b3f;
}
.header-top .inner-container{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header-top .top-left{position: relative;}
.header-top .top-left ul{
position: relative;
padding: 10px 0;
display: flex;
align-items: center;
}
.header-top .top-left li{
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding-left: 25px;
padding-right: 25px;
}
.header-top .top-left li .icon{
position: absolute;
left: 0;
top: 0;
line-height: 30px;
color: #ffffff;
font-size: 16px;
}
.header-top .top-right{position: relative;}
.header-top .top-right .text{
font-size: 16px;
color: #ffffff;
font-weight: 600;
}
.header-upper{position: relative;}
.header-upper .logo{position: relative;padding: 40px 0;}
.header-upper .header-search{padding: 40px 0;}
.header-style-two .outer-box{
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
margin: 0;
padding: 40px 0;
}
.ui-btn{
position: relative;
display: block;
margin-left: 30px;
background: none;
}
.ui-btn .icon{
position: relative;
display: block;
font-size: 20px;
line-height: 40px;
color: #166995;
}
.ui-btn .count{
position: absolute;
right: -5px;
top: -2px;
height: 16px;
width: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
color: #ffffff;
background-color: #166995;
border-radius: 50%;
}
.header-search{position: relative;}
.header-search .form-group{
position: relative;
margin-bottom: 0;
}
.header-search .form-group .input{
position: relative;
display: block;
height: 60px;
width: 100%;
font-size: 14px;
color: #555555;
font-weight: 400;
padding: 10px 30px;
border: 1px solid #dddddd;
transition: all 300ms ease;
}
.header-search .form-group .search-btn{
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 60px;
background: transparent;
}
.header-lower{position: relative;}
.header-style-two .nav-outer{
position: relative;
background: #f5f5f5;
padding-left: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-style-two .main-menu{display: block;float: none;}
.header-style-two .main-menu .navigation > li{padding: 15px 0;margin-right: 40px;}
.header-style-two .main-menu .navigation > li > a{
color: #166995;
font-weight: 400;
text-transform: capitalize;
}
.header-style-two .main-menu .navigation > li.dropdown a{padding-right: 17px;}
.header-style-two .main-menu .navigation > li.dropdown > a:after{
position: absolute;
right: 0;
top: 0;
font-size: 8px;
color: #166995;
content: "\f16d";
font-family: 'Flaticon';
font-weight: 900;
z-index: 1;
transform: rotate(90deg);
}
.header-style-two .main-menu .navigation > li.current > a:after,
.header-style-two .main-menu .navigation > li.current > a{
color: #ef5b3f;
}
.header-style-two .btn-box{position: relative;}
.header-style-two .btn-box a.cat-btn{
background: #166995;
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 30px;
padding: 15px 25px;
padding-right: 45px;
text-transform: uppercase;
}
.header-style-two .btn-box a.cat-btn .icon{margin-right: 25px;}
.header-style-three{position: relative;}

.header-style-three .main-menu .navigation > li:hover > a, 
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .mobile-menu .navigation li:hover > a, 
.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .mobile-menu .navigation li.current > a,
.header-style-three .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > ul > li:hover > a{
color: #f07e01;}
.header-style-three .main-menu .navigation > li > a:before,
.header-style-three .search-popup .form-group input[type="submit"], 
.header-style-three .search-popup .form-group button,
.header-style-three .cart-btn .count,
.header-style-three .mobile-menu .close-btn{background: #f07e01;}
.header-style-three .outer-box{padding-right: 0;}
.header-style-three .appointment-btn .theme-btn{
padding: 10px 20px;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
background: #166995;
margin-left: 10px;
}
.header-style-three .appointment-btn .theme-btn:hover{color: #166995;}
.header-style-three .appointment-btn .theme-btn .icon{margin-right: 15px;}
.header-top-two{position: relative;background-color: #f07e01;}
.header-top-two .inner-container{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header-top-two .top-left{position: relative;}
.header-top-two .top-left ul{
position: relative;
padding: 6px 0;
display: flex;
align-items: center;
}
.header-top-two .top-left li{
position: relative;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding-left: 25px;
padding-right: 25px;
}
.header-top-two .top-left li .icon{
position: absolute;
left: 0;
top: 0;
line-height: 30px;
color: #166995;
font-size: 16px;
}
.header-top-two .top-right{
position: relative;
display: flex;
align-items: center;
}
.header-top-two .top-right .text{
font-size: 16px;
color: #ffffff;
font-weight: 400;
margin-right: 30px;
}
.header-top-two .top-right .text .icon{margin-right: 10px;}
.social-icon-three{
position: relative;
display: flex;
align-items: center;
}
.social-icon-three li{position: relative;margin-left: 10px;}
.social-icon-three li a{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
width: 30px;
text-align: center;
background: transparent;
color: #ffffff;
transition: all 300ms ease;
}
.social-icon-three li a:hover{
background: #ffffff;
color: #166995;
}
.header-style-three .header-lower{position: relative;}
.header-style-three .header-lower .inner-container{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-style-three .logo-outer{padding: 15px 0;}
.header-style-three .nav-outer{display: flex;align-items: center;}
.header-style-four{position: relative;}
.header-style-four .header-top-two,
.header-style-four .search-popup .form-group input[type="submit"], 
.header-style-four .search-popup .form-group button,
.header-style-four .mobile-menu .close-btn{
background: #073d83;
}
.header-style-four .header-top-two .top-left li .icon{color: #ffffff;}
.header-style-four .main-menu .navigation > li > a{font-weight: 500;}
.header-style-four .header-lower{position: relative;}
.header-style-four .header-lower .inner-container{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-style-four .logo-outer{padding: 30px 0;}
.header-style-four .nav-outer{display: flex;align-items: center;}
.header-style-four .social-icon-three{margin-left: 25px;}
.header-style-four .social-icon-three li a:hover{
background: #008aff;
color: #ffffff;
}
.header-style-four .outer-box{padding-right: 0;}
.header-style-four .appointment-btn .theme-btn{
padding: 10px 20px;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
background: #008aff;
margin-left: 10px;
}
.header-style-four .appointment-btn .theme-btn .icon{margin-right: 15px;}
.sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: 99999;
background: #ffffff;
box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.fixed-header .sticky-header{
opacity:1;
z-index: 9999;
visibility:visible;
}
.sticky-header .logo{padding: 10px 0;}
.sticky-header .logo img{height: 50px;}
.sticky-header .nav-outer{background: none;}
.sticky-header .inner-container{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky-header .main-menu .navigation > li{
margin: 0;
margin-left: 35px;
padding: 20px 0;
}
.mobile-nav-toggler{
position: relative;
font-size: 22px;
line-height: 50px;
cursor: pointer;
order: 3;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
left: 0;
top: 0;
max-width:100%;
height: 100%;
margin: 0 auto;
overflow-y: auto;
opacity: 0;
visibility: hidden;
z-index: 999999;
} 
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;	
}
.mobile-menu .nav-logo img{max-width:200px;height: 50px;}
.mobile-menu-visible{overflow: hidden;}
.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-box{
position: relative;
left: 0px;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
-webkit-transform:  scale(0);
-moz-transform:  scale(0);
-ms-transform:  scale(0);
-o-transform:  scale(0);
transform:  scale(0);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box{
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.mobile-menu .close-btn{
position: absolute;
right: 20px;
top: 30px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 12px;
color: #ffffff;
background-color: #008aff;
cursor: pointer;
z-index: 10;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .close-btn:hover{opacity: 0.50;}
.mobile-menu .navigation{
position: relative;
display: block;
padding: 0 20px;
}
.mobile-menu .navigation > li{
position: relative;
display: block;
margin-bottom: 10px;
}
.mobile-menu .navigation > li > a{
font-weight: 500;
box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 20px;
padding: 10px 20px;
font-size: 16px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#008aff;	
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
font-size:12px;
line-height:40px;
border-left: 1px solid #fafafa;
color:#166995;
cursor:pointer;
z-index:5;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active .fa:before{
display: inline-block;
position: relative;
content: "\f068";
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{display: none;}
.sec-title{
position:relative;
margin-bottom:60px;
}
.sec-title .sub-title{
font-size: 16px;
color: #555555;
}
.sec-title h2{
position: relative;
display: block;
font-size: 40px;
line-height: 55px;
color: #166995;
font-weight: 600;
transition: all 100ms linear;
}
.sec-title .divider{
position: relative;
display: inline-block;
height: 2px;
width: 35px;
background: #ef5b3f;
margin-top: 20px;
}
.sec-title .divider:before{
position: absolute;
left: 35px;
top: -4px;
height: 10px;
width: 10px;
background: #ef5b3f;
content: "";
}
.sec-title .text{
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-top: 35px;
}
.sec-title.light .text,
.sec-title.light h2{color: #ffffff;}
.sec-title.style-two{margin-bottom: 40px;}
.sec-title.style-two h2{text-transform: uppercase;}
.sec-title.style-two .text{margin-top: 10px;}
.sec-title.style-three .sub-title{
font-size: 18px;
line-height: 1.2em;
color: #f07e01;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.sec-title.style-three .text{margin-top: 20px;}
.sec-title.text-center .divider:before{left: 50%;margin-left: -5px;}
.page-title{
position: relative;
padding: 80px 0px 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.page-title h1{
position:relative;
color:#073d83;
font-size:60px;
line-height:1.2em;
font-weight: 600;
margin-bottom: 80px;
padding-left: 45px;
}
.page-breadcrumb{
position:relative;
display: inline-block;
padding-left: 45px;
padding-right: 25px;
z-index: 8;
}
.page-breadcrumb:before{
position: absolute;
left: 15px;
top: 0;
right: 0;
background: #ffffff;
content: "";
height: 100%;
transform: skew(-35deg);
box-shadow: 0 8px 29px rgba(0,0,0,.35);
}
.page-breadcrumb:after{
position: absolute;
right: 5px;
top: 0;
background: #008aff;
background: -moz-linear-gradient(top,  #008aff 0%, #073d83 100%);
background: -webkit-linear-gradient(top,  #008aff 0%,#073d83 100%);
background: linear-gradient(to bottom,  #008aff 0%,#073d83 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008aff', endColorstr='#073d83',GradientType=0 );
content: "";
height: 100%;
width: 10000%;
transform: skew(-35deg);
z-index: -1;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
padding: 10px 0;
margin-right:10px;
padding-right:10px;
color:#166995;
font-size:16px;
font-weight:600;
line-height: 25px;
}
.page-breadcrumb li:after{
position:absolute;
content: "–";
right:-5px;
top:10px;
color:#166995;
font-size:15px;
}
.page-breadcrumb li:last-child::after{display: none;}
.page-breadcrumb li:last-child{padding-right:0px;margin-right:0px;}
.page-breadcrumb li a{
color:#166995;
font-weight:600;
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:#ffbc00;}
.play-now {
position: relative;
display: block;
z-index: 9;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.play-now .icon{
position: relative;
display: inline-block;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
background-color: #ffffff;
color: #166995;
z-index: 1;
padding-left: 5px;
font-size: 24px;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
box-shadow: 0  0px 10px 0 rgba(255, 255, 255, .3);
-webkit-transform-origin:center; 
transform-origin:center; 
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
} 
.banner-section{position: relative;}
.banner-section .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.banner-section .slide-item .bg-circle{
position: absolute;
right: 110px;
top: -100px;
width: 791px;
height: 758px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/main-slider/bg-circle.png);
z-index: 1;
}
.banner-section .slide-item .content-box{position: relative;}
.banner-section .slide-item .content-column{position: relative;}
.banner-section .slide-item .content-column .inner-column{padding: 340px 0 120px;}
.banner-section .slide-item .content{position: relative;z-index: 9;}
.banner-section .slide-item h1{
position: relative;
display: block;
font-size: 84px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 30px;
opacity: 0;
margin-right: -60px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section .swiper-slide-active h1{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 500ms;
}
.banner-section .slide-item .text{
position: relative;
display: block;
font-size: 20px;
line-height: 36px;
color: #555555;
font-weight: 400;
margin-bottom: 40px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section .swiper-slide-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: 750ms;
-moz-transition-delay: 750ms;
-ms-transition-delay: 750ms;
-o-transition-delay: 750ms;
transition-delay: 750ms;
}
.banner-section .slide-item .btn-box{
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section .swiper-slide-active .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section .image-column{position: relative;}
.banner-section .image-column .image-box{position: relative;text-align: center;padding-top: 190px;}
.banner-section .image-column .image-box .image{
position: relative;
margin-bottom: 0;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section .swiper-slide-active .image-box .image{
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.banner-section .banner-pagination{
position: absolute;
bottom: 115px;
left: 15px;
right: 0;
margin: 0 auto;
max-width: 1170px;
text-align: left;
counter-reset: count;
z-index: 9;
}
.banner-section .swiper-pagination-bullet{
position: relative;
display: inline-block;
margin-right: 10px !important;
margin-left: 0 !important;
height: 10px;
width: 36px;
background-color: #000000;
border-radius: 0;
opacity: 1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section .swiper-pagination-bullet:before{
position: absolute;
left: 0;
width: 100%;
bottom: 100%;
text-align: center;
font-size: 24px;
line-height: 1em;
color: #000000;
font-weight: 600;
counter-increment: count;
content: "" counter(count);
margin-bottom: 12px;
opacity: 0;
visibility: hidden;
}
.banner-section .swiper-pagination-bullet-active{background-color: #008aff;}
.banner-section .swiper-pagination-bullet-active:before{
opacity: 1;
visibility: visible;
}
.banner-extra{
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
min-height: 80px;
bottom: -40px;
padding: 10px 35px 10px;
padding-right: 100px;
background-color: #008aff;
z-index: 1;
}
.banner-extra .info-list{
position: relative;
display: flex;
align-items: center;
}
.banner-extra .info-list li{
font-size: 18px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
margin-right: 40px;
}
.banner-extra .info-list li a{color: #ffffff;display: block;}
.banner-extra .info-list li .icon{color: #166995;margin-right: 10px;}
.banner-section-two{position: relative;overflow: hidden;}
.banner-section-two .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.banner-section-two .slide-item .content-box{position: relative;}
.banner-section-two .slide-item .content-column{position: relative;}
.banner-section-two .slide-item .content-column .inner-column{padding: 240px 0 240px;}
.banner-section-two .slide-item .content{position: relative;z-index: 9;}
.banner-section-two .slide-item .title{
position: relative;
display: block;
font-size: 36px;
color: #ef5b3f;
font-weight: 700;
margin-bottom: 20px;
opacity: 0;
margin-right: -60px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.banner-section-two .swiper-slide-active .title{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 500ms;
}
.banner-section-two .slide-item h1{
position: relative;
display: block;
font-size: 84px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 40px;
opacity: 0;
margin-right: -60px;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section-two .swiper-slide-active h1{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 500ms;
}
.banner-section-two .slide-item .text{
position: relative;
display: block;
font-size: 16px;
line-height: 1.6em;
color: #555555;
font-weight: 600;
margin-bottom: 45px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section-two .swiper-slide-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: 750ms;
-moz-transition-delay: 750ms;
-ms-transition-delay: 750ms;
-o-transition-delay: 750ms;
transition-delay: 750ms;
}
.banner-section-two .slide-item .btn-box{
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section-two .swiper-slide-active .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section-two .image-column{position: relative;}
.banner-section-two .image-column .image-box{
position: relative;
text-align: center;
padding-top: 135px;
}
.banner-section-two .image-column .image-box .image{
position: relative;
margin-bottom: 0;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.banner-section-two .swiper-slide-active .image-box .image{
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.banner-navigation{
position: absolute;
left: 0;
top: 50%;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
z-index: 1;
}
.banner-navigation .next-slide,
.banner-navigation .prev-slide{
position: relative;
left: 5.6%;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
color: #ef5b3f;
font-weight: 700;
border: 2px dashed #ef5b3f;
font-size: 18px;
line-height: 1em;
padding: 20px;
cursor: pointer;
transition: all 300ms ease;
}
.banner-navigation .next-slide:hover,
.banner-navigation .prev-slide:hover{
background: #ef5b3f;
color: #ffffff;
}
.banner-navigation .next-slide{left: auto;right: 5.6%;}
.banner-section-three{position: relative;overflow: hidden;}
.banner-section-three .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.banner-section-three .slide-item .content-box{position: relative;}
.banner-section-three .slide-item .content-column{position: relative;}
.banner-section-three .slide-item .content-column .inner-column{padding: 210px 0 220px;}
.banner-section-three .slide-item .content{position: relative;z-index: 9;}
.banner-section-three .slide-item .sub-title{
position: relative;
display: block;
font-size: 36px;
line-height: 1.2em;
color: #f07e01;
font-weight: 700;
}
.banner-section-three .slide-item h1{
position: relative;
display: block;
font-size: 70px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 45px;
}
.banner-section-three .slide-item .list-style-three{position: relative;margin-bottom: 40px;}
.banner-section-three .slide-item .theme-btn{text-transform: uppercase;}
.call-to-action{position: relative;}
.call-to-action .outer-box{
position: relative;
padding: 28px 0;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 160px;
padding-left: 150px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.call-to-action .outer-box:before{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1000%;
background: #f07e01;
content: "";
}
.call-to-action .outer-box .title-box{position: relative;padding-right: 30px;}
.call-to-action .sec-title{margin-bottom: 0;}
.call-to-action .sec-title h2{font-size: 35px;line-height: 1.2em;}
.call-to-action .sec-title .text{margin-top: 5px;}
.call-to-action .theme-btn{
padding: 10px 35px;
display: block;
color: #166995;
white-space: nowrap;
}
.call-to-action .theme-btn:hover{background: #166995;border-color: #166995;color: #ffffff;}
.call-to-action .image-box{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 270px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.about-section{position: relative;}
.about-section .images-column{position: relative;}
.about-section .images-column .inner-column{
position: relative;
margin-left: -75px;
margin-right: -50px;
}
.about-section .images-column .image{position: relative;margin-bottom: 0;}
.about-section .play-btn{
position: absolute;
right: 130px;
top: 50%;
height: 100px;
width: 100px;
display: block;
background-image: url(../images/icons/pattern-2.png);
font-size: 42px;
color: #ffffff;
z-index: 9;
margin-top: -110px;
}
.about-section .play-btn .icon{
position: absolute;
left: 10px;
top: 10px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #008aff;
}
.about-section .content-column{position: relative;}
.about-section .content-column .inner-column{
position: relative;
padding: 140px 0 100px;
padding-left: 55px;
margin-right: -40px;
}
.about-section .sec-title{margin-bottom: 50px;}
.about-section .sec-title p{margin-top: 40px;}
.about-section .list-style-one{display: flex;flex-wrap: wrap;}
.about-section .list-style-one li{
width: 50%;
flex: 0 0 50%;
padding-right: 35px;
}
.about-section .link-box{display: flex;align-items: center;}
.about-section .owner-info{position: relative;}
.about-section .owner-info .name{
font-weight: 600;
font-size: 30px;
line-height: 1em;
color: #166995;
margin-bottom: 5px;
}
.about-section .owner-info .designation{
font-size: 16px;
line-height: 30px;
color: #008aff;
font-weight: 400;
}
.about-section .signature{position: relative;margin-left: 80px;margin-bottom: 0;}
.about-section-two{position: relative;padding: 120px 0 70px;}
.about-section-two .content-column{position: relative;margin-bottom: 50px;}
.about-section-two .content-column .inner-column{position: relative;}
.about-section-two .sec-title{margin-bottom: 40px;}
.about-section-two .sec-title .sub-title{
position: relative;
display: block;
margin-bottom: 7px;
font-size: 18px;
color: #f07e01;
font-weight: 700;
}
.about-section-two .sec-title p{margin-top: 20px;}
.about-section-two .features-list{position: relative;}
.feature-block{position: relative;margin-bottom: 35px;}
.feature-block .inner-box{position: relative;padding-left: 70px;}
.feature-block .count{
position: absolute;
left: 0;
top: 8px;
height: 40px;
width: 40px;
line-height: 38px;
color: #f07e01;
font-size: 24px;
font-weight: 700;
text-align: center;
border: 1px solid #d7d7d7;
}
.feature-block .count:before{
position: absolute;
right: -5px;
bottom: -5px;
height: 10px;
width: 10px;
background: #166995;
content: "";
}
.feature-block h4{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
color: #f07e01;
font-weight: 600;
}
.feature-block .text{
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-top: 5px;
}
.about-section-two .images-column{position: relative;margin-bottom: 15px;padding-top: 10px;}
.about-section-two .images-column .image{position: relative;margin-bottom: 0;}
.about-section-two .image-outer{
position: relative;
padding-bottom: 90px;
padding-left: 135px;
min-height: 615px;
}
.about-section-two .image-outer:before{
position: absolute;
left: 55px;
top: 25px;
height: 540px;
width: 370px;
/*background-image: url(../images/icons/pattern-6.png);*/
background:#166995;
content: "";
}
.about-section-two .image-outer .image{position: relative;margin-bottom: 0;}
.about-section-two .image-outer .image-2{
position: absolute;
left: 0;
bottom: 0;
border: 10px solid #ffffff;
border-bottom: 0;
margin-bottom: 0;
}
.about-section-two .images-column .lab-info{
position: absolute;
left: 80px;
top: 50px;
z-index: 1;}
.lab-info{
height: 200px;
width:145px;
background: #f07e01;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-image: url(../images/icons/lab-info-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
text-align: center;
}
.lab-info .icon{
font-size: 62px;
line-height: 1em;
color: #ffffff;
display: block;
margin-bottom: 4px;
}
.lab-info h3{
font-size: 30px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
}
.lab-info p{
font-size: 13px;
line-height: normal;
color: #ffffff;
font-weight: 600;
font-family: 'Saira', sans-serif;
}
.who-we-are{position: relative;padding: 120px 0;}
.who-we-are:before{
position: absolute;
left: 0;
margin-left: -315px;
top: 0;
height: 100%;
width: 50%;
background-color: #e6fffe;
content: "";
}
.who-we-are .images-column{position: relative;}
.who-we-are .images-column .inner-column{position: relative;}
.who-we-are .images-column .image{position: relative;margin-bottom: 0;}
.who-we-are .images-column .image img{width: 100%;}
.who-we-are .play-now{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.who-we-are .content-column{position: relative;}
.who-we-are .content-column .inner-column{
position: relative;
padding-top: 30px;
padding-left: 65px;
margin-right: -10px;
}
.who-we-are .sec-title{margin-bottom: 40px;}
.who-we-are .sec-title .sub-title{font-size: 16px;line-height: 1.2em;color: #f07e01;}
.who-we-are .sec-title p{margin-top: 40px;}
.who-we-are .list-style-four{
display: flex;
flex-wrap: wrap;
margin-bottom: 18px;
}
.who-we-are .list-style-four li{
width: 50%;
font-family: "Barlow Condensed", sans-serif;
margin-bottom: 20px;
}
.who-we-are .link-box{display: flex;align-items: center;}
.who-we-are .bottom-box{position: relative;}
.who-we-are .bottom-box .text{
font-size: 18px;
line-height: 27px;
color: #f07e01;
font-weight: 400;
position: relative;
}
.who-we-are .bottom-box .theme-btn{margin-top: 40px;font-weight: 400;}
.who-we-are.style-two:before{background: #eaf5ff;}
.who-we-are.style-two .bottom-box .text,
.who-we-are.style-two .list-style-four li:before,
.who-we-are.style-two .sec-title .sub-title{color: #008aff;}
.services-section{position: relative;padding: 60px 0 65px;}
.services-section .sec-title{margin-bottom: 40px;}
.services-section .carousel-outer{
position: relative;
padding: 0 45px;
}
.service-block{
position: relative;
display: block;
margin-bottom: 30px;
}
.service-block .inner-box{
position: relative;
padding: 60px 30px 55px;
text-align: center;
background: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .inner-box:hover{background-color: #073d83;}
.service-block .icon{
position: relative;
display: inline-block;
font-size: 62px;
color: #008aff;
line-height: 1em;
margin-bottom: 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;
}
.service-block .inner-box:hover .icon{color: #ffffff;}
.service-block h5{
position: relative;
display: block;
font-size: 24px;
color: #166995;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
.service-block h5 a{
color: inherit;
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;
}
.service-block h5 a:hover{color: inherit;}
.service-block .inner-box:hover h5 a{color: #ffffff;}
.service-block .text{
position: relative;
font-size: 14px;
line-height: 27px;
color: #555555;
-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-block .inner-box:hover .text{color: #ffffff;}
.service-block .read-more{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 24px;
color: #073d83;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
margin-top: 20px;
text-transform: uppercase;
}
.service-block .inner-box:hover .read-more{color: #ffffff;}
.services-section .services-pagination{
position: absolute;
left: 0;
right: 0;
max-width: 1200px;
margin: 0 auto;
top: -100px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.services-section .service-prev,
.services-section .service-next{
position: relative;
margin-left: 20px;
height: 50px;
width: 50px;
line-height: 48px;
text-align: center;
font-size: 14px;
border: 1px solid #000000;
background: #ffffff;
color: #000000;
transition: all 300ms ease;
opacity: 1;
}
.services-section .service-prev:hover,
.services-section .service-next:hover{
border-color: #008aff;
color: #008aff;
}
.services-section .bottom-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
}
.services-section .bottom-box .title-box{position: relative;}
.services-section .bottom-box .title-box h3{
display: block;
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
}
.services-section .bottom-box .title-box p{
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-top: 10px;
}
.services-section .bottom-box .btn-box a{font-weight: 400;}
.services-section-two{position: relative;padding: 120px 0 120px;}
.services-section-two:before{
position: absolute;
left: 0;
bottom: 0;
height: 50%;
width: 100%;
background-image: url(../images/icons/pattern-11.png);
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.services-section-two .sec-title{margin-bottom: 40px;}
.services-section-two .carousel-outer{position: relative;margin: 0 -15px;}
.services-section-two .services-carousel-two{padding: 0 15px;}
.service-block-two{position: relative;display: block;margin-bottom: 30px;}
.service-block-two .inner-box{position: relative;text-align: center;
box-shadow: 0 15px 15px rgba(0,0,0,.10);}
.service-block-two .image-box{position: relative;}
.service-block-two .image-box .image{position: relative;margin-bottom: 0;}
.service-block-two .image img{display: block;width: 100%;}
.service-block-two .icon-box{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
background: #166995;
margin-top: -80px;
margin-bottom: 20px;
}
.service-block-two .icon-box:before{
position: absolute;
right: 10px;
top: 10px;
height: 60px;
width: 30px;
background: #f07e01;
content: "";
transition: all 300ms ease;
}
.service-block-two .icon-box:after{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #ffffff;
content: "";
opacity: 0;
transition: all 300ms ease;
box-shadow: 0 5px 10px rgba(0,0,0,.10);
}
.service-block-two .inner-box:hover .icon-box:before{opacity: 0;}
.service-block-two .inner-box:hover .icon-box:after{opacity: 1;}
.service-block-two .icon-box .icon{
position: relative;
font-size: 48px;
line-height: 80px;
color: #ffffff;
transition: all 300ms ease;
z-index: 1;
}
.service-block-two .inner-box:hover .icon-box .icon{color: #f07e01;}
.service-block-two .lower-content{position: relative;padding: 0 30px 45px;}
.service-block-two h5{
position: relative;
display: block;
font-size: 24px;
color: #166995;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 15px;
}
.service-block-two h5 a{
color: inherit;
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;
}
.service-block-two h5 a:hover{color: #f07e01;}
.service-block-two .text{
position: relative;
font-size: 16px;
line-height: 27px;
color: #555555;
}
.services-section-two .bottom-box{
position: relative;
text-align: center;
margin-top: 60px;
padding: 0 70px;
display: flex;
min-height: 50px;
justify-content: center;
align-items: center;
}
.services-section-two .bottom-box p{
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 500;
}
.services-section-two .bottom-box p a{color: #f07e01;text-transform: uppercase;}
.services-section-two .services-navigation{
position: absolute;
right: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
.services-section-two .services-pagination{
position: absolute;
left: 0;
right: 0;
max-width: 1200px;
margin: 0 auto;
top: -100px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.services-section-two .service2-prev,
.services-section-two .service2-next{
position: relative;
height: 50px;
width: 50px;
line-height: 48px;
text-align: center;
font-size: 14px;
border: 1px solid #000000;
background: #ffffff;
color: #000000;
transition: all 300ms ease;
opacity: 1;
}
.services-section-two .service2-prev:hover,
.services-section-two .service2-next:hover{
border-color: #f07e01;
color: #f07e01;
}
.services-section-three{position: relative;padding: 120px 0;}
.service-block-three{
position: relative;
display: block;
margin-bottom: 30px;
}
.service-block-three .inner-box{
position: relative;
padding: 60px 30px 55px;
text-align: center;
background: #f5f5f5;
margin-left: 20px;
-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-block-three .inner-box:hover{background-color: #073d83;}
.service-block-three .inner-box:before{
position: absolute;
left: -20px;
top: 0;
height: 100%;
width: 20px;
background-image: url(../images/icons/pattern-8.jpg);
content: "";
z-index: 1;
}
.service-block-three .icon{
position: relative;
display: inline-block;
font-size: 62px;
color: #008aff;
line-height: 1em;
margin-bottom: 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;
}
.service-block-three h5{
position: relative;
display: block;
font-size: 24px;
color: #166995;
font-weight: 600;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
.service-block-three h5 a{
color: inherit;
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;
}
.service-block-three h5 a:hover{color: inherit;}
.service-block-three .text{
position: relative;
font-size: 14px;
line-height: 27px;
color: #555555;
-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-block-three .read-more{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 24px;
color: #073d83;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
margin-top: 20px;
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;
}
.service-block-three .inner-box:hover .read-more,
.service-block-three .inner-box:hover h5 a,
.service-block-three .inner-box:hover .text,
.service-block-three .inner-box:hover .icon{
color: #ffffff;
}
.services-section-three .bottom-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
}
.services-section-three .bottom-box .title-box{position: relative;}
.services-section-three .bottom-box .title-box h3{
display: block;
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
}
.services-section-three .bottom-box .title-box p{
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-top: 10px;
}
.services-section-three .bottom-box .btn-box a{font-weight: 400;}
.service-detail{position: relative;}
.service-detail h2{
position: relative;
display: block;
font-size: 48px;
line-height: 1em;
color: #166995;
font-weight: 600;
margin-bottom: 30px;
}
.service-detail .image{position: relative;margin-bottom: 30px;}
.service-detail .image img{
display: block;
width: 100%;
height: auto;
}
.service-detail h3{
position: relative;
display: block;
font-size: 36px;
line-height: 1.2em;
color: #008aff;
font-weight: 600;
margin-bottom: 25px;
}
.service-detail p{
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
}
.service-feature-list{position: relative;margin-bottom: 30px;}
.service-feature-list li{
position: relative;
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 600;
padding-left: 25px;
margin-bottom: 11px;
}
.service-feature-list li:before{
position: absolute;
left: 0;
top: 9px;
height: 6px;
width: 6px;
background: #073d83;
content: "";
}
.services-categories{
position:relative;
margin-bottom: 60px;
border-bottom:1px solid #cccccc;
}
.services-categories li{
position:relative;
border:1px solid #cccccc;
border-bottom: 0;
margin-bottom: -1px;
z-index: 9;
}
.services-categories li a{
font-size: 20px;
font-weight: 600;
color: #166995;
line-height: 30px;
padding: 25px 25px;
display: block;
padding-left: 80px;
overflow: hidden;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.services-categories li.active a,
.services-categories li:hover a{
color: #ffffff;
background: #008aff;
padding-left: 120px;
}
.services-categories li a:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 30px;
color: #166995;
font-weight: 900;
content: "\f30b";
font-family: "Font Awesome 5 Free";
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.services-categories li.active a:before,
.services-categories li:hover a:before{
color: #ffffff;
background: #073d83;
}
.department-address{
position: relative;
background-image: url(../images/resource/broucher-bg.jpg);
background-position: center;
background-size: cover;
padding: 45px 50px 40px;
margin-bottom: 60px;
}
.department-address h4{
position: relative;
display: block;
font-size: 36px;
font-weight: 600;
color: #ffffff;
margin-bottom: 30px;
}
.department-address .contact-list{position: relative;}
.department-address .contact-list li{
position: relative;
padding-left: 70px;
margin-bottom: 18px;
}
.department-address .contact-list li:last-child{margin-bottom: 0;}
.department-address .contact-list li .icon{
position: absolute;
left: 0;
top: 50%;
font-size: 36px;
line-height: 1em;
margin-top: -18px;
color: #ffffff;
}
.department-address .contact-list li strong{
display: block;
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
font-family: 'Barlow Condensed', sans-serif;
}
.department-address .contact-list li .text{
display: block;
font-size: 15px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
}
.department-address .contact-list li .text a{
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.department-address .contact-list li .text a:hover{color: #008aff;}
.department-hours{position: relative;}
.department-hours h4{
position: relative;
font-size: 36px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 25px;
}
.department-hours .timing-list{
position: relative;
padding-right: 35px;
}
.department-hours .timing-list li{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
padding-left: 30px;
font-size: 18px;
line-height: 30px;
color: #555555;
border-bottom: 1px solid #e1e1e1;
}
.department-hours .timing-list li:last-child{border-bottom: 0;}
.department-hours .timing-list li i{
position: absolute;
left: 0;
top: 10px;
font-size: 18px;
line-height: 30px;
color: #008aff;
}
.fun-fact-section{position: relative;z-index: 1;}
.fun-fact-section .outer-box{
background-color: #ffffff;
background-image: url(../images/icons/pattern-3.png);
background-repeat: no-repeat;
background-position: center;
padding: 60px 0 0px;
box-shadow: 0 0 30px rgba(0,0,0,0.06);
}
.fun-fact-section .outer-box.pull-up{margin-top: -100px;}
.fun-fact-section .counter-column{
position:relative;
text-align: center;
margin-bottom:60px;
}
.fun-fact-section .count-box{
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
color: #0e90ff;
line-height: 1em;
font-weight: 700;
}
.fun-fact-section .count-box .count-text{
position: relative;
display: block;
top: 2px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.fun-fact-section .counter-title{
position: relative;
display: block;
font-size:18px;
font-weight:500;
color:#166995;
line-height: 18px;
font-family: 'Saira', sans-serif;
margin-top: 15px;
text-transform: uppercase;
letter-spacing: .02em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.fun-fact-section-two{position: relative;z-index: 1;}
.fun-fact-section-two .outer-box{
position: relative;
background-repeat: no-repeat;
background-position: center;
padding: 85px 0 20px;
padding-left: 60px;
margin-top: -125px;
}
.fun-fact-section-two .outer-box:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1000%;
box-shadow: 0 0 20px rgba(0,0,0,.15);
background-color: #ffffff;
content: "";
}
.fun-fact-section-two .counter-column{
position:relative;
margin-bottom:60px;
}

.fun-fact-section-two .counter-column .inner{
position: relative;
padding-left: 95px;
min-height: 80px;
}
.fun-fact-section-two .counter-column .icon{
position: absolute;
left: 0;
top: 5px;
font-size: 64px;
color: #777777;
line-height: 1em;
}
.fun-fact-section-two .count-box{
position: relative;
display: flex;
align-items: center;
font-size: 48px;
color: #166995;
line-height: 1em;
font-weight: 700;
}
.fun-fact-section-two .count-box .count-text{
position: relative;
display: 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;
}
.fun-fact-section-two .counter-title{
position: relative;
display: block;
font-size:18px;
font-weight:600;
color:#f07e01;
line-height: 18px;
margin-top: 10px;
letter-spacing: .02em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.process-section{
position: relative;
padding: 110px 0 220px;
background-color: #ebf9f9;
background-image: url(../images/background/11.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.process-section .sec-title{margin-bottom: 40px;}
.process-block{position: relative;margin-bottom: 50px;}
.process-block .inner-box{
position: relative;
text-align: center;
}
.process-block .inner-box:before{
position: absolute;
left: 100%;
top: 0;
height: 44px;
width: 162px;
margin-left: -66px;
background: url(../images/icons/arrow-1.png) center no-repeat;
content: "";
}
.process-block:nth-child(even) .inner-box:before{
top: 100px;
background: url(../images/icons/arrow-2.png) center no-repeat;
}
.process-block:last-child .inner-box:before{display: none;}
.process-block .icon-box{
position: relative;
height: 150px;
width: 150px;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-size: 64px;
color: #166995;
margin: 0 auto 50px;
transition: all 300ms ease;
}
.process-block .icon-box:before{
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
border: 1px dashed #d7d7d7;
content: "";
transition: all 300ms ease;
}
.process-block .inner-box:hover .icon-box{color: #f07e01;}
.process-block .inner-box:hover .icon-box:before{
border-color: #166995;
}
.process-block h4{
font-size: 30px;
line-height: 1.2em;
color: #f07e01;
font-weight: 600;
margin-bottom: 10px;
}
.process-block h4 a{
display: inline-block;
color: #f07e01;
transition: all 300ms ease;
}
.process-block h4 a:hover{color: #166995;}
.process-block .text{
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
padding: 0 30px;
}
.skills-and-testimonials{
position: relative;
padding: 120px 0 70px;
}
.skills-and-testimonials:before{
position: absolute;
left: 0;
top: 40%;
height: 290px;
width: 160px;
background-image: url(../images/icons/pattern-4.png);
content: "";
}
.skills-and-testimonials .sec-title{margin-bottom: 30px;}
.skills-and-testimonials .sec-title h4{
position: relative;
font-size: 30px;
color: #073d83;
font-family: 'Saira', sans-serif;
font-weight: 600;
margin-top: 30px;
}
.skills-and-testimonials .skills-column,
.skills-and-testimonials .testimonial-column{
position: relative;
margin-bottom: 50px;
}
.skills-and-testimonials .skills{
position: relative;
padding-right: 100px;
}
.skills{position: relative;}
.skills .skill-item{
position:relative;
margin-bottom:40px;
}
.skills .skill-item:last-child{margin-bottom:0px;}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:6px;
background-color:#dddddd;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
height:6px;
background:#dddddd;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:6px;
width:0px;
border-radius: 5px;
-webkit-transition:all 3000ms ease;
-moz-transition:all 3000ms ease;
-ms-transition:all 3000ms ease;
-o-transition:all 3000ms ease;
transition:all 3000ms ease;
background-color: #008aff;
}

.skills .skill-item .skill-bar .bar-inner .bar:before{
position: absolute;
right: 0;
top: -3px;
height: 12px;
width: 12px;
border: 2px solid #004399;
background: #dddddd;
content: "";
}
.skills .skill-item .skill-header{
position:relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom:10px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
font-size:18px;
line-height:30px;
color:#166995;
font-weight:600;
}
.skills .skill-item .skill-header .skill-percentage{
font-size:18px;
line-height:30px;
color:#166995;
font-weight:600;
}
.skill-section .text-column{
position:relative;
margin-bottom: 50px;
}
.skill-section .text-column .text{
position: relative;
font-size:18px;
font-weight:500;
color:#166995;
line-height:30px;
}
.testimonials{position: relative;}
.testimonials .testimonial-content{position: relative;padding-top: 50px;}
.testimonials .testimonial-block{
position: relative;
padding: 0;
margin-bottom: 55px;
}
.testimonials .testimonial-block .inner-box{
position: relative;
padding: 0;
box-shadow: none;
border: 0;
}
.testimonials .testimonial-block .text{
position: relative;
font-size: 18px;
color: #166995;
line-height: 36px;
font-family: 'Saira', sans-serif;
font-weight: 600;
}

.testimonial-thumbs{position: relative;padding-right: 70px;}
.testimonial-thumb{position: relative;cursor: pointer;}
.testimonial-thumb .image{
position: relative;
height: 70px;
width: 70px;
margin-bottom: 30px;
}
.testimonial-thumb .image:before{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background: #008aff;
content: "";
z-index: -1;
transition: all 100ms ease;
}
.testimonial-thumb.swiper-slide-thumb-active .image:before{
left: 5px;
top: 5px;
}
.testimonial-thumb .name{
font-size: 24px;
line-height: 1em;
color: #073d83;
font-weight: 600;
margin-bottom: 10px;
}
.testimonial-thumb .designation{font-size: 16px;color: #555555;}
.testimonials .testimonial-pagination{
position: absolute;
top: 0;
left: 0;
bottom: auto;
}
.testimonials .swiper-pagination-bullet{
position: relative;
display: inline-block;
margin-right: 10px !important;
margin-left: 0 !important;
height: 20px;
width: 20px;
background-color: #000000;
border: 4px solid #ffffff;
border-radius: 0;
opacity: 1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.testimonials .swiper-pagination-bullet:before{
position: absolute;
left: -4px;
top: -4px;
height: 20px;
width: 20px;
border: 1px solid #063c83;
content: "";
opacity: 0;
visibility: hidden;
}

.testimonials .swiper-pagination-bullet-active{
background-color: #063c83;
border-color: #ffffff;
}

.testimonials .swiper-pagination-bullet-active:before{
opacity: 1;
visibility: visible;
}
.testimonial-section{
position: relative;
padding: 120px 0;
}

.testimonial-section .outer-box{
padding-bottom: 70px;
margin: 0 -15px;
}

.testimonial-block{
position: relative;
padding: 15px;
}

.testimonial-block .inner-box{
position: relative;
background-color: #ffffff;
padding: 30px 42px 30px;
box-shadow: 0 0px 15px rgba(8,0,0,.10);
}

.testimonial-block .inner-box:before{
position: absolute;
right: 30px;
top: 50px;
font-size: 36px;
line-height: 1em;
content: "\f10e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #f3f3f4;
}

.testimonial-block .info-box{
position: relative;
padding-left: 95px;
min-height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 30px;
}

.testimonial-block .info-box .thumb{
position: absolute;
left: 0;
top: 0;
height: 70px;
width: 70px;
}

.testimonial-block .info-box .thumb img{
display: block;
width: 100%;
}

.testimonial-block .info-box .name{
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #ef5b3f;
font-weight: 600;
}

.testimonial-block .info-box .designation{
position: relative;
display: block;
font-size: 15px;
line-height: 25px;
color: #555555;
font-weight: 400;
margin-top: 5px;
white-space: nowrap;
}

.testimonial-block .rating{
position: relative;
display: flex;
align-items: center;
font-size: 15px;
line-height: 20px;
color: #ffc600;
font-weight: 900;
}

.testimonial-block .text{
position: relative;
display: block;
font-size: 15px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 20px;
}

.testimonial-section .testimonial-pagination{
position: absolute;
left: 0;
bottom: 110px;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}

.testimonial-section .swiper-pagination-bullet{
position: relative;
margin-right: 3px !important;
margin-left: 3px !important;
height: 20px;
width: 4px;
background-color: #ef5b3f;
opacity: 1;
border-radius: 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;
}

.testimonial-section .swiper-pagination-bullet-active{
background-color: #166995;
height: 30px;
}
.testimonial-section-two{
position: relative;
padding: 75px 0 70px;
}

.testimonial-section-two:before{
position: absolute;
top: 94px;
left: 0;
right: 0;
margin: 0 auto;
height: 616px;
max-width: 1163px;
width: 100%;
background-image: url(../images/icons/map.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
}

.testimonial-section-two .carousel-outer{
position: relative;
max-width: 1060px;
margin: 0 auto;
}

.testimonial-block-two{
position: relative;
padding: 15px;
}

.testimonial-block-two .outer-box{
position: relative;
padding: 50px 0 0 70px;
}

.testimonial-block-two .outer-box:before{
position: absolute;
left: 0;
top: 0;
width: 300px;
height: 150px;
background: #e8e8e8;
content: "";
}

.testimonial-block-two .inner-box{
position: relative;
background: #ffffff;
padding: 37px 50px 40px;
padding-right: 20px;
box-shadow: 0 0px 15px rgba(8,0,0,.10);
}

.testimonial-block-two .thumb{
position: absolute;
left: 25px;
top: 30px;
height: 100px;
width: 100px;
z-index: 1;
}

.testimonial-block-two .thumb img{
display: block;
width: 100%;
}

.testimonial-block-two .info-box{
position: relative;
padding-left: 35px;
margin-bottom: 30px;
}

.testimonial-block-two .info-box .name{
position: relative;
display: block;
font-size: 24px;
line-height: 1em;
color: #f07e01;
font-weight: 600;
}

.testimonial-block-two .info-box .designation{
position: relative;
display: block;
font-size: 12px;
line-height: 20px;
color: #166995;
font-weight: 500;
margin-top: 2px;
}

.testimonial-block-two .rating{
position: absolute;
right: 15px;
bottom: 5px;
display: flex;
align-items: center;
font-size: 15px;
line-height: 20px;
color: #ffc600;
font-weight: 900;
}

.testimonial-block-two .text{
position: relative;
display: block;
font-size: 16px;
line-height: 27px;
color: #888888;
font-weight: 400;
}

.testimonial-section-two .testimonial-pagination{
position: absolute;
left: 0;
bottom: 120px;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}

.testimonial-section-two .swiper-pagination-bullet{
position: relative;
margin-right: 3px !important;
margin-left: 3px !important;
height: 20px;
width: 4px;
background-color: #29c0b9;
opacity: 1;
border-radius: 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;
}

.testimonial-section-two .swiper-pagination-bullet-active{
background-color: #166995;
height: 30px;
}
.project-section{
position: relative;
padding: 120px 0;
}

.project-section .auto-container{
max-width: 1510px;
}

.project-section .carousel-outer{
position: relative;
}

.project-block{
position: relative;
}

.project-block .inner-box{
position: relative;
}

.project-block .image-box{
position: relative;
}

.project-block .image-box .image{
position: relative;
margin: 0;
background-color: #252525;
}

.project-block .image-box img{
width: 100%;
display: block;
transition: all 300ms ease;
}

.project-block .overlay-box{
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
background: rgba(34,34,34,.90);
opacity: 0;
visibility: hidden;
transform: scale(1.2);
transition: all 300ms ease;
}

.project-block .inner-box:hover .overlay-box{
opacity: 1;
visibility: visible;
transform: scale(1);
}

.project-block .links-box{
position: absolute;
right: -20px;
top: 20px;
padding: 20px;
padding-right: 40px;
display: flex;
align-items: center;
background-color: #008aff;
}

.project-block .links-box a{
height: 40px;
width: 40px;
line-height: 38px;
text-align: center;
color: #ffffff;
font-size: 14px;
margin-right: 10px;
border: 1px solid #ffffff;
}

.project-block .links-box a:last-child{
margin-right: 0;
}

.project-block h3{
position: absolute;
left: 20px;
bottom: 20px;
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}

.project-block h3 a:hover,
.project-block h3 a{
color: #ffffff;
}

.project-section .projects-pagination{
position: absolute;
left: -130px;
right: -130px;
top: 50%;
margin-top: -25px;
display: flex;
justify-content: space-between;
align-items: center;
}

.project-section .project-prev,
.project-section .project-next{
position: relative;
margin: 0;
height: 50px;
width: 50px;
line-height: 48px;
text-align: center;
font-size: 14px;
border: 1px solid #000000;
background: #ffffff;
color: #000000;
transition: all 300ms ease;
opacity: 1;
}

.project-section .project-prev:hover,
.project-section .project-next:hover{
border-color: #008aff;
color: #008aff;
}
.projects-section-two{
position: relative;
padding: 70px 0;
background:#f8f8f8;
border-top:solid 2px #999999;
}
.project-filters{
text-align: center;
margin-bottom:60px;
}
.project-filters .filter-tabs{
position:relative;
display: flex;
justify-content: center;
align-items: center;
}
.project-filters li{
position: relative;
line-height: 30px;
color: #555555;
font-size: 24px;
padding-right: 35px;
margin-right: 35px;
font-weight: 600;
cursor: pointer;
font-family: 'Barlow Condensed', sans-serif;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-filters li:before{
position: absolute;
right: 0;
top: 0;
font-size: 24px;
line-height: 30px;
color: #777777;
content: "|";
}
.project-filters li:last-child{
padding-right: 0;
margin-right: 0;
}
.project-filters li:last-child:before{display: none;}
.project-filters .active{color: #004cda;}
.project-block.mix{display: none;}
.projects-section-two .project-block{
position: relative;
margin-bottom: 30px;
}
.projects-section-two .btn-box{
text-align: center;
margin-top: 30px;
}
.projects-section-two .btn-box a{text-transform: uppercase;}
.project-details-section{position: relative;padding: 120px 0;}
.project-detail{position: relative;}
.project-detail .image-box{position: relative;}
.project-detail .image-box .image{position: relative;margin-bottom: 50px;}
.project-detail .content-box{position: relative;}
.project-info-box{position: relative;display: block;}
.project-info-box .info-list{
position: relative;
background: #f5f5f5;
}
.project-info-box .info-list li{
position: relative;
font-size: 14px;
line-height: 25px;
color: #555555;
font-weight: 400;
padding: 20px 45px;
padding-right: 30px;
border-bottom: 1px solid #d7d7d7;
font-family: 'Barlow Condensed', sans-serif;
}
.project-info-box .info-list li strong{color: #073d83;}
.project-info-box .info-list li:last-child{margin-bottom: 0;}
.project-info-box .info-list li i{
position: absolute;
left: 20px;
top: 50%;
font-size: 14px;
color: #008aff;
margin-top: -15px;
}
.project-info-box h3{
display: block;
font-size: 30px;
line-height: 1em;
color: #166995;
font-weight: 600;
margin-bottom: 20px;
}
.project-detail h2{
font-size: 36px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 25px;
}
.project-detail .colored{color: #008aff;}
.project-detail p{
font-size: 16px;
line-height: 30px;
color: #555555;
margin-bottom: 30px;
}
.project-detail .three-column{position: relative;}
.project-detail .three-column .image-column{
margin-bottom: 30px;
}
.project-detail .three-column .image{position: relative;margin-bottom: 0;}
.post-controls{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 35px;
border-top: 1px solid #cccccc;
margin-top: 35px;
}
.post-controls .prev-post,
.post-controls .next-post{
position: relative;
height: 50px;
width: 140px;
color: #ffffff;
background: #073d83;
line-height: 30px;
padding: 10px 24px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
transition: all 300ms ease;
}
.post-controls .next-post span{margin-left: 10px;}
.post-controls .prev-post span{margin-right: 10px;}
.post-controls .prev-post:hover,
.post-controls .next-post:hover{background: #008aff;}
.appointment-form-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 0;
z-index: 1;
}
.appointment-form-section:before{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 110px;
background: #ffffff;
content: "";
}
.appointment-form-section .content-column{
position: relative;
margin-bottom: 50px;
}
.appointment-form-section .content-column h3{
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
margin-bottom: 25px;
}
.appointment-form-section .content-column .text{
font-size: 16px;
line-height: 30px;
color: #ffffff;
margin-bottom: 40px;
}
.appointment-form-section .content-column .btn-box{
position: relative;
display: flex;
margin-bottom: 50px;
}
.appointment-form-section .content-column .theme-btn{
position: relative;
margin-right: 30px;
min-width: 180px;
}
.appointment-form-section .list-style-two{
display: flex;
flex-wrap: wrap;
}
.appointment-form-section .list-style-two li{width: 50%;}
.appointment-form{
position: relative;
background-color: #ffffff;
padding: 60px 50px 50px;
box-shadow: 0px 0px 18px rgba(0,0,0,.28);
}
.appointment-form .row{margin: 0 -10px;}
.appointment-form .form-group{
padding: 0 10px;
margin-bottom: 20px;
}
.appointment-form .sec-title{margin-bottom: 45px;}
.appointment-form .theme-btn{
font-size: 18px;
font-weight: 500;
}
.appointment-section-two{
position: relative;
padding: 100px 0 200px;
z-index: 1;
}
.appointment-section-two:before{
position: absolute;
left: 0;
top: 0;
bottom: 100px;
width: 34.5%;
content: "";
background-image: url(../images/icons/pattern-9.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.appointment-section-two .bg-image{
position: absolute;
right: 0;
top: 0;
bottom: 100px;
width: 65.5%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.appointment-section-two .appointment-form{
position: relative;
background-color: #ffffff;
padding: 55px 50px 20px;
max-width: 580px;
box-shadow: 0px 0px 18px rgba(0,0,0,.18);
}
.appointment-section-two .appointment-form h2{
font-size: 42px;
line-height: 1.2em;
}
.appointment-section-two .appointment-form .form-group{margin-bottom: 30px;}
.appointment-section-two .appointment-form .form-group input,
.appointment-section-two .appointment-form .form-group textarea,
.appointment-section-two .appointment-form .form-group select {
font-size: 14px;
line-height: 28px;
padding: 10px 15px;
height: 50px;
border: 1px solid #dddddd;
}
.appointment-section-two .appointment-form .form-group textarea{height: 160px;}
.appointment-section-two .appointment-form .form-group .theme-btn{
display: block;
width: 100%;
}
.appointment-section-two .special-opper{
position: absolute;
right: 0;
bottom: 0;
min-height: 150px;
background: #f07e01;
border-left: 9px solid #166995;
width: 100%;
max-width: 785px;
display: flex;
justify-content: center;
flex-direction: column;
padding-left: 57px;
}
.appointment-section-two .special-opper:before{
position: absolute;
left: 0px;
top: 0;
height: 100%;
border-left: 7px solid #ffffff;
content: "";
}
.appointment-section-two .special-opper .title{
font-size: 16px;
color: #ffffff;
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.appointment-section-two .special-opper h4{
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
}
.pricing-section{
position: relative;
padding: 120px 0 80px;
overflow: hidden;
}
.pricing-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #f07e01;
opacity: .90;
content: "";
}
.pricing-section .sec-title .sub-title{color: #166995;}
.pricing-block{position: relative;margin-bottom: 40px;}
.pricing-block .inner-box{
position: relative;
background-color: #ffffff;
transition: all 300ms ease;
padding: 60px 20px 40px;
text-align: center;
}

.pricing-block .inner-box:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 20px;
background: url(../images/icons/pattern-8.jpg) center repeat;
content: "";
transition: all 300ms ease;
z-index: 1;
}
.pricing-block .title{
position: relative;
display: block;
font-size: 20px;
line-height: 1.2em;
color: #f07e01;
font-weight: 600;
margin-bottom: 22px;
text-transform: uppercase;
}
.pricing-block .price{
display: block;
font-size: 48px;
font-weight: 600;
color: #166995;
margin-bottom: 23px;
}
.pricing-block .validaty{
display: block;
font-size: 18px;
color: #f07e01;
line-height: 24px;
margin-bottom: 25px;
}
.pricing-block .features{position: relative;margin-bottom: 50px;}
.pricing-block .features li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #848484;
font-weight: 500;
margin-bottom: 10px;
}
.pricing-block .btn-box{position: relative;text-align: center;}
.pricing-block .btn-box a{
position: relative;
display: inline-block;
font-size:18px;
line-height:30px;
color:#ffffff;
background-color: #166995;
padding: 15px 35px;
font-weight: 400;
overflow: hidden;
min-width: 170px;
}
.pricing-block .btn-box a:hover{
background-color: #f07e01;
color: #166995;
}
.team-section{position: relative;padding: 120px 0 90px;}
.team-section .sec-title{margin-bottom: 60px;}
.team-block{position: relative;margin-bottom: 30px;}
.team-block .inner-box{position: relative;}
.team-block .inner-box:before{
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 100%;
content: "";
z-index: 1;
}
.team-block .image-box{position: relative;text-align: center;overflow: hidden;border-bottom: 0;}
.team-block .image-box .image{position: relative;margin-bottom: 0;overflow: hidden;}
.team-block .image-box .image img{
display: block;
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;
}
.team-block .image-box .share-link{position: absolute;right: 0;bottom: 0;}
.team-block .image-box .share-link:before{
position: absolute;
right: 0;
bottom: 0;
border-left: 60px solid transparent;
border-bottom: 60px solid #ffffff;
content: "";
}
.team-block .image-box .share-link span{
position: relative;
font-size: 18px;
line-height: 20px;
width: 30px;
text-align: center;
color: #166995;
}
.team-block .image-box .social-links{
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
padding-right: 10px;
background-color: #063c83;
transform: translateX(100%);
opacity: 0;
visibility: hidden;
transition: all 200ms ease;
}
.team-block .image-box .social-links:before{
position: absolute;
right: 100%;
border-left: 50px solid transparent;
border-bottom: 50px solid #063c83;
content: "";
}
.team-block .image-box .social-links li{position: relative;}
.team-block .image-box .social-links li a{
display: block;
text-align: center;
font-size: 18px;
line-height: 50px;
width: 40px;
color: #ffffff;
text-align: center;
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;
}
.team-block .image-box .social-links li a:hover{color: #008aff;}
.team-block .inner-box:hover .social-links{
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.team-block .info-box{
position: relative;
padding: 40px 0 0;
text-align: right;
}
.team-block .info-box:before{
position: absolute;
left: 0;
bottom: 0;
height: 60px;
width: 60px;
background-image: url(../images/icons/pattern-5.png);
content: "";
}
.team-block .info-box .designation{
position: relative;
color: #555555;
font-size: 14px;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.team-block .info-box .name{
position: relative;
display: block;
font-size: 24px;
line-height: 1em;
color: #166995;
font-weight: 600;
text-transform: uppercase;
}
.team-block .info-box .name a{color: #000000;}
.team-detail-section{position: relative;padding: 120px 0 70px;}
.docter-detail{position: relative;}
.docter-detail .image-column{
position: relative;
margin-bottom: 50px;
}
.docter-detail .image-column .image{
position: relative;
padding-right: 30px;
margin-bottom: 0;
}
.docter-detail .image-column .image img{
display: block;
width: 100%;
}
.docter-detail .info-column{
position: relative;
margin-bottom: 50px;
padding-top: 10px;
}
.docter-detail .designation{
position: relative;
display: block;
font-size: 18px;
color: #555555;
margin-bottom: 5px;
}
.docter-detail .name{
font-size: 36px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 22px;
}
.docter-detail .social-links{
position: relative;
display: flex;
margin-bottom: 25px;
}
.docter-detail .social-links li{
position:relative;
margin-right: 30px;
}
.docter-detail .social-links li a{
font-size: 16px;
line-height: 24px;
color: #555555;
}
.docter-detail p{
position: relative;
margin-bottom: 25px;
}
.doctor-info-list{
position: relative;
display: flex;
flex-wrap: wrap;
margin-bottom: 35px;
max-width: 700px;
}
.doctor-info-list li{
position: relative;
width: 50%;
padding: 0 40px;
font-size: 16px;
line-height: 26px;
color: #555555;
margin-bottom: 10px;
}
.doctor-info-list li i{
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 26px;
color: #008aff;
}
.team-detail-section .content-side{
position: relative;
margin-bottom: 50px;
}
.team-detail-section h4{
font-size: 30px;
line-height: 1.2em;
color: #073d83;
font-weight: 600;
margin-bottom: 15px;
}
.team-detail-section h5{
font-size: 24px;
line-height: 36px;
color: #073d83;
font-weight: 600;
margin-bottom: 15px;
}
.team-detail-section .sidebar-side p,
.team-detail-section .content-side p{
font-size: 16px;
line-height: 2em;
color: #555555;
font-weight: 400;
margin-bottom: 36px;
}
.doctor-skill-list{position: relative;margin-bottom: 44px;}
.doctor-skill-list li{
position: relative;
font-size: 16px;
line-height: 36px;
color: #555555;
padding-bottom: 18px;
margin-bottom: 18px;
}
.doctor-skill-list li:last-child{padding-bottom: 0;margin-bottom: 0;}
.doctor-skill-list li:before{
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 40px;
background: #008aff;
content: "";
}
.doctor-skill-list li:last-child:before{display: none;}
.membersip-list{position: relative;margin-bottom: 36px;}
.membersip-list li{
font-size: 16px;
line-height: 36px;
color: #008aff;
font-weight: 400;
}
.membersip-list li a{color: #008aff;}
.timing-list-two{position: relative;max-width: 260px;}
.timing-list-two li{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
line-height: 36px;
color: #555555;
font-weight: 400;
}
.news-section{position: relative;padding: 110px 0 80px;}
.news-block{position: relative;margin-bottom: 40px;}
.news-block .inner-box{
position: relative;
background-color: #ffffff;
box-shadow: 0 0 5px rgba(0,0,0,.10);
border-bottom: 2px solid transparent;
overflow: hidden;
transition: all 300ms ease;
}
.news-block .inner-box:hover{
box-shadow: 0 0 10px rgba(0,0,0,.10);
border-bottom: 2px solid #063c83;
}
.news-block .image-box{position: relative;}
.news-block .image{position: relative;margin-bottom: 0;}
.news-block .image img{
position: relative;
display: block;
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 .inner-box:hover .image a img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block .lower-content{
position: relative;
background: #ffffff;
padding: 40px 35px 50px;
}
.news-block .lower-content .cat{
position: absolute;
left: 35px;
top: -15px;
padding: 0 13px;
line-height: 30px;
font-size: 16px;
color: #ffffff;
background-color: #063c83;
font-weight: 400;
}
.news-block .post-meta{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-bottom: 20px;
}
.news-block .post-meta a{
position: relative;
color: #555555;
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin: 0 20px;
}
.news-block .post-meta a span{
margin-right: 10px;
color: #063c83;
font-size: 16px;
}
.news-block .lower-content h4{
position: relative;
font-size: 30px;
line-height: 42px;
color: #166995;
font-weight: 600;
}
.news-block .lower-content h4 a{
display: inline-block;
color: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .lower-content h4 a:hover{color: #008aff;}
.news-block .lower-content .text{font-size: 16px;line-height: 30px;margin-top: 20px;}
.news-section-two{
position: relative;
padding: 120px 0 80px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.news-section-two .carousel-outer{position: relative;padding: 0 110px;}
.news-block-two{position: relative;margin-bottom: 40px;}
.news-block-two .inner-box{
position: relative;
background-color: #ffffff;
border-bottom: 2px solid transparent;
overflow: hidden;
transition: all 300ms ease;
}
.news-block-two .inner-box:hover{border-bottom: 2px solid #ef5b3f;}
.news-block-two .image-box{position: relative;}
.news-block-two .image{position: relative;margin-bottom: 0;}
.news-block-two .image img{
position: relative;
display: block;
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-two .inner-box:hover .image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-two .lower-content{
position: relative;
background: #ffffff;
padding: 40px 35px 30px;
}
.news-block-two .lower-content .cat{
position: absolute;
left: 35px;
top: -15px;
padding: 0 13px;
line-height: 30px;
font-size: 16px;
color: #ffffff;
background-color: #ef5b3f;
font-weight: 400;
}
.news-block-two .post-meta{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 16px;
line-height: 24px;
color: #555555;
font-weight: 400;
margin-bottom: 20px;
}
.news-block-two .post-meta a{
position: relative;
color: #555555;
display: inline-block;
margin: 0 20px;
}
.news-block-two .post-meta a:first-child{margin-left: 0;}
.news-block-two .post-meta a:last-child{margin-right: 0;}
.news-block-two .lower-content h4{
position: relative;
font-size: 30px;
line-height: 42px;
color: #166995;
font-weight: 600;
margin-bottom: 10px;
}
.news-block-two .lower-content h4 a{
display: inline-block;
color: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-two .lower-content h4 a:hover{color: #ef5b3f;}
.news-block-two .lower-content .text{
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.news-navigation{
position: absolute;
left: 0;
top: 50%;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: -35px;
}
.news-navigation .next-post,
.news-navigation .prev-post{
position: relative;
left: 0;
height: 70px;
width: 70px;
display: flex;
justify-content: center;
align-items: center;
color: #166995;
font-weight: 700;
background: #ffffff;
border: 2px solid #dddddd;
font-size: 18px;
line-height: 1em;
padding: 20px;
border-radius: 50%;
cursor: pointer;
transition: all 300ms ease;
}
.news-navigation .prev-post:hover,
.news-navigation .prev-post:hover{background: #dddddd;}
.news-navigation .prev-post{left: auto;right: 0;}
.news-section-three{position: relative;padding: 110px 0 80px;}
.news-section-three .bottom-text{
position: relative;
display: block;
margin-top: 40px;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 26px;
padding: 0 15px;
}
.news-section-three .bottom-text a{
font-size: 18px;
color: #f07e01;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
line-height: 26px;
}
.news-block-three{position: relative;margin-bottom: 40px;}
.news-block-three .inner-box{
position: relative;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0,0,0,.10);
overflow: hidden;
transition: all 300ms ease;
}
.news-block-three .image-box{position: relative;}
.news-block-three .image{
position: relative;
margin-bottom: 0;
}
.news-block-three .image img{
position: relative;
display: block;
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-three .inner-box:hover .image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-three .lower-content{
position: relative;
background: #ffffff;
padding: 25px 30px 0;
}
.news-block-three .post-meta{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
line-height: 26px;
color: #666666;
font-weight: 400;
margin-bottom: 10px;
}
.news-block-three .post-meta a{
position: relative;
color: #555555;
display: block;
margin-right: 24px;
}
.news-block-three .post-meta a span{
font-size: 14px;
line-height: 26px;
color: #f07e01;
margin-right: 10px;
}
.news-block-three .lower-content h4{
position: relative;
font-size: 30px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 23px;
}
.news-block-three .lower-content h4 a{
display: inline-block;
color: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-three .lower-content h4 a:hover{color: #008aff;}
.news-block-three .post-info{
position: relative;
display: flex;
padding: 15px 0;
justify-content: space-between;
align-items: center;
}
.news-block-three .post-info:before{
position: absolute;
left: -35px;
right: -35px;
border-top: 1px solid #ebebeb;
content: "";
top: 0;
}
.news-block-three .post-info .read-more{
font-size: 16px;
line-height: 30px;
color: #f07e01;
font-weight: 400;
}
.news-block-three .post-info .post-by{
font-size: 14px;
color: #666666;
line-height: 30px;
}
.news-block-three .post-info .post-by span{font-size: 12px;margin-right: 7px;}
.news-block-four{position: relative;margin-bottom: 30px;}
.news-block-four .inner-box{
position: relative;
display: flex;
background-color: #ffffff;
overflow: hidden;
transition: all 300ms ease;
}
.news-block-four .image-box{position: relative;min-width: 340px;}
.news-block-four .image{position: relative;margin-bottom: 0;}
.news-block-four .image img{
position: relative;
display: block;
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:hover .image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-four .content-box{
position: relative;
background: #ffffff;
padding: 10px 30px 0;
padding-right: 0;
}
.news-block-four .post-meta{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
line-height: 26px;
color: #666666;
font-weight: 400;
margin-bottom: 10px;
}
.news-block-four .post-meta a{
position: relative;
color: #555555;
display: block;
margin-right: 24px;
}
.news-block-four .post-meta a span{
font-size: 14px;
line-height: 26px;
color: #f07e01;
margin-right: 10px;
}
.news-block-four .content-box h4{
position: relative;
font-size: 30px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 20px;
}
.news-block-four .content-box h4 a{
display: inline-block;
color: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block-four .content-box h4 a:hover{color: #008aff;}
.blog-standard{position: relative;}
.blog-standard .news-block{margin-bottom: 50px;}
.blog-standard .news-block .inner-box{border: 0;}
.blog-standard .news-block .lower-content h3{
font-size: 36px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 20px;
}
.blog-standard .news-block .lower-content h4{
font-size:30px;
color: #063c83;
font-weight: 600; 
margin-bottom: 10px;
}
.blog-standard .news-block .lower-content{background: #f5f5f5;padding-bottom: 35px;}
.blog-standard .news-block .lower-content p{
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.blog-post{position: relative;}
.blog-post .news-block{margin-bottom: 25px;}
.blog-post .news-block .inner-box{border: 0;}
.blog-post .news-block .lower-content h3{
font-size: 36px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 20px;
}
.blog-post .news-block .lower-content h4{
font-size:30px;
color: #063c83;
font-weight: 600; 
margin-bottom: 20px;
}
.blog-post .news-block .lower-content{background: #f5f5f5;padding-bottom: 15px;}
.blog-post .news-block .lower-content p{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
.blog-post blockquote{
position: relative;
font-size: 24px;
line-height: 42px;
color: #166995;
font-weight: 600;
background: #ffffff;
padding: 15px 30px;
padding-right: 15px;
border-left: 6px solid #008aff;
font-family: 'Barlow Condensed', sans-serif;
font-style: italic;
margin-top: 30px;
margin-bottom: 40px;
}
.blog-post .list-style-five{display: flex;flex-wrap: wrap;}
.blog-post .list-style-five li{width: 50%;}
.blog-post .two-column{position: relative;}
.blog-post .two-column .image-column{margin-bottom: 30px;}
.blog-post .post-share-options{
position:relative;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #cccccc;
margin-bottom: 40px;
}
.blog-post .post-share-options .tags{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.blog-post .post-share-options .tags li{
position: relative;
display: flex;
align-items: center;
margin-right: 10px;
}
.blog-post .post-share-options .tags a{
position:relative;
font-size:14px;
font-weight:400;
line-height: 20px;
padding: 5px 0;
color:#777777;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog-post .post-share-options .tags a:hover{color: #008aff;}
.blog-post .post-share-options .tags li .icon{
font-size: 14px;
color: #166995;
margin-right: 10px;
}
.blog-post .post-share-options .social-icon{
position: relative;
display: flex;
align-items: center;
margin-bottom:20px;
}
.blog-post .post-share-options .social-icon li .title{
font-size: 18px;
line-height: 30px;
color: #166995;
font-weight: 600;
font-family: 'Barlow Condensed', sans-serif;
}
.blog-post .post-share-options .social-icon li{position: relative;}
.blog-post .post-share-options .social-icon li a{
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #777777;
padding: 5px 0;
margin-left: 20px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog-post .post-share-options .social-icon li a:hover{color: #ffffff;background-color: #343a40;}
.group-title{position: relative;margin-bottom: 50px;}
.group-title h3{
position: relative;
display: inline-block;
font-size: 36px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
}
.group-title .text{
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-top: 10px;
}
.comments-area{position:relative;margin-bottom: 70px;}
.comments-area .comment-box{
position: relative;
padding: 30px;
background: #f7f7f7;
min-height: 180px;
margin-bottom: 60px;
}
.comments-area .comment-box.reply-comment{margin-left: 70px;}
.comments-area .comment-box:last-child{margin-bottom: 0;}
.comments-area .comment{
position:relative;
min-height: 120px;
padding-top: 10px;
padding-left: 140px;
}
.comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
height: 120px;
width: 120px;
margin-bottom: 10px;
overflow: hidden;
}
.comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.comments-area .comment-info{
position: relative;
display: flex;
margin-bottom: 15px;
}
.comments-area .comment-box .name{
position: relative;
font-size:24px;
line-height:30px;
font-weight:600;
color:#008aff;
margin-right: 20px;
font-family: 'Barlow Condensed', sans-serif;
}
.comments-area .comment-box .date{
position: relative;
font-size: 16px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.comments-area .comment-box .text{
font-size: 15px;
line-height: 30px;
color:#555555;
font-weight: 400;
}
.comments-area .comment-box .rating{
position: relative;
display: block;
font-size: 12px;
color:#ffc107;
line-height: 20px;
margin-bottom: 5px;
}
.comments-area .comment-box .reply-btn{
position: absolute;
right: 0;
top: 0px;
font-size: 16px;
line-height: 20px;
color: #073d83;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.comments-area .comment-box .reply-btn:hover{color: #008aff;}
.comment-form{position: relative;}
.comment-form .form-group{position:relative;margin-bottom: 30px;}
.comment-form .form-group:last-child{margin-bottom: 0;}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
position: relative;
display: block;
height: 60px;
width: 100%;
font-size: 16px;
color: #555555;
line-height: 28px;
font-weight: 400;
padding: 15px 22px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{border-color:#156f89;}
.comment-form .form-group textarea{height: 175px;resize: none;}
.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
padding: 15px 35px;
font-size: 16px;
line-height: 30px;
font-weight: 500;
background: #073d83;
}
.styled-pagination{
position:relative;
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.styled-pagination.align-left{justify-content: flex-start;}
.styled-pagination li{position:relative;margin: 0 18px 18px 0;}
.styled-pagination li:last-child{margin-right: 0;}
.styled-pagination li a{
position:relative;
display: block;
line-height:38px;
font-size:16px;
height:40px;
width:40px;
color:#166995;
font-weight:600;
text-align:center;
background:#ebebeb;
text-transform:capitalize;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{color:#ffffff;background-color:#073d83;}
.ads-section{position: relative;padding: 120px 0 90px;}
.ad-block{position: relative;margin-bottom: 30px;}
.ad-block .inner-box{
position: relative;
background-image: url(../images/background/6.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
justify-content: space-between;
align-content: center;
padding: 70px 45px;
}
.ad-block .image{position: relative;padding-right: 30px;margin-bottom: 0;}
.ad-block .content{
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
max-width: 230px;
}
.ad-block .content .cat{
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
display: block;
color: #ef5b3f;
}
.ad-block .content h3{
font-size: 48px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 30px;
}
.ad-block .content .theme-btn{max-width: 170px;}
.ad-block-two{position: relative;margin-bottom: 30px;}
.ad-block-two .inner-box{
position: relative;
padding: 35px 45px 30px;
background-image: url(../images/background/7.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.ad-block-two h3{
font-size: 48px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
margin-bottom: 40px;
}
.ad-block-two .text{
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
}
.ad-block-two .image{
position: relative;
width: 100%;
text-align: right;
margin-bottom: 0;
margin-top: -70px;
}
.discount-section{position: relative;padding: 120px 0;}
.discount-section .bg-1,
.discount-section .bg-2,
.discount-section .bg-1:before,
.discount-section .bg-outer{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.discount-section .bg-1{width: auto;left: 0;right: -215px;}
.discount-section .bg-1:before{
width: 100%;
background: #ef5b3f;
opacity: .85;
content: "";
}
.discount-section .bg-2{
width: auto;
right: 0;
left: 50%;
background-position: right center;
}
.discount-section h2{
font-size: 60px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
margin-bottom: 40px;
}
.discount-section .text{
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
margin-bottom: 30px;
}
.discount-section .timer{position: relative;margin-bottom: 30px;}
.discount-section .cs-countdown{
position:relative;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.discount-section .cs-countdown div{
position: relative;
font-size: 36px;
color: #ffffff;
width: 100px;
height: 100px;
font-weight: 700;
margin-right: 50px;
margin-bottom: 30px;
border: 2px solid #ffffff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 10px;
}
.discount-section .cs-countdown h6{
position:relative;
display: block;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
background-color: transparent;
color: #ffffff;
margin-top: 5px;
}
.discount-section .theme-btn{
background: #ffffff;
color: #166995;
font-size: 16px;
font-weight: 400;
}
.discount-section .theme-btn:hover{background: #166995;border-color: #166995;color: #ffffff;}
.products-section{position: relative;padding: 100px 0 150px;}
.products-section .auto-container{max-width: 1400px;}
.product-block{position: relative;margin-bottom: 30px;}
.product-block .inner-box{position: relative;border: 1px solid #eeeeee;border-bottom: 0;}
.product-block .image-box{position: relative;}
.product-block .image{
position: relative;
margin-bottom: 0;
}
.product-block .image img{display: block;width: 100%;}
.product-block .option-box{
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.product-block .inner-box:hover .option-box{
bottom: 20px;
visibility: visible;
opacity: 1;
}
.product-block .option-box li a{
position: relative;
display: block;
margin: 0 -1px;
height: 40px;
width: 40px;
text-align: center;
font-size: 16px;
line-height: 38px;
color: #555555;
border: 2px solid #eeeeee;
transition: all 300ms ease;
}
.product-block .option-box li a:hover{
background-color: #ef5b3f;
color: #ffffff;
border-color: #ef5b3f;
}
.product-block .info-box{
position: relative;
padding: 30px 30px;
text-align: center;
background: #eeeeee;
}
.product-block .info-box .title{
font-size: 20px;
line-height: 1.2em;
color: #166995;
font-weight: 500;
font-family: 'Saira', sans-serif;
}
.product-block .info-box .title a{
color: #166995;
transition: all 300ms ease;
}
.product-block .info-box .price{
font-size: 20px;
color: #ef5b3f;
font-weight: 400;
display: block;
margin-top: 10px;
}
.product-block .rating{
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 30px;
color: #ffc600;
margin-top: -30px;
background-color: #eeeeee;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.product-block .inner-box:hover .rating{opacity: 1;visibility: visible;}
.products-navigation{
position: absolute;
left: 0;
top: 50%;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
z-index: 1;
margin-top: -35px;
}
.products-navigation .next-product,
.products-navigation .prev-product{
position: relative;
left: 5.6%;
height: 70px;
width: 70px;
display: flex;
justify-content: center;
align-items: center;
color: #166995;
font-weight: 700;
border: 2px solid #dddddd;
font-size: 18px;
line-height: 1em;
padding: 20px;
border-radius: 50%;
cursor: pointer;
transition: all 300ms ease;
}
.products-navigation .next-product:hover,
.products-navigation .prev-product:hover{background: #dddddd;}
.products-navigation .next-product{left: auto;right: 5.6%;}
.products-pagination{
position: absolute;
left: 0;
bottom: 110px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.products-pagination .swiper-pagination-bullet{
position: relative;
display: inline-block;
margin-right: 5px !important;
margin-left: 5px !important;
height: 5px;
width: 10px;
background-color: #ef5b3f;
border-radius: 0;
opacity: 1;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.products-pagination .swiper-pagination-bullet-active{background-color: #166995;width: 30px;}
.shop-categories{position: relative;padding: 120px 0;}
.shop-categories .filters{
margin-bottom:50px;
text-align: center;
margin-top: -100px;
}
.shop-categories .filters .filter-tabs{
position:relative;
display: flex;
justify-content: flex-end;
align-items: center;
}
.shop-categories .filters li{
position: relative;
line-height: 30px;
padding: 10px 20px;
color: #555555;
font-size: 14px;
cursor: pointer;
border: 2px solid #ebebeb;
margin: -1px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.shop-categories .filters .filter.active{color: #ffffff;background-color: #ef5b3f;}
.shop-categories .project-block.mix{display: none;}
.project-section .filter-list{
position: relative;
border-top: 10px solid #ffffff;
border-right: 5px solid #ffffff;
border-left: 5px solid #ffffff;
box-shadow: 0 0 30px rgba(0,0,0,0.10);
}
.product-block-two.mix{display: none;}
.product-block-two{position: relative;margin-bottom: 30px;}
.product-block-two .inner-box{position: relative;border-bottom: 0;}
.product-block-two .image{position: relative;margin-bottom: 0;}
.product-block-two .image img{display: block;width: 100%;}
.product-block-two .option-box{
position: absolute;
left: 0;
bottom: 100px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.product-block-two .inner-box:hover .option-box{
bottom: 120px;
visibility: visible;
opacity: 1;
}
.product-block-two .option-box li a{
position: relative;
display: block;
margin: 0 -1px;
height: 35px;
width: 35px;
text-align: center;
font-size: 13px;
line-height: 33px;
color: #555555;
background: #ffffff;
border: 2px solid #eeeeee;
transition: all 300ms ease;
}
.product-block-two .option-box li a:hover{
background-color: #ef5b3f;
color: #ffffff;
border-color: #ef5b3f;
}
.product-block-two .info-box{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px 30px 25px;
text-align: center;
}
.product-block-two .info-box .title{
font-size: 18px;
line-height: 1.2em;
color: #166995;
font-weight: 500;
font-family: 'Saira', sans-serif;
}
.product-block-two .info-box .title a{
color: #166995;
transition: all 300ms ease;
}
.product-block-two .info-box .price{
font-size: 16px;
color: #ef5b3f;
font-weight: 400;
display: block;
margin-top: 15px;
opacity: 1;
transition: all 300ms ease;
}
.product-block-two .inner-box:hover .info-box .price{opacity: 0;}
.product-block-two .rating{
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 30px;
color: #ffc600;
margin-top: -30px;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}
.product-block-two .inner-box:hover .rating{opacity: 1;visibility: visible;}
.shop-section{position: relative;padding: 120px 0;}
.shop-upper-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.shop-upper-box .items-label{
position: relative;
font-size: 21px;
line-height: 30px;
color: #166995;
font-weight: 500;
padding: 10px 0;
}
.shop-upper-box .items-label span{color: #166995;}
.shop-upper-box .sort-by{
position: relative;
max-width: 370px;
width: 100%;
}	
.shop-upper-box .sort-by select{
position:relative;
display:block;
height:60px;
line-height:26px;
text-align: left;
padding:10px 20px;
font-size: 16px;
border: 1px solid #e5e5e5;
color: #555555;
width: 100%;
font-weight: 500;
user-select: none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:#ffffff;
}
.sort-by .icon{
position:absolute;
right: 20px;
top: 50%;
margin-top: -15px;
background:none;
line-height: 30px;
font-size: 21px;
text-indent:0px;
color:#166995;	
}
.shop-section .product-block-two .option-box li a:hover{background: #075ac9;border-color: #075ac9;}
.shop-section .product-block-two .info-box .price{color: #075ac9;}
.contact-section{position: relative;padding: 110px 0 50px;}
.contact-section .content-column{position: relative;margin-bottom: 50px;}
.contact-section .form-column{position: relative;margin-bottom: 50px;}
.contact-section .sec-title{margin-bottom: 45px;}
.contact-form{
position: relative;
z-index: 1;
padding-right: 40px;
margin-bottom: 45px;
}
.contact-form .form-group{position:relative;margin-bottom:10px;}
.contact-form .form-group:last-child{margin-bottom: 0;}
.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select{
position: relative;
display: block;
width: 100%;
font-size: 16px;
color: #555555 !important;
border: 1px solid #dddddd !important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group textarea{height: 90px;resize: none;}
.contact-form .form-group input[type=submit],
.contact-form .form-group button{
text-transform: capitalize;
margin-top: 30px;
}
.contact-section .contact-list{position: relative;margin-bottom: 50px;}
.contact-section .contact-list li{
position: relative;
padding-left: 80px;
min-height: 70px;
margin-bottom: 40px;
}
.contact-section .contact-list li:last-child{margin-bottom: 0;}
.contact-section .contact-list li .icon{
position: absolute;
left: 0;
top: 50%;
font-size: 60px;
line-height: 60px;
margin-top: -30px;
color: #008aff;
}
.contact-section .contact-list li strong{
display: block;
font-size: 24px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
font-family: 'Barlow Condensed', sans-serif;
}
.contact-section .contact-list li .text{
display: block;
font-size: 15px;
line-height: 28px;
color: #166995;
font-weight: 400;
}
.contact-section .contact-list li .text a{
color: #555555;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-section .contact-list li .text a:hover{color: #008aff;}
.map-section{position: relative;display: block;}
.map-area{position:relative;}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data a{display: block;}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-section .map-canvas{height:540px;background-color: #f9f9f9;}
.clients-section{position: relative;padding: 110px 0;z-index: 1;}
.clients-section .swiper-slide{position: relative;overflow: hidden;text-align: center;}
.clients-section .swiper-slide a{position: relative;}
.clients-section .swiper-slide img{
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-section.alternate{box-shadow: 0 0 30px rgba(0,0,0,0.10);}
.clients-section.style-two{background-color: #f7f7f7;}
.clients-section.style-three{border-top: 2px solid #dddddd;}
.main-footer{
position:relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #002d67;
opacity: .95;
content: "";
}
.subscribe-section{position: relative;}
.subscribe-section .outer-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 100px 0 90px;
border-bottom: 1px solid #008aff;
}
.subscribe-section .sec-title{
margin-bottom: 0;
margin-right: 30px;
}
.subscribe-section .sec-title .text{margin-top: 10px;}
.subscribe-section .form-column{
position: relative;
max-width: 670px;
width: 100%;
}
.subscribe-form{position:relative;}
.subscribe-form .form-group{
position:relative;
height: 80px;
background: #ffffff;
margin-bottom: 0;
padding: 15px;
padding-left: 35px;
padding-right: 240px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"]{
position: relative;
display:block;
height:45px;
width:100%;
font-size:16px;
line-height:30px;
color: #555555;
background:#ffffff; 
padding: 0 0 15px;
border-bottom: 1px solid #dddddd;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form .form-group .icon{
position: absolute;
right: 220px;
top: 10px;
font-size: 60px;
line-height: 1em;
color: #555555;
opacity: .20;
}
.subscribe-form .form-group .theme-btn{
position:absolute;
right:10px;
top:10px;
font-weight: 400;
font-size: 18px;
padding: 15px 24px;
}
.main-footer .widgets-section{position: relative;padding: 80px 0 30px;}
.main-footer .footer-column{
position:relative;
margin-bottom:40px;
}
.main-footer .footer-widget{position:relative;}
.main-footer .footer-column .widget-title{
position: relative;
font-size:30px;
font-weight:600;
color:#ffffff;
line-height: 30px;
padding-bottom: 25px;
margin-bottom:40px;
}
.main-footer .footer-column .widget-title:before{
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 2px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #ffffff;
content: '';
}
.main-footer .about-widget{position: relative;padding-right: 20px;}
.main-footer .logo{position:relative;margin-bottom: 20px;}
.main-footer .footer-logo figure{margin: 0;}
.main-footer .footer-logo img{display:block;max-width:100%;}
.main-footer .about-widget .text{
position: relative;
font-size: 14px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
margin-bottom: 25px;
}
.user-links{position: relative;margin-top: 30px;}
.user-links li{
position: relative;
margin-bottom: 10px;
font-size: 16px;
line-height: 25px;
color: #ffffff;
display: flex;
justify-content: space-between;
}
.user-links li span{
min-width: 84px;
text-align: left;
}
.user-links li a{
position: relative;
display: block;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-links li a:hover{color: #ffffff;}
.main-footer .timing-widget{padding-right: 30px;}
.main-footer .timing-widget .user-links{
margin-bottom: 30px;
max-width: 300px;
}
.main-footer .contact-list{position: relative;}
.main-footer .contact-list li{
position: relative;
padding-left: 70px;
margin-bottom: 18px;
}
.main-footer .contact-list li:last-child{margin-bottom: 0;}
.main-footer .contact-list li .icon{
position: absolute;
left: 0;
top: 50%;
font-size: 36px;
line-height: 1em;
margin-top: -18px;
color: #ffffff;
}
.main-footer .contact-list li strong{
display: block;
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: 600;
font-family: 'Barlow Condensed', sans-serif;
}
.main-footer .contact-list li .text{
display: block;
font-size: 15px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
}
.main-footer .contact-list li .text a{
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .contact-list li .text a:hover{color: #008aff;}
.footer-bottom{position: relative;width: 100%;}
.footer-bottom .inner-container{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom .inner-container:before{
position: absolute;
right: -20px;
top: 0;
height: 100%;
width: 1000%;
content: "";
background-color: #008aff;
}
.footer-bottom .copyright-text{position: relative;}
.footer-bottom .copyright-text p{
position: relative;
line-height: 20px;
font-size: 16px;
color: #ffffff;
font-weight: 400;
}
.footer-bottom .copyright-text a{
color: #ffffff;
font-weight: 700;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-bottom .copyright-text a:hover{color: #ffffff;}
.footer-bottom .footer-nav{position: relative;}
.footer-bottom .footer-nav ul{
position: relative;
padding:20px 0;
}
.footer-bottom .footer-nav ul li{
position: relative;
float: left;
padding-left: 22px;
margin-left: 20px;
}
.footer-bottom .footer-nav ul li:first-child{
margin-left: 0;
padding-left: 0;
}
.footer-bottom .footer-nav ul li a{
position: relative;
display: block;
font-size: 14px;
line-height: 20px;
color: #ffffff;
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;
}
.footer-bottom .footer-nav ul li:before{
position: absolute;
left: 0;
top: 0px;
font-size: 14px;
line-height: 20px;
color: #ffffff;
font-weight: 400;
content: '|';
}
.footer-bottom .footer-nav ul li a:hover{
color: #ffffff;
text-decoration: underline;
}
.footer-bottom .footer-nav ul li:first-child:before{display: none;}
/* Main Footer / Style Two */
.main-footer.style-two{
position: relative;
background: #ffffff;
}
.main-footer.style-two:before{display: none;}
.main-footer.style-two .subscribe-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer.style-two .subscribe-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: #ef5b3f;
opacity: .9;
}
.main-footer.style-two .widgets-section{
padding: 100px 0 50px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer.style-two .footer-column .widget-title{color: #166995;padding-bottom: 20px;margin-top: 10px;}
.main-footer.style-two .footer-column .widget-title:before{background: #ef5b3f;}
.main-footer.style-two .about-widget .text{color: #166995;margin-bottom: 30px;}
.main-footer.style-two .about-widget{padding-right: 0;}
.main-footer.style-two .user-links li a{color: #555555;}
.main-footer.style-two .user-links li a:hover{color: #ef5b3f;}
.main-footer.style-two .footer-bottom .inner-container{min-height: 60px;}
.main-footer.style-two .contact-list li strong,
.main-footer.style-two .contact-list li strong a,
.main-footer.style-two .contact-list li .text{
color: #166995;
}
.main-footer.style-two .contact-list li .icon{color: #ef5b3f;}
.main-footer.style-two .footer-bottom,
.main-footer.style-two .footer-bottom .inner-container:before{
background: #166995;
}
.main-footer.style-two .footer-bottom .copyright-text p a,
.main-footer.style-two .footer-bottom .copyright-text p{
color: #ffffff;
font-weight: 400;
}
.main-footer.style-two .footer-bottom .footer-nav ul li,
.main-footer.style-two .footer-bottom .footer-nav ul li:before,
.main-footer.style-two .footer-bottom .footer-nav ul li a{
font-size: 18px;
color: #ffffff;
}
.main-footer.style-two .scroll-to-top{color: #ffffff;background: #ef5b3f;}
.main-footer.style-two .scroll-to-top:hover{
background: #ffffff;
color: #ef5b3f;
}
.main-footer.style-three{
position: relative;
background: #f5f5f5;
border-top:solid 2px #d4d4d4;
}
.main-footer.style-three:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: none;
background-image: url(../images/icons/pattern-10.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
}
.main-footer.style-three .footer-upper{
position: relative;
padding: 60px 0 30px;
border-bottom: 1px solid #f07e01;
}
.main-footer.style-three .widgets-section{padding: 100px 0 10px;}
.main-footer.style-three .footer-column .widget-title{
font-size: 36px;
color: #166995;
padding-bottom: 20px;
}
.main-footer.style-three .footer-column .widget-title:before{background: #f07e01;}
.main-footer.style-three .about-widget .text{color: #166995;margin-bottom: 10px;}
.main-footer.style-three .footer-bottom .inner-container{min-height: 80px;}
.main-footer.style-three .footer-bottom,
.main-footer.style-three .footer-bottom .inner-container:before{
background: #f07e01;
}
.main-footer.style-three .footer-bottom .copyright-text p a,
.main-footer.style-three .footer-bottom .copyright-text p{color: #ffffff;font-weight: 400;}
.main-footer.style-three .footer-bottom .footer-nav ul li a:hover{color:#333}
.main-footer.style-three .footer-bottom .footer-nav ul li,
.main-footer.style-three .footer-bottom .footer-nav ul li:before,
.main-footer.style-three .footer-bottom .footer-nav ul li a{
font-size: 18px;
color: #ffffff;
text-decoration:none;
}
.main-footer.style-three .scroll-to-top{color: #166995;}
.main-footer.style-three .scroll-to-top:hover{background: #166995;color: #ffffff;}
.main-footer.style-four{position: relative;background: #f2f2f2;}
.main-footer.style-four:before{
background: none;
background-image: url(../images/icons/pattern-12.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer.style-four .subscribe-section{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer.style-four .subscribe-section:before{display: none;}
.main-footer.style-four .widgets-section{
padding: 100px 0 50px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main-footer.style-four .footer-column .widget-title{
color: #166995;
padding-bottom: 20px;
margin-top: 10px;
}
.main-footer.style-four .footer-column .widget-title:before{background: #008aff;}
.main-footer.style-four .about-widget .text{
color: #166995;
margin-bottom: 30px;
}
.main-footer.style-four .about-widget{padding-right: 0;}
.main-footer.style-four .user-links li,
.main-footer.style-four .user-links li a{color: #555555;}
.main-footer.style-four .user-links li a:hover{color: #008aff;}
.main-footer.style-four .footer-bottom .inner-container{min-height: 60px;}
.main-footer.style-four .contact-list li strong,
.main-footer.style-four .contact-list li strong a,
.main-footer.style-four .contact-list li .text{color: #166995;}
.main-footer.style-four .contact-list li .icon{color: #073d83;}
.main-footer.style-four .footer-bottom,
.main-footer.style-four .footer-bottom .inner-container:before{background: #073d83;}
.main-footer.style-four .footer-bottom .copyright-text p a,
.main-footer.style-four .footer-bottom .copyright-text p{
color: #ffffff;
font-weight: 400;
}
.main-footer.style-four .footer-bottom .footer-nav ul li,
.main-footer.style-four .footer-bottom .footer-nav ul li:before,
.main-footer.style-four .footer-bottom .footer-nav ul li a{
font-size: 18px;
color: #ffffff;
}
.contact-block{position: relative;margin-bottom: 30px;}
.contact-block .inner-box{position: relative;padding-left: 90px;min-height: 60px;}
.contact-block .icon{
position: absolute;
left: 0;
top: 0;
display: block;
height: 60px;
width: 60px;
line-height: 58px;
font-size: 30px;
color: #999999;
text-align: center;
border: 1px dashed #166995;
background: #ffffff;
}
.contact-block h4{
font-size: 30px;
line-height: 1em;
color: #f07e01;
font-weight: 600;
}
.contact-block p{
font-size: 16px;
color: #555555;
font-weight: 400;
margin-top: 5px;
}
.contact-block p a{color: #555555;}
/*Recent Posts*/
.recent-posts{position: relative;}
.recent-posts .post{
position: relative;
min-height: 80px;
padding-left: 100px;
margin-bottom: 50px;
}
.recent-posts .post .post-thumb{
position: absolute;
left: 0;
top: 0;
height: 80px;
width: 80px;
overflow: hidden;
}
.recent-posts .post .post-thumb img{
display: block;
width: 100%;
height: auto;
}
.recent-posts .post .post-info{
position: relative;
display: block;
font-size: 16px;
color: #555555;
font-weight: 400;
line-height: 20px;
}
.recent-posts .post h5{
position: relative;
font-size: 21px;
font-weight: 600;
color: #166995;
line-height: 30px;
}
.recent-posts .post h5 a{
color:#166995;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.recent-posts .post h5 a:hover{
color: #f07e01;
opacity: .90;
}
.user-links-two{
position: relative;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.user-links-two li{
position: relative;
width: 50%;
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
color: #555555;
padding-left: 35px;
padding-right: 15px;
margin-bottom: 10px;
}
.user-links-two li:nth-child(even){
width: 42%;
margin-left: 8%;
}
.user-links-two li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #f07e01;
content: "\f061";
font-family:'Font Awesome 5 Free';
font-weight: 900;
}
.user-links-two li a{
position: relative;
display: block;
color: #555555;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-links-two li a:hover{text-shadow: 0 0 2px #166995;}
.user-links-three{
position: relative;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.user-links-three li{
position: relative;
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
color: #555555;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 10px;
}
.user-links-three li:before{
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #ef5b3f;
content: "\f101";
font-family:'Font Awesome 5 Free';
font-weight: 900;
}
.user-links-three li a{
position: relative;
display: block;
color: #555555;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-links-three li a:hover{text-shadow: 0 0 2px #166995;}
.sidebar-page-container{position:relative;padding:120px 0px 70px;}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{margin-bottom:50px;}
.sidebar-widget{position:relative;margin-bottom:60px;}
.sidebar-widget:last-child{margin-bottom: 0;}
.sidebar-title{position: relative;margin-bottom: 30px;}
.sidebar-title h3{
position: relative;
display: block;
font-size: 30px;
line-height: 1.2em;
font-weight: 600;
color: #166995;
text-transform: uppercase;
}
.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;
padding:10px 50px 10px 25px;
border: 1px solid #073d83;
display:block;
font-size:16px;
line-height:28px;
width:100%;
height:60px;
color:#777777;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.sidebar .search-box .form-group button{
position:absolute;
right: 0px;
top: 0;
height:60px;
width:60px;
display:block;
font-size:16px;
color:#ffffff;
line-height:100%;
font-weight:normal;
background-color: #073d83;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.sidebar .search-box .form-group button:hover{color: #008aff;}
.category-list{position: relative;display: block;}
.category-list li{position: relative;margin-bottom: -1px;}
.category-list li a{
position: relative;
display: flex;
justify-content: space-between;
font-size: 16px;
color: #888888;
font-weight: 400;
line-height: 30px;
padding: 14px 30px;
border: 1px solid #ebebeb;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.category-list li a span{
font-size: 14px;
color: #333333;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.category-list li a:hover span,
.category-list li a:hover{color: #073d83;}
.arch-list{position: relative;display: block;}
.arch-list li{position: relative;margin-bottom: -1px;}
.arch-list li a{
position: relative;
display: flex;
justify-content: space-between;
font-size: 16px;
color: #888888;
font-weight: 400;
line-height: 30px;
padding: 14px 25px;
border: 1px solid #ebebeb;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arch-list li a:hover{padding-left: 55px;}
.arch-list li a:before{
position: absolute;
left: 25px;
top: 50%;
margin-top: -15px;
line-height: 30px;
font-size: 18px;
content: "\f0a4";
font-weight: 700;
font-family: 'Font Awesome 5 Free';
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
opacity: 0;
visibility: hidden;
}
.arch-list li a:hover:before{opacity: 1;visibility: visible;}
.arch-list li a span{
font-size: 14px;
color: #333333;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arch-list li a:hover span,
.arch-list li a:hover{color: #073d83;}
.sidebar .latest-news{position: relative;}
.latest-news .post{
position: relative;
padding-left: 105px;
margin-bottom: 40px;
min-height: 85px;
}
.latest-news .post:last-child{margin-bottom: 0;}
.latest-news .post-thumb{
position: absolute;
left: 0;
top: 0; 
height: 85px;
width: 85px;
margin-bottom: 20px;
background-color: rgba(0,0,0,0.05);
}
.latest-news .post-thumb a:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .80;
content: "";
background-color: #008aff;
z-index: 1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.latest-news .post:hover .post-thumb a:before{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.latest-news .post-thumb a:after{
position: absolute;
height: 20px;
width: 20px;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
text-align: center;
line-height: 20px;
font-size: 18px;
z-index: 9;
color: #ffffff;
font-weight: 900;
content: "\f0c1";
font-family: "Font Awesome 5 Free";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(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;
}
.latest-news .post:hover .post-thumb a:after{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.latest-news .post-thumb img{
position: relative;
display: block;
width: 100%;
}
.latest-news .post h5{
position: relative;
font-size: 24px;
line-height: 1.2em;
color: #166995;
font-weight: 600;
margin-bottom: 2px;
}
.latest-news .post h5 a{
color: #166995;
-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 .post:hover h5 a{color: #008aff;}
.latest-news .post .post-info{
position: relative;
font-size: 16px;
line-height: 24px;
color: #777777;
font-weight: 400;
}
.latest-news .post .price{
font-size: 16px;
line-height: 20px;
color: #777777;
font-weight: 400;
}
.latest-news .post .rating{position: relative;}
.latest-news .post .rating .fa {
position: relative;
display: inline-block;
font-size: 12px;
line-height: 20px;
color: orange;
} 
/* Instagram Widget */
.instagram-widget .post-thumb{
position:relative;
width:33.333333%;
float:left;
overflow:hidden;
padding: 0 6px;
border-radius:8px;
}
.instagram-widget .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;
}
.instagram-widget .post-thumb:hover img{opacity: .9;}
.sidebar .popular-tags{
position: relative;
display: flex;
flex-wrap: wrap;
}
.sidebar .popular-tags li{
position: relative;
margin-right: 15px;
margin-bottom: 15px;
}
.sidebar .popular-tags a{
position:relative;
display:block;
color:#888888;
text-align:center;
font-size:14px;
line-height: 20px;
padding: 8px 20px;
background:none;
font-weight:400;
border:1px solid #eeeeee;
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:#008aff;
background-color:#008aff;
color:#ffffff;  
}
.shop-single-section{position: relative;padding: 120px 0 0;}
.shop-single-section .shop-single{
position: relative;
border-bottom: 1px solid #c4c4c4;
}
.product-details{position: relative;}
.product-details .basic-details{
position:relative;
padding-left: 40px;
margin-bottom:20px;
}
.product-details .image-column,
.product-details .info-column{margin-bottom:20px;}
.product-details .image-column .image-box img{
position:relative;
display:block;
width:100%;
background-color:#f7f7f7;
}
.product-details .basic-details h4{
position: relative;
font-size:48px;
font-weight:600;
line-height:1em;
color:#166995;
margin-bottom: 20px;
}
.product-details .basic-details .rating-outer{
position: relative;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.product-details .basic-details .item-price{
display: flex;
align-items: center;
flex-wrap: wrap;
font-size:24px;
font-weight:700;
color:#075ac9;
line-height:24px;
margin-bottom: 35px;
}
.product-details .basic-details .rating{
display:flex;
align-items: center;
font-size:18px;
color:#ffba00;
line-height: 30px;
margin-right: 20px;
}
.product-details .basic-details .reviews{
position:relative;
display:inline-block;
font-weight:400;
font-size: 24px;
color:#075ac9;
line-height: 30px;
}
.product-details .basic-details .text{
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-bottom: 30px;
}
.product-details .basic-details .other-options{margin-bottom: 30px;}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px; 
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
line-height:24px;
padding:10px 15px !important;
height:46px !important;
box-shadow:none !important; 
}
.cart-section .bootstrap-touchspin .input-group-btn-vertical{
position: absolute;
right: 20px;
top: 0;
z-index: 99;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:11px 10px;
background:#f4f5f6; 
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
top:0px;  
font-weight: 900;
}
.product-details .basic-details .item-quantity{
position:relative;
float:left;
width:85px;
margin-bottom:25px;
margin-right:25px;
}
.product-details .basic-details .item-quantity .field-label{
float:left;
font-weight:700;
font-size:14px;
line-height:32px;
display:inline-block;
padding-right:20px; 
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
font-size:18px;
line-height:24px;
padding:10px 15px !important;
height:50px !important;
box-shadow:none !important; 
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
padding:12px 10px;
background:#f4f5f6;
border-radius:0px;  
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{top:8px;}
.product-details .basic-details .add-to-cart{
margin-left: 35px;
line-height: 20px;
padding: 15px 30px;
border-radius: 0;
}
.product-details .basic-details .add-to-wishlist{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 500;
}
.product-details .basic-details .add-to-wishlist:hover{color: #555555;}
.product-details .basic-details .add-to-wishlist i{margin-right: 20px;}
.shop-single .product-info-tabs{position: relative;padding: 50px 0 60px;}
.shop-single .prod-tabs{position:relative;}
.shop-single .prod-tabs .tab-btns{
position:relative;
z-index:1;
margin-bottom:40px;
display: flex;
}
.shop-single .prod-tabs .tab-btns .tab-btn{
position:relative;
font-size:18px;
line-height:30px;
background:#f1f1f1;
color:#166995;
font-weight:600;
cursor:pointer;
padding:20px 30px;
border-radius:0px;
margin-bottom: 10px;
margin-right:30px;
min-width: 200px;
text-align: center;
transition:all 500ms ease;
}
.shop-single .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .prod-tabs .tab-btns .tab-btn.active-btn{
background-color: #073d83;
color: #ffffff;
}
.shop-single .prod-tabs .tabs-content{position:relative;}
.shop-single .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-single .prod-tabs .tabs-content .tab.active-tab{display:block;}
.shop-single .prod-tabs .tabs-content .tab .content{position:relative;}
.shop-single .prod-tabs .tabs-content .tab .content h3{
font-size: 36px;
font-weight: 600;
color: #008aff;
margin-bottom: 20px;
}
.shop-single .prod-tabs .tabs-content .tab .content p{
position:relative;
font-size:16px;
line-height:30px;
color:#555555;
margin-bottom:25px;
}
.shop-single .prod-tabs .tabs-content .tab .content p:last-child{margin-bottom:0px;}
.prod-tabs .two-column .text-column{position: relative;margin-bottom: 30px;}
.prod-tabs .two-column .image-column{
position: relative;
margin-bottom: 30px;
}
.prod-tabs .two-column .image{position: relative;margin-bottom: 0;}
.prod-tabs .two-column .image img{display: block;width: 100%;}
.prod-tabs .tabs-content .tab .title{
position:relative;
color:#3f4d50;
font-size:24px;
font-weight:500;
margin-bottom:30px;
}
.shop-comment-form{position:relative;margin-top:50px;}
.shop-comment-form h2{
position:relative;
color:#3f4d50;
font-size:24px;
font-weight:500;
margin-bottom:10px;
}
.shop-comment-form .mail-text{
position:relative;
color:#777777;
font-size:16px;
margin-bottom:15px;
}
.shop-comment-form .group-title{margin-bottom:20px;}
.shop-comment-form .rating-box{
position:relative;
margin-bottom:20px;
}
.shop-comment-form .rating-box .text{
position:relative;
float: left;
margin-right: 30px;
font-size:16px;
color:#333333;
margin-bottom:15px;
}
.shop-comment-form .rating-box .rating{
position:relative;
margin-right:10px;
display:inline-block;
}
.shop-comment-form .rating-box .rating .fa{
position:relative;
margin-right:5px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a{
position:relative;
color:#cccccc;
font-size:12px;
display:inline-block;
}
.shop-comment-form .rating-box .rating a:hover{color:orange;}
.shop-comment-form .form-group{position:relative;margin-bottom:20px;}
.shop-comment-form .form-group label{
position:relative;
color:#333333;
font-size:16px;
font-weight:400;
}
.shop-comment-form .form-group:last-child{margin-bottom:0px;}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
border:1px solid #dddddd;
height:50px;
color:#848484;
font-weight:300;
background:#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;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
border-color:#008aff;
}
.shop-comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:15px 20px;
color:#848484;
border:1px solid #dddddd;
height:120px;
font-weight:300;
background:#ffffff;
resize: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;
}
.shop-comment-form button{
position:relative;
font-weight:600;
font-size:14px;
line-height: 30px;
padding:10px 40px;
margin-top:10px;
text-transform:uppercase;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{border-color:#f06529;}
.related-products{position: relative;padding: 60px 0;}
.related-products .carousel-outer{position: relative;}
.related-products .sec-title{margin-bottom: 40px;}
.related-products h2{color: #073d83;}
.related-products-navigation{
position: absolute;
right: 0;
top: -100px;
display: flex;
align-items: center;
z-index: 1;
}
.related-products-navigation .next-product,
.related-products-navigation .prev-product{
position: relative;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
font-weight: 700;
background: #008aff;
font-size: 18px;
line-height: 40px;
cursor: pointer;
transition: all 300ms ease;
}
.related-products-navigation .next-product:hover,
.related-products-navigation .prev-product:hover{
background: #073d83;
}
.related-products-navigation .next-product{margin-left: 10px;}
.cart-section{position:relative;padding:120px 0px 80px;z-index: 1;}
.cart-outer{position:relative;}
.checkout-page .cart-outer{margin-bottom:40px;}
.cart-outer .table-outer{
position:relative;
width:100%;
overflow-x: auto;
margin-bottom: 50px;
}
.cart-outer .cart-table{width:100%;min-width:900px;}
.cart-table .cart-header{
position:relative;
width:100%;
text-transform:uppercase;
font-size:13px;
background:#fafafa;
color:#166995;
border:1px solid #dddddd;
}
.cart-table thead tr th{
line-height:24px;
padding:15px 25px;
font-weight:700;
font-size:16px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
border-right:1px solid #dddddd;
}
.cart-table thead tr th .fa{font-size:18px;}
.cart-table tbody tr td{line-height:24px;padding:30px 25px 30px;}
.cart-table tbody tr .qty{width:200px;}
.cart-table tbody tr .qty .item-quantity{max-width: 100px;margin: 0 auto;}
.cart-table tbody tr .qty .quantity-spinner{background:#ffffff;}
.cart-table tbody tr .prod-column .column-box{
position:relative;
min-height:110px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb{
position:relative;
width:140px;
margin: 0 auto;
text-align: center;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img{
display:inline-block;
max-width:100%;
}
.cart-table tbody tr .prod-column .column-box h4{
font-size:14px;
color:#444444;
font-weight:400;
line-height:90px;
}
.cart-table tbody tr .prod-column .author{
font-size:13px;
color:#333333;
margin-bottom:0px;
}
.cart-table tbody tr .sub-total{font-weight: 500;color:#166995;font-size:16px;}
.cart-table tbody tr .sub-total.price{font-weight: 500;}
.cart-table tbody tr .remove-btn{
position:relative;
font-size:14px;
color:#166995;
line-height:30px;
font-weight:500;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa{position:relative;font-size:18px;line-height:30px;}
.cart-table tbody tr .remove-btn:hover{color:#008aff;}
.cart-table tbody tr{border-bottom:1px solid #dddddd;}
.cart-table tbody tr td{
vertical-align:middle;
color:#797979;
font-size:17px;
text-align:center;
font-weight: 500;
border-left:1px solid #dddddd;
}
.cart-table tbody tr td.total{font-size:18px;color:#333333;}
.cart-table tbody tr td:last-child{
border-right:1px solid #dddddd;
text-align:center;
}
.cart-table tbody tr td .prod-title{
position:relative;
font-size:16px;
color:#166995;
font-weight: 500;
}
.cart-table tbody tr td .quantity-spinner{
padding:5px 0px 5px 20px;
line-height:24px;
height:34px;
display:block;
width:100%;
position:relative;
}
.cart-table tbody .available-info{position:relative;padding-left:50px;}
.cart-table tbody .available-info .icon{
position:absolute;
left:0px;
top:5px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
font-size:18px;
color:#ffffff;
background:#223555;
border-radius:50%;
}
.cart-section .cart-options{
position:relative;
padding:30px 30px 10px;
border:1px solid #dddddd;
margin-bottom:50px;
}
.cart-section .apply-coupon{position:relative;}
.cart-section .cart-options .cart-btn{
padding:14px 25px;
line-height: 24px;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height: 20px;
text-transform:capitalize;
background-color:#008aff;
border-radius: 5px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.cart-section .cart-options .cart-btn:hover{
color: #ffffff;
box-shadow: 0 5px 15px rgba(0,0,0,.10);
}
.cart-section .apply-coupon .form-group{position:relative;float:left;margin-right:20px;}
.cart-section .apply-coupon .form-group input[type="text"]{
display:block;
line-height:28px;
padding:10px 25px;
border:1px solid #dddddd;
width:225px;
height:50px;
background:#ffffff;
}
.cart-section .coupon-btn{
padding:14px 25px;
line-height: 24px;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height: 20px;
text-transform:capitalize;
background-color:#008aff;
border-radius: 5px;
overflow: hidden;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.cart-section .coupon-btn:hover{
color: #ffffff;
box-shadow: 0 5px 15px rgba(0,0,0,0.10);
}
.cart-section .cart-options .btn-style-one{top:-7px;padding-left:32px;padding-right:32px;}
.cart-section .totals-table{position:relative;margin-bottom:20px;border:1px solid #dddddd;}
.cart-section .totals-table li{
line-height:24px;
padding:18px 30px;
border-bottom:1px solid #dddddd;  
}
.cart-section .totals-table li:first-child{background-color:#fafafa;padding:18px 45px;}
.cart-section .totals-table li h3{
position:relative;
font-weight:600;
color:#333333;
font-size:18px;
}
.cart-section .totals-table li:last-child{border-bottom:none;padding:40px 40px 50px;}
.cart-section .totals-table .col{
position:relative;
display:block;
float:left;
line-height:30px;
width:50%;
color:#166995;
font-size:16px;
font-weight:600;
text-transform:capitalize;
}
.cart-section .totals-table li .col:last-child{
text-align:right; 
border-left: 1px solid #dddddd;
font-weight: 500;
}
.cart-section .totals-table .total .price{
color:#166995;
font-weight:600;
}
.cart-section .totals-table .proceed-btn{
padding:14px 25px;
line-height: 24px;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height: 20px;
text-transform:capitalize;
background-color:#008aff;
border-radius: 5px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.cart-section .totals-table .proceed-btn:hover{
color: #ffffff;
box-shadow: 0 5px 15px rgba(0,0,0,.10);
}
.shipping-block{position:relative;}
.shipping-block .inner-box{
position:relative;
padding:40px 30px 20px;
border:1px solid #dddddd;
margin-bottom:50px;
}
.shipping-block .inner-box h3{
position:relative;
color:#333333;
font-size:24px;
font-weight:700;
margin-bottom:4px;
text-transform:capitalize;
}
.shipping-block .inner-box h4{
position:relative;
color:#166995;
font-size:14px;
font-weight:400;
margin-bottom:22px;
text-transform:capitalize;
}
.shipping-form{position:relative;}
.shipping-form .row{position:relative;margin:0px -10px;}
.shipping-form .form-group{
position:relative;
margin-bottom:20px;
padding:0px 10px;
}
.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
font-size:16px;
border:1px solid #dddddd;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
border-color:#008aff;
}
.shipping-form button{
padding:14px 25px;
line-height: 24px;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height: 20px;
text-transform:capitalize;
background-color:#008aff;
border-radius: 5px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.shipping-form button:hover{color: #ffffff;box-shadow: 0 5px 15px rgba(0,0,0,.10);}
.checkout-page{position:relative;padding:120px 0px 90px}
.checkout-page .default-links{position:relative;margin-bottom:30px;}
.checkout-page .default-links li{
line-height:20px;
padding:15px 25px;
font-size:16px;
font-weight: 400;
color:#166995;
background-color :#ffffff;
border:1px solid #dddddd;
margin-bottom: 30px;
}
.checkout-page .default-links li .far{
position:relative;
display: inline-block;
font-size:14px;
line-height: 20px;
color:#008aff;
margin-right:20px;
}
.checkout-page .default-links li a{
color:#008aff;
font-size: 16px;
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;
}
.checkout-page .default-links li a:hover{
color: #008aff;
text-decoration: underline;
} 
.checkout-page .sec-title{margin-bottom: 20px;} 
.checkout-page .sec-title h3{
font-size: 24px;
line-height: 1.2em;
color: #008aff;
font-weight: 600;
padding-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.checkout-form{position:relative;margin-bottom: 50px;}
.checkout-form .column{position: relative;margin-bottom: 40px;}
.checkout-form .column .inner-column{position: relative;padding: 30px 30px;border:1px solid #dddddd;}
.checkout-form .form-group{position:relative;margin-bottom: 15px;}
.checkout-form .form-group .field-label{
display:block;
line-height:24px;
text-transform:capitalize;
color:#166995;  
font-size:15px;
font-weight:500;
margin-bottom:10px;
}
.checkout-form .form-group .field-label span{
position: relative;
font-size: 16px;
color: #166995;
display: block;
font-weight: 600;
}
.checkout-form .form-group .field-label sup{top:-1px;font-size:15px;color: #009fe9;}
.checkout-form .form-group .text{
position:relative;
color:#777777;
font-size:14px;
line-height: 24px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
position:relative;
display:block;
width:100%;
background:#ffffff;
font-size: 16px;
line-height:20px;
color: #777777;
padding:14px 22px;
height:50px;
border:1px solid #e0e0e0;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.checkout-form select{
cursor:pointer;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
-moz-appearance:none;
background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.checkout-form textarea{
resize:none;
height:160px !important;  
padding-left: 30px;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
border-color: #008aff;
}
.checkout-page .check-box{
line-height:24px;
font-size:14px;
font-weight:normal;
padding-top:5px;  
}
.checkout-page .check-box label{
position:relative;
top:-1px;
font-weight:normal;
padding:0px;
font-size:16px;
cursor:pointer;
color:#333333;
}
.checkout-page .lower-content{margin-top:30px;}
.checkout-page .lower-content .order-column{margin-bottom:40px;}
.checkout-page .lower-content .column h2{
position:relative;
color:#166995;
font-size:24px;
margin-bottom:30px;
padding-bottom:12px;
}
.checkout-page .lower-content .column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#fa9928;
}
.coupon-box{position:relative;padding:25px 25px;margin-bottom:25px;background-color:#f5f5f5;}
.coupon-form{position:relative;}
.coupon-form .form-group{position:relative;margin-bottom:0px;}
.coupon-form .form-group input[type="text"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:44px;
font-size:14px;
border:1px solid #cccccc;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus{border-color: #008aff;}
.coupon-form button{
margin-top:0px;
font-size:16px;
font-weight:700;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
padding:8px 26px;
text-transform:capitalize;
}
.order-box{
position:relative;
padding: 30px 30px;
margin-bottom: 50px;
font-family: "Ubuntu", sans-serif;
border:1px solid #dddddd;
}
.order-box .sec-title{margin-bottom: 25px;}
.order-box .sec-title h3{border-bottom: 0;padding-bottom: 0;}
.order-box .title-box{
position:relative;
padding:15px 15px;
font-weight: 500;
color: #ffffff;
background-color :#166995;
}
.order-box .title-box .col{
position:relative;
width:50%;
float:left;
color:#ffffff;
font-size: 16px;
line-height: 25px;
}
.order-box ul{position:relative;}
.order-box ul li{
position:relative;
padding: 25px 30px;
font-size: 16px;
font-weight: 500;
color: #777777;
line-height: 30px;
border-bottom:1px solid #cccccc;
}
.order-box ul li strong{
color:#166995;
font-weight: 500;
font-size:16px;
}
.order-box ul li span{
padding: 0 15px;
width:50%;
float:right;
color:#008aff;
font-size:16px;
}
.order-box ul li span.free{color:#777777;}
.order-box ul li:last-child{border-bottom: 0;}
.payment-box{
position:relative;
padding: 30px 50px;
border:1px solid #dddddd;
margin-bottom: 50px;
}
.payment-box .upper-box{position:relative;border-bottom:1px solid #b7b7b7;}
.payment-options{position:relative;margin-top:20px;margin-bottom:20px;}
.payment-box .payment-options li{position:relative;margin-bottom:15px;}
.payment-box .payment-options li .radio-option{position:relative;}
.payment-box .payment-options li .radio-option label{
position:relative;
display:block;
padding-left:30px;
font-weight: 500;
text-transform:capitalize;
color:#166995;
cursor:pointer;
font-size:16px;
}
.payment-box .payment-options li .radio-option label strong{font-weight: 400;}
.payment-box .payment-options li .radio-option input[type="radio"]{
position:absolute;
left:0px;
top:7px;  
}
.payment-box .payment-options li .radio-option label .small-text{
position:relative;
display:none;
letter-spacing:0px;
text-transform:none;
font-weight:normal;
font-size:14px;
color:#ffffff;
line-height:1.8em;
padding:15px 20px;
margin-top:20px;
background-color :#008aff;
}
.payment-box .payment-options li .radio-option input:checked + label .small-text{display:block;}
.payment-box .payment-options li .radio-option label .small-text:before{
position:absolute;
content:'';
left:30px;
top:-8px;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
border-bottom: 8px solid #008aff;
}
.payment-box .payment-options li .radio-option label img{
position:relative;
display:block;
max-width:100%;
padding-left:30px;  
margin-top:20px;
}
.payment-box .payment-options li .radio-option .what-paypall{
position:relative;
display:block;
color:#008aff;
font-size:16px;
font-weight:400;
margin-left:120px;
margin-top:10px;
}
.payment-box .lower-box{position:relative;padding: 30px 0 0;text-align: right;}
.payment-box .lower-box .theme-btn{padding: 10px 30px;margin-right: 0;border-radius: 5px;}
.login-section{position:relative;padding:120px 0px 70px;}
.login-section .column{position: relative;margin-bottom: 50px;}
.login-section h2{
position:relative;
color:#6c757d;
font-size:28px;
font-weight:600;
line-height:1.2em;
margin-bottom:25px;
}
.login-form{
position:relative;
margin-bottom:40px;
padding:30px 40px 25px;
background-color: rgba(0,0,0,0.02);
max-width: 500px;
margin: 0 auto;
border-radius: 0 0 10px 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.10);
}
.login-form .form-group{position:relative;margin-bottom:20px;}
.login-form .form-group label{
position:relative;
top:-1px;
color:#999999;
font-weight:400;
font-size:16px;
}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 20px;
height:50px;
color: #777777;
font-size:16px;
border:1px solid #dddddd;
background-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;
}
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{border-color:#008aff;}
.login-form button{
top:0px;
margin-top:0px;
font-size:16px;
font-weight:700;
padding:10px 36px;
line-height: 25px;
color:#ffffff;
text-transform:uppercase;
width: 100%;
}
.login-form .psw{position:relative;color:#999999;font-size:16px;transition: all 300ms ease;}
.login-form .psw:hover{text-decoration: underline;}
.error-section{position:relative;text-align:center;padding:150px 0px 150px;}
.error-section:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icons/map.png);
background-repeat: no-repeat;
background-position: center;
content: "";
}
.error-section .error-title{
position:relative;
font-size:280px;
color:#073d83;
font-weight:500;
line-height:.7em;
margin-bottom: 70px;
text-shadow: 0 10px 20px rgba(0,0,0,0.20);
z-index: 9;
}
.error-section .sec-title{margin-bottom: 30px;}
.error-section h2{
font-size: 40px;
line-height: 1em;
color: #212529;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: 700;
}
.error-section .text{
font-size:24px;
line-height: 1.2em;
color:#166995;
margin-bottom:35px;
}
.error-section .theme-btn{
border-radius:5px;
font-size:16px;
font-weight:700;
text-transform:uppercase;
margin: 0 3px;
}
.coming-soon{position: relative;overflow-y: auto;min-height: 100vh;}
.coming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
text-align: center;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.coming-soon .content .content-inner{
position: relative;
padding: 200px 0 150px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .logo{
position: relative;
margin-bottom: 30px;
}
.coming-soon .timer{position: relative;display: inline-block;}
.coming-soon .cs-countdown{position:relative;text-align: center;}
.coming-soon .cs-countdown div{
position: relative;
display: inline-block;
font-size: 54px;
line-height: 1.2em;
color: #fefefe;
width: 80px;
font-weight: 600;
border-radius: 50%;
text-shadow: 0 10px 10px rgba(0,0,0,0.50);
margin: 0 30px 40px;
}
.coming-soon .cs-countdown div:before{
position: absolute;
right: -40px;
top: 20px;
font-size: 34px;
line-height: 1em;
color: #ffffff;
content: ':';
}
.coming-soon .cs-countdown div:last-child:before{display: none;}
.coming-soon .cs-countdown h6{
position:relative;
display: block;
line-height: 30px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
border-radius: 50%;
color: #fefefe;
text-shadow: 0 5px 10px rgba(0,0,0,0.50);
}
.coming-soon h1{
position: relative;
color: #ffffff;
font-size: 54px;
font-weight: 700;
line-height: 1em;
margin-bottom: 30px;
text-shadow: 0px 10px 10px rgba(0,0,0,0.50);
}
.coming-soon .content .text{
position:relative;
font-size:18px;
font-weight:400;
line-height: 26px;
color:#ffffff;
text-shadow: 0px 5px 5px rgba(0,0,0,0.50);
margin-bottom: 30px;
}
.coming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:500px;
margin:0 auto;
width:100%;
margin-bottom:35px;
box-shadow: 0 10px 10px rgba(0,0,0,.30);
border-radius: 50px;
}
.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:20px;
height:50px;
font-size:15px;
color:#166995;
overflow:hidden;
padding:15px 30px 15px;
background:#ffffff;
border-radius:50px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;	
}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
position:absolute;
right:35px;
top:10px;
line-height:30px;
font-size:18px;
color: #777777;
font-weight:400;
background-color:transparent;
cursor: pointer;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{color: #008aff;}
.coming-soon .social-icon-two{justify-content: center;}
.coming-soon .social-icon-two li a{
border-color: #eeeeee;
color: #fefefe;
box-shadow: 0 5px 10px rgba(0,0,0,0.50);
}
.coming-soon .social-icon-two li a:hover{box-shadow: none;color: #008aff;}
.rtl .banner-section-two .slide-item .content,
.rtl .banner-section .slide-item .content-box,
.rtl{direction: rtl;text-align: right;}
.rtl .news-navigation,
.rtl .services-section .services-pagination,
.rtl .project-section .projects-pagination,
.rtl .related-products-navigation,
.rtl .cart-table tbody tr .qty .item-quantity,
.rtl .styled-pagination,
.rtl .swiper-container,
.rtl .owl-carousel{
direction: ltr !important;
}
.rtl .contact-block .icon,
.rtl .comments-area .comment-box .author-thumb,
.rtl .doctor-skill-list li:before,
.rtl .user-links-two li:before,
.rtl .service-feature-list li:before,
.rtl .doctor-info-list li i,
.rtl .latest-news .post-thumb,
.rtl .recent-posts .post .post-thumb,
.rtl .department-hours .timing-list li i,
.rtl .services-categories li a:before,
.rtl .list-style-five li:before,
.rtl .department-address .contact-list li .icon,
.rtl .search-popup .form-group input[type="submit"], 
.rtl .contact-section .contact-list li .icon,
.rtl .payment-box .payment-options li .radio-option input[type="radio"],
.rtl .search-popup .form-group button,
.rtl .appointment-section-two .special-opper:before,
.rtl .appointment-section-two:before,
.rtl .user-links-three li:before,
.rtl .testimonial-block .info-box .thumb,
.rtl .header-top .top-left li .icon,
.rtl .header-top-two .top-left li .icon,
.rtl .feature-block .count,
.rtl .main-menu .navigation > li > ul,
.rtl .fun-fact-section-two .counter-column .icon,
.rtl .list-style-four li:before,
.rtl .main-footer .contact-list li .icon,
.rtl .testimonial-block-two .outer-box:before,
.rtl .main-footer .footer-column .widget-title:before,	
.rtl .list-style-two li:before,
.rtl .list-style-one li:before{
left: auto;
right: 0;
}
.rtl .project-filters li:before,
.rtl .sidebar .search-box .form-group button,
.rtl .related-products-navigation,
.rtl .appointment-section-two .special-opper,
.rtl .appointment-section-two .bg-image,
.rtl .call-to-action .image-box,
.rtl .header-style-two .main-menu .navigation > li.dropdown > a:after{
right: auto;
left: 0;
}
.rtl .main-menu .navigation > li{
float: right;
margin-right: 0;
margin-left: 30px;
}
.rtl .main-menu .navigation > li > ul > li > ul{
left: auto;
right: 100%;
margin-left: 0;
margin-right: 30px;
}
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
text-align: right;
}
.rtl .sticky-header .main-menu .navigation > li{margin-left: 0;margin-right: 30px;}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
right: auto;
left: 0;
transform: scaleX(-1);
}
.rtl .main-menu .navigation > li:last-child{margin-left: 0;}
.rtl .main-header .outer-box{
margin-left: 0;
padding-right: 0;
padding-left: 20px;
margin-right: 40px;
}
.rtl .main-header .search-btn{margin-left: 30px;}
.rtl .banner-section .slide-item .bg-circle{right: auto;left: 110px;}
.rtl .banner-section-two .slide-item h1,
.rtl .banner-section-two .slide-item .title,
.rtl .banner-section .slide-item h1{margin-left: -60px;margin-right: 0;}
.rtl .banner-extra .info-list li{margin-right: 0;margin-left: 40px;}
.rtl .banner-extra{
right: auto;
left: 0;
padding-right: 35px;
padding-left: 110px;
}
.rtl .banner-extra .info-list li a .icon{margin-right: 0;margin-left: 10px;}
.rtl .about-section .images-column .inner-column {margin-right: -75px;margin-left: -50px;}
.rtl .about-section .content-column .inner-column {
padding: 140px 0 100px;
padding-right: 55px;
margin-left: -40px;
margin-right: 0;
}
.rtl .about-section .signature{margin-left: 0;margin-right: 80px;}
.rtl .testimonial-thumbs{padding-right: 0;padding-left: 70px;}
.rtl .skills-and-testimonials .skills{padding-right: 0;padding-left: 100px;}
.rtl .skills .skill-item .skill-bar{transform: scaleX(-1);}
.rtl .appointment-form-section .content-column .theme-btn{margin-right: 0;margin-left: 30px;}
.rtl .default-form .form-group .icon{right: auto;left: 25px;}
.rtl .news-block-two .lower-content .cat,
.rtl .news-block .lower-content .cat{left: auto;right: 35px;}
.rtl .news-block-two .post-meta a,
.rtl .news-block .post-meta a{margin: 0 20px;}
.rtl .news-block-two .post-meta a:first-child,
.rtl .news-block .post-meta a:first-child{margin-right: 0;}
.rtl .news-block-two .post-meta a span,
.rtl .news-block .post-meta a span{margin-right: 0px;margin-left: 10px;}
.rtl .main-footer .contact-list li{padding-left: 0;padding-right: 70px;}
.rtl .footer-bottom .inner-container:before{right: auto;left: -20px;}
.rtl .banner-section .banner-pagination{text-align: right;}
.rtl .subscribe-form .form-group {padding-right: 35px;padding-left: 240px;}
.rtl .subscribe-form .form-group .theme-btn{right: auto;left: 10px;}
.rtl .subscribe-form .form-group .icon{right: auto;left: 220px;}
.rtl .header-search .form-group .search-btn{margin: 0;left: 0;right: auto;}
.rtl .header-style-two .nav-outer{padding-left: 0;padding-right: 30px;}
.rtl .header-style-two .main-menu .navigation > li.dropdown a{padding-right: 0;padding-left: 17px;}
.rtl .ad-block-two .image{text-align: left;}
.rtl .ad-block .image{padding-left: 30px;padding-right: 0;}
.rtl .discount-section .bg-2{left: 0;right: 50%;}
.rtl .discount-section .bg-outer{left: unset;right: 0;}
.rtl .discount-section .bg-1{right: 0;left: -215px;}
.rtl .discount-section .cs-countdown div{margin-right: 0;margin-left: 50px;}
.rtl .sec-title .divider{transform: scaleX(-1);}
.rtl .testimonial-block .info-box{padding-left: 0;padding-right: 95px;}
.rtl .testimonial-block .inner-box:before{right: auto;left: 30px;}
.rtl .social-icon-four li{margin-left: 20px;margin-right: 0;}
.rtl .header-top-two .top-right .text{margin-right: 0;margin-left: 30px;}
.rtl .header-top-two .top-right .text .icon{margin-right: 0;margin-left: 10px;}
.rtl .header-style-three .appointment-btn .theme-btn .icon{margin-right: 0;margin-left: 15px;}
.rtl .main-header .appointment-btn{margin-left: 0;}
.rtl .call-to-action .outer-box:before{right: auto;left: 0;}
.rtl .call-to-action .outer-box{padding-right: 0;padding-left: 320px;}
.rtl .feature-block .inner-box{padding-left: 0;padding-right: 70px;}
.rtl .process-block .inner-box:before{
left: auto;
right: 100%;
margin-right: -66px;
margin-left: 0;
transform: scaleX(-1);
}
.rtl .fun-fact-section-two .counter-column .inner{padding-left: 0;padding-right: 95px;}
.rtl .who-we-are .content-column .inner-column{
padding-left: 0;
margin-right: 0;
padding-right: 65px;
margin-left: -10px;
}
.rtl .testimonial-block-two .rating{right: auto;left: 15px;}
.rtl .testimonial-block-two .inner-box{padding-left: 20px;padding-right: 50px;
}
.rtl .testimonial-block-two .outer-box{padding-left: 0;padding-right: 70px;}
.rtl .testimonial-block-two .thumb{
left: auto;
right: 25px;
}
.rtl .testimonial-block-two .info-box{padding-left: 0;padding-right: 35px;}
.rtl .appointment-section-two .special-opper{
border-left: 0;
border-right: 9px solid;
padding-left: 0;
padding-right: 57px;
}
.rtl .news-block-four .content-box {padding: 10px 30px 0;padding-left: 0;}
.rtl .news-block-three .post-meta a,
.rtl .news-block-four .post-meta a{margin-right: 0;margin-left: 24px;}
.rtl .news-block-three .post-meta a span,
.rtl .news-block-four .post-meta a span{margin-right: 0;margin-left: 10px;}
.rtl .news-block-three .post-info .post-by span{margin-right: 0;margin-left: 7px;}
.rtl .contact-block .inner-box{padding-left: 0;padding-right: 90px;}
.rtl .recent-posts .post{padding-left: 0;padding-right: 100px;}
.rtl .user-links-two li{padding-right: 35px;padding-left: 15px;}
.rtl .services-categories li a:before,
.rtl .user-links-two li:before{
transform: scaleX(-1);
}
.rtl .header-style-four .social-icon-three{margin-left: 0;}
.rtl .page-breadcrumb:before{right: 15px;left: 0;}
.rtl .page-breadcrumb:after{right: auto;left: 5px;}
.rtl .page-breadcrumb li{
padding-right:0;
padding-left: 10px;
margin-right: 0;
margin-left: 10px;
}
.rtl .page-breadcrumb li:last-child{padding-left: 0;margin-left: 0;}
.rtl .page-breadcrumb {padding-right: 45px;padding-left: 25px;}
.rtl .page-breadcrumb li:after{right: auto;left: -5px;}
.rtl .project-filters li {
padding-left: 35px;
margin-left: 35px;
padding-right:0;
margin-right: 0;
}
.rtl .project-filters li:first-child {padding-right: 0;margin-right: 0;}
.rtl .project-info-box .info-list li{
padding: 20px 45px;
padding-left: 30px;
display: flex;
align-items: flex-end;
}
.rtl .project-info-box .info-list li i{left: auto;right: 20px;}
.rtl .project-info-box .info-list li strong{margin-left: 5px;}
.rtl .coming-soon .emailed-form .form-group input[type="submit"], 
.rtl .coming-soon .emailed-form button{right: auto;left: 35px;}
.rtl .services-categories li a{padding: 25px 25px;padding-right: 80px;}
.rtl .services-categories li.active a,
.rtl .services-categories li:hover a{padding-right: 120px;}
.rtl .department-address .contact-list li{padding-left: 0;padding-right: 70px;}
.rtl .department-hours .timing-list li{padding-left: 0;padding-right: 30px;}
.rtl .department-hours .timing-list{padding-right: 0;padding-left: 35px;}
.rtl .service-feature-list li{padding-left: 0;padding-right: 25px;}
.rtl .docter-detail .image-column .image{padding-right: 0;padding-left: 30px;}
.rtl .latest-news .post{padding-left: 0;padding-right: 105px;}
.rtl .arch-list li a:before{
left: auto;
right: 25px;
transform: scaleX(-1);
}
.rtl .arch-list li a:hover{padding-left: 20px;padding-right: 55px;}
.rtl .header-style-four .appointment-btn .theme-btn .icon{margin-right: 0;margin-left: 15px;}
.rtl .blog-post .post-share-options .social-icon li .title{margin-left: 20px;}
.rtl .blog-post .post-share-options .tags li .icon{
margin-right: 0;
margin-left: 10px;
}
.rtl .comments-area .comment{padding-left: 0;padding-right: 140px;}
.rtl .comments-area .comment-box .name{margin-right: 0;margin-left: 20px;}
.rtl .blog-post blockquote{
border-left: 0;
border-right: 6px solid #008aff;
padding-left: 15px;
padding-right: 35px;
}
.rtl .sort-by .icon{right: auto;left: 20px;}
.rtl .product-details .basic-details .item-quantity{
float: right;
margin-left: 25px;
margin-right: 0;
}
.rtl .product-details .basic-details .add-to-cart{margin-left: 0;margin-right: 35px;}
.rtl .product-details .basic-details .add-to-wishlist i{margin-right: 0;margin-left: 20px;}
.rtl .shop-single .prod-tabs .tab-btns .tab-btn{margin-right: 0;margin-left: 30px;}
.rtl .checkout-page .default-links li .far{margin-right: 0;margin-left: 20px;}
.rtl .shop-comment-form .rating-box .text{float: right;margin-left: 30px;margin-right: 0;}
.rtl .checkout-page .default-links li .far{
margin-right: 0;margin-left: 20px;}
.rtl .checkout-form select{background-position: 5% center;}
.rtl .payment-box .payment-options li .radio-option label{
padding-left: 0;padding-right: 30px;}
.rtl .payment-box .payment-options li .radio-option label .small-text:before{
left: auto;right: 30px;}
.rtl .payment-box .payment-options li .radio-option .what-paypall{margin-left: 0;margin-right: 120px;}
.rtl .comments-area .comment-box.reply-comment{margin-left: 0;margin-right: 100px;}
.rtl .contact-section .contact-list li{padding-left: 0;padding-right: 80px;}
.rtl .social-icon-six li{margin-left: 20px;margin-right: 0;}
.rtl .services-section .services-pagination{justify-content: flex-start;}
.rtl .header-style-three .outer-box{padding-left: 0;}
.rtl .testimonial-thumb {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.rtl .main-footer .about-widget{padding-right: 0;padding-left: 20px;}
.rtl .subscribe-section .sec-title{margin-right: 0;margin-left: 30px;}
.rtl .header-style-two .outer-box{padding-left: 0;}
.rtl .ui-btn{margin-left: 0;margin-right: 30px;}
.rtl .header-style-two .btn-box a.cat-btn .icon{margin-right: 0;margin-left: 25px;}
.rtl .call-to-action .outer-box .title-box{padding-right: 0;padding-left: 30px;}
.rtl .who-we-are:before{margin-left: 0;margin-right: -315px;left: auto;right: 0;}
.box-layout .page-wrapper{
max-width: 1280px;
margin: 0 auto;
background-color: #ffffff;
overflow: hidden;
box-shadow: 0 0 50px rgba(0,0,0,0.10);
}
.box-layout{
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
background-image: url(../images/background/boxed-bg/1.png);
}
.box-layout .sticky-header{max-width: 1280px;left: 0;right: 0;margin: 0 auto;}
.box-layout .fixed-footer{position: absolute;}
.box-layout .coming-soon{position: relative;}
.box-layout .coming-soon .content{position: relative;}