/* Author: aonetheme

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

This file contains the styling for the actual template, this

is the file you need to edit to change the look of the

template.

This files [Table of contents] are outlined below

---------------------------------------------------



/*

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

GENERAL

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



1.Float clearfix

2.Heading & Title

3.Text align

4.Listing Style



5.Padding (around)

6.Padding (top)

7.Padding (bottom)

8.Padding (left)

9.Padding (right)

10.Padding (left right)

11.Padding (top bottom)



12.Margin (around)

13.Marging (top)

14.Marging (bottom)

15.Marging (left)

16.Marging (right)

17.Marging (left right)

18.Marging (top bottom)



19.Colum gap less

20.Background Effect

21.Overlay ( transparient box style)

22.Boxes Css

23.Box content

24.For icons with box

25.For only icons

26.Place icon with box

27.Icon box left align

28.Icon box right align

29.Icon box center align

30.Buttons

31.Theme default button

32.Button text uppercase

33.Button size

34.Owl Slider

35.Owl button top to center

36.Owl button top to left

37.Owl button top to right

38.Owl button bottom to center

39.Owl button bottom to left

40.Owl button bottom to right

41.Owl button vertical to center

42.Owl button show on hover

43.Owl slider button

44.Owl dots nav position



45.Text meant only for screen readers [Themeforest Required Classes ]

46.Tabs

45.Tabs style 1 [ default ]

46.Header Start

  a.Extra Nav

  b.logo for header

  c.main-bar

  d.Navbar Toggler

  e.Submenu direction

47.Title separators

48.Center-title

49.Play button

50.Widget Team

51.Widget Address

52.Recent Post Entry

53.Footer Dark

54.Widget Services

55.Footer Light version css

56.Accordians

57.Section Overlay

58.newsletter section

60.radio & checkbox

61.Home page One Start

62.Home page Two Start
���ྫƷģ�壺http://www.bootstrapmb.com
================*/

/*---------------------------------------------------





---------------------------------------------------

*/

@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

/*===GENERAL===*/

.site-text-primary {

  color: #022279;

}

.site-text-black {

  color: #000;

}

.site-text-gray {

  color: #e7e7e7;

}

.site-text-gray-light {

  color: #f9f9f9;

}

.site-text-white {

  color: #fff;

}

.site-bg-primary {

  background-color: #022279;

}

.site-bg-black {

  background-color: #000;

}

.site-bg-dark {

  background-color: #000;

}

.site-bg-gray {

  background-color: #eff3f6;

}

.site-bg-gray-light {

  background-color: #f9f9f9;

}

.site-bg-light {

  background-color: #fff9f0;

}

.site-bg-white {

  background-color: #fff;

}

body {

  color: #626262;

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

  line-height: 1.7;

  font-weight: normal;

  padding: 0px;

  margin: 0px;

  overflow-x: hidden;

  font-size: 16px;

}

a {

  color: #022279;

  outline: 0px none;

  text-decoration: none;

}

a:hover,
a:focus {

  outline: 0px none;

  text-decoration: none;

}

a:active,
a:hover,
a:focus {

  color: inherit;

}

.overflow-hide {

  overflow: hidden;

}

img {

  border-style: none;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

}

/*Float clearfix*/

.clearfix:after {

  content: "";

  display: table;

  clear: both;

}

.shadow-bx {

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

}

ol.commentlist li:after {

  content: "";

  display: table;

  clear: both;

}

section,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {

  display: block;

}

ul {

  padding: 0px;

}

::selection {

  background: #484848;

  color: #fff;

}

/*===Heading & Title====*/

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

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

  line-height: 1.2;

  color: #022279;

}

h1 {

  font-size: 60px;

  font-weight: 800;

}

h2 {

  font-size: 40px;

  font-weight: 800;

}

h3 {

  font-size: 24px;

  font-weight: 800;

}

h4 {

  font-size: 18px;

  font-weight: 800;

}

h5 {

  font-size: 16px;

  font-weight: 800;

}

h6 {

  font-size: 14px;

  font-weight: 800;

}



@media only screen and (max-width:767px) {

  body {

    font-size: 14px;

  }

  h1 {

    font-size: 40px;

    font-weight: 800;

  }

  h2 {

    font-size: 30px;

    font-weight: 800;

  }

  h3 {

    font-size: 22px;

    font-weight: 800;

  }

  h4 {

    font-size: 18px;

    font-weight: 800;

  }



}



/*---Text align--- */

.text-left {

  text-align: left;

}

.text-center {

  text-align: center;

}

.text-right {

  text-align: right;

}

.text-justify {

  text-align: justify;

}

/*===Listing Style===*/

dl,
ul,
ol {

  list-style-position: outside;

  padding: 0px;

}

ul,
ol {

  margin-bottom: 24px;

}

ul li {

  padding: 0px;

}

ol li {

  padding: 0px;

}

.list-simple li {

  margin-bottom: 10px;

}

.list-simple li ul {

  margin-left: 15px;

  margin-top: 10px;

}

.list-simple.list-unstyled li ul {

  margin-left: 30px;

  margin-top: 10px;

}

.list-circle,
.list-angle-right,
.list-arrow,
.list-check,
.list-checked,
.list-check-circle,
.list-chevron-circle,
.list-arrow-circle,
.list-times-circle {

  margin: 0px 0px 20px 0px;

  padding: 0px;

  list-style: none;

  font-weight: 600;

}

.list-circle li,
.list-angle-right li,
.list-arrow li,
.list-check li,
.list-checked li,
.list-check-circle li,
.list-chevron-circle li,
.list-arrow-circle li,
.list-times-circle li {

  padding: 5px 5px 5px 20px;

  position: relative;

}

.list-circle li:before,
.list-angle-right li:before,
.list-arrow li:before,
.list-check li:before,
.list-checked li:before,
.list-check-circle li:before,
.list-chevron-circle li:before,
.list-arrow-circle li:before,
.list-times-circle li:before {

  font-family: "FontAwesome";

  position: absolute;

  left: 0px;

  top: 3px;

  display: block;

  font-size: 15px;

  color: #000;

}

.list-circle li:before {

  top: 6px;

  font-size: 10px;

  content: "\f111";

}

.list-angle-right li:before {

  content: "\f105";

}

.list-arrow li:before {

  content: "\f0da";

}

.list-check li:before {

  content: "\f00c";

}

.list-checked li:before {

  content: "\f046";

}

.list-check-circle li:before {

  content: "\f058";

}

.list-chevron-circle li:before {

  content: "\f138";

}

.list-arrow-circle li:before {

  content: "\f0a9";

}

.list-times-circle li:before {

  content: "\f057";

}

/*---Padding (around)---*/

.p-a0 {

  padding: 0px;

}

.p-a5 {

  padding: 5px;

}

.p-a10 {

  padding: 10px;

}

.p-a15 {

  padding: 15px;

}

.p-a20 {

  padding: 20px;

}

.p-a25 {

  padding: 25px;

}

.p-a30 {

  padding: 30px;

}

.p-a40 {

  padding: 40px;

}

.p-a50 {

  padding: 50px;

}

.p-a60 {

  padding: 60px;

}

.p-a70 {

  padding: 70px;

}

.p-a80 {

  padding: 80px;

}

.p-a90 {

  padding: 90px;

}

.p-a100 {

  padding: 100px;

}

.p-a110 {

  padding: 110px;

}

.p-a120 {

  padding: 120px;

}

.p-a130 {

  padding: 130px;

}

.p-a140 {

  padding: 140px;

}

.p-a150 {

  padding: 150px;

}

/*---Padding (top)---*/

.p-t0 {

  padding-top: 0px;

}

.p-t5 {

  padding-top: 5px;

}

.p-t10 {

  padding-top: 10px;

}

.p-t15 {

  padding-top: 15px;

}

.p-t20 {

  padding-top: 20px;

}

.p-t30 {

  padding-top: 30px;

}

.p-t40 {

  padding-top: 40px;

}

.p-t50 {

  padding-top: 50px;

}

.p-t60 {

  padding-top: 60px;

}

.p-t70 {

  padding-top: 70px;

}

.p-t80 {

  padding-top: 80px;

}

.p-t90 {

  padding-top: 90px;

}

.p-t100 {

  padding-top: 100px;

}

.p-t110 {

  padding-top: 110px;

}

.p-t120 {

  padding-top: 120px;

}

.p-t130 {

  padding-top: 130px;

}

.p-t140 {

  padding-top: 140px;

}

.p-t150 {

  padding-top: 150px;

}

/*---Padding (bottom)---*/

.p-b0 {

  padding-bottom: 0px;

}

.p-b5 {

  padding-bottom: 5px;

}

.p-b10 {

  padding-bottom: 10px;

}

.p-b15 {

  padding-bottom: 15px;

}

.p-b20 {

  padding-bottom: 20px;

}

.p-b30 {

  padding-bottom: 30px;

}

.p-b40 {

  padding-bottom: 40px;

}

.p-b50 {

  padding-bottom: 50px;

}

.p-b60 {

  padding-bottom: 60px;

}

.p-b70 {

  padding-bottom: 70px;

}

.p-b80 {

  padding-bottom: 80px;

}

.p-b90 {

  padding-bottom: 90px;

}

.p-b100 {

  padding-bottom: 100px;

}

.p-b110 {

  padding-bottom: 110px;

}

.p-b120 {

  padding-bottom: 120px;

}

.p-b130 {

  padding-bottom: 130px;

}

.p-b140 {

  padding-bottom: 140px;

}

.p-b150 {

  padding-bottom: 150px;

}

/*---Padding (left)---*/

.p-l0 {

  padding-left: 0px;

}

.p-l5 {

  padding-left: 5px;

}

.p-l10 {

  padding-left: 10px;

}

.p-l15 {

  padding-left: 15px;

}

.p-l20 {

  padding-left: 20px;

}

.p-l30 {

  padding-left: 30px;

}

.p-l40 {

  padding-left: 40px;

}

.p-l50 {

  padding-left: 50px;

}

.p-l60 {

  padding-left: 60px;

}

.p-l70 {

  padding-left: 70px;

}

.p-l80 {

  padding-left: 80px;

}

.p-l90 {

  padding-left: 90px;

}

.p-l100 {

  padding-left: 100px;

}

.p-l110 {

  padding-left: 110px;

}

.p-l120 {

  padding-left: 120px;

}

.p-l130 {

  padding-left: 130px;

}

.p-l140 {

  padding-left: 140px;

}

.p-l150 {

  padding-left: 150px;

}

/*---Padding (right)---*/

.p-r0 {

  padding-right: 0px;

}

.p-r5 {

  padding-right: 5px;

}

.p-r10 {

  padding-right: 10px;

}

.p-r15 {

  padding-right: 15px;

}

.p-r20 {

  padding-right: 20px;

}

.p-r30 {

  padding-right: 30px;

}

.p-r40 {

  padding-right: 40px;

}

.p-r50 {

  padding-right: 50px;

}

.p-r60 {

  padding-right: 60px;

}

.p-r70 {

  padding-right: 70px;

}

.p-r80 {

  padding-right: 80px;

}

.p-r90 {

  padding-right: 90px;

}

.p-r100 {

  padding-right: 100px;

}

.p-r110 {

  padding-right: 110px;

}

.p-r120 {

  padding-right: 120px;

}

.p-r130 {

  padding-right: 130px;

}

.p-r140 {

  padding-right: 140px;

}

.p-r150 {

  padding-right: 150px;

}

/*---Padding (left right)---*/

.p-lr0 {

  padding-left: 0px;

  padding-right: 0px;

}

.p-lr5 {

  padding-left: 5px;

  padding-right: 5px;

}

.p-lr10 {

  padding-left: 10px;

  padding-right: 10px;

}

.p-lr15 {

  padding-left: 15px;

  padding-right: 15px;

}

.p-lr20 {

  padding-left: 20px;

  padding-right: 20px;

}

.p-lr30 {

  padding-left: 30px;

  padding-right: 30px;

}

.p-lr40 {

  padding-left: 40px;

  padding-right: 40px;

}

.p-lr50 {

  padding-left: 50px;

  padding-right: 50px;

}

.p-lr60 {

  padding-left: 60px;

  padding-right: 60px;

}

.p-lr70 {

  padding-left: 70px;

  padding-right: 70px;

}

.p-lr80 {

  padding-left: 80px;

  padding-right: 80px;

}

.p-lr90 {

  padding-left: 90px;

  padding-right: 90px;

}

.p-lr100 {

  padding-left: 100px;

  padding-right: 100px;

}

.p-lr120 {

  padding-left: 120px;

  padding-right: 120px;

}

.p-lr150 {

  padding-left: 150px;

  padding-right: 150px;

}

/*---Padding (top bottom)---*/

.p-tb0 {

  padding-bottom: 0px;

  padding-top: 0px;

}

.p-tb5 {

  padding-bottom: 5px;

  padding-top: 5px;

}

.p-tb10 {

  padding-bottom: 10px;

  padding-top: 10px;

}

.p-tb15 {

  padding-bottom: 15px;

  padding-top: 15px;

}

.p-tb20 {

  padding-bottom: 20px;

  padding-top: 20px;

}

.p-tb30 {

  padding-bottom: 30px;

  padding-top: 30px;

}

.p-tb40 {

  padding-bottom: 40px;

  padding-top: 40px;

}

.p-tb50 {

  padding-bottom: 50px;

  padding-top: 50px;

}

.p-tb60 {

  padding-bottom: 60px;

  padding-top: 60px;

}

.p-tb70 {

  padding-bottom: 70px;

  padding-top: 70px;

}

.p-tb80 {

  padding-bottom: 80px;

  padding-top: 80px;

}

.p-tb90 {

  padding-bottom: 90px;

  padding-top: 90px;

}

.p-tb100 {

  padding-bottom: 100px;

  padding-top: 100px;

}

.p-tb120 {

  padding-bottom: 120px;

  padding-top: 120px;

}

.p-tb150 {

  padding-bottom: 150px;

  padding-top: 150px;

}

/*----Margin (around)----*/

.m-a-1 {

  margin: -1px;

}

.m-a0 {

  margin: 0px;

}

.m-a5 {

  margin: 5px;

}

.m-a10 {

  margin: 10px;

}

.m-a15 {

  margin: 15px;

}

.m-a20 {

  margin: 20px;

}

.m-a30 {

  margin: 30px;

}

.m-a40 {

  margin: 40px;

}

.m-a50 {

  margin: 50px;

}

.m-a60 {

  margin: 60px;

}

.m-a70 {

  margin: 70px;

}

.m-a80 {

  margin: 80px;

}

.m-a90 {

  margin: 90px;

}

.m-a100 {

  margin: 100px;

}

.m-a110 {

  margin: 110px;

}

.m-a120 {

  margin: 120px;

}

.m-a130 {

  margin: 130px;

}

.m-a140 {

  margin: 140px;

}

.m-a150 {

  margin: 150px;

}

/*---Marging (top)----*/

.m-t0 {

  margin-top: 0px;

}

.m-t5 {

  margin-top: 5px;

}

.m-t10 {

  margin-top: 10px;

}

.m-t15 {

  margin-top: 15px;

}

.m-t20 {

  margin-top: 20px;

}

.m-t30 {

  margin-top: 30px;

}

.m-t40 {

  margin-top: 40px;

}

.m-t50 {

  margin-top: 50px;

}

.m-t60 {

  margin-top: 60px;

}

.m-t70 {

  margin-top: 70px;

}

.m-t80 {

  margin-top: 80px;

}

.m-t90 {

  margin-top: 90px;

}

.m-t100 {

  margin-top: 100px;

}

.m-t110 {

  margin-top: 110px;

}

.m-t120 {

  margin-top: 120px;

}

.m-t130 {

  margin-top: 130px;

}

.m-t140 {

  margin-top: 140px;

}

.m-t150 {

  margin-top: 150px;

}

/*---Marging (bottom)---*/

.m-b0 {

  margin-bottom: 0px;

}

.m-b5 {

  margin-bottom: 5px;

}

.m-b10 {

  margin-bottom: 10px;

}

.m-b15 {

  margin-bottom: 15px;

}

.m-b20 {

  margin-bottom: 20px;

}

.m-b30 {

  margin-bottom: 30px;

}

.m-b40 {

  margin-bottom: 40px;

}

.m-b50 {

  margin-bottom: 50px;

}

.m-b60 {

  margin-bottom: 60px;

}

.m-b70 {

  margin-bottom: 70px;

}

.m-b80 {

  margin-bottom: 80px;

}

.m-b90 {

  margin-bottom: 90px;

}

.m-b100 {

  margin-bottom: 100px;

}

.m-b110 {

  margin-bottom: 110px;

}

.m-b120 {

  margin-bottom: 120px;

}

.m-b130 {

  margin-bottom: 130px;

}

.m-b140 {

  margin-bottom: 140px;

}

.m-b150 {

  margin-bottom: 150px;

}

/*---Marging (left)---*/

.m-l0 {

  margin-left: 0px;

}

.m-l5 {

  margin-left: 5px;

}

.m-l10 {

  margin-left: 10px;

}

.m-l15 {

  margin-left: 15px;

}

.m-l20 {

  margin-left: 20px;

}

.m-l30 {

  margin-left: 30px;

}

.m-l40 {

  margin-left: 40px;

}

.m-l50 {

  margin-left: 50px;

}

.m-l60 {

  margin-left: 60px;

}

.m-l70 {

  margin-left: 70px;

}

.m-l80 {

  margin-left: 80px;

}

.m-l90 {

  margin-left: 90px;

}

.m-l100 {

  margin-left: 100px;

}

.m-l110 {

  margin-left: 110px;

}

.m-l120 {

  margin-left: 120px;

}

.m-l130 {

  margin-left: 130px;

}

.m-l140 {

  margin-left: 140px;

}

.m-l150 {

  margin-left: 150px;

}

/*---Marging (right)---*/

.m-r0 {

  margin-right: 0px;

}

.m-r5 {

  margin-right: 5px;

}

.m-r10 {

  margin-right: 10px;

}

.m-r15 {

  margin-right: 15px;

}

.m-r20 {

  margin-right: 20px;

}

.m-r30 {

  margin-right: 30px;

}

.m-r40 {

  margin-right: 40px;

}

.m-r50 {

  margin-right: 50px;

}

.m-r60 {

  margin-right: 60px;

}

.m-r70 {

  margin-right: 70px;

}

.m-r80 {

  margin-right: 80px;

}

.m-r90 {

  margin-right: 90px;

}

.m-r100 {

  margin-right: 100px;

}

.m-r110 {

  margin-right: 110px;

}

.m-r120 {

  margin-right: 120px;

}

.m-r130 {

  margin-right: 130px;

}

.m-r140 {

  margin-right: 140px;

}

.m-r150 {

  margin-right: 150px;

}

/*---Marging (left right)---*/

.m-lr0 {

  margin-left: 0px;

  margin-right: 0px;

}

.m-lr5 {

  margin-left: 5px;

  margin-right: 5px;

}

.m-lr10 {

  margin-left: 10px;

  margin-right: 10px;

}

.m-lr15 {

  margin-left: 15px;

  margin-right: 15px;

}

.m-lr20 {

  margin-left: 20px;

  margin-right: 20px;

}

.m-lr30 {

  margin-left: 30px;

  margin-right: 30px;

}

.m-lr40 {

  margin-left: 40px;

  margin-right: 40px;

}

.m-lr50 {

  margin-left: 50px;

  margin-right: 50px;

}

.m-lr60 {

  margin-left: 60px;

  margin-right: 60px;

}

.m-lr70 {

  margin-left: 70px;

  margin-right: 70px;

}

.m-lr80 {

  margin-left: 80px;

  margin-right: 80px;

}

.m-lr90 {

  margin-left: 90px;

  margin-right: 90px;

}

.m-lr100 {

  margin-left: 100px;

  margin-right: 100px;

}

.m-lr120 {

  margin-left: 120px;

  margin-right: 120px;

}

.m-lr150 {

  margin-left: 150px;

  margin-right: 150px;

}

/*---Marging (top bottom)---*/

.m-tb0 {

  margin-bottom: 0px;

  margin-top: 0px;

}

.m-tb5 {

  margin-bottom: 5px;

  margin-top: 5px;

}

.m-tb10 {

  margin-bottom: 10px;

  margin-top: 10px;

}

.m-tb15 {

  margin-bottom: 15px;

  margin-top: 15px;

}

.m-tb20 {

  margin-bottom: 20px;

  margin-top: 20px;

}

.m-tb30 {

  margin-bottom: 30px;

  margin-top: 30px;

}

.m-tb40 {

  margin-bottom: 40px;

  margin-top: 40px;

}

.m-tb50 {

  margin-bottom: 50px;

  margin-top: 50px;

}

.m-tb60 {

  margin-bottom: 60px;

  margin-top: 60px;

}

.m-tb70 {

  margin-bottom: 70px;

  margin-top: 70px;

}

.m-tb80 {

  margin-bottom: 80px;

  margin-top: 80px;

}

.m-tb90 {

  margin-bottom: 90px;

  margin-top: 90px;

}

.m-tb100 {

  margin-bottom: 100px;

  margin-top: 100px;

}

.m-tb120 {

  margin-bottom: 120px;

  margin-top: 120px;

}

.m-tb150 {

  margin-bottom: 150px;

  margin-top: 150px;

}

/*---Colum gap less---*/

.no-col-gap [class*="col-xs-"],
.no-col-gap [class*="col-sm-"],
.no-col-gap [class*="col-md-"],
.no-col-gap [class*="col-lg-"] {

  padding-left: 0px;

  padding-right: 0px;

}

/*===Background Effect===*/

.bg-center {

  background-position: center;

}

.bg-top-left {

  background-position: top left;

}

.bg-top-right {

  background-position: top right;

}

.bg-top-center {

  background-position: top center;

}

.bg-bottom-left {

  background-position: bottom left;

}

.bg-bottom-right {

  background-position: bottom right;

}

.bg-bottom-center {

  background-position: bottom center;

}

.bg-left-center {

  background-position: left;

}

.bg-right-center {

  background-position: right;

}

.bg-auto {

  background-size: auto;

}

.bg-contain {

  background-size: contain;

}

.bg-cover {

  background-size: cover;

}

.bg-full-width {

  background-size: 100% auto;

}

.bg-full-height {

  background-size: auto 100%;

}

.bg-repeat {

  background-repeat: repeat;

}

.bg-no-repeat {

  background-repeat: no-repeat;

}

.bg-repeat-x {

  background-repeat: repeat-x;

}

.bg-repeat-y {

  background-repeat: repeat-y;

}

.bg-fixed {

  background-attachment: fixed;

}

.bg-scroll {

  background-attachment: scroll;

}

/*===Overlay ( transparient box style)===*/

.overlay-wraper {

  position: relative;

}

.overlay-main {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

}

.opacity-01 {

  opacity: 0.1;

}

.opacity-02 {

  opacity: 0.2;

}

.opacity-03 {

  opacity: 0.3;

}

.opacity-04 {

  opacity: 0.4;

}

.opacity-05 {

  opacity: 0.5;

}

.opacity-06 {

  opacity: 0.6;

}

.opacity-07 {

  opacity: 0.7;

}

.opacity-08 {

  opacity: 0.8;

}

.opacity-09 {

  opacity: 0.9;

}

.overlay-light .overlay-main {

  opacity: 0.3;

}

.overlay-dark .overlay-main {

  opacity: 0.9;

}

.overlay-wraper>.container,
.overlay-wraper>.container-fluid,
.overlay-wraper>.wt-icon-box-wraper,
.overlay-wraper>.wt-left-part,
.overlay-wraper>.wt-right-part {

  position: relative;

  z-index: 1;

}

/*===Boxes Css===*/

.rounded-bx,
.wt-box,
.wt-icon-box,
.wt-icon-box-small,
.wt-thum-bx,
.wt-post-thum {

  position: relative;

}

/*---Box content----*/

.wt-box {

  position: relative;

}

.wt-box.no-margin {

  margin-bottom: 0;

}

/*---For icons with box---*/

.wt-icon-box-xld {

  width: 180px;

  height: 180px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-xld i {

  font-size: 100px;

}

.wt-icon-box-xld img {

  height: 90px;

}

.wt-icon-box-xl {

  width: 150px;

  height: 150px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-xl i {

  font-size: 80px;

}

.wt-icon-box-xl img {

  height: 80px;

}

.wt-icon-box-lg {

  width: 120px;

  height: 120px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-lg i {

  font-size: 60px;

}

.wt-icon-box-lg img {

  height: 55px;

}

.wt-icon-box-md {

  width: 100px;

  height: 100px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-md i {

  font-size: 45px;

}

.wt-icon-box-md img {

  height: 40px;

}

.wt-icon-box-sm {

  width: 80px;

  height: 80px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-sm i {

  font-size: 30px;

}

.wt-icon-box-sm img {

  height: 30px;

}

.wt-icon-box-xs {

  width: 40px;

  height: 40px;

  display: inline-block;

  text-align: center;

}

.wt-icon-box-xs i {

  font-size: 20px;

}

.wt-icon-box-xs img {

  height: 20px;

}

.wt-icon-box-xld.radius,
.wt-icon-box-xl.radius,
.wt-icon-box-lg.radius,
.wt-icon-box-md.radius,
.wt-icon-box-sm.radius,
.wt-icon-box-xs.radius {

  border-radius: 100%;

}

.wt-icon-box-xld i,
.wt-icon-box-xl i,
.wt-icon-box-lg i,
.wt-icon-box-md i,
.wt-icon-box-sm i,
.wt-icon-box-xs i {

  vertical-align: middle;

}

.wt-icon-box-xld img,
.wt-icon-box-xl img,
.wt-icon-box-lg img,
.wt-icon-box-md img,
.wt-icon-box-sm img,
.wt-icon-box-xs img {

  vertical-align: middle;

  max-width: 100%;

  width: auto;

}

/*----For only icons---*/

.icon-xld,
.icon-xl,
.icon-lg,
.icon-md,
.icon-sm,
.icon-xs {

  display: inline-block;

  text-align: center;

}

.icon-xld i,
.icon-xl i,
.icon-lg i,
.icon-md i,
.icon-sm i,
.icon-xs i {

  vertical-align: middle;

}

.icon-xld img,
.icon-xl img,
.icon-lg img,
.icon-md img,
.icon-sm img,
.icon-xs img {

  vertical-align: middle;

  max-width: 100%;

  width: auto;

}

.icon-xld {

  width: 120px;

}

.icon-xld i {

  font-size: 100px;

  line-height: 100px;

}

.icon-xld.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-xld img {

  height: 90px;

}

.icon-xld.inline-icon {

  width: auto;

}

.icon-xl {

  width: 100px;

}

.icon-xl i {

  font-size: 80px;

  line-height: 80px;

}

.icon-xl.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-xl img {

  height: 80px;

}

.icon-xl.inline-icon {

  width: auto;

}

.icon-lg {

  width: 80px;

}

.icon-lg i {

  font-size: 60px;

  line-height: 60px;

}

.icon-lg.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-lg img {

  height: 70px;

}

.icon-lg.inline-icon {

  width: auto;

}

.icon-md {

  width: 60px;

}

.icon-md i {

  font-size: 45px;

  line-height: 45px;

}

.icon-md.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-md img {

  height: 50px;

}

.icon-md.inline-icon {

  width: auto;

}

.icon-sm {

  width: 40px;

}

.icon-sm i {

  font-size: 30px;

  line-height: 30px;

}

.icon-sm.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-sm img {

  height: 30px;

}

.icon-sm.inline-icon {

  width: auto;

}

.icon-xs {

  width: 30px;

}

.icon-xs i {

  font-size: 20px;

  line-height: 20px;

}

.icon-xs.inline-icon {

  width: auto;

  text-align: left !important;

}

.icon-xs img {

  height: 20px;

}

.icon-xs.inline-icon {

  width: auto;

}

/*---Place icon with box---*/

.wt-icon-box-wraper {

  position: relative;

}

.wt-icon-box-wraper .wt-tilte {

  margin-top: 0;

}

.wt-icon-box-wraper .after-titile-line {

  margin-bottom: 10px;

}

.wt-icon-box-wraper p:last-child {

  margin: 0px;

}

.icon-content {

  overflow: hidden;

}

.wt-icon-box-xld,
.wt-icon-box-xl,
.wt-icon-box-lg,
.wt-icon-box-md,
.wt-icon-box-sm,
.wt-icon-box-xs {

  display: table;

}

.wt-icon-box-xld .icon-cell,
.wt-icon-box-xl .icon-cell,
.wt-icon-box-lg .icon-cell,
.wt-icon-box-md .icon-cell,
.wt-icon-box-sm .icon-cell,
.wt-icon-box-xs .icon-cell {

  display: table-cell;

  vertical-align: middle;

}

/*---Icon box left align---*/

.wt-icon-box-wraper.left .wt-icon-box-xld,
.wt-icon-box-wraper.left .wt-icon-box-xl,
.wt-icon-box-wraper.left .wt-icon-box-lg,
.wt-icon-box-wraper.left .wt-icon-box-md,
.wt-icon-box-wraper.left .wt-icon-box-sm,
.wt-icon-box-wraper.left .wt-icon-box-xs {

  float: left;

  margin-right: 10px;

}

.wt-icon-box-wraper.left .icon-xld,
.wt-icon-box-wraper.left .icon-xl,
.wt-icon-box-wraper.left .icon-lg,
.wt-icon-box-wraper.left .icon-md,
.wt-icon-box-wraper.left .icon-sm,
.wt-icon-box-wraper.left .icon-xs {

  float: left;

  margin-right: 10px;

}

/*---Icon box right align---*/

.wt-icon-box-wraper.right {

  text-align: right;

}

.wt-icon-box-wraper.right .wt-icon-box-xld,
.wt-icon-box-wraper.right .wt-icon-box-xl,
.wt-icon-box-wraper.right .wt-icon-box-lg,
.wt-icon-box-wraper.right .wt-icon-box-md,
.wt-icon-box-wraper.right .wt-icon-box-sm,
.wt-icon-box-wraper.right .wt-icon-box-xs {

  float: right;

  display: table;

  margin-left: 20px;

}

.wt-icon-box-wraper.right .icon-xld,
.wt-icon-box-wraper.right .icon-xl,
.wt-icon-box-wraper.right .icon-lg,
.wt-icon-box-wraper.right .icon-md,
.wt-icon-box-wraper.right .icon-sm,
.wt-icon-box-wraper.right .icon-xs {

  float: right;

  margin-left: 20px;

}

/*---Icon box center align---*/

.wt-icon-box-wraper.center {

  text-align: center;

}

.wt-icon-box-wraper.center .wt-icon-box-xld,
.wt-icon-box-wraper.center .wt-icon-box-xl,
.wt-icon-box-wraper.center .wt-icon-box-lg,
.wt-icon-box-wraper.center .wt-icon-box-md,
.wt-icon-box-wraper.center .wt-icon-box-sm,
.wt-icon-box-wraper.center .wt-icon-box-xs {

  margin-left: auto;

  margin-right: auto;

}

.wt-icon-box-wraper.bx-style-1 {

  border-width: 1px;

  border-style: solid;

  border-color: #ddd;

}

.wt-icon-box-wraper.bx-style-2 {

  border-width: 1px;

  border-style: solid;

  border-color: #ddd;

}

.wt-icon-box-wraper.bx-style-2.center [class*="wt-icon-box-"] {

  position: absolute;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateY(-50%);

}

.wt-icon-box-wraper.bx-style-2.left [class*="wt-icon-box-"] {

  position: absolute;

}

.wt-icon-box-wraper.bx-style-2.right [class*="wt-icon-box-"] {

  position: absolute;

}

/*---Buttons--- */

.site-button-link {

  position: relative;

  font-weight: 600;

  color: #ffb600;

  font-size: 16px;

  z-index: 1;

  transition: 0.5s all ease;

  /*hover block section*/

}

.site-button-link i {

  transition: 0.5s all ease;

  font-size: 14px;

  padding-left: 5px;

}

.site-button-link:hover {

  color: #000;

}

.site-button-link:hover i {

  margin-left: 10px;

}

.site-button-link:after {

  content: '';

  position: absolute;

  left: 100%;

  bottom: 0px;

  top: 0px;

  height: 100%;

  width: 0px;

  z-index: -1;

  transition: 0.5s all ease;

}

.site-button-link:hover:after {

  width: 100%;

  left: 0;

  transition: width 0.3s ease;

  z-index: -1;

}

/* Theme default button */

.site-button {

  outline: none;

  color: #000;

  padding: 10px 25px;

  letter-spacing: 1px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  display: inline-table;

  background-color: #ffb600;

  border: none;

  font-size: 15px;

  transition: 0.5s all ease;

  border-radius: 15px;

}

.site-button i {

  padding-right: 5px;

}

.site-button:hover,

.site-button:active,

.site-button:focus {

  color: #000;

  outline: none;

}





.btn-hover-animation {

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.btn-hover-animation:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: -4px;

  left: -14px;

  background: rgba(0, 0, 0, 0.1);

  height: 50px;

  width: 50px;

  border-radius: 50px;

  transform: scale(1);

  transform-origin: 50% 50%;

  transition: transform 1s ease-out;

  transition: transform 1s ease-out;

}

.btn-hover-animation:hover:before {

  transform: scale(8);

}

.site-button-secondry {

  color: #fff;

  padding: 15px 40px;

  letter-spacing: 1px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  display: inline-block;

  background-color: #000;

  border: none;

  font-size: 15px;

  font-weight: 700;

}

.site-button-secondry.sb-bdr-light {

  border-right: 6px solid #fff;

}

.site-button-secondry:active,
.site-button-secondry:focus,
.site-button-secondry:visited {

  background-color: #000;

  color: #fff;

}

.site-button-secondry:hover {

  background-color: #e7e7e7;

  color: #000;

}

.mfp-video.video-play-btn {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  line-height: 38px;

  text-align: center;

  margin: -25px;

  color: #fff;

  display: block;

  z-index: 10;

  font-size: 14px;

  border: 2px solid #fff;

  border-radius: 50%;

}

.mfp-video.video-play-btn:hover {

  background-color: #0f1221;

  color: #fff;

  border: 2px solid transparent;

}

.mfp-video.video-play-btn i {

  margin-right: -5px;

}

/*Button text uppercase */

.site-button.text-uppercase {

  text-transform: uppercase;

}

/*Button size */

.button-sm {

  padding: 5px 10px;

  font-size: 12px;

}

.button-lg {

  padding: 15px 30px;

  font-size: 16px;

}

.button-xl {

  padding: 30px 50px;

  font-size: 24px;

}

/*Button rounded */

.radius-no {

  border-radius: 0px;

}

.radius-sm {

  border-radius: 10px;

}

.radius-md {

  border-radius: 20px;

}

.radius-xl {

  border-radius: 100px;

}

.radius-bx {

  border-radius: 100%;

}

/*===Owl Slider===*/

.owl-carousel .owl-nav {

  margin-top: 40px;

  text-align: center;

}

.owl-carousel .owl-nav .disabled {

  opacity: .5;

  cursor: default;

}

/*---Owl dots button---*/

.owl-carousel .owl-dots {

  text-align: center;

  margin-top: 30px;

}

.owl-carousel .owl-dots .owl-dot {

  display: inline-block;

  outline: none !important;

}

.owl-carousel .owl-dots .owl-dot span {

  width: 6px;

  height: 6px;

  margin: 5px 7px;

  background: #8a8a8a;

  border: 2px solid transparent;

  display: block;

  border-radius: 50%;

  transition: opacity 200ms ease;

}

.owl-carousel .owl-dots .owl-dot:hover span {

  background: #db5200;

}

.owl-carousel .owl-dots .owl-dot.active span {

  background: none;

  border: 2px solid #8a8a8a;

  margin: 2px;

  height: 12px;

  width: 12px;

}

.owl-carousel .owl-dots .owl-dot.active span {

  background: #fff;

}

/*---Owl button top to center---*/

.owl-btn-top-center .owl-nav {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  margin: 0;

}

.owl-btn-top-left .owl-nav {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  margin: 0;

}

.owl-btn-top-right .owl-nav {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  margin: 0;

}

.owl-btn-top-center .owl-stage-outer {

  padding-top: 60px;

}

.owl-btn-top-left .owl-stage-outer {

  padding-top: 60px;

}

.owl-btn-top-right .owl-stage-outer {

  padding-top: 60px;

}

.owl-btn-top-center .owl-nav {

  text-align: center;

}

/*---Owl button top to left---*/

.owl-btn-top-left .owl-nav {

  text-align: left;

}

/*---Owl button top to right---*/

.owl-btn-top-right .owl-nav {

  text-align: right;

}

/*---Owl button bottom to center [it is default position ]---*/

.owl-btn-bottom-center .owl-nav {

  text-align: center;

}

/*---Owl button bottom to left---*/

.owl-btn-bottom-left .owl-nav {

  text-align: left;

}

/*Owl button bottom to right*/

.owl-btn-bottom-right .owl-nav {

  text-align: right;

}

/*---Owl button vertical to center--*/

.owl-btn-vertical-center .owl-nav {

  margin: 0px;

}

.owl-btn-vertical-center .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  margin: -15px 0;

  left: 0;

}

.owl-btn-vertical-center .owl-nav .owl-next {

  position: absolute;

  top: 50%;

  margin: -15px 0;

  right: 0;

}

/*---Owl button show on hover---*/

.owl-btn-hover .owl-nav {

  opacity: 0;

}

.owl-btn-hover:hover .owl-nav {

  opacity: 1;

}

.owl-carousel .owl-item img {

  transform-style: inherit;

}

/*---Owl slider button---*/

.owl-carousel .owl-nav button.owl-prev {

  color: #fff !important;

  padding: 8px 10px !important;

  font-size: 11px !important;

  text-transform: uppercase;

  letter-spacing: 2px;

  display: inline-block;

  cursor: pointer;

  border-radius: 0px;

  opacity: 1;

  margin-right: 5px;

  font-weight: 500;

  outline: none;

}

.owl-carousel .owl-nav button.owl-prev i {

  font-style: normal;

}

.owl-carousel .owl-nav button.owl-prev:hover {

  color: #fff;

  opacity: 0.9;

}

.owl-carousel .owl-nav button.owl-prev:active {

  color: #fff;

  opacity: 0.9;

}

.owl-carousel .owl-nav button.owl-prev:focus {

  color: #fff;

  opacity: 0.9;

}

.owl-carousel .owl-nav button.owl-next {

  color: #fff !important;

  padding: 8px 10px !important;

  font-size: 11px !important;

  text-transform: uppercase;

  letter-spacing: 2px;

  display: inline-block;

  cursor: pointer;

  border-radius: 0px;

  opacity: 1;

  margin-right: 0px;

  font-weight: 500;

  outline: none;

}

.owl-carousel .owl-nav button.owl-next i {

  font-style: normal;

}

.owl-carousel .owl-nav button.owl-next:hover {

  color: #fff;

  opacity: 0.9;

}

.owl-carousel .owl-nav button.owl-next:active {

  color: #fff;

  opacity: 0.9;

}

.owl-carousel .owl-nav button.owl-next:focus {

  color: #fff;

  opacity: 0.9;

}

/*---Owl dots nav position---*/

.owl-dots-bottom-left .owl-dots {

  bottom: 0px;

  padding: 15px 20px;

  position: absolute;

  width: 100%;

  text-align: left;

}

.owl-dots-bottom-right .owl-dots {

  bottom: 0px;

  padding: 15px 20px;

  position: absolute;

  width: 100%;

  text-align: right;

}

.owl-dots-bottom-center .owl-dots {

  bottom: 0px;

  padding: 15px 20px;

  position: absolute;

  width: 100%;

}

/*======================================

THEMEFOREST REQUIRED CLASSES

======================================*/

/*-------------------------------------

	Text meant only for screen readers

-------------------------------------*/

.sticky {

  clear: both;

}

.gallery-caption {

  clear: both;

}

.bypostauthor {

  clear: both;

}

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

}

/*-------------------------------------

	Tabs 

-------------------------------------*/

/*Tabs style 1 [ default ] */

.wt-tabs .tab-pane {

  padding: 20px;

  border: 5px solid #e7e7e7;

  background-color: #fff;

}

.wt-tabs .nav-tabs {

  border: 0px;

}

.wt-tabs .nav-tabs>li {

  border: 1px solid #ebebeb;

}

.wt-tabs .nav-tabs>li>a {

  color: #000;

  background-color: #fff;

  font-size: 16px;

  padding: 15px;

  border: 0px;

  display: block;

  font-weight: 600;

}

.wt-tabs .nav-tabs>li>a i {

  margin-right: 5px;

}

.wt-tabs .nav-tabs>li a.active {

  background-color: #e7e7e7;

  color: #000;

}

.wt-tabs .nav-tabs>li a.active:focus {

  background-color: #e7e7e7;

  color: #000;

}

.wt-tabs .nav-tabs>li a.active:hover {

  background-color: #e7e7e7;

  color: #000;

}

.wt-tabs .nav>li>a:focus {

  background-color: transparent;

  border: 0px;

}

.wt-tabs .nav>li>a:hover {

  background-color: transparent;

  border: 0px;

}

.wt-tabs .nav li a:hover {

  border: 1px;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs {

  display: flex;

  justify-content: flex-end;

}

@media (max-width: 767px) {

  .wt-tabs.tabs-default .tabs-default-nav .nav-tabs {

    justify-content: flex-start;

  }

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li>a {

  color: #000;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li>a span {

  display: block;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li>a span i {

  font-weight: normal;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li>a.active {

  color: #fff;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li.active>a {

  color: #000;

  border-color: #ddd #ddd #fff;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li.active>a:focus {

  color: #000;

  border-color: #ddd #ddd #fff;

}

.wt-tabs.tabs-default .tabs-default-nav .nav-tabs>li.active>a:hover {

  color: #000;

  border-color: #ddd #ddd #fff;

}

.wt-tabs.tabs-default .tab-pane {

  color: #fff;

}

@media (max-width: 991px) {

  .wt-tabs.tabs-default .tab-pane {

    padding: 0px;

  }

}

/*Header Start ============================*/

.header-full-width .container {

  max-width: 100%;

}

.header-style-1 {

  position: relative;

}

.header-style-1 .top-bar {

  /*---Top bar---*/

  padding: 0px 0px;

  font-size: 14px;

  display: flex;

  align-content: center;

  flex-wrap: wrap;

  position: relative;

  z-index: 0;

}

.header-style-1 .top-bar .wt-topbar-left {

  float: left;

}

@media (max-width: 767px) {

  .header-style-1 .top-bar .wt-topbar-left {

    display: none !important;

  }

}

.header-style-1 .top-bar .wt-topbar-info li {

  display: inline-block;

  margin-right: 0px;

  padding: 12px 15px 12px 0px;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.header-style-1 .top-bar .wt-topbar-info li span {

  display: inline-block;

  padding-right: 10px;

}

.header-style-1 .top-bar .wt-topbar-info li i {

  margin-right: 10px;

  font-size: 20px;

}

.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li {

  display: inline-block;

  margin-right: 0px;

  padding: 10px 15px 10px 15px;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li span {

  display: inline-block;

  padding-right: 10px;

}

.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li i {

  margin-right: 10px;

  font-size: 20px;

}

@media (max-width: 767px) {

  .header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li:last-child {

    border-right: 0px;

  }

}

@media (max-width: 460px) {

  .header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li {

    border-right: 0px !important;

  }

}

.header-style-1 .top-bar .social-icons {

  display: flex;

  align-content: center;

  flex-wrap: wrap;

  list-style: none;

}

@media (max-width: 991px) {

  .top-bar .social-icons {

    display: none;

  }

}

.top-bar .social-icons li {

  padding-left: 10px;

}

.top-bar .social-icons li a {

  color: #fff;

  font-size: 12px;

}

.top-bar .social-icons li a:hover {

  color: #000;

}

.site-header {

  position: relative;

  z-index: 999;

}

.extra-nav {

  /*---Extra Nav---*/

  display: table;

  float: right;

  height: 70px;

  position: relative;

  z-index: 13;

}

.extra-nav .extra-cell {

  display: table-cell;

  padding-left: 25px;

  vertical-align: middle;

}

.extra-nav .extra-cell:first-child {

  padding-left: 0px;

}

@media (max-width: 600px) {

  .aon-btn-login,
  .aon-btn-signup {

    font-size: 0px;

    padding: 10px 0px;

    width: 34px;

    height: 34px;

    border-radius: 50px;

    text-align: center;

    vertical-align: middle;

    margin-left: 10px;

  }

  .aon-btn-login i,

  .aon-btn-signup i {

    font-size: 14px;

    padding: 0px;

    margin: auto;

    display: table;

  }

}



.logo-header {

  /*--logo for header---*/

  display: table;

  float: left;

  width: 190px;

  height: 70px;

  vertical-align: middle;

  padding: 0px;

  font-size: 36px;

  color: #000;

  margin: 0px;

  position: relative;

  z-index: 11;

}



.color-fill .site-logo-has {
  display: none;
}

.site-logo-sticky {
  display: none;
}

.color-fill .site-logo-sticky {
  display: block;
}



@media (max-width: 640px) {

  .logo-header {

    width: 120px;

  }

}

@media (max-width: 360px) {

  .logo-header {

    width: 120px;

  }

}

.logo-header .logo-header-inner {

  display: table-cell;

  vertical-align: middle;

  height: 100%;

}

.logo-header .logo-header-inner img {

  max-width: 100%;

  max-height: 100%;

}

.site-header ul,
.site-header ol {

  margin-bottom: 0px;

}

.main-bar {

  /*--main-bar--*/

  position: relative;

  width: 100%;

  padding-top: 10px;

  padding-bottom: 10px;

  transition: all 0.5s ease;

  background: none;

}

.main-bar .container,
.main-bar .container-fluid {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

@media (max-width: 991px) {

  .main-bar .container,
  .main-bar .container-fluid {

    display: block;

  }

}

.main-bar:after,
.main-bar:after {

  clear: both;

  content: "";

  display: table;

}

.navbar-toggler {

  /*--Navbar Toggler---*/

  border: none;

  margin: 24px 0px 24px 15px;

  padding: 12px 10px;

}

@media (max-width: 991px) {

  .navbar-toggler {

    display: block;

    margin-top: 14px;

    margin-bottom: 14px;

    float: right;

    outline: none !important;

  }

}

.navbar-toggler .icon-bar {

  background: #000;

  height: 3px;

  border-radius: 0px;

  display: block;

  width: 22px;

}

.navbar-toggler .icon-bar+.icon-bar {

  margin-top: 4px;

}

@media (max-width: 991px) {

  .header-style-1 .navbar-toggler {

    margin-top: 18px;

    margin-bottom: 14px;

    background-color: #fff;

    min-height: 36px !important;

    padding: 0px 8px;

  }

}

@media (max-width: 420px) {

  .navbar-toggler {

    margin-left: 10px;

  }

}

@media (max-width: 540px) {

  .is-fixed .navbar-toggler {

    margin-bottom: 0px;

  }

}

.is-fixed.mobile-sider-drawer-menu .header-nav .nav {

  height: 100vh !important;

  width: 100%;

}

.is-fixed.mobile-sider-drawer-menu .header-style-1 .header-nav .nav>li {

  padding: 12px 15px !important;

}

.header-nav {

  position: relative;

  padding: 0px;

  z-index: 10;

  /*-- Submenu direction---*/

}

@media (max-width: 991px) {

  .header-nav {

    clear: both;

    margin: 0px -15px;

    border-bottom: 1px solid #E9E9E9;

  }

  .header-nav.navbar-collapse {

    align-items: start;

  }

}

.header-nav .nav {

  display: flex;

  justify-content: flex-end;

  flex-direction: inherit;

}

@media (max-width: 991px) {

  .header-nav .nav {

    float: none;

    margin: 0px;

    background: #fff;

    display: block;

    width: 100%;

    left: 0px;

  }

}

@media (max-width: 991px) {

  .header-nav .nav li {

    float: none;

  }

}

.header-nav .nav li i {

  font-size: 9px;

  margin-left: 3px;

  margin-top: -3px;

  vertical-align: middle;

  opacity: 0.7;

}

@media (max-width: 991px) {

  .header-nav .nav li i {

    float: right;

  }

}

.header-nav .nav>li {

  position: relative;

  margin: -10px 0px;

  padding: 10px 0px;

}

@media (max-width: 991px) {

  .header-nav .nav>li ul {

    display: none;

    position: static;

    visibility: visible;

    width: auto;

    background: #f9f9f9;

  }

}

.header-nav .nav>li>a {

  color: #000;

  font-size: 16px;

  padding: 15px 10px;

  cursor: pointer;

  margin: 0px 0px;

  display: block;

}

.color-fill .header-nav .nav>li>a {

  color: #000;

}

@media (max-width: 991px) {

  .header-nav .nav>li>a {

    padding: 12px 15px;

    border-top: 1px solid #E9E9E9;

    color: #000;

  }

}

.header-nav .nav>li>a:hover {

  background-color: transparent;

  color: #000;

}

.header-nav .nav>li>a:active,
.header-nav .nav>li>a:focus {

  background-color: transparent;

}

@media (max-width: 991px) {

  .header-nav .nav>li.active>a,
  .header-nav .nav>li.current-menu-item>a {

    color: #ffb600;

  }

}

@media (max-width: 991px) {

  .header-nav .nav>li>a:hover,
  .header-nav .nav>li>a:active,
  .header-nav .nav>li>a:focus {

    background-color: #f0f0f0;

    text-decoration: none;

  }

}

.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a {

  background-color: transparent;

  color: #ffb600;

}

.header-nav .nav>li:hover>a {

  color: #ffb600;

}

.header-nav .nav>li:hover>.sub-menu {

  opacity: 1;

  visibility: visible;

  margin-top: 0px;

  transition: all 0.3s ease;

}

.header-nav .nav>li .sub-menu {

  background-color: #fff;

  display: block;

  left: 0px;

  top: 100%;

  list-style: none;

  margin: 20px 0 0;

  opacity: 0;

  padding: 0px;

  position: absolute;

  visibility: hidden;

  width: 220px;

  z-index: 10;

}

@media (max-width: 991px) {

  .header-nav .nav>li .sub-menu {

    display: none;

    position: static;

    visibility: visible;

    width: auto;

    background: #f9f9f9;

    opacity: 1;

    margin: 0px !important;

    transition: none !important;

  }

}

.header-nav .nav>li .sub-menu li {

  border-bottom: 1px solid #f4f4f4;

  position: relative;

  text-transform: none;

}

.header-nav .nav>li .sub-menu li a {

  color: #000;

  display: block;

  font-size: 13px;

  padding: 14px 20px;

  padding-left: 20px;

  font-weight: 600;

}

.header-nav .nav>li .sub-menu li a:hover {

  color: #ffb600;

  text-decoration: none;

}

.header-nav .nav>li .sub-menu li:hover>a {

  color: #ffb600;

}

.header-nav .nav>li .sub-menu li:last-child {

  border-bottom: 0px;

}

.header-nav .nav>li .sub-menu li .fa {

  color: #000;

  display: block;

  float: right;

  position: absolute;

  right: 10px;

  top: 2px;

}

.header-nav .nav>li .sub-menu li>.sub-menu {

  left: 220px;

  margin: 0px 0px 0px 20px;

  transition: all 0.1s ease;

}

@media (max-width: 991px) {

  .header-nav .nav>li .sub-menu li>.sub-menu>li {

    float: none;

    display: block;

    width: auto;

  }

}

@media (max-width: 991px) {

  .header-nav .nav>li .sub-menu li>.sub-menu>li a {

    padding-left: 30px;

  }

}

.header-nav .nav>li .sub-menu li:hover>.sub-menu {

  left: 220px;

  margin: 0px;

  opacity: 1;

  top: -1px;

  visibility: visible;

}

.header-nav .nav>li .sub-menu li:hover>.sub-menu:before {

  background-color: transparent;

  bottom: 0px;

  content: '';

  display: block;

  height: 100%;

  left: -6px;

  position: absolute;

  top: 0px;

  width: 6px;

}

.header-nav .submenu-direction .sub-menu {

  left: auto;

  right: 0px;

}

.header-nav .submenu-direction .sub-menu li>.sub-menu {

  left: auto;

  right: 220px;

  margin: 0px 20px 0px 0px;

}

.header-nav .submenu-direction .sub-menu li:hover>.sub-menu {

  left: auto;

  right: 220px;

  margin: 0px 0px 0px 0px;

}

.header-nav.nav-animation .nav>li>ul.sub-menu li>a {

  transition: all 0.5s ease-out;

  position: relative;

  z-index: 1;

}

.header-nav.nav-animation .nav>li:hover>ul.sub-menu li:hover>a {

  padding-left: 40px;

}

@media (max-width: 991px) {

  .header-nav .has-child {

    position: relative;

  }

}

.header-nav .has-child .submenu-toogle {

  position: absolute;

  right: 4px;

  top: 4px;

  color: #000;

  background-color: transparent;

  z-index: 900;

  cursor: pointer;

  padding: 10px;

  font-size: 14px;

  display: none;

}

@media (max-width: 991px) {

  .header-nav .has-child .submenu-toogle {

    display: block;

  }

}

.header-nav .has-child li .submenu-toogle {

  opacity: 0.9;

}

.header-nav .has-child.nav-active>a+.submenu-toogle.glyphicon-chevron-right:before {

  content: "\e114";

}

.header-nav .has-child.nav-active>a+.submenu-toogle.glyphicon-plus::before {

  content: "\2212";

}

@media (max-width: 991px) {

  .header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right::before {

    content: "\f107";

  }

}

@media (max-width: 991px) {

  .mobile-full-width-menu .header-nav .nav {

    position: inherit;

  }

}

@media (max-width: 991px) {

  .mobile-sider-drawer-menu .header-nav {

    position: fixed;

    width: 250px !important;

    z-index: 999;

    height: 100vh !important;

    overflow-y: inherit !important;

    left: -250px;

    top: 0px;

    transition: all 0.5s linear;

    background-color: #fff;

  }

  .mobile-sider-drawer-menu .header-nav .nav>li:hover>.sub-menu {

    animation: none !important;

  }

  .mobile-sider-drawer-menu .header-nav .nav>li .sub-menu li:hover>.sub-menu {

    animation: none !important;

  }

  .mobile-sider-drawer-menu.active .header-nav {

    left: 15px;

    box-shadow: 0 0 1000px 10px #1f2126;

  }

  .mobile-sider-drawer-menu .icon-bar {

    transition: all 0.5s linear;

    position: relative;

  }

  .mobile-sider-drawer-menu #mobile-side-drawer {

    min-height: 41px;

    position: relative;

  }

  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {

    transform: rotate(45deg) translateX(3px) translateY(2px);

  }

  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {

    transform: rotate(-45deg) translateX(3px) translateY(-2px);

  }

  .mobile-sider-drawer-menu .icon-bar.icon-bar-two {

    position: relative;

    right: 0%;

  }

  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {

    position: absolute;

    right: 100px;

    opacity: 0;

  }

  .mobile-sider-drawer-menu .is-fixed .header-nav .nav {

    overflow: auto;

    max-height: 100%;

  }

  .mobile-sider-drawer-menu .header-fixed .header-nav .nav {

    overflow: auto;

    max-height: 100%;

  }

}

.sticky-no .main-bar {

  position: static !important;

}

.is-fixed .main-bar {

  position: fixed;

  top: 0px;

  left: 0px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

}

.is-fixed.color-fill .main-bar {

  background-color: #fff;

}

.is-fixed.color-fill .main-bar {

  z-index: 999;

  opacity: 1;

  visibility: visible;

  -ms-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -op-animation-name: fadeInDown;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -ms-animation-duration: 500ms;

  -moz-animation-duration: 500ms;

  -op-animation-duration: 500ms;

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

  -ms-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  -op-animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -ms-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  -op-animation-iteration-count: 1;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

.is-fixed.color-fill .header-nav .nav>li {

  margin: 0px;

  padding: 0px;

}

@media (max-width: 991px) {

  .header-nav .nav>li {

    margin: 0px;

    padding: 0px;

  }

  .header-nav .nav>li>a {

    margin: 0px;

    padding: 10px 12px;

  }

  .is-fixed.color-fill .header-nav .nav>li {

    margin: 0px;

    padding: 0px;

  }

}

@media (max-width: 767px) {

  .main-bar {

    padding: 0px;

  }

  .is-fixed .main-bar {

    padding: 0px;

  }

  .is-fixed.color-fill .main-bar {

    padding: 0px;

  }

}

/*Header End ===========================*/

/*Header Style 1*/

.header-style-1 {

  position: absolute;

}

.header-style-1 .header-nav .nav>li>a {

  color: #fff;

}

.header-style-1 .header-nav .nav>li:hover>a {

  color: #ffb600;

}

.header-style-1 .header-nav .nav>li.active>a,
.header-style-1 .header-nav .nav>li.current-menu-item>a {

  color: #ffb600;

}

.header-style-1 .color-fill .header-nav .nav>li>a {

  color: #000;

}

.header-style-1 .color-fill .header-nav .nav>li:hover>a {

  color: #ffb600;

}

.header-style-1 .color-fill .header-nav .nav>li.active>a,
.header-style-1 .color-fill .header-nav .nav>li.current-menu-item>a {

  color: #ffb600;

}

/*Header Style 2*/



@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {

    max-width: 1270px;

  }

}

/*Title separators*/

.wt-separator-two-part {

  padding-bottom: 50px;

}

@media (max-width: 991px) {

  .header-style-1 .header-nav .nav>li>a {

    color: #222;

  }

  .wt-separator-two-part {

    padding-bottom: 30px;

  }

}

.wt-separator-two-part.when-bg-dark .section-head .wt-title {

  color: #fff;

}

.wt-separator-two-part.when-bg-dark .section-head.left.wt-small-separator-outer .wt-small-separator {

  color: #000;

}

.wt-separator-two-part.when-bg-dark .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before {

  background-color: #000;

}

.wt-separator-two-part.when-bg-dark .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {

  background-color: #000;

}

.wt-separator-two-part.when-bg-dark .wt-separator-two-part-right .p_discription {

  color: #fff;

}

.wt-separator-two-part-row {

  display: flex;

  align-items: center;

}

.wt-separator-two-part-row .wt-separator-two-part-left .section-head {

  margin-bottom: 0px;

}

.wt-separator-two-part-row .wt-separator-two-part-right {

  margin-bottom: 0px;

}

.wt-separator-two-part-row .wt-separator-two-part-right p {

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .wt-separator-two-part-row .wt-separator-two-part-right {

    text-align: left !important;

    margin-top: 30px;

  }

}

.wt-small-separator {

  font-family: "Mulish", sans-serif;

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 15px;

  position: relative;

  display: inline-block;

  font-weight: 800;

  color: #db5200;

  background-color: #f9f9f9;

  padding: 5px 10px;

  border-left: 3px solid #db5200;

}

.wt-small-separator.white {

  color: #fff;

}

@media (max-width: 767px) {

  .wt-small-separator {

    font-size: 18px;

    margin-bottom: 10px;

    letter-spacing: 0px;

  }

}

@media (max-width: 767px) {

  .wt-small-separator h2 {

    margin-bottom: 20px;

  }

}

.section-head {

  position: relative;

}

.section-head .sf-title {

  margin-bottom: 20px;

}

@media only screen and (max-width:540px) {

  .section-head h2 {

    font-size: 28px;

  }

}

.section-head.when-bg-dark .wt-title {

  color: #fff;

}

.section-head.when-bg-dark p {

  color: #c1c1c1;

}

/*Center-title*/

.section-head.left.wt-small-separator-outer {

  text-align: left;

}

@media (max-width: 1024px) {

  .section-head.left.wt-small-separator-outer h2 {

    font-size: 30px;

  }

}

@media (max-width: 768px) {

  .section-head.left.wt-small-separator-outer h2 {

    font-size: 30px;

    margin-bottom: 20px;

  }

}

.section-head.left.wt-small-separator-outer p {

  margin-bottom: 40px;

}

.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left {

  position: relative;

}

.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before,
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {

  position: absolute;

  content: '';

  background-color: #db5200;

  height: 22px;

  bottom: 0px;

  top: 0px;

  transform: skew(-20deg);

}

.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:before,
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:after {

  background-color: #fff;

}

.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before {

  right: -20px;

  width: 10px;

}

.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {

  right: -27px;

  width: 4px;

}

.section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:before,
.section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:after {

  background-color: #fff;

}

.section-head.left.wt-small-separator-outer.white .wt-small-separator div {

  color: #fff;

}

.section-head.center.wt-small-separator-outer {

  margin-bottom: 50px;

  text-align: center;

}

.section-head.center.wt-small-separator-outer h2 {

  max-width: 600px;

  margin: 0px auto;

}

@media (max-width: 1200px) {

  .section-head.center.wt-small-separator-outer h2 {

    font-size: 50px;

  }

}

@media (max-width: 1024px) {

  .section-head.center.wt-small-separator-outer h2 {

    font-size: 30px;

  }

}

@media (max-width: 768px) {

  .section-head.center.wt-small-separator-outer h2 {

    font-size: 30px;

    margin-bottom: 20px;

  }

}

.section-head.center .wt-small-separator div.sep-leaf-left {

  position: relative;

}

.section-head.center .wt-small-separator div.sep-leaf-left:before,
.section-head.center .wt-small-separator div.sep-leaf-left:after {

  position: absolute;

  content: '';

  background-color: #db5200;

  height: 22px;

  bottom: 0px;

  top: 0px;

  transform: skew(-20deg);

}

.section-head.center .wt-small-separator div.sep-leaf-left:before {

  right: -20px;

  width: 10px;

}

.section-head.center .wt-small-separator div.sep-leaf-left:after {

  right: -27px;

  width: 4px;

}

/*--Play button--*/

.play-now-video .icon {

  position: absolute;

  left: 50%;

  top: 50%;

  height: 65px;

  width: 65px;

  text-align: center;

  line-height: 65px;

  background-color: #fff;

  color: #db5200;

  z-index: 1;

  font-size: 20px;

  padding-left: 5px;

  display: block;

  transform: translateX(-50%) translateY(-50%);

  transform-origin: center center;

  border-radius: 50%;

  box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.5);

}

.play-now-video .ripple,
.play-now-video .ripple:before,
.play-now-video .ripple:after {

  position: absolute;

  top: 50%;

  left: 50%;

  height: 65px;

  width: 65px;

  transform: translateX(-50%) translateY(-50%);

  transform-origin: center center;

  border-radius: 50%;

  box-shadow: 0 0 0 0 white;

  animation: ripple-video 3s infinite;

  z-index: 1;

}

.play-now-video .ripple:before {

  animation-delay: .9s;

  content: "";

  position: absolute;

}

.play-now-video .ripple:after {

  animation-delay: .6s;

  content: "";

  position: absolute;

}

@keyframes ripple-video {

  70% {

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

  }

  100% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

.widget {

  margin-bottom: 40px;

}

/*Footer Dark*/

.footer-dark .widget_address {

  padding-right: 30px;

}

.footer-dark .recent-posts-entry .wt-post-info .wt-post-header a {

  color: #acacac;

}

/*Widget Services*/

.widget_services ul {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}

.widget_services ul li {

  display: block;

  width: 100%;

  padding: 2px 0px;

  border: 0px;

  overflow: hidden;

}

.widget_services ul li a {

  color: #595959;

  position: relative;

  padding: 0px 0px 6px 0px;

  display: block;

  margin-left: 0px;

  transition: 0.5s all ease;

  font-size: 16px;

  display: inline-block;

}

.widget_services ul li .badge {

  float: right;

  background: none;

  color: #111;

  font-weight: normal;

  font-size: 14px;

}

.widget_services ul li a:hover {

  color: #ffb600;

}

button.scroltop {

  background: #161616;

  border: none;

  position: fixed;

  right: 10px;

  bottom: 20px;

  color: #fff;

  margin: 0;

  cursor: pointer;

  display: none;

  height: 30px;

  width: 30px;

  line-height: 10px;

  padding: 8px;

  text-align: center;

  -webkit-border-radius: 50px;

  border-radius: 50px;

  z-index: 999;

}

button.scroltop span {

  line-height: 1;

  display: inline-block;

}







/*Widget News-Letter*/

.footer-top-newsletter {

  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;

}

@media only screen and (max-width:540px) {

  .footer-top-newsletter {

    padding-top: 40px;

  }

}

.sf-news-letter {

  padding: 50px 0px;

  border: 1px solid #022278;

  border-radius: 20px;

  padding: 20px 30px;

  display: flex;

  justify-content: space-between;

}

.sf-news-letter span {

  font-size: 24px;

  line-height: 1.2;

  font-weight: 600;

  color: #022278;

}





.sf-news-l-form {

  display: flex;

  position: relative;

  min-width: 560px;

  margin-bottom: 0px;

}

.sf-news-l-form .form-control {

  height: 40px;

  width: 100%;

  border-radius: 12px;

  padding-right: 115px;

}

.sf-news-l-form .sf-sb-btn {

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 14px;

  color: #000;

  border: none;

  font-weight: 500;

  background-color: #ffb600;

  border-radius: 12px;

  padding: 8px 30px;

  margin-left: 0px;

}

@media only screen and (max-width:360px) {

  .sf-news-l-form {
    display: block;
  }

  .sf-news-l-form .form-control {
    padding: 20px;
    margin-bottom: 10px;
  }

  .sf-news-l-form .sf-sb-btn {
    position: inherit;
  }

}



@media only screen and (max-width:991px) {

  .sf-news-letter form {
    max-width: 300px;
    width: 100%;
  }

  .sf-news-l-form {
    min-width: 100px;
  }

}

/*Footer Light version css*/

.footer-light {

  background-color: #f8f5ff;

  color: #000;

  font-weight: 600;

}

.footer-light .logo-footer {

  margin-bottom: 25px;

  max-width: 240px;

}

.footer-light .footer-top {

  padding-top: 80px;

  padding-bottom: 80px;

}

@media (max-width: 991px) {

  .footer-light .footer-top {

    padding: 30px 0px 30px 0px;

  }

}

@media (max-width:767px) {

  .footer-light .footer-top .row [class*='col-'] {

    margin-bottom: 30px;

  }

}

.footer-light .widget-title {

  font-family: "Mulish", sans-serif;

  color: #000;

  font-weight: 800;

  font-size: 20px;

  margin-bottom: 30px;

  padding-bottom: 10px;

  position: relative;

}

.footer-light .widget-title:before {

  content: '';

  position: absolute;

  bottom: 0px;

  left: 0px;

  background-color: #000;

  width: 20px;

  height: 2px;

}



.footer-light .social-icons {

  margin: 30px 0px 0px 0px;

}

.footer-light .social-icons li {

  display: inline-block;

}

.footer-light .social-icons li a {

  height: 30px;

  width: 30px;

  background-color: #000;

  line-height: 30px;

  padding: 0px;

  color: #fff;

  font-size: 14px;

  text-align: center;

  border-radius: 50%;

  margin-right: 3px;

}

.footer-light .social-icons li a:hover {

  color: #fff;

  background-color: #db5200;

}

.footer-light .footer-bottom {

  color: #fff;

  position: relative;

  z-index: 1;

  font-weight: 600;

}

.footer-light .footer-bottom .footer-bottom-info {

  display: flex;

  padding: 10px 0px;

  justify-content: space-between;

  align-items: center;

}

@media (max-width: 991px) {

  .footer-light .footer-bottom .footer-bottom-info {

    display: block;

  }

}



.footer-light .footer-bottom .footer-copy-right .copyrights-text {

  color: #000;

  font-size: 14px;

}

.footer-light .copyrights-nav {

  list-style: none;

  display: block;

  margin-bottom: 0px;

}

.footer-light .copyrights-nav li {

  display: inline-block;

  margin-right: 8px;

}

.footer-light .copyrights-nav li:first-child {

  margin-left: 0;

}

.footer-light .copyrights-nav li:last-child {

  margin-right: 0;

}

.footer-light .copyrights-nav li:last-child:after {

  display: none;

}

.footer-light .copyrights-nav li:after {

  content: "/";

  position: relative;

  right: -8px;

  color: #000;

}

.footer-light .copyrights-nav li a {

  color: #000;

  font-size: 14px;

}

.footer-light .copyrights-nav li a:hover {

  color: #db5200;

}

.footer-light .copyrights-nav li a:active {

  color: #db5200;

}

.footer-light .copyrights-nav li a:focus {

  color: #db5200;

}

.footer-light .copyrights-nav li.active a {

  color: #fff;

}

.footer-light .widget_address li {

  color: #000;

}

.footer-light .widget_address li i {

  color: #000;

  font-weight: normal;

}

.footer-light .widget_services ul li a {

  color: #000;

}

.footer-light .widget_services ul li a:hover {

  color: #db5200;

}

.footer-light .recent-posts-entry .wt-post-info .wt-post-header a {

  color: #000;

}

.footer-light .recent-posts-entry .wt-post-info .wt-post-header a:hover {

  color: #db5200;

}

.footer-light .recent-posts-entry .wt-post-info .wt-post-meta ul li {

  color: #6a6a6a;

}



.sf-f-title {
  margin-bottom: 20px;
}

.sf-site-link ul {

  list-style: none;

  margin: 0px;

}

.sf-site-link ul li {
  color: #535353;
  font-size: 16px;
  font-weight: 500;
}

.sf-site-link ul li a {

  color: #535353;

  font-size: 16px;

  font-weight: 500;

}

.sf-site-link ul li a:hover {

  color: #022279;

}

.sf-footer-bottom-section {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.footer-bottom {

  padding-bottom: 30px;

}

.sf-f-copyright {

  color: #535353;

  font-size: 14px;

  font-weight: 500;

}

.sf-footer-bottom-section .sf-f-social {

  position: relative;

  padding-left: 420px;

}

.sf-footer-bottom-section .sf-f-social:after {

  content: '';

  position: absolute;

  left: 0px;

  top: 50%;

  height: 1px;

  background-color: #022278;

  width: 390px;

}

.sf-footer-bottom-section .sf-f-social .socila-box {

  margin: 0px;

}

.sf-footer-bottom-section .sf-f-social .socila-box li {

  display: inline-block;

}

.sf-footer-bottom-section .sf-f-social .socila-box li a {

  color: #26418c;

  font-size: 22px;

  padding-right: 15px;

}

.sf-footer-bottom-section .sf-f-social .socila-box li:last-child a {

  padding-right: 0px;

}





@media only screen and (max-width:1100px) {

  .sf-f-logo {
    display: table;
    margin: 0px auto 20px;
  }

  .sf-footer-bottom-section {
    display: block;
    text-align: center;
  }

  .sf-footer-bottom-section .sf-f-social::after {
    left: 0%;
    top: 0px;
    height: 1px;
    width: 100%;
  }

  .sf-footer-bottom-section .sf-f-social {
    padding: 20px 0px 0px;
    margin-top: 25px;
  }

}





/*Accordians*/

.aon-accordion .wt-panel {

  position: relative;

  border: none;

  margin-bottom: 10px;

  border-radius: 0;

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  transition: 0.5s all ease;

}

.aon-accordion .wt-panel:last-child {

  margin-bottom: 0px;

}

.aon-accordion .wt-panel .acod-content {

  padding: 10px 20px 20px 50px;

  background-color: #fff;

}

.aon-accordion .wt-panel .acod-head a {

  background-color: #fff;

}

.aon-accordion .acod-content:after {

  transition: 0.5s all ease;

  content: '';

  position: absolute;

  right: 0px;

  top: 0px;

  width: 4px;

  height: 0%;

  background-color: #db5200;

  z-index: 1;

}

.aon-accordion .collapse.show .acod-content:after {

  height: 100%;

}

.acod-title {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 16px;

}

.acod-title a {

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.acod-head {

  position: relative;

  /*Accodian open close indicator css*/

}

.acod-head a {

  display: block;

  padding: 15px 20px 15px 50px;

  background-color: #f6f6f6;

}

.acod-head a.collapsed {

  color: #000;

}

.acod-head .fa {

  margin-right: 5px;

}

.acod-head a,
.acod-head:hover,
.acod-head:active,
.acod-head:focus {

  color: #000;

}

.acod-head .indicator {

  padding: 15px;

  color: #000;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  font-size: 22px;

}

.acod-head .indicator .fa {

  position: relative;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.acod-head.acc-actives .indicator .fa:before {

  content: "\f067";

  font-family: 'FontAwesome';

}

.acod-head [aria-expanded="false"] .indicator .fa:before {

  content: "\f105";

  font-family: 'FontAwesome';

}

.acod-head [aria-expanded="true"] .indicator .fa:before {

  font-family: 'FontAwesome';

  content: "\f107";

}

.acod-head .collapsed .indicator .fa:before {

  content: "\f105";

  font-family: 'FontAwesome';

}

.acod-head .collapsed [aria-expanded="false"] .indicator .fa:before {

  content: "\f067";

  font-family: 'FontAwesome';

}

.acod-head .indicator .fa:before {

  font-family: 'FontAwesome';

  content: "\f107";

}

.acod-head [aria-expanded="true"] .indicator .fa:before {

  font-family: 'FontAwesome';

  content: "\f107";

}

.form-control {

  border: 1px solid #e1e1e1;

  height: 50px;

  font-size: 14px;

  line-height: 20px;

  padding: 10px 12px;

  border-radius: 5px;

}

.form-control:focus {

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);

  background-color: #F8F8F8;

}

.bootstrap-select .dropdown-menu li a {
  font-size: 14px;
}







/*Section Overlay*/

.overlay-wraper {

  position: relative;

}

.overlay-wraper .overlay-main {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.opacity-01 {

  opacity: 0.1;

}

.opacity-02 {

  opacity: 0.2;

}

.opacity-03 {

  opacity: 0.3;

}

.opacity-04 {

  opacity: 0.4;

}

.opacity-05 {

  opacity: 0.5;

}

.opacity-06 {

  opacity: 0.6;

}

.opacity-07 {

  opacity: 0.7;

}

.opacity-08 {

  opacity: 0.8;

}

.opacity-09 {

  opacity: 0.9;

}

.overlay-wraper>.container {

  position: relative;

  z-index: 1;

}

.overlay-wraper>.container-fluid {

  position: relative;

  z-index: 1;

}





select {

  appearance: none;

  /* Remove default arrow */

  background-image: url(...);

  /* Add custom arrow */

  padding: 10px 30px 10px 10px;

  background-color: #fff;

}

/*radio & checkbox*/

.sf-radio-checkbox.radio-inline,
.sf-radio-checkbox.checkbox-inline {

  padding-left: 0 !important;

}

.sf-radio-checkbox label {

  font-weight: normal !important;

}

.sf-radio-checkbox input[type=checkbox],
.sf-radio-checkbox input[type=radio] {

  display: none;

  opacity: 0;

  margin-left: 1px !important;

}

.sf-radio-checkbox input[type=checkbox]+label,
.sf-radio-checkbox input[type=radio]+label {

  display: block;

  padding-left: 30px !important;

  position: relative;

  cursor: pointer;

  line-height: 1.3;

}

.sf-radio-checkbox input[type=checkbox]+label:hover:before,
.sf-radio-checkbox input[type=radio]+label:hover:before {

  border-color: #022278;

}

.sf-radio-checkbox input[type=checkbox]+label:before,

.sf-radio-checkbox input[type=radio]+label:before {

  background-color: #fff;

  border: 2px solid #b6b7b8;

  content: "";

  display: inline-block;

  height: 20px;

  line-height: 1;

  margin-left: -30px;

  position: absolute;

  top: 0px;

  transition: all linear 0.1s;

  width: 20px;

  border-radius: 2px;

}

.sf-radio-checkbox input[type=checkbox]+label:after {

  color: #fff;

  content: "\f00c";

  font-family: FontAwesome;

  font-size: 0px;

  -webkit-font-smoothing: antialiased;

  left: 6px;

  position: absolute;

  top: 7px;

  transition: all linear 0.1s;

}

.sf-radio-checkbox input[type=checkbox]:checked+label:before {

  border-width: 10px;

  border-color: #022278;

}

.sf-radio-checkbox input[type=checkbox]:checked+label:after {

  font-size: 12px;

  left: 3px;

  top: 1px;

}

.sf-radio-checkbox input[type=radio]+label:before {

  border-radius: 50%;

  content: "";

}

.sf-radio-checkbox input[type=radio]:checked+label:before {

  border-color: #022278;

  border-width: 5px;

}

.form-inline .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"] {

  position: absolute;

  left: 0;

  bottom: 0;

}





/*Home page One Start*/

.aon-banner-wrap {

  position: relative;

  min-height: 150px;

}

.aon-banner-outer {

  position: relative;

  min-height: 150px;

}

.aon-banner-pic {

  width: 100%;

  min-height: 100vh;

  overflow: hidden;

}

.aon-banner-pic img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

  object-position: center;

}

.aon-banner-text {

  max-width: 700px;

  position: absolute;

  top: 50%;

  left: calc(50% - 250px);

  -moz-transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  z-index: 99;

  color: #fff;

}

.aon-banner-text .container {

  width: auto;

}

.aon-banner-text .text-top-line {

  font-size: 60px;

  line-height: 1.3;

  color: #fff;

  font-weight: 300;

}

.aon-banner-text .text-top-line span {

  color: #ffb600;

  font-size: inherit;

}

.aon-banner-text .text-bot-line {

  font-size: 60px;

  line-height: 1.3;

  font-weight: 800;

  border-bottom: 1px solid #ffb600;

  display: table;

  color: #FFF;

  padding-bottom: 20px;

}

.aon-curve-area {

  background-image: url("../images/curve-bg.png");

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 1;

  background-repeat: no-repeat;

  background-size: cover;

}

.aon-overlay-main {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.aon-find-bar {

  position: absolute;

  left: 0;

  width: 100%;

  z-index: 50;

}

.aon-findBar-vertical {

  bottom: 0px;

  height: 100%;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.aon-findBar-vertical .search-form {

  position: absolute;

  max-width: 500px;

  top: 50%;

  right: 0px;

  width: 50%;

  padding: 40px;

  border-radius: 30px;

  background-color: #fff;

  box-shadow: 0 0 70px rgba(52, 69, 113, 0.38);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.aon-findBar-vertical .container {

  position: relative;

}

.aon-findBar-vertical .aon-searchbar-left>ul {

  margin: 0px;

  list-style: none;

}





.aon-findBar-vertical .aon-searchbar-left>ul>li label {

  margin-bottom: 0px;

  color: #000;

  font-weight: normal;

  line-height: 1;

}

.aon-findBar-vertical .aon-searchbar-left>ul>li {

  width: 100%;

  padding-left: 0px;

  padding-right: 0px;

  position: relative;

  margin-bottom: 15px;

}



.aon-findBar-vertical .aon-searchbar-left>ul>li.active {

  background: #022279;

}





.aon-findBar-vertical .aon-searchbar-left>ul>li>.form-control {

  border: none;

  height: 44px;

  border-bottom: 1px solid #ddd;

  box-shadow: none;

  -webkit-box-shadow: none;

  border-radius: 0px;

  padding: 5px 0px;

}

.aon-findBar-vertical .aon-searchbar-left>ul>li>.form-control:focus {

  background: #fff;

}







.aon-findBar-vertical .aon-searchbar-left>ul>li .sf-select-box {
  padding: 0px;
}

.aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .btn {
  height: 44px;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  padding: 5px 0px;

  box-shadow: none;
  background: #fff !important;
}



.aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .btn:focus {
  box-shadow: none;
}

.aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .dropdown-toggle::after {
  display: none;
}

.aon-findBar-vertical .bootstrap-select .dropdown-toggle .filter-option img {
  width: 22px;
}



.bs-searchbox {
  padding: 7px 8px;
}

.bs-searchbox .form-control {
  height: 36px;
  padding: 5px 10px;
  box-shadow: none;
  outline: none;
}

.bs-searchbox .form-control:focus {
  border-color: #ddd;
}



.aon-findBar-vertical .aon-searchbar-left>ul>li .sf-search-icon {

  position: absolute;

  bottom: 10px;

  right: 0px;

  width: 25px;

  z-index: 2;

}

.aon-findBar-vertical .aon-searchbar-right .site-button {

  width: 100%;

  max-width: 220px;

  margin: 30px auto 0px;

  display: table;

}

.bootstrap-select .dropdown-toggle:focus {

  outline: none !important;

  outline: none -webkit-focus-ring-color !important;

  outline-offset: 0px;

  box-shadow: none;

}





.aon-categories-select ul>li img {

  width: 30px;

  height: 30px;

  border-radius: 30px;

  margin-right: 10px;

}



.aon-categories-select .filter-option {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: center;

  align-items: center;

}







.aon-categories-select .filter-option img {

  width: 30px;

  height: 30px;

  border-radius: 30px;

  margin-right: 10px;

}



.aon-findBar-vertical .filter-option img {
  width: 30px;
  margin-right: 5px;
  border-radius: 30px;
}



.aon-findBar-vertical .aon-searchbar-right {
  width: 100%;
}

.aon-findBar-vertical .aon-searchbar-right .btn {
  width: 100%;
  max-width: 220px;
  margin: auto;
}



.header-style8 .header-nav .nav {
  float: left;
  margin-left: 50px;
}







@media only screen and (max-width:1600px) {

  .aon-findBar-vertical .filter-option img {
    width: 22px;
    height: 22px;
  }

  .aon-findBar-vertical .search-form {
    padding: 25px 35px 35px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .form-control {
    height: 30px;
    padding-top: 0px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .btn {
    height: 30px;
    padding-top: 0px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .sf-search-icon {
    width: 22px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li {
    margin-bottom: 10px;
  }

  .aon-findBar-vertical .search-form {
    max-width: 450px;
  }

}



@media only screen and (max-width:1440px) {

  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 50px;
  }

  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 50px;
    padding-bottom: 15px;
  }

}



@media only screen and (max-width:1280px) {

  .aon-findBar-vertical .search-form {
    max-width: 450px;
  }

  .aon-findBar-vertical .search-form {
    padding: 15px 30px 25px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li {
    margin-bottom: 5px;
  }

  .aon-findBar-vertical .search-form {
    max-width: 420px;
    right: 25px;
  }

  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 40px;
  }

  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 40px;
  }

}



@media only screen and (max-width:1200px) {



  .header-style8 .navbar-collapse {
    background: #fff;
  }

  .aon-findBar-vertical {
    padding: 80px 0px;
  }

  .aon-findBar-vertical .search-form {
    max-width: 100%;
    width: auto;
    padding: 30px 30px;
    box-shadow: 0 0 30px rgba(52, 69, 113, 0.1);
    border: 1px solid #ececec;
  }

  .aon-banner-outer .aon-banner-text {
    max-width: 500px;
    height: auto;
    left: calc(50% - 235px);
  }





  .header-style8 .header-nav .nav {
    float: none;
    margin-left: 0px;
  }

  .header-style8 .extra-nav {
    margin-bottom: -1px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li {
    width: calc(50% - 30px);
    margin: 0px 15px 30px;
  }





  .aon-findBar-vertical .aon-searchbar-left>ul>li .form-control {
    height: 25px;
    padding-bottom: 5px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .btn {
    height: 25px;
    padding-bottom: 5px;
    padding-top: 0px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li label {
    line-height: 1.2;
    font-size: 14px;
    display: block;
  }





  .aon-findBar-vertical {
    position: static;
    background: inherit;
  }

  .aon-findBar-vertical .container {
    width: 100%;
  }

  .aon-findBar-vertical .search-form {
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }



  .aon-findBar-vertical .aon-searchbar-left>ul>li .form-control {
    height: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select {
    padding: 0px 40px 0px 0px
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li .bootstrap-select .btn {
    height: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
  }



  .aon-findBar-vertical .aon-searchbar-right .site-button {
    margin: 0px auto 0px;
  }



}



@media only screen and (max-width:991px) {

  .aon-banner-outer .aon-banner-text {
    left: 0;
    -moz-transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
  }



}

@media only screen and (max-width:991px) {

  .aon-findBar-vertical {
    padding: 30px 0px;
  }

}



@media only screen and (max-width:767px) {

  .aon-banner-outer .aon-banner-text {
    z-index: 1;
  }



}



@media only screen and (max-width:600px) {

  .aon-banner-outer .aon-banner-text .text-top-line {
    font-size: 25px;
  }

  .aon-banner-outer .aon-banner-text .text-bot-line {
    font-size: 25px;
  }

  .aon-findBar-vertical .aon-searchbar-left>ul>li {
    width: 100%;
    margin: 0px 15px 20px;
  }



}









.sf-curve-pos {

  -moz-transform: skewY(-2deg);

  -webkit-transform: skewY(-2deg);

  -o-transform: skewY(-2deg);

  -ms-transform: skewY(-2deg);

  transform: skewY(-2deg);

}

.sf-curve-pos>.container {

  -moz-transform: skewY(2deg);

  -webkit-transform: skewY(2deg);

  -o-transform: skewY(2deg);

  -ms-transform: skewY(2deg);

  transform: skewY(2deg);

}

.aon-sub-title {

  color: #ffb600;

  text-transform: uppercase;

  letter-spacing: 4px;

  display: block;

  margin-bottom: 10px;

  font-weight: 700;

}

.section-head {

  margin-bottom: 50px;

}

/*Categores Section*/

.aon-categories-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .section-head {

    margin-bottom: 30px;

  }

  .aon-categories-area {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.aon-cat-pic {

  border-radius: 30px;

  margin-bottom: 15px;

}

.aon-cat-pic img {

  border-radius: 30px;

}

.aon-cat-pic a {

  display: block;

  position: relative;

}



.media-bg-animate {

  position: relative;

  z-index: 1;

}







.media-bg-animate:hover::before,

.media-bg-animate:hover::after {

  display: block;

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background: #012178;

  border-radius: 30px;

  z-index: -1;

  animation: 1s clockwise infinite;

}



.media-bg-animate:hover:after {

  background: #ffb600;

  animation: 2s counterclockwise infinite;

}





.media-bg-animate.mba-bdr-10:hover::before,

.media-bg-animate.mba-bdr-10:hover::after {

  border-radius: 10px;

}

.media-bg-animate.mba-bdr-15:hover::before,

.media-bg-animate.mba-bdr-15:hover::after {

  border-radius: 15px;

}

.media-bg-animate.mba-bdr-20:hover::before,

.media-bg-animate.mba-bdr-20:hover::after {

  border-radius: 20px;

}



@keyframes clockwise {

  0% {

    top: -6px;

    left: 0;

  }

  12% {

    top: -3px;

    left: 3px;

  }

  25% {

    top: 0;

    left: 6px;

  }

  37% {

    top: 3px;

    left: 3px;

  }

  50% {

    top: 6px;

    left: 0;

  }

  62% {

    top: 3px;

    left: -3px;

  }

  75% {

    top: 0;

    left: -6px;

  }

  87% {

    top: -3px;

    left: -3px;

  }

  100% {

    top: -6px;

    left: 0;

  }

}



@keyframes counterclockwise {

  0% {

    top: -6px;

    left: 0;

  }

  12% {

    top: -3px;

    left: 3px;

  }

  25% {

    top: 0;

    left: 6px;

  }

  37% {

    top: 3px;

    left: 3px;

  }

  50% {

    top: 6px;

    left: 0;

  }

  62% {

    top: 3px;

    left: -3px;

  }

  75% {

    top: 0;

    left: -6px;

  }

  87% {

    top: -3px;

    left: -3px;

  }

  100% {

    top: -6px;

    left: 0;

  }

}











.aon-cat-title {

  text-align: center;

}

.aon-cat-item {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.center .aon-cat-item {

  -moz-transform: scale(1.15);

  -webkit-transform: scale(1.15);

  -o-transform: scale(1.15);

  -ms-transform: scale(1.15);

  transform: scale(1.15);

}

.categories-carousel-owl .owl-stage {

  padding: 30px 0px 15px;

}

.aon-owl-arrow .owl-next {

  background: none;

  border: none;

}

.aon-owl-arrow .owl-prev {

  background: none;

  border: none;

}

.aon-owl-arrow .owl-prev .ar-left {

  width: 54px;

  height: 2px;

  background-color: #ffb600;

  display: block;

  position: relative;

}

.aon-owl-arrow .owl-prev .ar-left:after {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  top: -5px;

  left: -3px;

  position: absolute;

  transform: rotate(135deg);

}

.aon-owl-arrow .owl-prev .ar-left::before {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  bottom: -5px;

  left: -3px;

  position: absolute;

  transform: rotate(-135deg);

}

.aon-owl-arrow .owl-next .ar-right {

  width: 54px;

  height: 2px;

  background-color: #ffb600;

  display: block;

  position: relative;

}

.aon-owl-arrow .owl-next .ar-right:after {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  top: -5px;

  right: -3px;

  position: absolute;

  transform: rotate(-135deg);

}

.aon-owl-arrow .owl-next .ar-right::before {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  bottom: -5px;

  right: -3px;

  position: absolute;

  transform: rotate(-135deg);

}

/*How it Work Section*/

.aon-how-service-area {

  background-image: url("../images/bg-curve.png");

  background-size: auto;

  background-position: top;

  background-repeat: no-repeat;

  padding-top: 120px;

  padding-bottom: 100px;

}

@media only screen and (max-width:991px) {

  .aon-how-service-area {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.aon-step-section {

  text-align: center;

}

.aon-step-section .aon-step-icon {

  display: inline-block;

  margin-bottom: 30px;

}

.aon-step-section .aon-step-icon span {

  display: block;

  background-color: #ffb600;

  width: 140px;

  height: 140px;

  border-radius: 50px;

  line-height: 140px;

  transform: rotate(135deg);

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.aon-step-section:hover .aon-step-icon span {

  border-radius: 100px;

  box-shadow: 0 0 0px 15px rgba(255, 182, 0, 0.17);

}



.aon-step-section .aon-step-icon span img {

  transform: rotate(-135deg);

}

.aon-step-section .aon-step-info .sf-title {

  color: #022279
}

.step-position-1 {

  margin-top: 0px;

}

.step-position-2 {

  margin-top: 60px;

}

.step-position-3 {

  margin-top: 120px;

}

@media only screen and (max-width:991px) {

  .aon-how-service-area {

    background-image: none;

  }

  .step-position-1 {

    margin-top: 50px;

  }

  .step-position-2 {

    margin-top: 50px;

  }

  .step-position-3 {

    margin-top: 50px;

  }

}







/*Feature Provider*/

.aon-feature-provider-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-feature-provider-area {
    padding: 40px 0px;
  }

}

.aon-ow-provider-wrap {

  position: relative;

  background-color: #022279;

  border-radius: 40px;

  margin-top: 50px;

  margin-bottom: 30px;

  margin-left: 30px;

}

.aon-ow-provider {

  background-color: #fff;

  border-radius: 40px;

  padding: 30px 50px 20px;

  text-align: center;

  margin-bottom: -50px;

  position: relative;

  top: -50px;

  left: -15px;

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

  border: 1px solid #eff4f7;

}

.aon-ow-provider:before {

  content: "";

  background-color: #022279;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 20%;

  opacity: 0;

  border-radius: 40px 40px 60px 60px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.aon-ow-provider-wrap:hover .aon-ow-provider:before {

  height: 45%;

  opacity: 1;

}

.aon-ow-provider-wrap:hover .aon-ow-top .aon-title,

.aon-ow-provider-wrap:hover .aon-ow-top .aon-title a,

.aon-ow-provider-wrap:hover .aon-ow-top .aon-ow-info span,

.aon-ow-provider-wrap:hover .aon-ow-top .aon-pro-favorite a i {

  color: #fff;

}









@media only screen and (max-width:1440px) {

  .aon-ow-provider {

    padding: 30px 30px 20px;

  }

}





.aon-ow-provider .aon-ow-top {

  padding-bottom: 20px;

  position: relative;

  padding-left: 24px;

  padding-right: 24px;

}

.aon-ow-provider .aon-ow-mid {

  position: relative;

  z-index: 1;



}



.aon-ow-provider .aon-ow-top .aon-pro-check {

  position: absolute;

  left: -20px;

  top: 0px;

}





.aon-ow-provider .aon-ow-top .aon-pro-check span {

  width: 30px;

  height: 30px;

  line-height: 30px;

  display: block;

  background-color: #ffb600;

  color: #000;

  font-size: 16px;

  border-radius: 50%;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

}

.aon-ow-provider .aon-ow-top .aon-pro-favorite {

  position: absolute;

  right: -20px;

  top: 0px;

}





@media only screen and (max-width:1440px) {

  .aon-ow-provider .aon-ow-top .aon-pro-check {
    left: -5px;
  }

  .aon-ow-provider .aon-ow-top .aon-pro-favorite {
    right: -5px;
  }

}



@media only screen and (max-width:1300px) {

  .aon-ow-provider {

    padding: 30px 30px 20px;

  }

  .aon-ow-provider .aon-ow-top .aon-pro-check {

    top: 0px;
    left: -5;

  }

  .aon-ow-provider .aon-ow-top .aon-pro-favorite {

    right: -20px;

    top: -0px;

  }

}

.aon-ow-provider .aon-ow-top .aon-pro-favorite a {

  font-size: 26px;

  line-height: 26px;

  color: #7042e1;

}

.aon-ow-provider .aon-ow-top .aon-title {

  color: #022279;

  margin-bottom: 10px;

}

.aon-ow-provider .aon-ow-info span {

  font-weight: 700;

}

.aon-ow-provider .aon-ow-mid .aon-ow-media {

  margin-bottom: 20px;

}

.aon-ow-provider .aon-ow-mid .aon-ow-media a {

  display: block;

  border-radius: 30px;

  overflow: hidden;

}

.aon-ow-provider .aon-ow-mid .aon-ow-media img {

  border-radius: 30px;

  box-shadow: 0px 15px 20px #cdc9d7;

}

.aon-ow-provider .aon-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 16px;

}

.aon-ow-provider .aon-ow-pro-rating span.text-gray {

  color: #9ea4b2;

}

.aon-ow-provider-wrap .aon-ow-bottom {

  text-align: center;

  padding: 20px;

}

.aon-ow-provider-wrap .aon-ow-bottom a {

  color: #fff;

  font-size: 18px;

  font-weight: 700;

}

@media only screen and (max-width:767px) {

  .aon-ow-provider {

    border-radius: 30px;

    padding: 15px 25px 20px;

  }

  .aon-ow-provider .aon-ow-top .aon-pro-check {

    left: -10px;

    top: 0;

  }

  .aon-ow-provider .aon-ow-top .aon-pro-favorite {

    right: 0px;

    top: 6px;

    line-height: 1;

  }

}

/*Statics*/

.sf-bg-d-blue {

  background-color: #022279;

}

.aon-statics-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-statics-area {
    padding: 40px 0px;
    overflow: hidden;
  }

}

.aon-statics-area .sf-title {

  color: #fff;

  margin-bottom: 20px;

  max-width: 450px;



}

@media only screen and (max-width:991px) {

  .aon-statics-area .sf-title {
    max-width: none;
  }

}





.aon-statics-area p {

  color: #fff;

  max-width: 550px;

  margin: 0px;

}

.aon-static-section {

  background-color: #fff;

  margin-bottom: 30px;

  text-align: center;

  border-radius: 50px;

  padding: 40px 20px
}

.aon-static-section .aon-company-static-num {

  font-weight: 700;

  font-size: 60px;

  line-height: 60px;

  overflow: hidden;

}

.aon-static-section .aon-company-static-name {

  margin-bottom: 0px;

  margin-top: 10px;

  font-size: 18px;

  font-weight: 400;

}

.aon-statics-blocks .aon-static-position-1 {

  margin-top: 0px;

}

.aon-statics-blocks .aon-static-position-2 {

  margin-top: 60px;

}

.aon-static-section.aon-t-blue {

  color: #022278;

}

.aon-static-section.aon-t-yellow {

  color: #ffb600;

}

.aon-static-section.aon-t-green {

  color: #6ab33e;

}

.aon-static-section.aon-t-skyblue {

  color: #0cb6f5;

}





.media-bg-animate.media-statics:hover::before,

.media-bg-animate.media-statics:hover::after {

  border-radius: 50px;

}

.media-bg-animate.media-statics:hover::before {
  background: #e0e3ee;
}

.media-bg-animate.media-statics:hover::after {
  background: #ffb600;
}





@media only screen and (max-width:991px) {

  .col-md-6 {

    width: 100%;

  }

  .aon-statics-four-wrap .sf-title {

    max-width: none;

  }

  .aon-statics-four-wrap p {

    max-width: none;

    margin: 0px;

  }

  .aon-statics-blocks {

    margin-top: 0px;

  }

  .aon-static-position-1,

  .aon-static-position-2 {

    margin: 0px -15px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: calc(100% + 30px);

    float: none;

  }

  .aon-statics-blocks .sf-static-position-2 {

    margin-top: 30px;

  }

  .aon-statics-blocks .media-statics {

    width: calc(50% - 30px);

    margin: 0px 15px;

  }



  .aon-static-section {

    padding: 40px 20px;

    width: calc(100% 0px);

    margin: 0px;

  }



  .aon-statics-blocks .aon-static-position-2 {

    margin-top: 30px;

  }



}

@media only screen and (max-width:600px) {

  .aon-static-section .aon-company-static-num {

    font-size: 40px;

    line-height: 40px;

  }

  .aon-static-section .aon-company-static-name {

    font-size: 16px;

  }

}

/*Latest blog*/

.aon-news-section-wrap {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-news-section-wrap {
    padding: 40px 0px;
  }

}

.aon-blog-section-1 {

  background-color: #f8f5ff;

  border: 1px solid #ddd;

  border-radius: 30px;

}

.aon-blog-section-1 .aon-post-media a img {

  border-radius: 30px;

  width: 100%;

}

.aon-blog-section-1 .aon-post-meta {

  padding: 20px;

  border-bottom: 1px solid #ddd;

}

.aon-blog-section-1 .aon-post-meta ul {

  margin: 0px;

  display: flex;

  justify-content: space-between;

  list-style: none;

  align-items: center;

}

.aon-blog-section-1 .aon-post-meta ul li {

  color: #022279;

  font-size: 16px;

  font-weight: 600
}

.aon-blog-section-1 .aon-post-meta ul li a span {

  margin-left: 4px;

}

.aon-blog-section-1 .aon-post-meta ul li.sf-post-category {

  padding: 6px 20px;

  background-color: #fff;

  border-radius: 6px;

  line-height: 1.2;

}

.aon-blog-section-1 .aon-post-meta ul li.sf-post-author a {

  color: #022279;

  font-size: 14px;

  font-weight: 600
}

.aon-blog-section-1 .aon-post-meta ul li.sf-post-author a span {

  padding-left: 2px;

  margin-left: 2px;

  display: inline-block;

}

.aon-blog-section-1 .aon-post-info {

  padding: 20px;

}

.aon-blog-section-1 .aon-post-title {

  margin-top: 0px;

  margin-bottom: 10px;

}

.aon-blog-section-1 .aon-post-title a {

  color: #022278;

  margin-bottom: 0px;

}

@media only screen and (max-width:991px) {

  .aon-news-section-wrap .row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .aon-news-section-wrap .row .col-md-4 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    margin-bottom: 30px;

  }

}

@media only screen and (max-width:600px) {

  .aon-news-section-wrap .row .col-md-4 {

    min-width: 100%;

  }

}

/*Why Choose Us*/

.aon-whycoose-area {

  background-color: #f8f5ff;

}

.sf-curve-pos.aon-whycoose-area .sf-w-choose-info-left {

  -moz-transform: skewY(2deg);

  -webkit-transform: skewY(2deg);

  -o-transform: skewY(2deg);

  -ms-transform: skewY(2deg);

  transform: skewY(2deg);

}

.aon-whycoose-area .sf-w-choose-info-left {

  max-width: 695px;

  margin-left: auto;

  padding: 80px 130px 80px 15px;

}

@media only screen and (max-width:991px) {

  .aon-whycoose-area .sf-w-choose-info-left {
    padding: 40px 130px 40px 15px;
  }

}

.aon-whycoose-area .sf-w-choose {

  width: 100%;

  display: block;

}

.aon-whycoose-area .sf-w-choose-icon {

  float: left;

  margin-right: 20px;

}

@media only screen and (max-width:767px) {

  .aon-whycoose-area .sf-w-choose-icon {

    float: none;

    margin-right: 0px;

    margin-bottom: 20px;

  }

}

.aon-whycoose-area .sf-w-choose-icon span {

  background-color: #fff;

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 30px;

  display: block;

  text-align: center;

  box-shadow: 0px 0px 50px rgba(112, 66, 225, 0.2);

}

.aon-whycoose-area .sf-w-choose-info {

  overflow: hidden;

}

.aon-whycoose-area .sf-w-choose-info .sf-title {

  color: #022278;

  margin-bottom: 10px;

}

.aon-whycoose-area .sf-w-choose-bg-outer {

  display: flex;

}

.aon-whycoose-area .sf-w-choose-bg-wrap {

  position: relative;

  overflow: hidden;

}

.sf-w-choose-left-cell {

  width: 58.33333333%;

}

.sf-w-choose-right-cell {

  width: 41.66666667%;

}

.aon-whycoose-area .sf-w-choose-bg-wrap:after,

.aon-whycoose-area .sf-w-choose-bg-wrap:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 800px;

  z-index: 1;

}



.aon-whycoose-area .sf-w-choose-bg-wrap:before {

  background-color: #ffb600;

  left: -80%;

  bottom: -50%;

  transform: rotate(35deg);

  opacity: 0.7;

}



.aon-whycoose-area .sf-w-choose-bg-wrap:after {

  background-color: #022279;

  right: -70%;

  top: -10%;

  transform: rotate(35deg);

  opacity: 0.7;

}





.aon-whycoose-area .sf-w-choose-bg-wrap:after,

.aon-whycoose-area .sf-w-choose-bg-wrap:before {

  -webkit-animation: upNdown2 5s infinite linear;

  animation: upNdown2 10s infinite linear;

}

@-webkit-keyframes upNdown2 {

  0% {}

  50% {
    transform: translateX(-30px);
  }

  100% {}

}

@keyframes upNdown2 {

  0% {}

  50% {
    transform: translateX(30px);
  }

  100% {}

}







.aon-whycoose-area .sf-w-choose-bg {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-size: cover;

}

@media only screen and (max-width:1200px) {

  .aon-whycoose-area .sf-w-choose-info-left {

    max-width: 575px;

    padding-right: 50px;

  }

}

@media only screen and (max-width:991px) {

  .aon-whycoose-area .sf-w-choose-info-left {

    max-width: 440px;

    padding-right: 30px;

  }

}

@media only screen and (max-width:767px) {}

@media only screen and (max-width:767px) {

  .sf-w-choose-left-cell,

  .sf-w-choose-right-cell {

    width: 100%;

  }

  .aon-whycoose-area .sf-w-choose-bg-wrap {

    min-height: 600px;

  }

  .aon-whycoose-area .sf-w-choose-info-left {

    padding: 40px 15px;

    max-width: 540px;

    margin: 0px auto;

  }

}

/*jobs*/

.aon-recent-post-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-recent-post-area {
    padding: 40px 0px;
  }

}

.sf-jobs-section {

  background-color: #fff;

  border-radius: 30px;

  padding: 30px;

  margin-top: 40px;

  margin-bottom: 30px;

  box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);

}



.sf-jobs-section .sf-jobs-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 30px;

}

.sf-jobs-section .sf-jobs-head .sf-jobs-media {

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  top: -70px;

  margin-bottom: -70px;

  box-shadow: 0px 0px 50px rgba(112, 66, 225, 0.2);

}





.sf-jobs-section .sf-jobs-head .sf-jobs-position {

  background-color: #feb500;

  font-size: 16px;

  color: #000;

  font-weight: 600;

  padding: 6px 26px;

  border-radius: 6px;

}

@media only screen and (max-width:375px) {

  .sf-jobs-section {
    margin-top: 0px;
  }

  .sf-jobs-section .sf-jobs-head {

    display: block;

  }

  .sf-jobs-section .sf-jobs-head .sf-jobs-media {

    margin-bottom: 20px;

    top: 0px;

    display: inline-block;

  }

  .sf-jobs-section .sf-jobs-head .sf-jobs-position {

    top: 0px;

    display: block;

  }

}

.sf-jobs-info .sf-job-company {

  font-size: 16px;

  color: #9c9c9c;

  font-weight: 600;

  margin-bottom: 10px;

}

.sf-jobs-info .sf-title a {

  color: #022278;

  margin-bottom: 20px;

  display: block;

}

.sf-jobs-footer {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.sf-jobs-footer i {

  color: #022278;

  font-size: 24px;

}

.sf-jobs-footer {

  color: #022278;

  font-weight: 600;

}

.sf-jobs-footer i {

  font-size: 24px;

  padding-right: 5px;

}

.sf-jobs-cost span {

  font-size: 36px;

  font-weight: 600;

}

/*Pricing Plan*/

.aon-pricing-area {

  background-color: #f8f5ff;

  padding-top: 120px;

  padding-bottom: 120px;

}

.sf-pricing-section-outer {

  border-radius: 30px;

  background-color: #fff;

  padding: 20px;

  margin-top: 100px;

}

@media only screen and (max-width:991px) {

  .aon-pricing-area {
    padding: 40px 0px;
  }

  .sf-pricing-section-outer {
    margin-top: 40px;
  }

}

.sf-pricing-section {

  padding: 50px;

}

.sf-price-tb-info .sf-price-plan-name {

  color: #022279;

  font-size: 28px;

  line-height: 28px;

  font-weight: 600;

}

.sf-price-tb-info .sf-price-plan-discount {

  color: #141414;

  font-size: 17px;

  font-weight: 600;

}

.sf-price-tb-list {

  margin: 30px 0px
}

.sf-price-tb-list ul {

  list-style: none;

  margin-bottom: 0px;

  margin-left: 0px;

}

.sf-price-tb-list ul li {

  font-size: 14px;

  color: #141414;

  font-weight: 600;

  margin-bottom: 10px;

}

.sf-price-tb-list ul li i {

  margin-right: 10px;

  color: #42e539;

  font-size: 18px;

}

.sf-price-tb-list ul li.disable,
.sf-price-tb-list ul li.disable i {

  color: #d6d6d6;

}

.sf-price-tb-plan .sf-price-plan-cost {

  font-size: 24px;

  font-weight: 600;

  color: #022279;

}

.sf-price-tb-plan .sf-price-plan-cost span {

  font-size: 38px;

}

.sf-price-tb-plan {

  margin-bottom: 30px;

}

.sf-choose-plan-btn {

  display: block;

  text-align: center;

  font-size: 18px;

  color: #022279;

  font-weight: 500;

  background-color: #dae2f6;

  border: 1px solid #022279;

  border-radius: 15px;

  line-height: 1.2;

  padding: 12px 15px;

}

.sf-pricing-section.sf-pricing-active {

  background-color: #022279;

  border-radius: 20px;

  margin-top: -50px;

}

.sf-pricing-section.sf-pricing-active .sf-price-tb-info .sf-price-plan-name,
.sf-pricing-section.sf-pricing-active .sf-price-tb-plan .sf-price-plan-cost,
.sf-pricing-section.sf-pricing-active .sf-price-tb-list ul li,
.sf-pricing-section.sf-pricing-active .sf-price-plan-discount {

  color: #fff;

}

.sf-pricing-section.sf-pricing-active .sf-choose-plan-btn {

  background-color: #ffb600;

}

.no-gutter {

  margin-right: 0;

  margin-left: 0;

}

.no-gutter>[class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}

/*Pricing-btn*/

.sf-priceing-tb-control {

  text-align: center;

}

.sf-priceing-tb-control span {

  font-size: 18px;

  color: #022279;

  font-weight: 600;

  padding: 0px 10px;

}

.sf-priceing-tb-control .switch {

  position: relative;

  display: inline-block;

  width: 84px;

  height: 34px;

}

.sf-priceing-tb-control .switch input {

  opacity: 0;

  width: 0;

  height: 0;

}

.sf-priceing-tb-control .slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}

.sf-priceing-tb-control .slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}

input:checked+.slider {

  background-color: #022279;

}

input:focus+.slider {

  box-shadow: 0 0 1px #022279;

}

input:checked+.slider:before {

  -webkit-transform: translateX(50px);

  -ms-transform: translateX(50px);

  transform: translateX(50px);

}

@media only screen and (max-width:1200px) {

  .sf-pricing-section-outer .no-gutter>[class*="col-"] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
  }

  .sf-pricing-section.sf-pricing-active {
    margin-top: 0px;
  }

}

@media only screen and (max-width:600px) {

  .sf-pricing-section-outer .no-gutter>[class*="col-"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
  }

}



/* Rounded sliders */

.sf-priceing-tb-control .slider.round {

  border-radius: 34px;

}

.sf-priceing-tb-control .slider.round:before {

  border-radius: 50%;

}

/*Testimonial*/

.aon-testmonials-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-testmonials-area {
    padding: 40px 0px;
  }

}

.sf-testimonial-user {

  background-color: #dae2f6;

  border: 1px solid #022278;

  border-radius: 20px;

  padding: 20px 30px;

  cursor: pointer;

}

.sf-testimonial-user .sf-testimonial-media {

  float: left;

  width: 61px;

  height: 61px;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 20px;

}



.sf-testimonial-user .sf-testimonial-user-detail {

  overflow: hidden;

}

.sf-testimonial-user .sf-testimonial-user-detail .sf-testi-user-name {

  color: #022278;

  font-size: 18px;

  font-weight: 600;

}

.sf-testimonial-user .sf-testimonial-user-detail .sf-testi-user-position {

  color: #222;

  font-size: 16px;

  font-weight: 600;

}

.sf-testimonial-info {

  padding-top: 50px;

}

.sf-testimonial-info .sf-testimonial-title {

  color: #022278;

  font-size: 26px;

  font-weight: 600;

}

.sf-testimonial-info .sf-ow-pro-rating {

  margin: 30px 0px;

}

.sf-testimonial-info .sf-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 24px;

}

.sf-testimonial-info .sf-ow-pro-rating span.text-gray {

  color: #022278;

}



.sf-testimonial-text {

  max-width: 800px;

  margin: auto;

}

.sf-testimonial-quote {

  color: #022278;

  font-size: 36px;

}

.slick-testimonials-thumbnails .slick-list {

  padding: 0px !important;

}

.slick-testimonials-thumbnails .slick-item {

  padding: 0px 10px;

}

.slick-testimonials-thumbnails .slick-active.slick-center .sf-testimonial-user {

  background-color: #022278;

}

@media only screen and (max-width:991px) {

  .sf-testimonial-user .sf-testimonial-media {

    float: none;

    margin: 0px auto;

  }

  .slick-testimonials-thumbnails .slick-active .sf-testimonial-user {
    text-align: center;
  }

}

.slick-testimonials-thumbnails .slick-active.slick-center .sf-testimonial-user .sf-testi-user-name {

  color: #fff;

}

.slick-testimonials-thumbnails .slick-active.slick-center .sf-testimonial-user .sf-testi-user-position {

  color: #fff;

}

.slick-testimonials-thumbnails .slick-next,

.slick-testimonials-thumbnails .slick-prev {

  width: 30px;

  height: 30px;

  z-index: 999;

}

.slick-testimonials-thumbnails .slick-next:before,

.slick-testimonials-thumbnails .slick-prev:before {

  width: 30px;

  height: 30px;

  background: #fff;

  font-family: 'FontAwesome';

  color: #222 !important;

  font-size: 24px;

  display: block;

  border-radius: 30px;

  border: 1px solid #cbcbcb;

  opacity: 1;

}

.slick-testimonials-thumbnails .slick-next:before {

  content: "\f105";

}

.slick-testimonials-thumbnails .slick-prev:before {

  content: "\f104";

}



@media only screen and (max-device-width:1300px) {

  .slick-testimonials-thumbnails .slick-next {
    margin: 0px 20px;
  }

  .slick-testimonials-thumbnails .slick-prev {
    margin: 0px 20px;
  }

}







/*=== Home page Two Start ===*/

/*Home page 2 banner*/

.aon-banner-area2 {

  padding-top: 60px;

}

.aon-bnr2-media-wrap {

  max-width: 500px;

  margin-left: auto;

  position: relative;

  z-index: 2;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.aon-bnr2-media {

  text-align: center;

}

.aon-bnr2-media:after,

.aon-bnr2-media:before {

  border-radius: 10px;

  content: '';

  position: absolute;

  right: -20px;

  bottom: 0px;

  top: 25%;

  left: -20px;

}

.aon-bnr2-media:after {

  background-color: #022278;

  z-index: -1;

}

.aon-bnr2-media:before {

  background-color: #ffb600;

  z-index: -1;

  transform: rotate(5deg);

}



.aon-bnr2-media:after {

  -webkit-animation: upNdown11 5s infinite linear;

  animation: upNdown11 5s infinite linear;

}

@-webkit-keyframes upNdown11 {

  0% {}

  50% {
    transform: rotate(5deg);
  }

  100% {}

}

@keyframes upNdown11 {

  0% {}

  50% {
    transform: rotate(5deg);
  }

  100% {}

}



.aon-bnr2-media:before {

  -webkit-animation: upNdown22 5s infinite linear;

  animation: upNdown22 5s infinite linear;

}

@-webkit-keyframes upNdown22 {

  0% {}

  50% {
    transform: rotate(-5deg);
  }

  100% {}

}

@keyframes upNdown22 {

  0% {}

  50% {
    transform: rotate(-5deg);
  }

  100% {}

}





.aon-bnr2-lines-left {

  position: absolute;

  left: -145px;

  bottom: 100px;

  z-index: -2;

  width: 138px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.aon-bnr2-line-left-content {

  position: relative;

}

.aon-bnr2-lines-right {

  position: absolute;

  right: -145px;

  bottom: 100px;

  z-index: -2;

  width: 138px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

@media only screen and (max-device-width:1200px) {

  .aon-bnr2-media-wrap {
    max-width: 400px;
  }

}

@media only screen and (max-device-width:1024px) {

  .aon-bnr2-media-wrap {
    max-width: 300px;
  }

  .aon-bnr2-lines-left,

  .aon-bnr2-lines-right {
    bottom: 0px;
  }

}

@media only screen and (max-device-width:991px) {

  .aon-bnr2-media-wrap {
    max-width: 400px;
  }

  .aon-bnr2-lines-left,

  .aon-bnr2-lines-right {
    bottom: 50px;
  }

}

@media only screen and (max-device-width:700px) {

  .aon-bnr2-media-wrap {
    overflow: hidden;
    padding: 30px 0px;
  }

}



.circle-l-1,
.circle-l-2,
.circle-l-3 {

  position: absolute;

  display: block;

  border-radius: 50%;

}

.circle-l-1 {

  background-color: #475e9a;

  width: 22px;

  height: 22px;

  top: 30px;

  right: 20px;

}

.circle-l-2 {

  background-color: #ffb600;

  width: 15px;

  height: 15px;

  top: 50%;

  left: -6px;

}

.circle-l-3 {

  background-color: #475e9a;

  width: 18px;

  height: 18px;

  bottom: 50px;

  right: 40px;

}

.circle-r-1,
.circle-r-2,
.circle-r-3 {

  position: absolute;

  display: block;

  border-radius: 50%;

}

.circle-r-1 {

  background-color: #475e9a;

  width: 18px;

  height: 18px;

  top: 30px;

  left: 20px;

}

.circle-r-2 {

  background-color: #ffb600;

  width: 15px;

  height: 15px;

  top: 50%;

  right: -6px;

}

.circle-r-3 {

  background-color: #475e9a;

  width: 22px;

  height: 22px;

  bottom: 50px;

  left: 40px;

}

.slide-fwd-center {

  animation: zoom-in-zoom-out 2s ease-out infinite;

}

.slide-fwd-center2 {

  animation: zoom-in-zoom-out 1s ease-out infinite;

}

.slide-fwd-center3 {

  animation: zoom-in-zoom-out 4s ease-out infinite;

}

@keyframes zoom-in-zoom-out {

  0% {

    transform: scale(1.1, 1.1);

  }

  50% {

    transform: scale(1.5, 1.5);

  }

  100% {

    transform: scale(1.1, 1.1);

  }

}

.aon-bnr2-content-wrap {

  color: #022278;

  position: relative;

  z-index: 3;

}

.aon-bnr2-content-wrap .text-top-line {

  font-size: 56px;

  line-height: 1.3;

  font-weight: 300;

}

.aon-bnr2-content-wrap .text-top-line span {

  color: #ffb600;

}

.aon-bnr2-content-wrap .text-bot-line {

  font-size: 56px;

  line-height: 1.3;

  border-bottom: 2px solid #ffb600;

  padding-bottom: 30px;

  font-weight: 700;

  margin-bottom: 50px;

}

@media only screen and (max-width:1024px) {

  .aon-bnr2-content-wrap .text-top-line {

    font-size: 48px;

  }

  .aon-bnr2-content-wrap .text-bot-line {

    font-size: 48px;

  }

  .aon-bnr2-media-wrap {
    margin: 30px auto 0px;
  }

}

@media only screen and (max-width:540px) {

  .aon-bnr2-content-wrap .text-top-line {

    font-size: 28px;

  }

  .aon-bnr2-content-wrap .text-bot-line {

    font-size: 28px;

  }

}



.aon-bnr2-search-bar {

  background-color: #f2f5fb;

  padding: 6px;

  border-radius: 4px;

  display: block;

  max-width: 800px;

}

.aon-bnr2-search-box {
  display: table;
  width: 100%;
}

.aon-bnr2-search-box .aon-search-input,

.aon-bnr2-search-box .aon-search-btn-wrap {
  display: table-cell;
  margin-right: 1px;
  margin: 0px;
  vertical-align: middle;
}

.aon-bnr2-search-box .aon-search-input {
  max-width: 100px;
}

.aon-bnr2-search-box .aon-search-btn-wrap {
  width: 1%;
}

.aon-bnr2-search-box .aon-search-input .form-control:focus {
  box-shadow: none;
  border-color: #e1e1e1;
  background: #fff;
}

.aon-bnr2-search-box .aon-search-input .bootstrap-select .btn {
  border-radius: 0px;
}

.aon-bnr2-search-box .aon-search-input .bootstrap-select .btn:focus {
  box-shadow: none;
}



.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn {

  background-color: #ffb600;

  border: 0px;

  border-radius: 0px 3px 3px 0px;

  height: 50px;

  line-height: 50px;

  padding: 0px 20px;

  color: #fff;

}



@media only screen and (max-width:1200px) {

  .aon-bnr2-search-box {
    display: block;
  }

  .aon-bnr2-search-box .aon-search-input,

  .aon-bnr2-search-box .aon-search-btn-wrap {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
  }

  .aon-bnr2-search-box .aon-search-btn-wrap {
    width: 100%;
    margin-bottom: 0px;
  }

  .aon-bnr2-search-box .aon-search-btn-wrap .aon-search-btn {
    width: 100%;
  }

}



/*Popular categories*/

.aon-categories-area2 {

  padding: 90px 0px;

}

@media only screen and (max-width:991px) {

  .aon-bnr2-media-wrap {
    margin-bottom: 50px;
  }

  .aon-categories-area2 {

    padding: 40px 0px;

  }

}

.aon-categories-area2-iconbox {

  display: flex;

  align-items: center;

  padding: 30px;

  border-radius: 15px;

  background-color: #fff;

  box-shadow: 0 0 20px rgba(52, 69, 113, 0.16);

  margin-bottom: 30px;

}

.aon-categories-area2-iconbox .aon-cate-area2-icon {

  width: 120px;

}

.aon-categories-area2-iconbox .aon-cate-area2-icon span {

  text-align: center;

  width: 95px;

  height: 95px;

  line-height: 95px;

  background-color: #edf1fa;

  display: block;

  border-radius: 50%;

  overflow: hidden;

}

@media only screen and (max-width:540px) {

  .aon-categories-area2-iconbox .aon-cate-area2-icon {

    width: 80px;

  }

  .aon-categories-area2-iconbox .aon-cate-area2-icon span {

    width: 60px;

    height: 60px;

    line-height: 60px;

  }

}

.aon-categories-area2-iconbox .aon-cate-area2-content p {

  margin-bottom: 0px;

}

.aon-btn-pos-center {

  text-align: center;

}

.aon-title-center {

  margin-left: auto;

  margin-right: auto;

  max-width: 640px;

  text-align: center !important;

}

/*How it work*/

.section-head.white .sf-title {

  color: #fff;

}

.aon-howit-area2 {

  padding-bottom: 90px;

}

@media only screen and (max-width:991px) {

  .aon-howit-area2 {

    padding-bottom: 40px;

  }

}

.aon-howit-area2-section {

  background-color: #022279;

  border-radius: 30px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.aon-howit-area2-bg {

  position: relative;

  padding: 60px 30px 0px 30px;

}

@media only screen and (max-width:991px) {

  .aon-howit-area2-bg {

    padding: 40px 30px 40px 30px;

  }

}

.aon-howit-area2-bg:after,
.aon-howit-area2-bg:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  z-index: -1;

}

.aon-howit-area2-bg:after {

  background-image: url(../images/how-it-work/bg-corner-right.png);

  right: 0px;

  top: 0px;

  background-position: right top;

}

.aon-howit-area2-bg:before {

  background-image: url(../images/how-it-work/bg-corner-left.png);

  left: 0px;

  bottom: 0px;

  background-position: left bottom;

}

.aon-howit-area2-iconbox {

  text-align: center;

  padding: 0px 30px 30px 30px;

  margin-bottom: 30px;

}

.aon-howit-area2-iconbox .aon-howit-area2-icon {

  text-align: center;

}

.aon-howit-area2-iconbox .aon-howit-area2-icon span {

  text-align: center;

  width: 95px;

  height: 95px;

  line-height: 95px;

  background-color: #ffb600;

  display: inline-block;

  border-radius: 50%;

  margin-bottom: 30px;

  overflow: hidden;

}

.aon-howit-area2-iconbox .aon-howit-area2-content p {

  color: #fff;
  margin-bottom: 0px;

}

.aon-howit-area2-iconbox .aon-howit-area2-content .aon-tilte {

  color: #fff;

}

.aon-howit-arrow {

  position: relative;

}

.aon-howit-arrow:after,
.aon-howit-arrow:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  z-index: -1;

}

.aon-howit-arrow:after {

  background-image: url(../images/how-it-work/arrow-up.png);

  right: -50px;

  top: 0px;

  background-position: right center;

}

.aon-howit-arrow:before {

  background-image: url(../images/how-it-work/arrow-down.png);

  left: -50px;

  top: 0px;

  background-position: left center;

}

.aone-howit-number {

  opacity: 0.1;

  color: #000;

  font-weight: 700;

  font-size: 80px;

  line-height: 80px;

  position: relative;

  bottom: -20px;

  margin-top: -20px;

  -webkit-text-fill-color: rgba(0, 0, 0, 0);

  -ms-text-fill-color: rgba(0, 0, 0, 0);

  -moz-text-fill-color: rgba(0, 0, 0, 0);

  -o-text-fill-color: rgba(0, 0, 0, 0);

  -webkit-text-stroke-width: 1px;

  -ms-text-stroke-width: 1px;

  -moz-text-stroke-width: 1px;

  -o-text-stroke-width: 1px;

  -webkit-text-stroke-color: #fff;

  -ms-text-stroke-color: #fff;

  -moz-text-stroke-color: #fff;

  -o-text-stroke-color: #fff;

}

/*Featured Vendor*/

.aon-feature-vender-area2 {

  padding: 90px 0px;

  background-color: #f8f5ff;

}

.aon-feature-vender-area2 .aon-vendor-provider-two-carousel {

  margin: 0px -15px;

}

@media only screen and (max-width:767px) {

  .aon-feature-vender-area2 .aon-vendor-provider-two-carousel {

    margin: 0px 0px;

  }

}

@media only screen and (max-width:991px) {

  .aon-feature-vender-area2 {

    padding: 40px 0px;

  }

  .aon-categories-area2-section .row [class*='col-']:last-child .aon-howit-area2-iconbox {

    margin-bottom: 0px;

    padding-bottom: 0px;

  }

}

.aon-ow-provider-wrap2 {

  position: relative;

  border-radius: 40px;

  margin-top: 70px;

  margin-bottom: 30px;

  margin-left: 15px;

  margin-right: 15px;

}

.aon-ow-provider2 {

  background-color: #fff;

  border-radius: 40px;

  padding: 50px 50px 20px;

  text-align: center;

  margin-bottom: -50px;

  position: relative;

  top: -50px;

  left: 0px;

  box-shadow: 0 0 20px rgba(52, 69, 113, 0.16);

}

.aon-ow-provider2 {

  background-color: #fff;

  border-radius: 40px;

  padding: 50px 50px 20px;

  text-align: center;

  margin-bottom: -50px;

  position: relative;

  top: -50px;

  left: 0px;

  box-shadow: 0 0 20px rgba(52, 69, 113, 0.16);

}



.aon-ow-provider2:before {

  content: "";

  background-color: #022279;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 20%;

  opacity: 0;

  border-radius: 40px 40px 60px 60px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.aon-ow-provider-wrap2:hover .aon-ow-provider2:before {

  height: 45%;

  opacity: 1;

}

.aon-ow-provider-wrap2:hover .aon-ow-info .sf-title,

.aon-ow-provider-wrap2:hover .aon-ow-info .sf-title a,

.aon-ow-provider-wrap2:hover .aon-ow-info span,

.aon-ow-provider-wrap2:hover .aon-pro-favorite a i {

  color: #fff;

}





.aon-ow-provider2 .aon-ow-top {

  padding-bottom: 20px;

  position: relative;

  padding-left: 24px;

  padding-right: 24px;

}

.aon-ow-provider2 .aon-ow-top .aon-pro-check {

  position: absolute;

  left: -20px;

  top: -20px;

}

.aon-ow-provider2 .aon-ow-top .aon-pro-check span {

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: block;

  background-color: #ffb600;

  color: #000;

  font-size: 20px;

  border-radius: 50%;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

}

.aon-ow-provider2 .aon-ow-top .aon-pro-favorite {

  position: absolute;

  right: -20px;

  top: -20px;

}

.aon-ow-provider2 .aon-ow-top .aon-pro-favorite a {

  font-size: 26px;

  color: #7042e1;

}

.aon-ow-provider2 .aon-ow-top .sf-title {

  color: #022279;

  margin-bottom: 10px;

}

.aon-ow-provider2 .aon-ow-info span {

  font-weight: 700;

}

.aon-ow-provider2 .aon-ow-mid .aon-ow-media {

  margin-bottom: 20px;

}

.aon-ow-provider2 .aon-ow-mid .aon-ow-media a {

  display: block;

  overflow: hidden;

  border-radius: 30px;

}



.aon-ow-provider2 .aon-ow-mid .aon-ow-media img {

  border-radius: 30px;

  box-shadow: 0px 15px 20px #cdc9d7;

}

.aon-ow-provider2 .aon-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 16px;

}

.aon-ow-provider2 .aon-ow-pro-rating span.text-gray {

  color: #9ea4b2;

}

.aon-ow-provider2 .aon-ow-bottom {

  text-align: center;

  padding: 20px;

}

@media only screen and (max-width:767px) {

  .aon-ow-provider2 {

    border-radius: 30px;

    padding: 15px 25px 20px;

  }

  .aon-ow-provider2 .aon-ow-top .aon-pro-check {

    left: -10px;

    top: 0;

  }

  .aon-ow-provider2 .aon-ow-top .aon-pro-favorite {

    right: 0px;

    top: 6px;

    line-height: 1;

  }

}

.aon-owl-arrow .owl-next {

  background: none;

  border: none;

}

.aon-owl-arrow .owl-prev {

  background: none;

  border: none;

}

.aon-owl-arrow .owl-prev .ar-left {

  width: 54px;

  height: 2px;

  background-color: #ffb600;

  display: block;

  position: relative;

}

.aon-owl-arrow .owl-prev .ar-left:after {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  top: -5px;

  left: -3px;

  position: absolute;

  transform: rotate(135deg);

}

.aon-owl-arrow .owl-prev .ar-left::before {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  bottom: -5px;

  left: -3px;

  position: absolute;

  transform: rotate(-135deg);

}

.aon-owl-arrow .owl-next .ar-right {

  width: 54px;

  height: 2px;

  background-color: #ffb600;

  display: block;

  position: relative;

}

.aon-owl-arrow .owl-next .ar-right:after {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  top: -5px;

  right: -3px;

  position: absolute;

  transform: rotate(-135deg);

}

.aon-owl-arrow .owl-next .ar-right::before {

  content: '';

  background-color: #ffb600;

  width: 16px;

  height: 2px;

  bottom: -5px;

  right: -3px;

  position: absolute;

  transform: rotate(135deg);

}

.aon-owl-arrow .owl-nav {

  margin-top: 10px;

}

/*Why Choose us*/

.aon-why-choose-info .section-head {

  color: #fff;

}

.aon-why-choose-info .section-head .aon-title {

  color: #fff;

}

.aon-why-choose-steps li {

  margin-bottom: 30px;

}



.aon-w-choose-right {

  padding-left: 20px;

  color: #fff;

}

@media only screen and (max-width:420px) {

  .aon-why-choose-steps li {

    display: block !important;

  }

  .aon-why-choose-steps li .aon-w-choose-left {
    margin-bottom: 15px;
  }

  .aon-w-choose-right {
    padding-left: 0px;
  }

}

.aon-w-choose-right .aon-title {

  color: #ffb600;

}

.aon-w-choose-right p {

  line-height: 1.5;

}

.aon-w-choose-icon {

  width: 80px;

  height: 80px;

  line-height: 80px;

  text-align: center;

  border-radius: 20px;

  background: #fff;

  overflow: hidden;

}

.aon-why-choose2-area {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-why-choose2-area {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.aon-why-choose2-box {

  padding: 50px;

  background-color: #022279;

  border-radius: 30px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media only screen and (max-width:991px) {

  .aon-why-choose2-box {

    padding: 40px;

  }

}

.aon-why-choose2-line {

  position: relative;

  margin: 50px;

}

.aon-why-choose2-line:after {

  z-index: -1;

  content: "";

  position: absolute;

  width: 50%;

  height: calc(100% + 100px);

  margin: -50px -50px -50px 0px;

  top: 0px;

  right: 0px;

  border: 5px solid #ffb600;

  border-radius: 30px;

}



.aon-why-choose2-line::after {

  -webkit-animation: upNdown222 5s infinite linear;

  animation: upNdown222 5s infinite linear;

}

@-webkit-keyframes upNdown222 {

  0% {}

  50% {
    width: 70%;
  }

  100% {}

}

@keyframes upNdown222 {

  0% {}

  50% {
    width: 70%;
  }

  100% {}

}





.aon-why-choose2-pic {

  position: relative;

  z-index: 2;

  height: 500px;

  background-image: url("../images/whychoose/pic1.jpg");

  background-position: center;

  background-size: cover;

  border-radius: 30px;

  overflow: hidden;

}

.aon-why-choose2-pic:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 140%;

  top: -20%;

  right: 50%;

  background-color: #022279;

  opacity: 0.3;

  z-index: 1;

  -webkit-animation: zoom11 10s infinite linear;

  animation: zoom11 10s infinite linear;

  -moz-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);

}

@-webkit-keyframes zoom11 {

  0% {}

  50% {
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }

  100% {}

}

@keyframes zoom11 {

  0% {}

  50% {
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }

  100% {}

}





@media only screen and (max-width:640px) {

  .aon-why-choose2-pic {
    height: 300px;
  }

  .aon-why-choose2-line:after {

    height: calc(100% + 60px);

    margin: -30px -30px -30px 0px;

  }

  .aon-why-choose2-line {

    margin: 30px;

  }

}



/*About Section*/

.aon-about-area {
  padding: 120px 0px;
  background-color: #f8f5ff;
}

.aon-about-pic {

  position: relative;

  z-index: 2;

  height: 500px;

  background-image: url("../images/whychoose/pic1.jpg");

  background-position: center;

  background-size: cover;

  border-radius: 30px;

  overflow: hidden;

  margin-right: 50px;

}

.aon-about-pic:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 140%;

  top: -20%;

  right: 50%;

  background-color: #ffb600;

  opacity: 0.5;

  z-index: 1;

  -webkit-animation: zoom11 10s infinite linear;

  animation: zoom11 10s infinite linear;

  -moz-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);

}

@-webkit-keyframes zoom11 {

  0% {}

  50% {
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }

  100% {}

}

@keyframes zoom11 {

  0% {}

  50% {
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
  }

  100% {}

}











/*Pricing Plan*/

.aon-pricing-area2 {

  background-color: #f8f5ff;

  padding: 90px 0px;

}

@media only screen and (max-width:991px) {

  .aon-pricing-area2 {

    padding: 40px 0px;

  }

}

.aon-pricing-section-outer {

  border-radius: 30px;

  background-color: #fff;

  padding: 20px;

  margin-top: 100px;

}

.aon-pricing-section {

  padding: 50px;

}

.aon-price-tb-info .aon-price-plan-name {

  color: #022279;

  font-size: 28px;

  line-height: 28px;

  font-weight: 600;

}

.aon-price-tb-info .aon-price-plan-discount {

  color: #141414;

  font-size: 17px;

  font-weight: 600;

}

.aon-price-tb-list {

  margin: 30px 0px
}

.aon-price-tb-list ul {

  list-style: none;

  margin-bottom: 0px;

  margin-left: 0px;

}

.aon-price-tb-list ul li {

  font-size: 14px;

  color: #141414;

  font-weight: 600;

  margin-bottom: 10px;

}

.aon-price-tb-list ul li i {

  margin-right: 10px;

  color: #42e539;

  font-size: 18px;

}

.aon-price-tb-list ul li.disable,
.aon-price-tb-list ul li.disable i {

  color: #d6d6d6;

}

.aon-price-tb-plan .aon-price-plan-cost {

  font-size: 24px;

  font-weight: 600;

  color: #022279;

}

.aon-price-tb-plan .aon-price-plan-cost span {

  font-size: 38px;

}

.aon-price-tb-plan {

  margin-bottom: 30px;

}

.aon-choose-plan-btn {

  display: block;

  text-align: center;

  font-size: 18px;

  color: #022279;

  font-weight: 500;

  background-color: #dae2f6;

  border: 1px solid #022279;

  border-radius: 15px;

  line-height: 1.2;

  padding: 12px 15px;

}

.aon-pricing-section.sf-pricing-active {

  background-color: #022279;

  border-radius: 20px;

  margin-top: -50px;

}

.aon-pricing-section.sf-pricing-active .aon-price-tb-info .aon-price-plan-name,
.aon-pricing-section.sf-pricing-active .aon-price-tb-plan .aon-price-plan-cost,
.aon-pricing-section.sf-pricing-active .aon-price-tb-list ul li,
.aon-pricing-section.sf-pricing-active .aon-price-plan-discount {

  color: #fff;

}

.aon-pricing-section.sf-pricing-active .aon-choose-plan-btn {

  background-color: #ffb600;

}

.no-gutter {

  margin-right: 0;

  margin-left: 0;

}

.no-gutter>[class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}

/*Pricing-btn*/

.aon-priceing-tb-control {

  text-align: center;

}

.aon-priceing-tb-control span {

  font-size: 18px;

  color: #022279;

  font-weight: 600;

  padding: 0px 10px;

}

.aon-priceing-tb-control .switch {

  position: relative;

  display: inline-block;

  width: 84px;

  height: 34px;

}

.aon-priceing-tb-control .switch input {

  opacity: 0;

  width: 0;

  height: 0;

}

.aon-priceing-tb-control .slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}

.aon-priceing-tb-control .slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}

input:checked+.slider {

  background-color: #022279;

}

input:focus+.slider {

  box-shadow: 0 0 1px #022279;

}

input:checked+.slider:before {

  -webkit-transform: translateX(50px);

  -ms-transform: translateX(50px);

  transform: translateX(50px);

}

@media only screen and (max-width:1200px) {

  .no-gutter>[class*="col-"] {

    width: 50%;

    float: left;

  }

  .aon-pricing-section.sf-pricing-active {

    margin-top: 0px;

  }

}

@media only screen and (max-width:600px) {

  .no-gutter>[class*="col-"] {

    width: 100%;

    float: none;

  }

}

.aon-priceing-tb-control .slider.round {

  border-radius: 34px;

}

.aon-priceing-tb-control .slider.round:before {

  border-radius: 50%;

}

/*Latest Blog*/

.aon-latest-blog-area2 {

  background-color: #f8f5ff;

  padding: 90px 0px;

}

@media only screen and (max-width:991px) {

  .aon-latest-blog-area2 {

    padding: 40px 0px;

  }

}

.aon-blog-style-1 {

  box-shadow: 0 0 20px rgba(52, 69, 113, 0.16);

  border-radius: 20px;

}

.aon-blog-style-1 .post-bx {

  background-color: #f9fafd;

  border-radius: 20px;

  border-bottom: 3px solid #022178;

  margin-bottom: 30px;

}

.aon-blog-style-1 .post-bx .post-thum {

  border-radius: 20px;

  overflow: hidden;

}

.aon-blog-style-1 .post-bx .post-thum img {

  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}



.aon-blog-style-1 .post-info {

  background: none;

  padding: 30px 30px 0px 30px;

}

.aon-blog-style-1 .post-info .post-categories {

  position: relative;

  margin-top: -46px;

  margin-bottom: 20px;

}

.aon-blog-style-1 .post-info .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #fff;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #ffb600;

  margin-right: 8px;

  font-size: 14px;

}

.aon-blog-style-1 .post-info .post-categories a:last-child {

  margin-right: 0px;

}

.aon-blog-style-1 .post-meta {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.aon-blog-style-1 .post-meta ul {

  margin: 0px 0px 10px 0px;

  float: none;

}

.aon-blog-style-1 .post-title {

  font-size: 24px;

  margin-bottom: 30px;

}

.aon-blog-style-1 .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-style-1 .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-style-1 .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}

.aon-blog-style-1 .post-meta ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.aon-blog-style-1 .post-meta ul li:last-child {

  padding-right: 0px;

}

.aon-blog-style-1 .post-meta ul li:after {

  content: '|';

  position: absolute;

  right: 0px;

  top: 0px;

}

.aon-blog-style-1 .post-meta ul li:last-child:after {

  display: none;

}

.aon-blog-style-1 .post-meta ul li a {

  color: #595959;

}

/*Posted jobs*/

.aon-postjobs-area2 {

  background-color: #fff;

  padding: 90px 0px;

}





.aon-post-jobs2 {

  list-style: none;

  margin: 0px;

  border: none;

}





@media only screen and (max-width:991px) {

  .aon-postjobs-area2 {

    padding: 30px 0px;

  }

  .aon-postjobs-area2-section .row [class*='col-']:last-child .aon-post-jobs2 {

    margin-bottom: 10px;

  }

}

.aon-post-jobs2 {

  background: #fff;

  border-radius: 10px;

  border: 1px solid #ddd;

  border-left: 3px solid #022278;

  padding: 30px;

  font-size: 16px;

  margin-bottom: 30px;

}

.aon-post-jobs2:hover {

  border: 1px solid transparent;

  border-left: 3px solid transparent;

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

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}





.aon-post-jobs2 .job-comapny-logo {

  width: 70px;

  height: 70px;

  padding: 0;

  border: 1px solid #eee;

  border-radius: 10px !important;

  -webkit-border-radius: 10px !important;

  float: left;

  overflow: hidden;

}



.aon-post-jobs2 .job-comapny-logo img {

  border-radius: 5px !important;

  -webkit-border-radius: 5px !important;

}

.aon-post-jobs2 .job-comapny-info .position {

  width: auto;

  float: none;

  margin-right: 150px;

  padding: 0px;

  margin-bottom: 10px;

}

.aon-post-jobs2 .job-comapny-info .position h3 {

  font-size: 24px;

  line-height: 1.2;

}

.aon-post-jobs2 .job-comapny-info {

  padding-top: 0px;

  padding-left: 90px;

}

.aon-post-jobs2 .job-type {

  position: absolute;

  top: 25px;

  right: 80px;

  background: #edfafe;

  border-radius: 5px;

  padding: 5px 10px;

  color: #4eccf3;

  font-weight: normal;

}

.aon-post-jobs2 .job-type .fa {

  margin-right: 5px;

}

.aon-post-jobs2 .job-comapny-info .meta {

  padding: 0px;

  width: 0%;

  display: inline-block;

  list-style: none;

}

.aon-post-jobs2 .job-comapny-info .meta li.date {

  text-align: left;

  background: none;

  padding: 0px;

}

.aon-post-jobs2 .job-comapny-info .job-location {

  width: 29%;

  display: inline-block;

}

.aon-post-jobs2 .job-comapny-info .job-location .fa {

  margin-right: 5px;

}

.aon-post-jobs2 .job-comapny-info .job-amount {

  width: 31%;

  display: inline-block;

}

.aon-post-jobs2 .job-comapny-info .job-amount span {

  color: #e82d2d;

}

.aon-post-jobs2 .job-comapny-info .job-amount .fa {

  margin-right: 5px;

}

.aon-post-jobs2 .job-comapny-info .position .company strong {

  font-size: 18px;

  color: #a0a0a0;

}

.aon-post-jobs2 .job-comapny-info .job-label {

  position: absolute;

  top: 25px;

  right: 35px;
  display: none;

}

.aon-post-jobs2 .date date::before {

  content: "\f133";

  font-family: 'FontAwesome';

  margin-right: 5px;

}



/*Testimonials*/

.aon-testimonials-two-area {

  padding-top: 120px;

  padding-bottom: 120px;

  position: relative;

}

@media only screen and (max-width:991px) {

  .aon-testimonials-two-area {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.aon-half-bg {

  position: absolute;

  width: 100%;

  height: 50%;

  bottom: 0px;

  left: 0px;

  background-color: #022279;

}

.aon-test2-item {

  background-color: #fff;

  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  margin: 10px;

  text-align: center;

  padding: 60px 40px;

}

.aon-test2-pic {

  width: 135px;

  height: 135px;

  border-radius: 100%;

  margin: 0px auto 20px;

}

.aon-test2-pic img {

  width: 135px;

  height: 135px;

  border-radius: 100%;

}



.aon-test2-text {

  display: none;

}

.aon-test2-position {

  margin-bottom: 20px;

}

.testimonials-two-carousel-owl .owl-stage {

  padding: 15px 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: center;

  align-items: center;

}

.testimonials-two-carousel-owl .center {

  position: relative;

  z-index: 1;

}

.center .aon-test2-item {

  margin: 0px -30px;

  position: relative;

  z-index: 1;

  padding: 60px 40px;



}

.center .aon-test2-text {

  display: block;

}

.center .aon-test2-pic {

  position: relative;

}



.center .aon-test2-pic::before,

.center .aon-test2-pic::after {

  display: block;

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background: #012178;

  border-radius: 100%;

  z-index: -1;

  animation: 1s clockwise2 infinite;

}



.center .aon-test2-pic:after {

  background: #ffb600;

  animation: 2s counterclockwise2 infinite;

}



@keyframes clockwise2 {

  0% {

    top: -6px;

    left: 0;

  }

  12% {

    top: -3px;

    left: 3px;

  }

  25% {

    top: 0;

    left: 6px;

  }

  37% {

    top: 3px;

    left: 3px;

  }

  50% {

    top: 6px;

    left: 0;

  }

  62% {

    top: 3px;

    left: -3px;

  }

  75% {

    top: 0;

    left: -6px;

  }

  87% {

    top: -3px;

    left: -3px;

  }

  100% {

    top: -6px;

    left: 0;

  }

}



@keyframes counterclockwise2 {

  0% {

    top: -6px;

    left: 0;

  }

  12% {

    top: -3px;

    left: 3px;

  }

  25% {

    top: 0;

    left: 6px;

  }

  37% {

    top: 3px;

    left: 3px;

  }

  50% {

    top: 6px;

    left: 0;

  }

  62% {

    top: 3px;

    left: -3px;

  }

  75% {

    top: 0;

    left: -6px;

  }

  87% {

    top: -3px;

    left: -3px;

  }

  100% {

    top: -6px;

    left: 0;

  }

}





.aon-test2-circle1 {

  position: absolute;

  top: 100px;

  left: 15%;

  display: block;

  width: 10px;

  height: 10px;

  border: 2px solid #b881e0;

  border-radius: 10px;

}

.aon-test2-circle1 {

  -webkit-animation: updown1 5s infinite linear;

  animation: updown1 5s infinite linear;

}

@-webkit-keyframes updown1 {

  0% {}

  50% {
    margin-top: 15px;
  }

  100% {}

}

@keyframes updown1 {

  0% {}

  50% {
    margin-top: 15px;
  }

  100% {}

}







.aon-test2-square1 {

  position: absolute;

  top: 60px;

  left: 25%;

  display: block;

  width: 10px;

  height: 10px;

  border: 2px solid #8fe4db;

  border-radius: 3px;

}

.aon-test2-square1 {

  -webkit-animation: updown2 5s infinite linear;

  animation: updown2 5s infinite linear;

}

@-webkit-keyframes updown2 {

  0% {}

  50% {
    -moz-transform: scale(1.2) rotate(360deg) translateY(2px);
    -webkit-transform: scale(1.2) rotate(360deg) translateY(2px);
    -o-transform: scale(1.2) rotate(360deg) translateY(2px);

    -ms-transform: scale(1.2) rotate(360deg) translateY(2px);
    transform: scale(1.2) rotate(360deg) translateY(2px);
  }

  100% {}

}

@keyframes updown2 {

  0% {}

  50% {
    -moz-transform: scale(1.2) rotate(360deg) translateY(2px);
    -webkit-transform: scale(1.2) rotate(360deg) translateY(2px);
    -o-transform: scale(1.2) rotate(360deg) translateY(2px);

    -ms-transform: scale(1.2) rotate(360deg) translateY(2px);
    transform: scale(1.2) rotate(360deg) translateY(2px);
  }

  100% {}

}



.aon-test2-square2 {

  position: absolute;

  top: 30px;

  left: 55%;

  display: block;

  width: 15px;

  height: 15px;

  border: 2px solid #ffb600;

  border-radius: 3px;

}

.aon-test2-square2 {

  -webkit-animation: updown3 10s infinite linear;

  animation: updown3 10s infinite linear;

}

@-webkit-keyframes updown3 {

  0% {}

  50% {
    -moz-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -webkit-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -o-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -ms-transform: scale(1.2) rotate(-360deg) translateY(2px);
    transform: scale(1.2) rotate(-360deg) translateY(2px);
  }

  100% {}

}

@keyframes updown2 {

  0% {}

  50% {
    -moz-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -webkit-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -o-transform: scale(1.2) rotate(-360deg) translateY(2px);
    -ms-transform: scale(1.2) rotate(-360deg) translateY(2px);
    transform: scale(1.2) rotate(-360deg) translateY(2px);
  }

  100% {}

}







.aon-test2-circle2 {

  position: absolute;

  top: 60px;

  right: 25%;

  display: block;

  width: 14px;

  height: 14px;

  border: 2px solid #b881e0;

  border-radius: 10px;

}

.aon-test2-circle2 {

  -webkit-animation: updown4 5s infinite linear;

  animation: updown4 5s infinite linear;

}

@-webkit-keyframes updown4 {

  0% {}

  50% {
    margin-top: 15px;
  }

  100% {}

}

@keyframes updown1 {

  0% {}

  50% {
    margin-top: 15px;
  }

  100% {}

}



.aon-test2-plus {

  position: absolute;

  top: 100px;

  right: 15%;

  color: #d94cd7;

  font-size: 22px;

  font-family: arial;

  font-weight: 600;

}

.aon-test2-plus {

  -webkit-animation: updown5 10s infinite linear;

  animation: updown5 10s infinite linear;

}

@-webkit-keyframes updown5 {

  0% {}

  50% {
    -moz-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -webkit-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -o-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -ms-transform: scale(1.4) rotate(-360deg) translateY(2px);
    transform: scale(1.4) rotate(-360deg) translateY(2px);
  }

  100% {}

}

@keyframes updown5 {

  0% {}

  50% {
    -moz-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -webkit-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -o-transform: scale(1.4) rotate(-360deg) translateY(2px);
    -ms-transform: scale(1.4) rotate(-360deg) translateY(2px);
    transform: scale(1.4) rotate(-360deg) translateY(2px);
  }

  100% {}

}





/*Statics*/

.aon-statics-blocks2 {

  padding: 40px 0px 60px;

  max-width: 840px;

  margin-left: auto;

  margin-right: auto;

}

.aon-statics-blocks2 [class*='col-'] .aon-static-section2 {

  position: relative;

}

.aon-statics-blocks2 [class*='col-'] .aon-static-section2:after {

  content: '';

  position: absolute;

  right: -15px;

  top: 0px;

  height: 100%;

  border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.aon-statics-blocks2 [class*='col-']:last-child .aon-static-section2:after {

  display: none;

}

.aon-statics-area2 {

  padding-top: 120px;

  padding-bottom: 120px;

}

@media only screen and (max-width:991px) {

  .aon-statics-area2 {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.aon-statics-area2-section {

  background-color: #022279;

  border-radius: 30px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.aon-statics-area2-bg {

  position: relative;

  padding: 60px 30px 0px 30px;

}

.aon-statics-area2-bg:after,
.aon-statics-area2-bg:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  z-index: -1;

}

.aon-statics-area2-bg:after {

  background-image: url(../images/how-it-work/bg-corner-right.png);

  right: 0px;

  top: 0px;

  background-position: right top;

}

.aon-statics-area2-bg:before {

  background-image: url(../images/how-it-work/bg-corner-left.png);

  left: 0px;

  bottom: 0px;

  background-position: left bottom;

}

.aon-bg-d-blue {

  background-color: #022279;

}

.aon-static-section2 {

  margin-bottom: 30px;

  text-align: center;

  margin-bottom: 30px;

}

.aon-static-section2 .aon-company-static-num2 {

  font-weight: 700;

  font-size: 60px;

  line-height: 60px;

}

.aon-static-section2 .aon-company-static-name2 {

  margin-bottom: 0px;

  margin-top: 10px;

  font-size: 18px;

  font-weight: 400;

}

.aon-static-section2.aon-t-white2 {

  color: #fff;

}

.aon-static-section2.aon-t-yellow2 {

  color: #ffb600;

}

.aon-static-section2.aon-t-green2 {

  color: #6ab33e;

}

.aon-static-section2.aon-t-skyblue2 {

  color: #0cb6f5;

}



/*aon-newsletter-area2*/

.aon-newsletter-area2 {
  padding: 0px 0px 50px 0px;
}

.aon-newsletter-area2 .aon-newsletter-area2-section {
  text-align: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.aon-newsletter-area2 .aon-newsletter-area2-section .aon-title {
  margin-bottom: 30px;
}

.aon-newsletter-area2 .aon-newsletter-area2-section p {
  margin-bottom: 30px;
}

.aon-newsletter-area2 .aon-newsletter-area2-section .aon-nl-width {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}







/*Contact us */

.aon-page-benner-area {

  position: relative;

}

.sf-banner-heading-wrap {

  display: table;

  position: relative;

  height: 400px;

  width: 100%;

  max-width: 1170px;

  margin: auto;

  text-align: center;

}

.sf-banner-heading-area {

  display: table-cell;

  padding: 50px 15px;

  vertical-align: middle;

  color: #fff;

}

.sf-banner-heading-large {

  font-size: 55px;

  margin-bottom: 15px;

  font-weight: 300;

}

@media only screen and (max-width:480px) {

  .sf-banner-heading-wrap {

    height: 290px;

  }

  .sf-banner-heading-large {

    font-size: 36px;

  }

}

.sf-banner-heading-large strong {

  font-weight: 600;

}

.sf-banner-breadcrumbs-nav ul {

  margin: 0;

}

.sf-banner-breadcrumbs-nav ul li {

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 300;

  padding: 0;

  margin-right: 20px;

  color: #fff;

}

.sf-banner-breadcrumbs-nav ul li a {

  color: #fff;

}

.sf-banner-breadcrumbs-nav ul li:after {

  content: "\f105";

  position: absolute;

  right: -13px;

  top: 1px;

  font-size: 18px;

  color: #fff;

  font-family: "FontAwesome";

  margin-left: 7px;

}

.sf-banner-breadcrumbs-nav ul li:last-child:after {

  display: none;

}

.sf-overlay-main {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.aon-contact-area {
  padding: 80px 0px 50px 0px;
}

.sf-contact-map-area {
  padding-top: 80px;
}

@media only screen and (max-width:767px) {

  .aon-contact-area {
    padding: 30px 0px 30px 0px;
  }

  .sf-contact-map-area {
    padding-top: 30px;
  }

}



.sf-contact-info-wrap {
  margin-bottom: 30px;
}

.sf-contact-info-wrap .row {

  display: flex;
  justify-content: center;

}



.sf-contact-info-box {

  border-radius: 30px;

  background-color: #fff;

  margin-bottom: 30px;

  box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);

  text-align: center;

  padding: 40px 30px;

  border-bottom: 4px solid #ffb600;

}



.sf-contact-info-box .sf-contact-info .sf-title {

  font-size: 24px;

  margin: 20px 0px;

}

.sf-contact-info-box .sf-contact-info p {

  margin-bottom: 0px;

}

.sf-contact-icon {

  position: relative;

  z-index: 1;

  margin-bottom: 40px;

}

.sf-contact-icon:after {

  content: '';

  width: 84px;

  height: 84px;

  left: 50%;

  top: 0px;

  position: absolute;

  background-color: #f5f6fa;

  border-radius: 50%;

  z-index: -1;

  transform: translateX(-50%);

  margin-left: -20px;

}

.sf-contact-icon span {

  display: block;

  line-height: 60px;

}

.sf-contact-form {

  max-width: 960px;

  margin: 0px auto;

}

.sf-contact-icon span img {

  height: 60px;

}

.sf-contact-form .form-control {

  border-radius: 14px;

  border: 2px solid #c2c8d7;

  height: 50px;

  background-color: transparent;

}

.sf-contact-form textarea.form-control {

  height: 190px;

}

.sf-contact-form .sf-contact-submit-btn {

  max-width: 260px;

  margin: 0px auto;

  text-align: center;

}

.sf-map-social-block {

  padding: 50px 50px 20px 50px;

  background-color: #f8f5ff;

  border-radius: 30px;

  box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);

  max-width: 960px;

  margin: 0px auto;

  position: relative;

  z-index: 1;

}

.sf-map-social-block .sf-con-social li {
  margin-bottom: 30px;
}

@media only screen and (max-width:991px) {

  .sf-map-social-block {

    padding: 50px 150px 20px 150px;

  }

  .sf-map-social-block h2 {
    font-size: 28px;
  }

}

@media only screen and (max-width:767px) {

  .sf-map-social-block {

    padding: 30px 30px 1px 30px;

  }

}

@media only screen and (max-width:480px) {

  .sf-map-social-block .sf-con-social li {
    display: block;
    margin-right: 0px;
  }

}



.sf-map-social-block h2 {

  max-width: 600px;

  margin: 0px auto 30px;

}

.sf-con-social {

  margin: 0px;

}

.sf-con-social li {

  display: inline-block;

  margin-right: 20px;

}

.sf-con-social li:last-child {

  margin-right: 0px;

}

.sf-con-social li a {

  display: block;

  border-radius: 8px;

  font-size: 18px;

  line-height: 18px;

  color: #fff;

  padding: 12px 40px;

}

.sf-con-social li a img {

  padding-right: 5px;

}

.sf-con-social li a.sf-fb {

  background-color: #1768d4;

}

.sf-con-social li a.sf-twitter {

  background-color: #1ebce9;

}

.sf-con-social li a.sf-pinterest {

  background-color: #d63127;

}

.sf-con-social-pic span {

  display: inline-block;

  border-radius: 50%;

  border: 3px solid #ffb600;

  overflow: hidden;

}

.img-pos-1 {

  position: absolute;

  left: 180px;

  top: -40px;

}

.img-pos-2 {

  position: absolute;

  left: 40px;

  top: 60px;

}

.img-pos-3 {

  position: absolute;

  left: 80px;

  top: 180px;

}

.img-pos-4 {

  position: absolute;

  right: 180px;

  top: -40px;

}

.img-pos-5 {

  position: absolute;

  right: 40px;

  top: 60px;

}

.img-pos-6 {

  position: absolute;

  right: 80px;

  top: 180px;

}

/*Sf Map*/

.sf-map-wrap {

  height: 430px;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  margin-top: -130px;

}

.sf-map-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50% -50%)
}

/*Job Detail */

.sf-job-benner {

  position: relative;

  background-color: #f8f5ff;

}

.banner-job-row {

  background-size: cover;

  background-position: center center;

  position: relative;

}

.sf-banner-job-heading-wrap {

  display: table;

  position: relative;

  height: 100%;

  width: 100%;

  max-width: 1170px;

  margin: auto;

  text-align: center;

}

.sf-banner-job-heading-area {

  display: table-cell;

  padding: 50px 15px;

  vertical-align: middle;

}

.sf-banner-job-heading-large {

  font-size: 36px;

  margin-bottom: 15px;

  font-weight: 300;

  color: #022279;

}

.sf-banner-job-logo-pic {

  width: 110px;

  margin: 10px auto 20px;

  border-radius: 10px;

}

.sf-banner-job-logo-pic img {

  width: 100%;

  border-radius: 10px;

}

.sf-banner-job-dutation {

  list-style: none;

  margin: 0px auto 110px;

}

@media only screen and (max-width:767px) {

  .sf-banner-job-dutation {

    margin-bottom: 0px;

  }

}

.sf-banner-job-dutation li {

  display: inline-block;

  padding: 0px 15px;

  border-right: 1px solid #777;

  font-size: 18px;

  line-height: 1.2;

}

.sf-banner-job-dutation li:last-child {

  border: none;

}

.sf-banner-job-dutation li .jobs-timing {

  color: #022279;

}

.sf-banner-job-dutation li .jobs-date-label {

  color: #58aa22;

  background-color: #deedd4;

  display: inline-block;

  padding: 7px 12px;

  border-radius: 10px;

  margin-left: 10px;

}

.sf-job-details-fileds-two {

  border-radius: 30px;

  border: 1px solid #ddd5eb;

  overflow: hidden;

  background: #fff;

  box-shadow: 0 0 20px rgba(105, 85, 138, 0.24);

  margin: -100px auto 50px;

  z-index: 1;

  position: relative;

}

.sf-job-details-fileds-two ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0px -2px -1px;

}

.sf-job-details-fileds-two ul li {

  padding: 25px 20px 30px 40px;

  display: block;

  width: 33.333333%;

  margin-right: -1px;

  border: 1px solid #ddd5eb;

  margin-bottom: -1px;

}

@media only screen and (max-width:767px) {

  .sf-job-details-fileds-two {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sf-job-details-fileds-two ul li {

    width: 100%;

  }

  .sf-banner-job-dutation li {

    margin-bottom: 20px;

  }

}

.sf-job-details-fileds-two ul li span {

  padding: 0;

  display: block;

  width: auto;

}

.sf-job-details-fileds ul li:nth-child(2n) {

  background-color: #fff;

}

.sf-job-details-fileds ul li .job-meta-icon {

  float: left;

  margin-right: 20px;

  margin-top: 4px;

}

.sf-job-details-fileds ul li .sf-job-meta-info {

  overflow: hidden;

}

.sf-job-details-fileds ul li .job-meta-title {

  display: inline;

  margin: 0px;

}

.sf-job-details-fileds ul li .job-meta-text {

  line-height: 1;

}

.sf-job-details-fileds ul li .job-meta-text {

  line-height: 1;

}



.square-list-style {
  list-style: none;
}

.square-list-style li {
  position: relative;
  padding-left: 20px;
  line-height: 42px;
}

.square-list-style li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #000;
  position: absolute;
  top: 18px;
  left: 0px;
}





.aon-job-gallery {
  margin-bottom: 50px;
}

.job-gallery {

  list-style: none;

  margin: 0px;

}

.job-gallery li {

  width: 25%;

  padding: 0px;

  float: left;

  position: relative;

}

.job-gallery li .job-gallery-pic {

  background: #ddd;

  height: 200px;

  background-image: url("../images/job-gallery/pic.jpg");

  background-position: center;

}

@media only screen and (max-width:767px) {

  .job-gallery li .job-gallery-pic {

    height: 130px;

  }

  .job-gallery li {
    width: 50%;
  }

}

.job-gallery li .job-gallery-link {

  position: absolute;

  top: 0px;

  left: 0px;

  opacity: 0;

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  margin: 15px;

  background: #032379;

  opacity: 0;

  font-size: 50px;

  color: #fff;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.job-gallery li:hover .job-gallery-link {

  opacity: 0.8;

}

.job-gallery li:last-child .job-gallery-link {

  opacity: 1;

  width: 100%;

  height: 100%;

  margin: 0px;

  opacity: 0.8;

}





.aon-job-video {

  margin-bottom: 80px;

}

.sf-pres-video-pic {

  position: relative;

}

.sf-pres-video-pic img {

  border-radius: 10px;

  width: 100%;

}

.sf-pres-video-pic .overlay-vid {

  background-color: #000;

  opacity: 0.5;

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  z-index: 1;

}

.sf-pres-video-icon {

  display: inline-block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.sf-pres-video-icon i {

  font-size: 100px;

  color: #fff;

}

sf-pres-video-pic .overlay-vid {

  background-color: #000;

  opacity: 0.5;

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  z-index: 1;

}

.sf-pres-video-icon {

  display: inline-block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.sf-pres-video-icon i {

  font-size: 100px;

  color: #fff;

}

.sf-btn-large2 {

  font-size: 20px;

  color: #000;

  border: none;

  background-color: #ffb600;

  border-radius: 6px;

  padding: 10px 30px;

  display: block;

  width: 100%;

  text-align: center;

}

.sf-jobdetail-blocks {

  margin-bottom: 60px;

}

.sf-jobdetail-blocks .sf-title {

  margin-bottom: 20px;

}

.sf-jobdetail-blocks .sf-con-social li {

  margin: 0px 0px 15px 0px;

  display: block;

  text-align: center;

}

.sf-related-jobs {

  border-radius: 10px;

  padding: 30px;

  background-color: #f2f0f7;

  border: 1px solid #e1dced;

  text-align: center;

}

.sf-related-jobs .sf-related-job-pic {

  margin-bottom: 10px;

}

.sf-related-jobs .sf-related-job-pic img {

  border-radius: 10px;

}

.sf-related-jobs .sf-related-job-name {

  font-size: 18px;

  color: #2f2f30;

}

.sf-related-jobs .sf-related-job-name span {

  background-color: #6dca2d;

  color: #fff;

  border-radius: 50%;

  padding: 2px;

}

.sf-related-jobs .sf-related-job-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 18px;

}

.sf-related-jobs .sf-related-job-rating span.text-gray {

  color: #52504a;

}

.sf-related-jobs .sf-related-job-rating span.sf-rating-lable {

  color: #969696;

}

.sf-jobrelated-carousel .sf-jobs-section {

  box-shadow: none;

  margin-bottom: 0px;

  border: 1px solid #ddd;

}

.sf-jobrelated-carousel .sf-jobs-head .sf-jobs-media {

  box-shadow: none;

}

/* Job Grid sidebar*/

.sf-rounded-sidebar {

  border-radius: 20px;

  border: 1px solid #e1dced;

  background-color: #fff;

  box-shadow: 0px 0px 20px rgba(112, 66, 225, 0.1);

  margin-right: 20px;

}

@media only screen and (max-width:991px) {

  .sf-rounded-sidebar {

    margin-bottom: 30px;

    margin-right: 0px;

  }

}

.sf-job-sidebar-blocks {

  padding: 30px;

  border-bottom: 1px solid #e1dced;

}

.sf-job-sidebar-blocks:last-child {

  border: none;

}

.sf-job-sidebar-blocks .sf-title {

  margin-bottom: 20px;

}

.sf-job-sidebar-blocks .form-control {

  height: 50px;

  border-radius: 6px;

}

.sf-job-sidebar-blocks .bootstrap-select .dropdown-toggle {

  height: 50px;

  border-radius: 6px;

}

.sf-btn-large {

  font-size: 16px;

  text-transform: uppercase;

  color: #000;

  border: none;

  font-weight: 500;

  background-color: #ffb600;

  border-radius: 6px;

  padding: 10px 30px;

  display: block;

  width: 100%;

}

.sf-location-ring-wrap {

  position: relative;

}

.sf-location-ring {

  position: absolute;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #000;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

}

.sf-location-ring:after {

  position: absolute;

  content: '';

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 1px solid #000;

  right: -5px;

  top: 50%;

  transform: translateY(-50%);

}

.sf-job-sidebar-blocks .sf-job_types {

  list-style: none;

  margin: 0px;

}

.sf-job-sidebar-blocks .sf-job_types label {

  font-weight: normal;

}

.sf-range-slider .slider-handle {

  width: 24px;

  height: 24px;

  background-color: #fff;

  border: 3px solid #ffb600;

  background-image: none;

}

.sf-range-slider .slider.slider-horizontal {

  width: 100%;

}

.sf-range-slider .slider-selection {

  background-color: #ffb600;

  background-image: none;

}

.sf-range-slider .slider.slider-horizontal .slider-track {

  height: 6px;

  margin-top: 0px
}

.sf-range-slider .slider .tooltip.top {

  margin-top: -40px;

}

.aon-page-jobs-wrap {

  padding-top: 90px;

  padding-bottom: 90px;

}

@media only screen and (max-width:768px) {

  .aon-page-jobs-wrap {

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

.aon-search-result-title h5 span {

  color: #feb500;

}

.aon-search-sortby {

  margin: 0 -3px;

  list-style: none;

  display: inline-block;

}

.aon-search-sortby>li {

  float: left;

  width: 120px;

  padding: 0 3px;

}

.aon-search-sortby>li.aon-select-sort-by {

  width: 120px;

}

.aon-search-sortby>li .bootstrap-select {

  width: 100% !important;

}

.aon-search-sortby>li .bootstrap-select .dropdown-toggle {

  padding-left: 10px;

  padding-right: 20px;

}

.aon-search-grid-option {

  margin: 0 -3px;

  list-style: none;

  display: inline-block;

}

.aon-search-grid-option li {

  float: left;

  padding: 0 3px;

}

.aon-search-grid-option li .btn {

  padding: 9px 15px;

  border: 1px solid #ddd;

  height: 50px;

}

@media only screen and (max-width:991px) {

  .sort-filter-bx .f-f-left,
  .sort-filter-bx .f-f-right {

    float: left;

    width: 100%;

  }

  .sort-filter-bx .f-f-left {

    margin-bottom: 10px;

  }

}

.bootstrap-select .dropdown-toggle {

  border: 1px solid #e1e1e1 !important;

  background-color: #fff !important;

}

/*Site Pagination*/

.s-p-center {

  width: 100%;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

}

.site-pagination {

  clear: both;

}

.site-pagination .pagination>li>a,
.site-pagination .pagination>li>span {

  margin: 0px 3px;

  border: none;

  border-radius: 10px !important;

}

.site-pagination .pagination>li>a .fa {

  font-size: 12px;

}

.site-pagination .pagination>li>a {

  color: #022278;

}

.site-pagination .page-item.active .page-link {

  background-color: #022278;

  border-color: #022278;

}

.site-pagination .pagination>li>a,
.site-pagination .pagination>li>span {

  margin: 0px 5px;

  border: none;

  border-radius: 10px !important;

  padding: 7px 13px;

}

/*Job Listing*/

ul.job_listings {

  border-top: 1px solid #ddd;

}

ul.job_listings li.job_listing {

  background: #fff;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  font-size: 14px;

  padding: 20px;

  position: relative;

}

ul.job_listings li.job_listing:hover {

  background-color: #fafafa;

}

ul.job_listings li.job_listing a.job-clickable-box {

  padding: 0;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: none;

}

ul.job_listings .job_listing .job-comapny-logo {

  width: 100px;

  height: 100px;

  float: left;

  overflow: hidden;

  padding: 5px;

  border: 1px solid #ddd;

  background-color: #fff;

  border-radius: 100% !important;

  -webkit-border-radius: 100% !important;

}

ul.job_listings .job_listing .job-comapny-logo img {

  width: 100%;

  height: auto;

  border-radius: 100% !important;

  -webkit-border-radius: 100% !important;

}

.job_listing .location {

  position: relative;

}

.job_listing .location:before {

  content: "\f041";

  font-family: 'FontAwesome';

  position: absolute;

  left: 15px;

  top: -3px;

  font-size: 20px;

  color: #767676;

}

.job-comapny-info {

  padding-top: 15px;

  padding-left: 100px;

}

.job-comapny-info:after {

  content: "";

  clear: both;

  display: block;

}

.job-comapny-info .position,
.job-comapny-info .location,
.job-comapny-info .meta {

  padding-left: 30px;

  display: block;

  float: left;

}

.job-comapny-info .position {

  width: 40%;

}

.job-comapny-info .position h3 {

  font-size: 18px;

  margin-bottom: 5px;

  margin-top: 0;

  text-transform: none;

}

.job-comapny-info .position .company strong {

  font-weight: normal;

  color: #777;

}

.job-comapny-info .location {

  width: 30%;

  font-size: 16px;

  padding-left: 35px;

}

.job-comapny-info .meta {

  width: 30%;

  list-style: none;

  margin-left: 0;

}

.job_listing .meta li {

  text-align: center;

  line-height: 22px;

  padding: 0 10px;

}

.job_listing .job-type {

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 13px;

  background-color: #022278;

}

.job_listing .job-type.hourly {

  background-color: #3396D1;

}

.job_listing .job-type.full-time {

  background-color: #77c04b;

}

.job_listing .job-type.part-time {

  background-color: #ebc23a;

}

.job_listing .job-type.freelance {

  background-color: #E34C43;

}

.job_listing .job-type.temporary {

  background-color: #E9616F;

}

.job_listing .job-type.fix-price {

  background-color: #EB6725;

}

.job_listing .job-type.internship {

  background-color: #8645A6;

}

.job_listing .date {

  color: #666;

  background-color: #EFEFEF;

}

.job_listing .date date:before {

  content: "\f017";

  font-family: 'FontAwesome';

  margin-right: 5px;

}

.job_listings.job_listings-two {

  list-style: none;

  margin: 0px;

  border: none;

}

.job_listings.job_listings-two li.job_listing {

  border-radius: 10px;

  border: 1px solid #ddd;

  border-left: 3px solid #022278;

  padding: 30px;

  font-size: 16px;

  margin-bottom: 30px;

}

.job_listings.job_listings-two li.job_listing .job-comapny-logo {

  width: 70px;

  height: 70px;

  padding: 0;

  border: 1px solid #eee;

  border-radius: 10px !important;

}



.job_listings.job_listings-two li.job_listing .job-comapny-logo img {

  border-radius: 5px !important;

}

.job_listings.job_listings-two .job-comapny-info .position {

  width: auto;

  float: none;

  margin-right: 150px;

  padding: 0px;

  margin-bottom: 10px;

}

.job_listings.job_listings-two .job-comapny-info .position h3 {

  font-size: 24px;

  line-height: 1.2;

}

.job_listings.job_listings-two .job-comapny-info {

  padding-top: 0px;

  padding-left: 90px;

}



.job_listings.job_listings-two .job-type {

  position: absolute;

  top: 25px;

  right: 80px;

  background: #edfafe;

  border-radius: 5px;

  padding: 5px 10px;

  color: #4eccf3;

  font-weight: normal;

}

.job_listings.job_listings-two .job-type .fa {

  margin-right: 5px;

}

.job_listings.job_listings-two .job-comapny-info .meta {

  padding: 0px;

  width: 30%;

  display: inline-block;

}

.job_listings.job_listings-two .job-comapny-info .meta li.date {

  text-align: left;

  background: none;

  padding: 0px;

}

.job_listings.job_listings-two .job-comapny-info .job-location {

  width: 30%;

  display: inline-block;

}

.job_listings.job_listings-two .job-comapny-info .job-location .fa {

  margin-right: 5px;

}

.job_listings.job_listings-two .job-comapny-info .job-amount {

  width: 30%;

  display: inline-block;

}

.job_listings.job_listings-two .job-comapny-info .job-amount span {

  color: #e82d2d;

}

.job_listings.job_listings-two .job-comapny-info .job-amount .fa {

  margin-right: 5px;

}

.job_listings.job_listings-two .job-comapny-info .position .company strong {

  font-size: 18px;

  color: #a0a0a0;

}

.job_listings.job_listings-two .job-comapny-info .job-label {

  position: absolute;

  top: 25px;

  right: 30px;

}

@media only screen and (max-width:1200px) {

  .job_listings.job_listings-two li.job_listing {

    font-size: 14px;

  }

  .job_listings.job_listings-two .job-comapny-info .job-location {

    font-size: 14px;

  }

  .job_listings.job_listings-two .job-comapny-info .job-amount {

    font-size: 14px;

  }

}





@media only screen and (max-width:767px) {

  .job_listings.job_listings-two li.job_listing .job-comapny-logo {

    float: none;

    margin-bottom: 15px;

  }

  .job_listings.job_listings-two .job-comapny-info {
    padding-left: 0px;
  }

  .job_listings.job_listings-two .job-comapny-info .job-location {

    width: 100%;

  }

  .job_listings.job_listings-two .job-comapny-info .job-amount {
    width: 100%;
  }

  .job_listings.job_listings-two .job-comapny-info .position {
    margin-right: 0px;
  }

  .job_listings.job_listings-two .job-type {
    right: 30px;
  }

  .job_listings.job_listings-two .job-comapny-info .meta {
    width: 100%;
  }

}

/*Provider Profile Page*/

.sf-page-scroll-wrap {

  background-color: #fff;

  padding: 80px 0px 0px;

  position: relative;

}

.sf-page-scroll-nav {

  border-bottom: 2px solid #ddd;

  margin-top: 30px;

}

.sf-page-scroll-nav ul {

  list-style: none;

  display: table;

  margin: auto;

  width: 100%;

}

.sf-page-scroll-nav ul li {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



.sf-page-scroll-nav ul li a {

  position: relative;

  display: block;

  font-size: 20px;

  padding: 20px 5px;

  color: #c1c1c1;

}

.sf-page-scroll-nav ul li a.active,
.sf-page-scroll-nav ul li a:hover {

  color: #6c6d6d;

}

.sf-page-scroll-nav ul li a.active:after,
.sf-page-scroll-nav ul li a:hover:after {

  content: "";

  position: absolute;

  left: 0px;

  bottom: -2px;

  width: 100%;

  height: 2px;

  background-color: #6c6d6d;

}



@media only screen and (max-width:767px) {

  .sf-page-scroll-nav ul {
    padding: 5px 0px;
  }

  .sf-page-scroll-nav ul li {

    display: inline-block;

    margin-right: 3px;

  }

  .sf-page-scroll-nav ul li a {

    padding: 5px 5px;

  }



}



.sf-page-scroll-wrap2 {

  padding: 0px;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  margin-bottom: 60px;

}

.sf-page-scroll-wrap2 .sf-page-scroll-nav {

  margin: 0px;

  border: none;

}

.sf-page-scroll-wrap2 .sf-page-scroll-nav ul li a {

  color: #555;

  font-size: 16px;

}

.sf-profile-banner {

  border-top: 1px solid #ddd;

  overflow: hidden;

}

.sf-proBnr-pic {

  height: 440px;

  border-radius: 30px;

  background-image: url("../images/banner/pro-banner.jpg");

  background-size: cover;

}

.sf-proBnr-row {

  padding: 50px 0px;

  position: relative;

}

.sf-proBnr-row:before {

  content: "";

  position: absolute;

  left: 100%;

  top: 0px;

  margin-left: -250px;

  width: 5000px;

  height: 100%;

  background: #022279;

}

@media only screen and (max-width:767px) {

  .sf-proBnr-row:before {

    left: 0px;

    top: 0px;

    width: 200%;

    height: 150px;

  }

  .sf-proBnr-left .sf-provi-btn .site-button {
    margin-bottom: 30px;
  }

}

.sf-provi-pic {

  width: 175px;

  height: 175px;

  border-radius: 100%;

  margin: 0px auto 20px;

}

.sf-provi-pic img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

}

.sf-provi-name {

  margin: 0;

}

.sf-provi-tagline {

  font-size: 18px;

  margin-bottom: 5px;

}

/*Social Share inon 1*/

ul.share-social-bx li {

  border: none;

  width: 36px;

  display: block;

  float: left;

  white-space: nowrap;

  overflow: hidden;

  margin-right: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

ul.share-social-bx li a {

  color: #FFF;

  font-size: 12px;

}

ul.share-social-bx li i {

  border-right: none;

  font-size: 14px;

  color: #FFF;

  width: 36px;

  height: 34px;

  line-height: 34px;

  padding: 0;

  text-align: center;

}

ul.share-social-bx li.fb {

  background: #354d89;

}

ul.share-social-bx li.fb i {

  background: #3a5799;

}

ul.share-social-bx li.gp {

  background: #d34b2b;

}

ul.share-social-bx li.gp i {

  background: #e35736;

}

ul.share-social-bx li.tw {

  background: #029fdf;

}

ul.share-social-bx li.tw i {

  background: #00abf0;

}

ul.share-social-bx li.dig {

  background: #1d61aa;

}

ul.share-social-bx li.dig i {

  background: #2B6FB8;

}

ul.share-social-bx li.lin {

  background: #0176be;

}

ul.share-social-bx li.lin i {

  background: #0082CA;

}

ul.share-social-bx li.pin {

  background: #ac0104;

}

ul.share-social-bx li.pin i {

  background: #BD0E15;

}

ul.share-social-bx li:hover {

  width: 95px;

}

@media only screen and (max-width: 767px) {

  ul.sharebtn-bx,
  ul.share-social-bx {

    float: none;

  }

  ul.sharebtn-bx {

    margin-bottom: 10px;

  }

}

/*Social Share inon 2*/

.social-share-icon ul {

  list-style: none;

  margin: 0px 0px 20px;

}

.social-share-icon ul li {

  display: inline-block;

  margin-bottom: 8px;

}

.social-share-icon ul li a {

  border: 2px solid #ddd;

  width: 36px;

  height: 36px;

  line-height: 30px;

  text-align: center;

  color: #a9a9a9;

  margin: 0 3px;

  display: inline-block;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  border-radius: 5px;

  -webkit-border-radius: 5px;

}

.social-share-icon ul li a .fa {

  font-size: 16px;

  vertical-align: middle;

}

.share-buttons li a.fb-share {

  border-color: #3b5998;

  color: #3b5998
}

.share-buttons li a.fb-share:hover {

  background: #3b5998;

  color: #fff
}

.share-buttons li a.twitter-share:hover {

  background: #1da1f2;

  color: #fff
}

.share-buttons li a.twitter-share {

  border-color: #1da1f2;

  color: #1da1f2
}

.share-buttons li a.gplus-share:hover {

  background: #dd4b39;

  color: #fff
}

.share-buttons li a.gplus-share {

  border-color: #dd4b39;

  color: #dd4b39
}

.share-buttons li a.pinterest-share:hover {

  background: #bd081c;

  color: #fff
}

.share-buttons li a.pinterest-share {

  border-color: #bd081c;

  color: #bd081c
}

.share-buttons li a.linkedin-share:hover {

  background: #0073b1;

  color: #fff
}

.share-buttons li a.linkedin-share {

  border-color: #0073b1;

  color: #0073b1
}

.share-buttons li a.digg-share:hover {

  background: #286091;

  color: #fff
}

.share-buttons li a.digg-share {

  border-color: #286091;

  color: #286091
}

.share-buttons li a.instagram-share:hover {

  background: #527fa4;

  color: #fff
}

.share-buttons li a.instagram-share {

  border-color: #527fa4;

  color: #527fa4
}

.sf-provi-gallery {

  color: #000;

  display: table;

  margin: 0px auto 10px;

  border-bottom: 1px solid #000;

  line-height: 1.2;

}

.sf-provi-rating {

  color: #ffb600;

  margin-bottom: 15px;

}

.sf-provi-social {

  display: table;

  margin: 0px auto 30px;

}

.sf-provi-social ul {

  float: none;

  overflow: hidden;

  border-radius: 5px;

  margin-bottom: 0px;

}

.sf-provi-btn .btn {

  margin: 0px 10px;

}

.sf-page-scroll-wrap2 {

  padding: 0px;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  margin-bottom: 60px;

}

.sf-page-scroll-wrap2 .sf-page-scroll-nav {

  margin: 0px;

  border: none;

}

.sf-page-scroll-wrap2 .sf-page-scroll-nav ul li a {

  color: #555;

  font-size: 16px;

}

.sf-shadow-box {

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

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

}

.sf-border-box {

  border: 1px solid #eaeaea;

}

.sf-radius-10 {

  border-radius: 10px;

}

.aon-related-provi-sidebar .aon-ow-provider-wrap {

  margin-left: 15px;

  margin-bottom: 0px;

}

.aon-related-provi-sidebar .aon-ow-provider-wrap .sf-ow-provider {

  border: 1px solid #ddd;

  box-shadow: none;

}

.aon-related-provi-sidebar .owl-controls {

  margin-top: 20px;

}

.sf-sidebar-title {

  margin: 0px 0px 20px;

}

.sf-provi-title {

  margin: 0px 0px 20px;

}

.sf-divider-line {

  height: 2px;

  background: #ddd;

  position: relative;

  margin-bottom: 40px;

}

.sf-divider-line:after {

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  height: 2px;

  width: 100px;

  background: #022279;

}

.sf-provi-cat {

  font-size: 18px;

  margin-bottom: 20px;

}

.sf-provi-cat strong {

  color: #555;

}

.sf-provi-bio-text {

  border-bottom: 1px solid #ddd;

}

.sf-provi-bio-text+.social-share-icon2 {

  margin-top: 30px;

}

.social-share-icon2 {

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width:480px) {

  .social-share-icon2 {

    display: block;

  }

}

.social-share-icon2 .social-share-cell {

  width: auto;

}

.social-share-icon2 .social-share-cell:first-child {

  margin-right: 10px;

}

@media only screen and (max-width:991px) {

  .social-share-icon2 .social-share-cell:first-child {

    margin-bottom: 15px;

  }

}

.social-share-icon2 ul {

  margin: 0px;

}

.social-share-icon2 ul li {

  margin: 0px;

}

.sf-provi-service-list {

  list-style: none;

  margin: 0;

  border: 1px solid #ddd;

  border-radius: 10px;

  margin-bottom: 30px;

}

.sf-provi-service-list li {

  border-bottom: 1px solid #ddd;

  padding: 30px;

  position: relative;

}

.sf-provi-service-list li:last-child {

  border-bottom: none;

}



.btn-schedules {

  font-size: 13px;

  text-transform: uppercase;

  padding: 4px 15px;

  border-radius: 8px;

}

.aon-sm-btn-dark {

  font-size: 13px;

  text-transform: uppercase;

  padding: 4px 15px;

  border-radius: 8px;

  color: #fff;

  background-color: #022279;

}

.aon-sm-btn-dark:hover {

  background-color: #ffb600;

}





.sf-provi-service-ttle {

  margin: 0px 0px 10px 0px;

}

.sf-provi-service-ttle span {

  padding: 4px 7px;

  background: #f1f2f6;

  color: #666;

  font-size: 12px;

  text-transform: uppercase;

  border-radius: 10px;

}

.sf-provi-service-price,
.sf-provi-service-hour {

  display: inline-block;

  margin-right: 20px;

}

.sf-provi-service-hour i {

  margin-right: 5px;

}

.sf-provi-service-price {

  color: #ffb600;

}



.sf-provi-toggle-btn {

  display: inline-block;

  border-radius: 10px;

  width: 20px;

  height: 20px;

  background: #000;

  color: #fff;

  font-size: 20px;

  line-height: 1;

  text-align: center;

  font-family: arial;

  cursor: pointer;

}

.sf-provi-descriptio {

  display: none;

}

.sf-provi-service-top {

  display: table;

  width: 100%;

}

.sf-provi-service-left,
.sf-provi-service-right {

  display: table-cell;

  vertical-align: middle;

}



.sf-provi-service-right {

  white-space: nowrap;

  text-align: right;

}



.sf-provi-service-right .btn {

  padding: 2px 12px;

  font-size: 18px;

  margin-left: 10px;

  color: #000;

  font-weight: 700;

  line-height: 18px;

  height: 32px;

  border-radius: 0px;

}

.sf-provi-service-right .btn:hover {

  background-color: #ffb600;

  color: #000;

}



.sf-provi-service-count {

  display: inline-block;

  width: 150px;

  vertical-align: middle;

}

.sf-provi-service-count .form-control {

  position: absolute;

  top: 0px;

  left: 46px;

  width: calc(100% - 79px);

}

.sf-provi-service-count .input-group-btn-vertical {

  width: 100%;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: space-between;

  justify-content: space-between;

}









@media only screen and (max-width:767px) {

  .sf-provi-service-top {

    display: block;

  }

  .sf-provi-service-left,
  .sf-provi-service-right {

    display: block;

  }

  .sf-provi-service-right {

    text-align: left;

    margin-top: 5px;

  }

  .sf-provi-service-count {
    display: block;
    margin-bottom: 10px;
  }

}

.bootstrap-touchspin-up,
.bootstrap-touchspin-down {

  padding: 5px 10px;

  border: 1px solid #ddd !important;

  background: none;

}

.sf-provi-service-count .form-control,
.sf-provi-service-count .bootstrap-touchspin-postfix {

  height: 32px;

  font-size: 12px;

  line-height: 20px;

  padding: 5px 5px;

  text-align: center;

}

.sf-provi-service-count .bootstrap-touchspin-postfix {

  padding: 5px 10px;

}

.sf-provi-coInfo-map {

  height: 290px;

  border-radius: 10px;

  overflow: hidden;

}

@media only screen and (max-width:767px) {

  .sf-provi-coInfo-map {

    margin-bottom: 30px;

  }

}

.sf-list-business-hours ul {

  margin: 0;

}

.sf-list-business-hours li {

  display: table;

  width: 100%;

  margin-bottom: 10px;

  padding-bottom: 10px;

}

.sf-list-business-hours span:first-child {

  display: table-cell;

  text-align: left;

  font-weight: 300;

  width: 25%;

  font-size: 16px;

  font-weight: 600;

}

.sf-list-business-hours span {

  display: table-cell;

  text-align: right;

  font-size: 16px;

  color: #555757;

  font-weight: 500;

}



.sf-list-business-hours span:first-child b {

  float: right;

  font-weight: 300;

}

.sf-provi-coInfo-hour.sf-list-business-hours {

  padding: 0px;

}

.sf-provi-coInfo-hour.sf-list-business-hours span:last-child {

  text-align: right;

}

@media only screen and (max-width:767px) {

  .sf-list-business-hours li,

  .sf-list-business-hours span:first-child,

  .sf-list-business-hours span {

    display: block;

  }

  .sf-list-business-hours span {
    text-align: left;
  }

  .sf-provi-coInfo-hour.sf-list-business-hours span:last-child {
    text-align: left;
  }

}

.sf-provi-coInfo-hour.sf-list-business-hours li {

  padding-bottom: 0px;

}

.sf-features-list,
.sf-languages-list {

  list-style: none;

  margin: 0;

  display: flex;

  flex-wrap: wrap;

}

.sf-features-list li,
.sf-languages-list li {

  float: left;

  width: 33.333%;

  padding: 10px 0px 10px 60px;

  position: relative;

  min-height: 46px;

  margin-bottom: 8px;

}



.sf-languages-list li img {

  vertical-align: middle;

}

.sf-features-list li .features-icon {

  margin-right: 5px;

}

.sf-features-list li .features-icon img {

  height: 20px;

}



@media only screen and (max-width:767px) {

  .sf-features-list li {

    width: 50%;

  }

}

@media only screen and (max-width:575px) {

  .sf-languages-list li {

    width: 50%;

  }

  .sf-features-list li {

    width: 100%;

  }

}

@media only screen and (max-width:420px) {

  .sf-languages-list li {

    width: 100%;

  }

}





/*Custom Tabs*/

.sf-custom-tabs .sf-custom-tabs-line {

  height: 2px;

  background-color: #fff;

  opacity: 0.2;

}

.sf-custom-tabs .nav-tabs {

  display: table;

  margin: auto;

  border: none;

}

.sf-custom-tabs .nav-tabs>li {

  margin: 0;

}

.sf-custom-tabs .nav-tabs>li>a {

  border-radius: 0;

  -webkit-border-radius: 0px;

  padding: 15px 25px;

  border: none;

  position: relative;

  font-size: 20px;

  color: #fff;

  opacity: 0.5;

  font-weight: bold;

}

.sf-custom-tabs .nav-tabs>li>a i {

  margin-right: 5px;

}

.sf-custom-tabs .nav-tabs>li>a,
.sf-custom-tabs .nav-tabs>li>a:focus,
.sf-custom-tabs .nav-tabs>li>a:hover {

  border: none;

  background: none;

}

.sf-custom-tabs .nav-tabs>li>a:after {

  content: "";

  position: absolute;

  bottom: -2px;

  left: 50%;

  width: 0%;

  height: 2px;

  background-color: transparent;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-custom-tabs .nav-tabs>li.active>a {

  color: #fff;

  opacity: 1;

}

.sf-custom-tabs .nav-tabs>li.active>a:after {

  left: 0%;

  width: 100%;

  background-color: #fff;

}

.sf-custom-tabs .tab-content {

  padding-top: 30px;

}

@media only screen and (max-width:540px) {

  .sf-custom-tabs .tab-content .sf-documents-tab td {

    display: block;

  }

}

.sf-custom-tabs .aon-tabs-inline {

  text-align: center;

}

.sf-custom-tabs .aon-tabs-inline li {

  display: inline-block;

  float: none;

}

.sf-custom-tabs .aon-tabs-inline>li a i {

  margin-right: 5px;

  font-size: 16px;

}

.sf-document-tab {

  background-color: #fff;



}

.sf-custom-new .nav-tabs {

  border-bottom: 2px solid rgba(0, 0, 0, .2);

}

.sf-custom-new .nav-tabs>li {

  display: inline-block;

}



.sf-custom-new .nav-tabs>li>a {

  display: block;

  color: #000000;

  padding: 15px 0px;

  margin-right: 40px;

}



.sf-custom-new .nav-tabs>li.active>a {

  color: #022279;

}

.sf-custom-new .nav-tabs {

  margin: 0px;

  width: 100%;

}

.sf-custom-new .nav-tabs>li.active>a::after {

  background-color: #022279;

}

.sf-vender-review-tab-area .sf-rating-averagebox {

  float: left;

}

.sf-vender-review-tab-area .sf-stats-rating .sf-average-reviews {

  color: #fff;

}

.sf-vender-review-tab-area .sf-stats-rating .sf-rate-persent,
.sf-vender-review-tab-area .sf-stats-rating .sf-average-question {

  color: #fff;

  display: inline;

}

.sf-vender-review-tab-area .sf-stats-rating .sf-completed-tasks {

  color: #fff;

}

.sf-vender-review-tab-area .sf-reviews-summary .sf-reviews-star-no {

  color: #fff;

}

.sf-rating-categories-wraps {

  float: right;

  color: #fff;

  display: table;

  margin-bottom: 30px;

  margin-top: 20px;

}

.sf-rating-categories-table {

  display: table;

  width: 100%;

}

.sf-rating-categories-cell {

  display: table-cell;

  white-space: nowrap;

}

.sf-rating-categories-cell:first-child {

  padding-right: 20px;

}

.sf-rating-categories-cell:last-child {

  text-align: right;

}

.sf-rating-categories-cell .sf-reviews-row {

  display: table;

  width: 100%;

}

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star,
.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no {

  display: table-cell;

  padding: 4px 0px;

}

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star {

  color: #F4BE36;

}

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no {

  width: 30px;

}

.sf-rating-averages-wraps {

  float: left;

  color: #fff;

  display: table;

  margin-bottom: 30px;

  margin-top: 20px;

}

.sf-rating-averages-table {

  display: table;

  width: 100%;

}

.sf-rating-averages-cell {

  display: table-cell;

  white-space: nowrap;

}

.sf-rating-averages-cell:first-child {

  padding-right: 20px;

  text-align: right;

}

.sf-rating-averages-cell:last-child {

  text-align: right;

  width: 120px;

}

.sf-rating-averages-cell .sf-reviews-row {

  display: table;

  width: 100%;

}

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star,
.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no {

  display: table-cell;

  padding: 4px 0px;

}

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star {

  color: #F4BE36;

}

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no {

  width: 30px;

}

.sf-rating-averages-cell .sf-rating-holder {

  color: #aaabab;

}

.sf-rating-averages-cell .sf-rate-persent,
.sf-rating-averages-cell .sf-average-question {

  color: #aaabab;

}

.sf-rating-averages-cell .sf-completed-tasks {

  color: #aaabab;

}

@media only screen and (max-width:767px) {

  .sf-rating-averages-wraps,
  .sf-rating-categories-wraps {

    float: none;

  }

  .sf-rating-categories-wraps {

    max-width: 315px;

    width: 100%;

  }

}

.sf-video-box {

  position: relative;

}

.sf-video-pic {

  height: 190px;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

}

.sf-video-play-btn {

  position: absolute;

  bottom: 0px;

  right: 0px;

  width: 60px;

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  text-align: center;

  background: #ffb600;

  border-radius: 10px 0px 10px 0px;

}

.sf-video-play-btn i {

  color: #fff;

}

.sf-provi-articles-list {

  list-style: none;

  margin: 0px;

}

.sf-provi-articles-list li {

  margin-bottom: 30px;

}

.sf-provi-art-left {

  width: 25%;

  font-size: 14px;

  border-right: 1px solid #ddd;

}

.sf-provi-art-pic {

  width: 90px;

  border-radius: 10px;

  margin-bottom: 15px;

}

.sf-provi-art-pic img {

  width: 100%;

  border-radius: 10px;

}

.sf-provi-art-right {

  width: 75%;

  padding-left: 60px;

  -ms-flex-align: center;

  align-items: center;

}

.sf-provi-art-title {

  margin: 0px 0px 5px;

}

.sf-provi-art-btn {

  color: #ffb600;

}

.sf-provi-art-date {

  width: 100%;

}

.sf-provi-art-comment {

  width: 100%;

}

.sf-custom-new .nav-tabs {

  border-bottom: 2px solid rgba(0, 0, 0, .2);

}

.sf-custom-new .nav-tabs>li>a {

  color: #000000;

  padding: 15px 0px;

  margin-right: 40px;

}

@media only screen and (max-width:1366px) {

  .sf-availability-times-tab .sf-custom-new .nav-tabs>li>a {

    margin-right: 10px;
    font-size: 14px;

  }

}



@media only screen and (max-width:767px) {

  .sf-custom-new .nav-tabs>li>a {

    margin-right: 15px;

    font-size: 18px;

  }

}

@media only screen and (max-width:540px) {

  .sf-custom-new .nav-tabs>li {

    display: block;

  }

  .sf-custom-new .nav-tabs>li>a {
    margin-right: 0px;
  }

}

.sf-custom-new .nav-tabs>li.active>a {

  color: #022279;

}

.sf-custom-new .nav-tabs {

  margin: 0px;

  width: 100%;

}

.sf-custom-new .nav-tabs>li.active>a::after {

  background-color: #022279;

}

.sf-languages-list-new li span {

  width: 46px;

  height: 46px;

  line-height: 40px;

  text-align: center;

  margin-right: 10px;

  display: inline-block;

  border: 1px solid #ddd;

  border-radius: 30px;

  position: absolute;

  left: 0px;

  top: 3px;

}

.sf-features-list-new li .features-icon {

  width: 46px;

  height: 46px;

  line-height: 40px;

  text-align: center;

  margin-right: 10px;

  display: inline-block;

  border: 1px solid #ddd;

  border-radius: 30px;

  position: absolute;

  left: 0px;

  top: 4px;

}

.sf-rating-averages-wraps {

  color: #555;

}

.sf-rating-categories-new {

  color: #555;

}

.sf-rating-outer-border {

  border: 1px solid #ddd;

  padding: 5px 20px;

  border-radius: 10px;

  margin-bottom: 30px;

}

@media only screen and (max-width:360px) {

  .sf-rating-outer-border {

    padding: 5px 10px;

  }

  .sf-rating-averages-cell:first-child {

    padding-right: 8px;

  }

}

.sf-review-box {

  padding: 30px;

  border-radius: 10px;

  margin-bottom: 60px;

}

.sf-review-pic {

  width: 42px;

  height: 42px;

  border-radius: 30px;

  float: left;

  overflow: hidden;

}

.sf-review-info {

  padding-left: 20px;

  overflow: hidden;

}

.sf-review-name {

  margin: 0px 0px 5px;

}

.sf-review-feedback {

  line-height: 1;

}

.sf-review-date {

  clear: both;

  padding: 10px 0px;

}

.sf-review-footer {

  background: #fff;

  padding: 20px;

  border-radius: 10px;

  margin-bottom: -60px;

}

.sf-review-red-less {

  color: #ffb600;

  cursor: pointer;

}

.sf-review-rating {

  margin: 0px -5px 30px;

  list-style: none;

}

.sf-review-rating li {

  width: 50%;

  padding: 0px 5px;

  margin-bottom: 5px;

}

@media only screen and (max-width:360px) {

  .sf-review-rating li {
    width: 100%;
    padding: 0px;
  }

}

.sf-review-rating li .sf-ow-pro-rating {

  color: #ffb600;

}

.sf-review-footer {

  line-height: 1.4;

}

.sf-provi-coInfo-box {

  margin-top: 30px;

}

.sf-provi-coInfo-box h6 {

  margin: 0px 0px 5px
}

.sf-qes-answer-list {

  list-style: none;

  margin: 0px;

}

.sf-qes-answer-list li {

  margin-bottom: 20px;

}

.sf-qestion-line {

  margin: 0px 0px 10px;

  position: relative;

}

.sf-qestion-line .fa {

  cursor: pointer;

  position: absolute;

  top: 0px;

  right: 0px;

  -webkit-transition: all 0.56s ease;

  -moz-transition: all 0.56s ease;

  -ms-transition: all 0.56s ease;

  -o-transition: all 0.56s ease;

  transition: all 0.56s ease;

}

.sf-answer-line {

  line-height: 1.4;

  display: none;

}

.sf-qes-answer-list .sf-qestion-line.nav-active .fa {

  -moz-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.sf-provi-bio-left {

  width: 350px;

  float: left;

}

.sf-provi-bio-info {

  border: 1px solid #f2f3f4;

  background: #f9f9f9;

  padding: 50px 30px;

  text-align: center;

}

.sf-provi-bio-right {

  padding-left: 50px;

  overflow: hidden;

}

.sf-provi-bio-right .sf-provi-btn {

  margin-bottom: 30px;

}

.sf-provi-bio-right .sf-provi-btn .site-button {

  margin: 0px;

  margin-right: 15px;

}

.sf-provi-social-row {

  padding-top: 30px;

}

.sf-provi-social-row .sf-provi-social {

  margin: 0px;

}

.sf-provi-social-row .social-share-icon2 {

  width: auto;

}





@media only screen and (max-width:991px) {

  .sf-provi-bio-left {
    width: 250px;
  }

}

@media only screen and (max-width: 767px) {

  .sf-provi-bio-left {

    width: auto;

    float: none;

    margin-bottom: 30px;

  }

  .sf-provi-bio-right {

    padding-left: 0px;

    float: none;

  }

}

.sf-provi-bio-right .sf-provi-btn {

  margin-bottom: 30px;

}

.sf-provi-bio-right .sf-provi-btn .site-button {

  margin: 0px;

  margin-right: 15px;

}

@media only screen and (max-width: 420px) {

  .sf-provi-bio-right .sf-provi-btn .site-button {

    margin-top: 5px;

    margin-bottom: 5px;

    margin-right: 15px;

  }

}

.sf-provi-social-row {

  padding-top: 30px;

}



.sf-provi-social-row .sf-provi-social {

  margin: 0px;

}

.sf-provi-social-row .social-share-icon2 {

  width: auto;

}



@media only screen and (max-width:1200px) {

  .sf-provi-social-row {
    display: block !important;
  }

  .sf-provi-social-row .sf-provi-social {

    margin-bottom: 30px;
    display: block;

  }

}



@media only screen and (max-width:991px) {

  .sf-provi-social-row .social-share-icon2 {

    display: block;

  }

}



.sf-provi-qform {

  padding: 40px;

  background: #f8fafe;

  border: 1px solid #ddd;

}

@media only screen and (max-width:767px) {

  .sf-provi-qform {

    padding: 30px;

  }

}

.sf-provi-qform .btn {

  min-width: 250px;

}

.qout-submit-btn {

  margin: 10px 0px 0px;

}

.sf-provi-articles-full {

  margin: 0px -15px;

}

.sf-provi-articles-full li {

  width: 50%;

  padding: 0px 15px;

}

.sf-proBnrfull-container {

  width: 100%;

  padding: 0px;

  max-width: 100%;

}



@media only screen and (max-width: 1199px) {

  .sf-provi-art-right {

    padding-left: 20px;

  }

}

@media only screen and (max-width:991px) {

  .sf-provi-art-left {
    width: 20%;
  }

  .sf-provi-art-right {
    width: 80%;
  }

}



@media only screen and (max-width:767px) {

  .sf-provi-art-right {

    width: 100%;

    padding: 10px 0px 0px 0px;

  }

}

@media only screen and (max-width:767px) {

  .sf-provi-art-left {
    width: 100%;
    display: block !important;
    border: none;
  }

  .sf-provi-art-right {
    width: 100%;
    padding-left: 0px;
  }

  .sf-provi-art-left:after {
    content: "";
    display: block;
    clear: both;
  }

  .sf-provi-art-pic {
    width: 50px;
    border-radius: 10px;
    margin-bottom: 15px;
    float: left;
    margin-right: 15px;
  }



  .sf-provi-articles-full .sf-provi-art-left {
    width: 100%;
    display: block !important;
    border: none;
  }

  .sf-provi-articles-full .sf-provi-art-right {
    width: 100%;
    padding-left: 0px;
  }

  .sf-provi-articles-full .sf-provi-art-left:after {
    content: "";
    display: block;
    clear: both;
  }

  .sf-provi-art-pic {
    width: 50px;
    border-radius: 10px;
    margin-bottom: 15px;
    float: left;
    margin-right: 15px;
  }

}







.sf-proBnrfull-row {

  display: table;

  width: 100%;

  height: 650px;

}

.sf-proBnrfull-left,
.sf-proBnrfull-right {

  display: table-cell;

  vertical-align: middle;

  padding: 50px;

}

.sf-proBnrfull-right {

  width: 600px;

  background-color: #162f96;

}

.sf-proBnrfull-left {

  background-image: url("../images/banner/pro-banner.jpg");

  background-position: center;

  background-size: cover;

}

.sf-proBnrfull-heading {

  font-size: 46px;

  line-height: 1.4;

  color: #fff;

  margin: 0px 0px 10px;

}

.sf-proBnrfull-tagline {

  color: #fff;

  font-size: 22px;

}

.sf-provi-coInfo-map-full {

  height: 530px;

}

.sf-bot-divider {

  padding-bottom: 30px !important;

  border-bottom: 1px solid #ddd;

}

.sf-videoBox-full .sf-video-pic {

  height: 250px;

}

.sf-qes-answerList-full {

  margin: 0px -15px;

}

.sf-qes-answerList-full li {

  width: 50%;

  padding: 0px 15px;

}



.servi-le-btn {

  display: flex;

}

.servi-leRi-btn .btn {

  padding: 3px 12px;

  background-color: #022279;

  color: #fff;

  margin-right: 2px;

}

.servi-leRi-btn .btn:last-child {

  margin-right: 0px;

}

.servi-le-btn .btn:first-child {

  border-radius: 10px 0px 0px 10px;

}

.servi-le-btn .btn:last-child {

  border-radius: 0px 10px 10px 0px;

}



.sf-provi-fullBox {

  margin-bottom: 80px;

}

.rounded-sidebar-widget {

  border-radius: 20px;

  background-color: #fff;

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

  padding: 30px;

}











@media only screen and (max-width: 991px) {

  .sf-provi-articles-full li {

    width: 100% !important;

  }

}

.sf-proBnrfull-container {

  width: 100%;

  padding: 0px;

  max-width: 100%;

}

.sf-proBnrfull-row {

  display: table;

  width: 100%;

  height: 650px;

}

.sf-proBnrfull-left,
.sf-proBnrfull-right {

  display: table-cell;

  vertical-align: middle;

  padding: 50px;

}

@media only screen and (max-width:575px) {

  .sf-proBnrfull-left,
  .sf-proBnrfull-right {

    padding: 30px;

  }

}

.sf-proBnrfull-right {

  width: 600px;

  background-color: #162f96;

}

.sf-proBnrfull-left {

  background-image: url("../images/banner/pro-banner.jpg");

  background-position: center;

  background-size: cover;

}

@media only screen and (max-width: 991px) {

  .sf-proBnrfull-left,
  .sf-proBnrfull-right {

    display: block;

    width: auto;

  }

  .sf-proBnrfull-left {

    min-height: 400px;

  }

  .sf-proBnrfull-row {

    display: block;

    height: auto;

  }

}

.sf-proBnrfull-heading {

  font-size: 46px;

  line-height: 1.4;

  color: #fff;

  margin: 0px 0px 10px;

}

@media only screen and (max-width:991px) {

  .sf-proBnrfull-heading {

    font-size: 30px;

  }

}

.sf-proBnrfull-tagline {

  color: #fff;

  font-size: 22px;

}

.sf-provi-coInfo-map-full {

  height: 530px;

}

@media only screen and (max-width:767px) {

  .sf-provi-coInfo-map-full {

    margin-bottom: 30px;

  }

}

.sf-bot-divider {

  padding-bottom: 30px !important;

  border-bottom: 1px solid #ddd;

}

.sf-videoBox-full .sf-video-pic {

  height: 250px;

}

.sf-qes-answerList-full {

  margin: 0px -15px;

}

.sf-qes-answerList-full li {

  width: 50%;

  padding: 0px 15px;

}

@media only screen and (max-width:767px) {

  .sf-qes-answerList-full li {

    width: 100%;

  }

}



.servi-le-btn {

  display: flex;

}

.servi-leRi-btn .btn {

  padding: 3px 12px;

  background-color: #022279;

  color: #fff;

  margin-right: 2px;

}

.servi-leRi-btn .btn:last-child {

  margin-right: 0px;

}

.servi-le-btn .btn:first-child {

  border-radius: 10px 0px 0px 10px;

}

.servi-le-btn .btn:last-child {

  border-radius: 0px 10px 10px 0px;

}



.sf-provi-fullBox {

  margin-bottom: 80px;

}



@media only screen and (max-width:991px) {

  .sf-provi-fullBox {

    margin-bottom: 40px;

  }

}









/*Side Bar Widgets*/

.side-bar .widget {

  margin-bottom: 20px;

}

.side-bar .widget-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
}

.side-bar .widget-title:before {
  content: "";
  background: #ffb600;
  width: 5px;
  display: block;
  margin-right: 10px;
}



@media only screen and (max-width:991px) {

  .side-bar .widget:last-child {

    margin-bottom: 0px;

  }

}

/*19.2 widget search custom*/

.widget_search_bx button {

  border-left-color: #FFF;

  padding: 9px 20px;

  color: #fff !important;

  background-color: #ffb600;

  border-radius: 0px 20px 20px 0px;

  border: 0px;

  height: 44px;

}

.widget_search_bx .input-group .form-control {

  border-right: 1px solid #ffb600;

  height: 44px;

  border-radius: 20px 0px 0px 20px;

  background-color: #fff;

}

/*Recent post widgets*/

.recent-posts-entry .widget-post {

  margin-bottom: 20px;

}

.recent-posts-entry .widget-post:last-child {

  border: none;

  margin-bottom: 0px;

}

.recent-posts-entry .wt-post-meta li {

  padding: 0;

  display: block;

  font-size: 14px;

}

.recent-posts-entry .wt-post-meta li:last-child {

  margin-bottom: 0px;

}

.recent-posts-entry .wt-post-meta li:after {

  content: "|";

  display: inline-block;

  font-weight: normal;

  margin-left: 5px;

  font-size: 14px;

  margin-right: 5px;

  color: #000;

}

.recent-posts-entry .wt-post-meta li:last-child::after {

  display: none;

}

.recent-posts-entry .wt-post-date {

  background-color: #0e0e0e;

  width: 50px;

  height: 60px;

  float: left;

}

.recent-posts-entry .wt-post-media {

  width: 68px;

  float: left;

}

.recent-posts-entry .wt-post-media img {

  border-radius: 10px;

}

.recent-posts-entry .wt-post-info {

  margin-left: 88px;

}

.recent-posts-entry .wt-post-info .wt-post-meta ul {

  margin: 0;

  list-style: none;

  padding: 0;

}

.recent-posts-entry .wt-post-info .wt-post-meta ul li {

  font-size: 14px;

  color: #6d6d6d;

}

.recent-posts-entry .wt-post-info .post-title {

  margin-top: 0px;

}

.recent-posts-entry .wt-post-info .post-title a {

  color: #022279;

}

/*widget tags-list*/

.widget_tag_cloud a {

  padding: 8px 14px;

  overflow: hidden;

  font-size: 16px;

  display: inline-block;

  margin: 0 10px 10px 0px;

  color: #595959;

  position: relative;

  border: 1px solid #e8e8e8;

  border-radius: 10px;

  z-index: 1;

  -webkit-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -ms-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.widget_tag_cloud a:before {

  position: absolute;

  content: '';

  right: 100%;

  top: 0px;

  background-color: #e8e8e8;

  width: 0%;

  height: 100%;

  z-index: -1;

  -webkit-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -ms-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.widget_tag_cloud a:hover:before {

  width: 100%;

  right: 0%;

}

.widget_tag_cloud a:hover {

  color: #ffb600;

}

/*Widget Social Links*/

.widget_social_inks ul {

  list-style: none;

  display: flex;

  margin-bottom: 0px;

}

.widget_social_inks ul li {

  display: block;

}

.widget_social_inks ul li a {

  width: 44px;

  height: 44px;

  line-height: 44px;

  border-radius: 50%;

  display: block;

  margin-right: 8px;

  text-align: center;

}

.fb-1 {

  background-color: #1768d4;

}

.tw-1 {

  background-color: #1ebce9;

}

.pint-1 {

  background-color: #d63127;

}

.in-1 {

  background-color: #1768d4;

}

/*Blog Grid*/

.sf-blog-style-1 .post-bx {

  background-color: #f9fafd;

  border-radius: 14px;

  border-bottom: 3px solid #022178;

  margin-bottom: 30px;

}

.sf-blog-style-1 .post-bx .post-thum {

  border-radius: 20px;
  overflow: hidden;

}
.sf-blog-style-1 .post-bx .post-thum img{
  width: 100%;
}

.sf-blog-style-1 .post-info {

  background: none;

  padding: 30px 30px 15px 30px;

}

.sf-blog-style-1 .post-info .post-categories {

  position: relative;

  margin-top: -46px;

  margin-bottom: 20px;

}

.sf-blog-style-1 .post-info .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #fff;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #ffb600;

  margin-right: 8px;

  font-size: 14px;

}

.sf-blog-style-1 .post-info .post-categories a:last-child {

  margin-right: 0px;

}

.sf-blog-style-1 .post-meta {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.sf-blog-style-1.blog-post .post-meta ul {

  margin: 0px 0px 10px 0px;

  float: none;

  list-style: none;

}

.sf-blog-style-1 .post-title {

  font-size: 24px;

}

.sf-blog-style-1.blog-grid.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.sf-blog-style-1.blog-list.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.sf-blog-style-1.blog-post .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}

.sf-blog-style-1.blog-post .post-meta ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.sf-blog-style-1.blog-post .post-meta ul li:last-child {

  padding-right: 0px;

}

.sf-blog-style-1.blog-post .post-meta ul li:after {

  content: '|';

  position: absolute;

  right: 0px;

  top: 0px;

}

.sf-blog-style-1.blog-post .post-meta ul li:last-child:after {

  display: none;

}

.sf-blog-style-1.blog-post .post-meta ul li a {

  color: #595959;

}

/*BLog Detail*/

.sf-blog-style-1.blog-detail .post-bx {

  background-color: transparent;

  border-radius: 0px;

  border-bottom: 0px;

  margin-bottom: 30px;

}

.sf-blog-style-1.blog-detail.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.sf-detail-disc-list {

  margin: 10px 0px 20px 0px;

  list-style: decimal;

  list-style-position: inside;

}

.sf-detail-disc-list li {

  padding-bottom: 5px;

}

.sf-blog-style-1.blog-detail .post-info {

  padding: 30px 0px 0px;

}

blockquote {

  margin: 30px 0px;

}

.sf-blog-style-1.blog-detail blockquote {

  background-color: #f0f0fb;

  border-radius: 20px;

  border-left: 3px solid #022279;

  padding: 30px;

}

.sf-blog-style-1.blog-detail blockquote:before {

  display: none;

}

.sf-blog-style-1.blog-detail blockquote h4 {

  font-size: 24px;

  margin-top: 0px;

  margin-bottom: 15px;

}

.sf-blog-style-1.blog-detail blockquote .quoter {

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 600;

}

.blog-detail .sf-con-social-wrap {

  display: flex;

  justify-content: space-between;

}

@media only screen and (max-width:1200px) {

  .blog-detail .sf-con-social-wrap {

    display: block;

  }

  .blog-detail .sf-con-social-wrap h4 {

    margin-bottom: 20px;

  }

}

.blog-detail .sf-con-social {

  margin: 0px;

}

.blog-detail .sf-con-social li {

  margin-bottom: 30px;

}

.sf-con-social {

  margin: 0px;

}

.sf-con-social li {

  display: inline-block;

  margin-right: 20px;

}



.sf-con-social li:last-child {

  margin-right: 0px;

}

.sf-con-social li a {

  display: block;

  border-radius: 8px;

  font-size: 18px;

  line-height: 18px;

  color: #fff;

  padding: 12px 40px;

}

.sf-con-social li a img {

  padding-right: 5px;

}

.sf-con-social li a.sf-fb {

  background-color: #1768d4;

}

.sf-con-social li a.sf-twitter {

  background-color: #1ebce9;

}

.sf-con-social li a.sf-pinterest {

  background-color: #d63127;

}

.sf-con-social-pic span {

  display: inline-block;

  border-radius: 50%;

  border: 3px solid #ffb600;

  overflow: hidden;

}

@media only screen and (max-width:767px) {

  .sf-con-social-pic {

    display: none;

  }

}

/*BLog Tags*/

.sf-post-tags {

  margin: 30px 0px 20px 0px;

  display: flex;

  justify-content: start;

}



.sf-post-tags h4 {

  margin: 0px 30px 0px 0px;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-align: center;

  align-items: center;

}

@media only screen and (max-width:1200px) {

  .sf-post-tags {

    display: block;

  }

  .sf-post-tags h4 {

    margin: 0px 0px 30px 0px;

  }

}

.sf-post-tags ul {

  margin: 0px;

  list-style: none;

}

.sf-post-tags ul li {

  display: inline-block;

}

.sf-post-tags li a {

  display: block;

  margin-right: 10px;

  margin-bottom: 10px;

  border-radius: 12px;

  color: #595959;

  font-size: 16px;

  line-height: 20px;

  border: 1px solid #e2e5ec;

  padding: 8px 20px;

}

.sf-pd-sm-media {

  margin: 40px 0px 10px 0px;

}

.sf-pd-sm-media .sf-pd-img {

  border-radius: 12px;

  overflow: hidden;

}

.sf-pd-sm-media .sf-pd-img img {

  width: 100%;

}



/*Blog post meta icon style*/

.sf-blog-style-1.blog-post .post-meta.sf-icon-post-meta ul li:after {

  display: none;

}

.sf-blog-style-1.blog-post .post-meta.sf-icon-post-meta ul li i {

  color: #ffb600;

  margin-right: 10px;

  vertical-align: middle;

  display: inline-block;



}

/*= comment list = */

.comments-area {

  padding: 0;

  clear: both;

}

.comments-area .comments-title {

  text-transform: uppercase;

  font-size: 20px;

}

ol.comment-list {

  list-style: none;

  margin: 0;

}

ol.comment-list li.comment {

  position: relative;

  padding: 0;

}

ol.comment-list li.comment .comment-body {

  position: relative;

  padding: 15px 20px;

  margin-bottom: 40px;

  margin-left: 80px;

  position: relative;

  border: 1px solid #e9e9e9;

}

ol.comment-list li.comment .comment-body:before,
ol.comment-list li.comment .comment-body:after {

  content: '';

  position: absolute;

  top: 20px;

  width: 0;

  height: 0;

  border-width: 10px 12px 10px 0;

  border-style: solid;

}

ol.comment-list li.comment .comment-body:before {

  border-color: transparent #fff transparent #fff;

  z-index: 1;

  left: -12px;

  top: 22px;

}

ol.comment-list li.comment .comment-body:after {

  border-color: transparent #e9e9e9 transparent #e9e9e9;

  border-width: 12px 14px 12px 0;

  left: -14px;

}

ol.comment-list li.comment .comment-author {

  display: block;

  margin-bottom: 5px;

}

ol.comment-list li.comment .comment-author .avatar {

  position: absolute;

  top: 0;

  left: -80px;

  width: 56px;

  height: 56px;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  border: 2px solid #FFF;

}

ol.comment-list li.comment .comment-author .fn {

  display: inline-block;

  color: #555555;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 600;

  font-style: normal;

}

ol.comment-list li.comment .comment-author .says {

  display: none;

  color: #999999;

  font-weight: 600;

}

ol.comment-list li.comment .comment-meta {

  color: #8d8d8d;

  text-transform: uppercase;

  margin-bottom: 10px;

}

ol.comment-list li.comment .comment-meta:before,
ol.comment-list li.comment .reply a:before {

  font-family: "FontAwesome";

  font-size: 11px;

  vertical-align: top;

}

ol.comment-list li.comment .comment-meta:before {

  content: "\f133";

}

ol.comment-list li.comment .reply a:before {

  content: "\f064";

  font-weight: normal;

  color: #555555;

  margin-right: 5px;

  vertical-align: middle;

}

ol.comment-list li.comment p {

  margin: 0 0 5px;

}

ol.comment-list li.comment .reply a {

  position: absolute;

  top: 50px;

  right: 30px;

  margin-top: -5px;

  color: #022278;

  font-weight: 600;

}

ol.comment-list li .children {

  list-style: none;

  margin-left: 80px;

}

ol.comment-list li .children li {

  padding: 0;

}

@media only screen and (max-width: 767px) {

  .comments-area .padding-30 {

    padding: 15px;

  }

  ol.comment-list li.comment .comment-body {

    margin-bottom: 30px;

    margin-left: 70px;

  }

  ol.comment-list li.comment .comment-author .avatar {

    left: -75px;

    height: 60px;

    width: 60px;

  }

  ol.comment-list li .children {

    margin-left: 20px;

  }

  ol.comment-list li.comment .reply a {

    position: static;

  }

}

@media only screen and (max-width: 480px) {

  ol.comment-list li.comment .comment-body {

    margin-left: 52px;

  }

  ol.comment-list li.comment .comment-author .avatar {

    left: -55px;

    top: 12px;

    width: 40px;

    height: 40px;

  }

}

/*================================

BLog Post Comment Section

=================================*/



@media only screen and (max-width:991px) {

  .sf-blog-comment-wrap {

    margin-bottom: 30px;

  }

}



.sf-blog-comment-wrap .comments-area .comment-form p input[type="text"],
.sf-blog-comment-wrap .comments-area .comment-form p textarea {

  border-radius: 14px;

  border: 2px solid #c2c8d7;

  height: 50px;

  background-color: #fff;

  padding: 10px;

}

.sf-blog-comment-wrap .comments-area p:before {

  display: none;

}

.sf-blog-comment-wrap .comments-area .comment-form p textarea {

  height: 190px;

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-author {

  width: 50%;

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-email {

  width: 50%;

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-url {

  width: 100%;

}

.sf-blog-comment-wrap .comments-area .comment-form .sf-btn-large {

  width: auto;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-meta::before {

  display: none;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-body::before,
.sf-blog-comment-wrap ol.comment-list li.comment .comment-body::after {

  display: none;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-author .fn {

  color: #022279;

  font-size: 20px;

  text-transform: capitalize;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-meta a {

  color: #000;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-body {

  padding: 0px;

  margin-left: 130px;

  border: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-author .avatar {

  left: -130px;

  width: 106px;

  height: 106px;

  border-radius: 12px;

  -webkit-border-radius: 12px;

  border: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .reply a {

  position: absolute;

  top: 0px;

  right: 0px;

  margin-top: 0px;

  color: #000;

  font-weight: normal;

  background-color: #ffb600;

  padding: 15px 30px 15px 15px;

  border-radius: 10px;

  line-height: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .reply a::before {

  content: "\f178";

  font-weight: normal;

  color: #000;

  margin-right: 10px;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.sf-blog-comment-wrap .comments-area .comments-title {

  font-size: 30px;

  font-weight: normal;

  margin-bottom: 30px;

}

.sf-blog-comment-wrap .comments-area .comments-title span {

  color: #ffb600;

}





/*========================

Comment Form 

==========================*/

.comment-respond {

  padding: 30px 30px;

  border: 1px solid #e9e9e9;

}

.comment-respond .comment-reply-title {

  text-transform: uppercase;

  font-size: 20px;

}

.comment-respond .comment-reply-title {

  font-size: 16px;

  font-weight: 600;

}

.comments-area .comment-form {

  margin: 0 -15px;

}

.comments-area .comment-form .comment-notes {

  display: none;

}

.comments-area .comment-form p {

  width: 33.333%;

  float: left;

  padding: 0 15px;

  margin-bottom: 30px;

  position: relative;

}

.comments-area .comment-form p.form-allowed-tags {

  width: 100%;

}

ol.comment-list li.comment .comment-respond .comment-form p {

  padding: 0 15px !important;

}

.comments-area .comment-form p label {

  display: none;

  line-height: 18px;

  margin-bottom: 10px;

}

.comments-area p:before {

  font-family: "FontAwesome";

  display: inline-block;

  position: absolute;

  left: 15px;

  top: 0;

  font-size: 16px;

  color: #ccc;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #e1e1e1;

  text-align: center;

}

.comments-area p.comment-form-author:before {

  content: "\f007";

}

.comments-area p.comment-form-email:before {

  content: "\f0e0";

}

.comments-area p.comment-form-url:before {

  content: "\f0ac";

}

.comments-area p.comment-form-comment:before {

  content: "\f040";

}

.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p textarea {

  width: 100%;

  height: 40px;

  line-height: 6px 12px;

  padding: 10px 10px 10px 50px;

  border: 1px solid #e1e1e1;

}

.comments-area .comment-form p.comment-form-comment {

  width: 100%;

  display: block;

  clear: both;

}

.comments-area .comment-form p textarea {

  height: 120px;

}

.comments-area .comment-form p.form-submit {

  clear: both;

  float: none;

  width: 100%;

  margin: 0;

}

.comments-area .comment-form p input[type="submit"] {

  background-color: #022278;

  border-color: #1f82bd;

  border-width: 0;

  border-bottom-width: 3px;

  border-style: solid;

  color: #fff;

  padding: 9px 20px;

  line-height: 1.42857;

  text-transform: uppercase;

}

.comments-area .comment-form p input[type="submit"]:hover,
.comments-area .comment-form p input[type="submit"]:focus,
.comments-area .comment-form p input[type="submit"]:active {

  background-color: #1f82bd;

  border-color: #0c6faa;

  color: #fff;

}

@media only screen and (max-width: 767px) {

  .comments-area .comment-form p {

    width: 100%;

    float: none;

    margin-bottom: 20px;

  }

  .comment-respond {

    padding: 20px;

  }

}

/*=========================

BLog Post Comment Section

===========================*/

.sf-blog-comment-wrap .comment-respond {

  padding: 40px;

  border: 0px;

  background-color: #f8f5ff;

}

@media only screen and (max-width: 375px) {

  .sf-blog-comment-wrap .comment-respond {

    padding: 20px;

  }

}

.sf-blog-comment-wrap .comments-area .comment-form p input[type="text"],
.sf-blog-comment-wrap .comments-area .comment-form p textarea {

  border-radius: 14px;

  border: 2px solid #c2c8d7;

  height: 50px;

  background-color: #fff;

  padding: 10px;

}

.sf-blog-comment-wrap .comments-area p:before {

  display: none;

}

.sf-blog-comment-wrap .comments-area .comment-form p textarea {

  height: 190px;

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-author {

  width: 50%;

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-email {

  width: 50%;

}

@media only screen and (max-width:767px) {

  .sf-blog-comment-wrap .comments-area .comment-form p.comment-form-author {

    width: 100%;

  }

  .sf-blog-comment-wrap .comments-area .comment-form p.comment-form-email {

    width: 100%;

  }

}

.sf-blog-comment-wrap .comments-area .comment-form p.comment-form-url {

  width: 100%;

}

.sf-blog-comment-wrap .comments-area .comment-form .sf-btn-large {

  width: auto;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-meta::before {

  display: none;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-body::before,
.sf-blog-comment-wrap ol.comment-list li.comment .comment-body::after {

  display: none;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-author .fn {

  color: #022279;

  font-size: 20px;

  text-transform: capitalize;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-meta a {

  color: #000;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-body {

  padding: 0px;

  margin-left: 130px;

  border: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .comment-author .avatar {

  left: -130px;

  width: 106px;

  height: 106px;

  border-radius: 12px;

  -webkit-border-radius: 12px;

  border: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .reply a {

  position: absolute;

  top: 0px;

  right: 0px;

  margin-top: 0px;

  color: #000;

  font-weight: normal;

  background-color: #ffb600;

  padding: 15px 30px 15px 15px;

  border-radius: 10px;

  line-height: 0px;

}

.sf-blog-comment-wrap ol.comment-list li.comment .reply a::before {

  content: "\f178";

  font-weight: normal;

  color: #000;

  margin-right: 10px;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.sf-blog-comment-wrap .comments-area .comments-title {

  font-size: 30px;

  font-weight: normal;

  text-transform: capitalize;

}

.sf-blog-comment-wrap .comments-area .comments-title span {

  color: #ffb600;

}

@media only screen and (max-width:480px) {

  .sf-blog-comment-wrap ol.comment-list li.comment .comment-body {

    margin-left: 0px;

  }

  .sf-blog-comment-wrap ol.comment-list li.comment .comment-author .avatar {

    position: inherit;

  }

  .sf-blog-comment-wrap ol.comment-list li.comment .comment-author .fn {

    display: block;

  }

}



/*======================

Catesgories

======================*/

.sf-caty-listResult-wrap {

  padding: 80px 0px;

}

@media only screen and (max-width:767px) {

  .sf-caty-listResult-wrap {

    padding: 30px 0px;

  }

}

.sf-allCaty-info-wrap {

  padding-top: 90px;

  border-top: 1px solid #ddd;

}

@media only screen and (max-width:991px) {

  .sf-allCaty-info-wrap {

    padding: 90px 0px;

  }

}

.sf-caty-pic {

  height: 500px;

  margin-right: 30px;

  position: relative;

  border-radius: 30px;

  margin-bottom: -120px;

  background-image: url("../images/cat-pic.jpg");

  background-size: cover;

  background-position: center;

}



.sf-caty-cirle {

  position: absolute;

  bottom: -40px;

  right: 20px;

  width: 90px;

  height: 90px;

  line-height: 90px;

  text-align: center;

  background: #fff;

  font-size: 30px;

  color: #022176;

  border-radius: 50px;

}

@media only screen and (max-width:991px) {

  .sf-caty-cirle {

    width: 70px;

    height: 70px;

    line-height: 70px;

  }

}



@media only screen and (max-width:767px) {

  .sf-caty-pic {
    margin-right: 0px;
  }

  .sf-caty-info {
    margin-bottom: 30px;
  }

}



.sf-caty-btn {

  position: absolute;

  bottom: -40px;

  right: 120px;

  color: #fff;

  font-weight: 600;

}

.sf-allCaty-grid-wrap {

  background-color: #022176;

}



.sf-allCaty-grid-wrap {

  padding-top: 150px;

  padding-bottom: 80px;

}

.sf-caty-text p:last-child {
  margin-bottom: 90px;
}



@media only screen and (max-width:991px) {

  .sf-caty-pic {

    margin-bottom: 30px;

    height: 400px;

  }

  .sf-caty-btn {

    bottom: -15px;

    padding: 10px 15px;

    background-color: #022176;

    line-height: 1;

    border-radius: 20px;

    right: 105px;

    font-size: 14px;

  }

  .sf-caty-info {
    margin-bottom: 30px;
  }

  .sf-allCaty-grid-wrap {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .sf-caty-text p:last-child {
    margin-bottom: 0px;
  }



}









@media only screen and (max-width:767px) {

  .sf-allCaty-grid-wrap {

    padding-top: 30px;

    padding-bottom: 0px;

  }

}

.sf-catyitem-pic {

  height: 220px;

  margin-bottom: 20px;

  background-size: cover;

}

.sf-catyitem-box:first-child {

  margin-bottom: 30px;

}

.sf-catyitem-pic {

  border-radius: 10px;

}

.sf-catyitem-title {

  color: #fff;

  text-align: center;

}

.sf-catyitem-title a {

  color: #fff;

}

.sf-caty-icon-col {

  text-align: center;

  color: #fff;

}

.sf-caty-icon-box {

  width: 130px;

  height: 130px;

  line-height: 105px;

  background: #fff;

  text-align: center;

  margin: 0px auto 40px;

  border-radius: 100px;

  border: 10px solid #fab200;

}

.sf-caty-icon-col p {

  margin-bottom: 0px;

}

.sf-caty-icon-title {

  color: #fff;

  margin: 0px 0px 15px;

  font-size: 20px;

}

.sf-vender-list-wrap {

  margin-bottom: 30px;

}

.sf-vender-list-box {

  background-color: #fff;

  border-radius: 30px;

  overflow: hidden;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}



.sf-vender-list-wrap {

  position: relative;

  z-index: 1;

}

.sf-vender-list-wrap:after {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  background-color: #022279;

  width: 100%;

  height: 100%;

  z-index: -1;

  border-radius: 30px;

}

.sf-vender-list-pic {

  width: 220px;

  min-height: 150px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.sf-vender-pic-link {
  width: 100%;
  height: 100%;
  display: block;
}



.sf-vender-list-info {

  width: calc(100% - 220px);

  padding: 30px;

  position: relative;

}



@media only screen and (max-width:1400px) {

  .aon-vender-list-wrap-outer [class*="col-"] {
    min-width: 100%;
  }

}

@media only screen and (max-width:1200px) {

  .sf-vender-list-pic {
    width: 100%;
    min-height: 280px;
  }

  .sf-vender-list-info {
    width: 100%;
  }

}

@media only screen and (max-width:575px) {

  .sf-vender-list-box {
    display: block !important;
  }



}



@media only screen and (max-width:420px) {

  .sf-vender-list-pic {
    min-height: 200px;
  }

}

.sf-vender-list-info .sf-venders-title {

  margin-bottom: 15px;

}

.sf-vender-list-info .sf-venders-address .fa {

  margin-right: 5px;

}

.sf-vender-list-info .sf-ow-pro-rating {

  line-height: 1;

  margin: 10px 0px 15px;

}

.sf-vender-list-info .sf-pro-check {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.sf-vender-list-info .sf-pro-check span {

  text-align: center;

  width: 26px;

  height: 26px;

  line-height: 26px;

  display: block;

  background-color: #ffb600;

  color: #000;

  font-size: 14px;

  border-radius: 50%;

}

.sf-vender-list-info .sf-pro-favorite {

  display: inline-block;

  line-height: 1;

  vertical-align: middle;

  margin-right: 10px;

}

.sf-vender-list-info .sf-pro-favorite a {

  font-size: 26px;

  color: #ffb600;

}

.sf-vender-list-info .sf-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 16px;

}

.aon-vender-list2-pic {

  width: 220px;

  min-height: 150px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.aon-vender-list2-info {

  width: calc(100% - 220px);

  padding: 30px;

  position: relative;

}

.aon-vender-list2-info .sf-venders-title {

  margin: 0px;

}

.aon-vender-list2-info .sf-venders-address .fa {

  margin-right: 5px;

}

.aon-vender-list2-info .sf-ow-pro-rating {

  line-height: 1;

  margin: 10px 0px 15px;

}

.aon-vender-list2-info .sf-pro-check {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.aon-vender-list2-info .sf-pro-check span {

  text-align: center;

  width: 26px;

  height: 26px;

  line-height: 26px;

  display: block;

  background-color: #ffb600;

  color: #000;

  font-size: 14px;

  border-radius: 50%;

}

.aon-vender-list2-info .sf-pro-favorite {

  display: inline-block;

  line-height: 1;

  vertical-align: middle;

  margin-right: 10px;

}

.aon-vender-list2-info .sf-pro-favorite a {

  font-size: 26px;

  color: #ffb600;

}

.aon-vender-list2-info .sf-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 16px;

}

.action-dropdown .action-button {

  color: #022279;

  outline: none;

  border: none;

  padding: 5px 10px;

  background: none;

  color: #333;

  border-radius: 5px;

  -webkit-border-radius: 5px;

}

.action-dropdown .action-button:after {

  display: none;

}

.action-dropdown .action-button:focus {

  color: #022279;

}

.action-dropdown .dropdown-menu {

  border: none;

  padding: 5px 0px;

  margin-top: 12px;

  left: auto;

  right: 100%;

  margin-right: -50px;

  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);

}

.action-dropdown .dropdown-menu:after {

  content: "";

  position: absolute;

  top: -7px;

  right: 25px;

  width: 0;

  height: 0;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #fff;

}

.action-dropdown .dropdown-menu>li>a {

  padding: 5px 15px;

  font-family: 'Poppins';

  font-size: 12px;

  color: #99a3aa;

}

.action-dropdown .dropdown-menu>li>a i {

  margin-right: 5px;

  font-size: 16px;

  vertical-align: middle;

  color: #293742;

}

.action-dropdown .dropdown-menu>li>a:hover {

  background: none;

  color: #000;

}

.action-dropdown .dropdown-menu>li>a:hover i {

  color: #000;

}

.action-dropdown.dropdown-left {

  width: auto;

  position: absolute;

  top: 25px;

  right: 20px;

}

.action-dropdown.dropdown-left .fa {

  vertical-align: middle;

}

.action-dropdown.dropdown-left .dropdown-menu {

  top: 5px !important;

  margin: 0 10px 0 0;

  right: 25px;

  left: auto !important;

  transform: none !important;

  white-space: nowrap;

}

.action-dropdown .dropdown-menu:after {

  top: 10px;

  right: -14px;

  border-top: 7px solid transparent;

  border-bottom: 7px solid transparent;

  border-left: 7px solid #fff;

}

.sf-search-any-option {

  margin: 0 -3px;

  list-style: none;

}

.sf-search-any-option li {

  float: left;

  width: 130px;

  padding: 0 3px;

}

.sf-search-any-option li.sf-filterby-date {

  float: left;

  width: 165px;

  padding: 0 5px;

}

.sf-search-any-option li:last-child {

  width: auto;

}

.sf-search-any-option li .bootstrap-select {

  width: 100% !important;

}

.sf-search-any-option li .bootstrap-select .dropdown-toggle {

  padding-left: 10px;

  padding-right: 20px;

}

.sf-search-any-option li .btn-primary {

  padding: 10px 20px;

}

.sf-search-sortby {

  margin: 0 -3px;

  list-style: none;

  display: inline-block;

}

.sf-search-sortby>li {

  float: left;

  width: auto;

  padding: 0 3px;

}

/* .sf-search-sortby > li.sf-select-sort-by {

  width: 100px;

} */

.sf-search-sortby>li .bootstrap-select {

  width: 100% !important;

}

.sf-search-sortby>li .bootstrap-select .dropdown-toggle {

  padding-left: 10px;

  padding-right: 20px;

}

.sf-search-grid-option {

  margin: 0 -3px;

  list-style: none;

  display: inline-block;

}

.sf-search-grid-option li {

  float: left;

  padding: 0 3px;

}

.sf-search-grid-option li .btn {

  padding: 9px 15px;

  border: 1px solid #ddd;

  height: 50px;

  background: #fff;

}

/*======================

All categories

=======================*/

.aon-page-benner-area2 {

  background-color: #f2f5fa;

  text-align: center;

  padding: 80px 30px;

}

.aon-page-benner-area2 .aon-banner-large2-title {

  color: #224073;

  font-size: 26px;

  font-weight: 800px;

  max-width: 530px;

  margin-left: auto;

  margin-right: auto;

}

.aon-all-categories-wrap2 {

  padding: 90px 0px 60px;

}

@media only screen and (max-width:768px) {

  .aon-all-categories-wrap2 {

    padding: 30px 0px 30px;

  }

}

.aon-all-cat-block {

  position: relative;

  background-position: center center;

  background-size: cover;

  height: 440px;

  border-radius: 30px;

  margin-bottom: 30px;

  margin-right: 20px;

}

.aon-all-cat-block .aon-cat-quantity {

  position: absolute;

  left: 30px;

  top: 30px;

  z-index: 1;

}

.aon-all-cat-block .aon-cat-quantity span {

  width: 75px;

  height: 75px;

  line-height: 75px;

  text-align: center;

  border-radius: 50%;

  background-color: #fff;

  display: block;

  font-size: 30px;

  color: #022279;

  position: relative;

  z-index: 1;

  box-shadow: 7px 7px #ffb600;

}

.aon-all-cat-block .aon-cat-quantity span i {

  font-style: normal;

}

.aon-all-cat-block .aon-cat-name {

  position: absolute;

  right: -20px;

  bottom: 30px;

}

.aon-all-cat-block .aon-cat-name a {

  font-size: 18px;

  color: #000;

  background-color: #fff;

  padding: 12px 20px;

  border-radius: 6px;

  box-shadow: 4px 0px #073088;

}

/*======================

all categories list

=======================*/

.aon-all-cat-list1-section {

  padding: 10px 0px;

}

.aon-all-cat-list1-section .aon-cat-list1-title {

  font-size: 24px;

  color: #224073;

  margin-bottom: 30px;

  font-weight: 800;

}

.aon-all-cat-list1-section .aon-all-cat-list1 {

  margin-bottom: 30px;

}

.aon-all-cat-list1-section .aon-all-cat-list1 ul {

  list-style: none;

}

.aon-all-cat-list1-section .aon-all-cat-list1 ul li a {

  padding: 3px 0px;

  display: block;

}

/*======================

Search Listing Page

=======================*/

.sf-search-bar-panel {

  position: fixed;

  overflow: auto;

  left: 0px;

  bottom: 0;

  width: 100%;

  max-width: 450px;

  height: calc(100vh - 90px);

  padding: 0px;

  background-color: #fff;

  z-index: 99;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



@media only screen and (max-width:767px) {

  .sf-search-bar-panel {
    height: calc(100vh - 70px);
  }

}





.sf-search-bar-panel .slider.slider-horizontal {

  width: 100%;

}

.sf-search-bar-panel .sf-search-title label {

  font-weight: 700;

  font-size: 18px;

  color: #022279;

}



.sf-search-icon {

  width: 20px;

  display: block;

  float: right;

}

.sf-searchbar-box {

  padding: 0px 30px 30px;

}

.sf-searchbar-area {

  list-style: none;

  margin: 0px 0px 30px;

}

.sf-searchbar-area>li {

  padding: 30px 0px;

  border-bottom: 1px solid #ddd;

}

.sf-searchbar-area>li:after {

  content: "";

  clear: both;

  display: block;

}

.sf-searchbar-area .slider.slider-horizontal .slider-track {

  height: 6px;

  background: #ffb600;

}

.sf-searchbar-area .slider.slider-horizontal .slider-selection {

  background: #ffb600;

}

.sf-searchbar-area .slider.slider-horizontal .slider-handle {

  background: #022279;

  top: -2px;

}

.sf-searchbar-area .slider .tooltip.top {

  margin-top: -40px;

}

.sf-searchbar-area .tooltip .tooltip-inner {

  padding: 5px 10px 6px;

  border-radius: 10px;

  line-height: 1.2;

}



.sf-searchbar-box .sf-search-btn {

  display: block;

  width: 100%;

  height: 54px;

  border-radius: 20px;

  font-size: 20px;

}

.sf-left-value {

  float: left;

}

.sf-right-value {

  float: right;

}

.aon-search-result-area {

  margin-left: 450px;

  padding: 30px;

  min-height: 100vh;

  margin-top: 0px;

  background-color: #f9f6ff;

  position: relative;

}

.aon-header-no-map+.page-content {

  padding-bottom: 0px;

  background-color: #f9f6ff;

}

.sf-search-result-top {

  margin-bottom: 20px;

  align-items: center;

}



@media only screen and (max-width:1600px) {

  .sf-search-result-top {
    margin-bottom: 0px;
  }

}



.sf-search-result-first {
  margin-bottom: 0px;
}

.aon-search-result-area .aon-ow-provider-wrap {

  margin-left: 15px;

}

.sf-search-result-btn {
  border-top: 1px solid #ddd;
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  display: none !important;
}

.sf-search-result-btn .site-button {
  margin-left: 15px;
}



.search-filtter-btn {
  display: none;
}

.view-map-btn {
  display: none;
}



.active-search-filter .sf-seach-vertical {
  left: 0px;
  -webkit-box-shadow: 30px 30px 30px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 30px 30px 30px 10px rgba(0, 0, 0, 0.1);
}

.active-view-map .aon-search-right-map {
  width: calc(100% - 350px);
  display: block;
  z-index: 1;
}

.aon-search-right-close {
  display: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  background: red;
  color: #fff;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
}

.aon-search-right-close i {
  color: #fff;
}



.sf-search-vbar-panel-close {
  display: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  background: red;
  color: #fff;
  position: fixed;
  top: 0%;
  left: -30px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sf-search-vbar-panel-close i {
  color: #fff;
}





@media only screen and (max-width:1600px) {

  .sf-search-result-area {
    margin-left: 350px;
  }

  .sf-seach-panel-close {
    top: 0px;
    right: 70px;
  }

}



@media only screen and (max-width:1440px) {

  .sf-search-bar-panel {
    max-width: 350px;
  }

  .sf-search-result-area {
    margin-left: 350px;
    padding: 25px;
  }

  .sf-vender-list-info {
    padding: 25px;
  }

}



@media only screen and (max-width:1350px) {





  .view-map-btn {
    display: block;
  }

  .sf-search-result-btn {
    display: flex !important;
  }

  .aon-search-right-close {
    display: block;
  }

}



@media only screen and (max-width:1300px) {

  .sf-search-result-area [class*="col-md-"] {
    width: 100%;
  }

}

@media only screen and (max-width:991px) {

  .page-content.active-search-filter {
    position: relative;
  }

  .active-search-filter .sf-search-vbar-panel-close {
    display: block;
    left: 350px;
    top: 90px;
  }



  .search-filtter-btn {
    display: block;
  }

  .sf-search-bar-panel {
    left: -100%;
  }

  .sf-search-result-area {
    margin-left: 0;
    padding: 25px;
  }

  .active-view-map .aon-search-right-map {
    width: calc(100% - 0px);
    display: block;
  }

}

@media only screen and (max-width:991px) {

  .sf-search-bar-panel {
    left: -100%;
  }

  .active-searchbar .sf-search-bar-panel {
    left: 0%;
  }

  .sf-search-result-area {
    margin-left: 0;
    padding: 25px;
  }

  .active-vs-bar .sf-search-bar-panel {
    left: 0%;
    -webkit-box-shadow: 30px 30px 30px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 30px 30px 30px 10px rgba(0, 0, 0, 0.1);
  }

  .active-vs-bar .search-filter-btn {
    position: fixed;
    top: 90px;
    left: 350px;
    font-size: 0px;
    width: 24px;
    height: 24px;
    background: #f23e3e;
    color: #fff;
    z-index: 9999;
    padding: 0px;

    border-radius: 0px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

  }



  .active-vs-bar .search-filter-btn i {
    font-size: 16px;
    display: block;
    padding: 0px;
  }



  .active-vs-bar .search-filter-btn i:before {
    content: "\f00d";
  }



}



@media only screen and (max-width:767px) {

  .active-vs-bar .search-filter-btn {
    top: 70px;
  }

}

@media only screen and (max-width:480px) {

  .active-vs-bar .search-filter-btn {
    left: 280px;
  }

  .active-search-filter .sf-search-vbar-panel-close {
    left: 280px;
  }

}

@media only screen and (max-width:430px) {

  .sf-search-result-btn .site-button {
    width: 100%;
    margin: 0px 0px 20px;
  }

  .sf-search-result-btn .site-button:last-child {
    margin-bottom: 0px;
  }

}







/*======================

Latest Blog style 2

=======================*/

.aon-blog-page-wrap {

  padding: 90px 0px;

}

@media only screen and (max-width:768px) {

  .aon-blog-page-wrap {

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

.aon-latest-blog-area3 {

  background-color: #fff;

  padding: 90px 0px;

}

.aon-blog-style-3 {

  box-shadow: 0 0 20px rgba(52, 69, 113, 0.16);

  border-radius: 20px;

  border: 1px solid #e0e5f1;

  margin-bottom: 30px;

}

.aon-blog-style-3 .post-bx {

  background-color: #fff;

  border-radius: 14px;

}

.aon-blog-style-3 .post-bx .post-thum {

  border-radius: 20px;

  margin: 30px;

  position: relative;

}

.aon-blog-style-3 .post-bx .post-thum img {

  border-radius: 20px;

  box-shadow: 0px 15px 20px #cdc9d7;

  width: 100%;

}

.aon-blog-style-3 .post-info {

  background: none;

  padding: 0px 30px 30px 30px;

}

.aon-blog-style-3 .post-bx .post-thum .post-categories {

  position: absolute;

  left: 20px;

  bottom: 20px;

}

.aon-blog-style-3 .post-bx .post-thum .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #fff;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #ffb600;

  margin-right: 8px;

  font-size: 14px;

}

.aon-blog-style-3 .post-thum .post-categories a:last-child {

  margin-right: 0px;

}

.aon-blog-style-3 .post-title {

  font-size: 24px;

  margin-bottom: 0px;

}

.aon-blog-style-3 .post-title a {

  color: #022279;

}

.post-meta1 {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.post-meta1 ul {

  margin: 0px 0px 10px 0px;

  float: none;

}

.post-meta1 ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.post-meta1 ul li:last-child {

  padding-right: 0px;

}

.post-meta1 ul li a {

  color: #595959;

}

.post-meta1 ul li i {

  color: #ffb600;

  padding-right: 10px;

}

.post-meta1 .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.post-meta1 .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.post-meta1 .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}





/*======================

Blog list style 2

=======================*/

.aon-blog-list3 .post-date-position {

  background-color: #ffb600;

  border-radius: 20px;

  position: absolute;

  transform: translateY(-50%) rotate(-90deg);

  left: -60px;

  top: 50%;

}

.aon-blog-list3 .post-date-position .post-date {

  float: left;

  font-size: 18px;

  color: #000;

  border-left: 1px solid #fff;

}

.aon-blog-list3 .post-date-position .post-date span {

  display: block;

  padding: 8px 20px;

}

.aon-blog-list3 .post-date-position .post-share {

  float: left;

}

.aon-blog-list3 .post-date-position .post-share .post-share-icon {

  display: block;

  font-size: 28px;

  line-height: inherit;

  padding-right: 15px;

  padding-left: 15px;

  transform: rotate(90deg);

}

.aon-blog-list3 .post-bx {

  background-color: #f9fafd;

  border-radius: 10px;

  margin-bottom: 30px;

  display: flex;

  flex-wrap: nowrap;

  padding: 40px;

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

  border: 1px solid #e0e5f1;

  align-items: center;

  position: relative;

}

.aon-blog-list3 .post-bx .post-thum {

  border-radius: 20px;

  overflow: hidden;

  min-width: 295px;

}

.aon-blog-list3 .post-info {

  background: none;

  padding: 0px 0px 0px 40px;

}

.aon-blog-list3 .post-info .post-categories {

  position: relative;

}

.aon-blog-list3 .post-info .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #636363;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #fff;

  margin-right: 8px;

  font-size: 14px;

  border: 1px solid #e4e4e4;

}

.aon-blog-list3 .post-info .post-categories a:last-child {

  margin-right: 0px;

}

.aon-blog-list3 .post-meta {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.aon-blog-list3.blog-post .post-meta ul {

  margin: 0px 0px 10px 0px;

  float: none;

  list-style: none;

}

.aon-blog-list3 .post-title {

  font-size: 24px;

  margin: 15px 0px;

}

.aon-blog-list3 .post-title a {

  color: #022279;

}

.aon-blog-list3.blog-grid.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list3.blog-list.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list3.blog-post .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}

.aon-blog-list3.blog-post .post-meta ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.aon-blog-list3.blog-post .post-meta ul li:last-child {

  padding-right: 0px;

}

.aon-blog-list3.blog-post .post-meta ul li:after {

  content: '|';

  position: absolute;

  right: 0px;

  top: 0px;

}

.aon-blog-list3.blog-post .post-meta ul li:last-child:after {

  display: none;

}

.aon-blog-list3.blog-post .post-meta ul li a {

  color: #595959;

}



@media only screen and (max-width:1200px) {

  .aon-blog-list3 .post-bx .post-thum {

    min-width: 200px;

  }

}

@media only screen and (max-width:767px) {

  .aon-blog-list3 .post-bx {

    display: block;

    padding: 30px;

  }

  .aon-blog-list3 .post-bx .post-thum {

    min-width: 100%;

    margin-bottom: 30px;

  }

  .aon-blog-list3 .post-bx .post-thum img {

    width: 100%
  }



}

@media only screen and (max-width:420px) {

  .aon-blog-list3 .post-date-position {

    transform: none;

    left: 50px;

    top: 50px;

  }

  .aon-blog-list3 .post-info {

    padding: 0px;

  }

}



/*======================

Blog list style 4

======================*/

.aon-blog-list4 .post-date-position {

  background-color: #ffb600;

  border-radius: 20px;

  position: absolute;

  transform: rotate(-90deg);

  right: -40px;

  bottom: 27px;

}

.aon-blog-list4 .post-date-position .post-date {

  float: left;

  font-size: 18px;

  color: #000;

  border-left: 1px solid #fff;

}

.aon-blog-list4 .post-date-position .post-date span {

  display: block;

  padding: 8px 20px;

}

.aon-blog-list4 .post-date-position .post-share {

  float: left;

}

.aon-blog-list4 .post-date-position .post-share .post-share-icon {

  display: block;

  font-size: 28px;

  line-height: inherit;

  padding-right: 15px;

  padding-left: 15px;

  transform: rotate(90deg);

}

.aon-blog-list4 .post-bx {

  border-radius: 10px;

  margin-bottom: 30px;

  position: relative;

}

.aon-blog-list4 .post-bx .post-thum {

  position: relative;

}

.aon-blog-list4 .post-bx .post-thum img {

  border-radius: 30px;

  box-shadow: 0px 15px 20px #cdc9d7;

}

.aon-blog-list4 .post-info {

  background: none;

  padding: 30px 0px 0px 0px;

}

.aon-blog-list4 .post-info .post-categories {

  position: relative;

}

.aon-blog-list4 .post-info .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #636363;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #fff;

  margin-right: 8px;

  font-size: 14px;

  border: 1px solid #e4e4e4;

}

.aon-blog-list4 .post-info .post-categories a:last-child {

  margin-right: 0px;

}

.aon-blog-list4 .post-meta {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.aon-blog-list4.blog-post .post-meta ul {

  margin: 0px 0px 10px 0px;

  float: none;

  list-style: none;

}

.aon-blog-list4 .post-title {

  font-size: 24px;

  margin: 15px 0px 25px 0px;

}

.aon-blog-list4 .post-title a {

  color: #022279;

}

.aon-blog-list4.blog-grid.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list4.blog-list.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list4.blog-post .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}

.aon-blog-list4.blog-post .post-meta ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.aon-blog-list4.blog-post .post-meta ul li:last-child {

  padding-right: 0px;

}

.aon-blog-list4.blog-post .post-meta ul li:after {

  content: '|';

  position: absolute;

  right: 0px;

  top: 0px;

}

.aon-blog-list4.blog-post .post-meta ul li:last-child:after {

  display: none;

}

.aon-blog-list4.blog-post .post-meta ul li a {

  color: #595959;

}



@media only screen and (max-width:767px) {

  .aon-blog-list4 .post-date-position {

    transform: none;

    right: auto;

    left: 15px;

  }

  .aon-blog-list3 .post-bx .post-thum {

    min-width: 100%;

    margin-bottom: 30px;

  }

  .aon-blog-list3 .post-bx .post-thum img {

    width: 100%
  }



}

/*======================

Blog list style 5

=======================*/

.aon-blog-list5 .post-date-position {

  border-radius: 20px;

  position: absolute;

  transform: translateY(-50%) rotate(-90deg);

  left: -60px;

  top: 50%;

}

.aon-blog-list5 .post-date-position .post-date {

  font-size: 20px;

  line-height: 20px;

  color: #fff;

}

.aon-blog-list5 .bg-color-box {

  background-color: #07267c;

  width: 200px;

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  border-radius: 10px 0px 0px 10px;

}

.aon-blog-list5 .post-date-position .post-date span {

  display: block;

  padding: 8px 13px;

}

.aon-blog-list5 .post-share {

  position: absolute;

  left: 20px;

  bottom: 20px;

}

.aon-blog-list5 .post-share .post-share-icon {

  display: block;

  font-size: 20px;

  line-height: inherit;

  width: 38px;

  height: 38px;

  text-align: center;

  border-radius: 50%;

  background-color: #ffb600;

}

.aon-blog-list5 .post-bx {

  background-color: #f9fafd;

  border-radius: 10px;

  margin-bottom: 30px;

  display: flex;

  flex-wrap: nowrap;

  padding: 40px;

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

  border: 1px solid #e0e5f1;

  align-items: center;

  position: relative;

}

.aon-blog-list5 .post-bx .post-thum {

  min-width: 295px;

  position: relative;

}

.aon-blog-list5 .post-bx .post-thum img {

  border-radius: 20px;

}

.aon-blog-list5 .post-info {

  background: none;

  padding: 0px 0px 0px 40px;

}

.aon-blog-list5 .post-info .post-categories {

  position: relative;

}

.aon-blog-list5 .post-info .post-categories a {

  display: inline-block;

  padding: 5px 20px;

  color: #636363;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #fff;

  margin-right: 8px;

  font-size: 14px;

  border: 1px solid #e4e4e4;

}

.aon-blog-list5 .post-info .post-categories a:last-child {

  margin-right: 0px;

}

.aon-blog-list5 .post-meta {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

.aon-blog-list5.blog-post .post-meta ul {

  margin: 0px 0px 10px 0px;

  float: none;

  list-style: none;

}

.aon-blog-list5 .post-title {

  font-size: 24px;

  margin: 15px 0px;

}

.aon-blog-list5 .post-title a {

  color: #022279;

}

.aon-blog-list5.blog-grid.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list5.blog-list.blog-post .post-date {

  width: inherit;

  background: none;

  margin: 0px;

}

.aon-blog-list5.blog-post .post-date span {

  background: none;

  padding: 0px;

  font-size: inherit;

  display: inherit;

  vertical-align: inherit;

}

.aon-blog-list5.blog-post .post-meta ul li {

  color: #595959;

  position: relative;

  padding-right: 10px;

  display: inline-block;

}

.aon-blog-list5.blog-post .post-meta ul li:last-child {

  padding-right: 0px;

}

.aon-blog-list5.blog-post .post-meta ul li:after {

  content: '|';

  position: absolute;

  right: 0px;

  top: 0px;

}

.aon-blog-list5.blog-post .post-meta ul li:last-child:after {

  display: none;

}

.aon-blog-list5.blog-post .post-meta ul li a {

  color: #595959;

}

@media only screen and (max-width:1200px) {

  .aon-blog-list5 .post-bx .post-thum {

    min-width: 200px;

  }

  .aon-blog-list5 .bg-color-box {

    width: 80px;

  }

}

@media only screen and (max-width:767px) {

  .aon-blog-list5 .post-bx .post-thum img {

    width: 100%;

  }

  .aon-blog-list5 .post-bx {
    display: block;
  }

  .aon-blog-list5 .bg-color-box {

    width: 100%;

    height: 100px;

    border-radius: 10px 10px 0px 0px;

  }

  .aon-blog-list5 .post-date-position {

    transform: translateX(-50%);

    left: 50%;

    top: 0px;

  }

  .aon-blog-list5 .post-bx .post-thum {

    min-width: 200px;

    margin-bottom: 30px;

  }

  .aon-blog-list5 .post-info {
    padding-left: 0px;
  }



}

@media only screen and (max-width:375px) {

  .aon-blog-list5 .post-date-position .post-date {

    font-size: 16px;

  }

}

/*======================

Search list 2

=======================*/



.aon-vender-list-wrap3 {

  margin-bottom: 30px;

}

.aon-vender-list-box3 {

  background-color: #fff;

  border-radius: 30px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  border: 1px solid #022279;

  margin-left: 30px;

}

.aon-vender-list-wrap3 {

  position: relative;

  z-index: 1;

}

@media only screen and (max-width:1300px) {

  .aon-vender-list-wrap3-outer .row [class*="col-md-"] {

    max-width: 100%;

    flex: 100%;

  }

}



.aon-vender-list-box3 .aon-vender-list-pic {

  width: 220px;

  min-height: 150px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 20px 0px 0px 20px;

  margin: 20px 0px 20px -30px;

  box-shadow: 0px 15px 20px #cdc9d7
}

.aon-vender-list-box3 .aon-vender-pic-link {
  width: 100%;
  height: 100%;
  display: block;
}

.aon-vender-list-box3 .aon-vender-list-info {

  width: calc(100% - 190px);

  padding: 30px;

  position: relative;

}



@media only screen and (max-width:1350px) {

  .aon-vender-list-two {
    min-width: 100%;
  }

}



@media only screen and (max-width:575px) {

  .aon-vender-list-box3 {
    display: block !important;
    margin-left: 0px;
  }

  .aon-vender-list-box3 .aon-vender-list-pic {
    width: auto;
    border-radius: 20px;
    margin: 20px;
  }

  .aon-vender-list-box3 .aon-vender-list-info {
    width: 100%;
  }

}

.aon-vender-list-box3 .aon-vender-list-info .aon-venders-title {

  margin: 0px;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-venders-address .fa {

  margin-right: 5px;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-ow-pro-rating {

  line-height: 1;

  margin: 10px 0px 15px;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-pro-check {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-pro-check span {

  text-align: center;

  width: 26px;

  height: 26px;

  line-height: 20px;

  display: block;

  border: 2px solid #ffb600;

  color: #000;

  font-size: 14px;

  border-radius: 50%;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-pro-favorite {

  display: inline-block;

  line-height: 1;

  vertical-align: middle;

  margin-right: 10px;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-pro-favorite a {

  font-size: 26px;

  color: #ffb600;

}

.aon-vender-list-box3 .aon-vender-list-info .aon-ow-pro-rating span {

  display: inline-block;

  padding-right: 2px;

  color: #ffb600;

  font-size: 16px;

}

.aon-vender-list-box3 .aon-req-btn {

  width: auto;

  height: 0px;

  position: absolute;

  white-space: nowrap;

  right: -70px;

  top: 50%;

  transform: translateY(-50%) rotate(-90deg);

}

.aon-vender-list-box3 .aon-req-btn .aon-req-btn-posi {

  display: inline-block;

  padding: 5px 20px;

  color: #000;

  text-transform: uppercase;

  border-radius: 10px;

  background-color: #ffb600;

  font-size: 16px;

}

.sf-seach-panel-wrap {

  position: fixed;

  bottom: 0px;

  left: -100%;

  max-width: 450px;

  width: 100%;

  height: calc(100vh - 90px);

  z-index: 999;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-seach-panel-wrap .sf-search-bar-panel {

  position: absolute;

}

.sf-seach-panel-close {

  position: absolute;

  top: 0px;

  right: -30px;

  width: 30px;

  height: 30px;

  cursor: pointer;

  line-height: 30px;

  text-align: center;

  background: #ffb600;

  color: #fff;

}

.active-searchbar .sf-seach-panel-wrap {

  left: 0;

}

.sf-seach-panel-overlay {

  position: fixed;

  bottom: 0px;

  left: 0px;

  width: 0%;

  height: calc(100vh - 90px);

  z-index: 998;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.active-searchbar .sf-seach-panel-overlay {

  width: 100%;

  background-color: rgba(0, 0, 0, 0.8);

}

.aon-search-result-left {

  width: 50%;

  padding: 30px;

  float: left;

  background: #faf7ff;

}

.sf-search-result-head {

  border-bottom: 1px solid #ddd;

  padding-bottom: 20px;

}

.sf-search-result-option {

  padding: 20px 0px;

}

.aon-search-half-map {

  width: 50%;

  height: calc(100vh - 90px);

  bottom: 0px;

  right: 0px;

  background: #222;

  float: right;

  position: fixed;

}



@media only screen and (max-width:1600px) {

  .sf-seach-panel-close {
    right: 70px;
  }

}

@media only screen and (max-width:1365px) {

  .aon-search-result-left {
    width: 60%;
  }

  .aon-search-half-map {
    width: 40%;
  }

}

@media only screen and (max-width:1199px) {

  .aon-search-result-left {
    width: 50%;
  }

  .aon-search-half-map {
    width: 50%;
  }

}

@media only screen and (max-width:767px) {

  .aon-search-half-map {

    width: 100%;

    height: 400px;

    float: none;

    position: relative;

    margin-bottom: 30px;

  }

  .aon-search-result-left {

    width: 100%;

    padding: 30px;

    float: left;

    margin-top: 400px;

  }

}

.aon-search-half-map iframe {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  right: 0px;

}

.aon-search-result-wrap {

  margin-left: 450px;

  padding: 30px;

  padding-right: 30px;

  min-height: 100vh;

  margin-top: 0px;

}





.aon-search-withMap {

  margin-right: 450px;

  background-color: #f9f6ff;

}

.aon-search-right-map {

  width: 450px;

  height: calc(100vh - 90px);

  bottom: 0px;

  right: 0px;

  background: #222;

  float: right;

  position: fixed;

}

.aon-search-right-map iframe {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  right: 0px;

  border: none;

}

.aon-search-result-wrap .aon-ow-provider-wrap {

  margin-left: 15px;

}

@media only screen and (max-width:1600px) {

  .sf-search-bar-panel {
    max-width: 350px;
  }

  .aon-search-result-wrap {
    margin-left: 350px;
  }

  .aon-search-result-wrap {
    margin-right: 350px;
  }

  .aon-search-right-map {
    width: 350px;
  }

  .aon-search-result-area {
    margin-left: 350px;
  }

}



@media only screen and (max-width:1350px) {

  .aon-search-result-wrap {
    margin-right: 0px;
  }

  .aon-search-right-map {
    display: none;
  }

}



@media only screen and (max-width:991px) {

  .aon-search-result-area {
    margin-left: 0px;
  }

  .aon-search-result-wrap {
    margin-left: 0px;
  }

}



@media only screen and (max-width:480px) {

  .sf-search-bar-panel {
    max-width: 280px;
  }

  .sf-seach-panel-close {
    right: 140px;
  }

}







@media only screen and (max-width:1200px) {

  .aon-howit-arrow::after,

  .aon-howit-arrow::before {
    display: none;
  }



}



@media only screen and (max-width:1200px) {

  .aon-why-choose2-line {
    margin-left: 0px;
  }

}



@media only screen and (max-width:1200px) {

  .aon-statics-blocks2 [class*="col-"] .aon-static-section2::after {
    display: none;
  }

}



.aon-post-jobs2 {
  position: relative;
}

.aon-post-jobs2 .job-comapny-info .job-date,

.aon-post-jobs2 .job-comapny-info .job-location,

.aon-post-jobs2 .job-comapny-info .job-amount {
  width: auto;
  display: inline-block;
  margin-right: 10px;
}

.aon-post-jobs2 .job-type {
  position: absolute;
  top: 30px;
  right: 30px;
}

.aon-post-jobs2 .job-comapny-info .position {
  margin-right: 125px;
}



@media only screen and (max-width:1250px) {

  .aon-post-jobs2 .job-comapny-info .job-date {
    font-size: 14px;
  }

  .aon-post-jobs2 .job-comapny-info .job-location {
    font-size: 14px;
  }

  .aon-post-jobs2 .job-comapny-info .job-amount {
    font-size: 14px;
  }

}



@media only screen and (max-width:991px) {

  .aon-postjobs-area2-section .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}



@media only screen and (max-width:767px) {

  .sf-news-letter {
    display: flex;
    flex-wrap: wrap;
  }

  .sf-news-letter span {
    width: 100%;
    margin-bottom: 20px;
  }

  .sf-news-letter form {
    width: 100%;
    max-width: 100%;
  }

}

@media only screen and (max-width:757px) {

  .aon-why-choose2-box {
    padding: 30px;
  }

  .aon-static-section2 .aon-company-static-num2 {
    font-size: 50px;
    line-height: 50px;
  }

  .aon-static-section2 .aon-company-static-name2 {
    font-size: 16px;
  }



}

@media only screen and (max-width:767px) {

  .aon-post-jobs2 .job-comapny-logo {

    float: none;
    margin-bottom: 15px;

  }

  .aon-post-jobs2 .job-comapny-info {

    padding-left: 0px;

  }

  .aon-post-jobs2 .job-comapny-info .position {

    margin-right: 0px
  }

  .aon-post-jobs2 .job-comapny-info .job-date,

  .aon-post-jobs2 .job-comapny-info .job-location,

  .aon-post-jobs2 .job-comapny-info .job-amount {

    display: block;

    margin-bottom: 5px;

  }

}





.aon-testimonials-two-area {
  border-top: 1px solid #ddd;
}







/*Pricing table*/



@media only screen and (max-width:1200px) {

  .sf-pricing-section-outer .no-gutter>[class*="col-"] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
  }

  .sf-pricing-section.sf-pricing-active {
    margin-top: 0px;
  }

}

@media only screen and (max-width:600px) {

  .sf-pricing-section-outer .no-gutter>[class*="col-"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
  }

}





.sf-summery-box {
  position: fixed;
  width: 500px;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 30px 10px;
  border-radius: 10px;
  z-index: 999;
  -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
}

.sf-summery-inr {
  max-height: 200px;
  overflow: auto;
  padding: 0px 20px;
}

.sf-summery-box ul {
  list-style: none;
  margin: 0px;
}

.sf-summery-box ul li {
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.sf-summery-box ul li:last-child {
  border-bottom: none;
}

.sf-summery-box ul li [class*="sf-sum-cel-"] {
  display: table-cell;
  padding: 5px 0px;
  color: #777;
}

.sf-summery-box ul li [class*="sf-sum-cel-"]:last-child {
  text-align: right;
}

.sf-summery-box ul li .sf-sum-cel-one {
  color: #000;
  font-weight: 500;
}

.sf-summery-box ul li .sf-sum-cel-one strong {
  display: block;
  line-height: 18px;
  font-size: 15px;
}

.sf-summery-box ul li .sf-sum-cel-one span {
  font-size: 13px;
  margin-right: 5px;
  display: inline-block;
  color: #777;
  text-transform: uppercase;
}

.sf-summery-box ul li .sf-sum-cel-four {
  color: #000;
  font-weight: 500;
}



.sf-summery-total {
  font-size: 20px;
  margin: 0px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  background: #eceef4;
  margin-bottom: 10px;
}

.sf-summery-total [class*="sf-sum-cel-"]:first-child {
  font-weight: 600;
  color: #000;
  padding: 10px;
}

.sf-summery-total [class*="sf-sum-cel-"]:last-child {
  font-weight: 600;
  color: #000;
  padding: 10px;
  text-align: right;
}



.sf-suumery-close {
  position: absolute;
  right: 0px;
  top: -32px;
  background: red;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 0;
  border: none;
  border-radius: 5px;
}

.sf-suumery-close .fa {
  font-size: 12px;
}







/*============================

	My Account css

=============================*/

.wrapper-admin {
  height: 100vh;
}



#header-admin {
  width: 100%;
  height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #e8edf1;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.05);
  z-index: 1000;
}

#header-admin .container {
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

#header-admin.active {
  width: calc(100%);
}



#sidebar-admin-wraper {
  width: 250px;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: #fff;
  border-right: 1px solid #e8edf1;
  color: #fff;
  transition: all 0.3s;
  padding-top: 70px;
}

#sidebar-admin-wraper.active {
  margin-left: -250px;
}

#content {
  width: calc(100% - 250px);
  padding-top: 70px;
  min-height: 100vh;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f7fafc;
}

#content.active {
  width: 100%;
}



@media (max-width:991px) {

  #header-admin .container {
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

}



@media (max-width: 768px) {

  #sidebar-admin-wraper {
    margin-left: -250px;
  }

  #sidebar-admin-wraper.active {
    margin-left: 0;
  }

  #content {
    width: 100%;
  }

  #content.active {
    width: calc(100% - 250px);
  }

  #header-admin {
    width: calc(100%);
  }

  #header-admin.active {
    width: calc(100% - 0px);
  }

}



.header-left {
  float: left;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

.header-right {
  float: right;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}



.header-left,

.header-right {
  height: 70px;
}

.header-widget-wrap {
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.nav-btn-wrap {
  display: block;
  padding: 25px;
}

.nav-btn-admin {
  font-size: 21px;
  cursor: pointer;
  display: block;
  background: #022279;
  color: #fff !important;
  border-radius: 5px;
  padding: 10px 20px;
}

.nav-btn-admin .nav-btn-text {
  font-size: 14px;
}

.nav-btn-admin .fa {
  font-size: 18px;
  border-left: 1px solid #596892;
  margin-left: 10px;
  padding-left: 10px;
}





.header-widget-wrap>.header-widget {
  display: inline-flex;
  border-left: 1px solid #ddd;
  position: relative;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
}

.header-widget-wrap .dropdown-menu {
  width: 350px;
  min-width: 350px;
  top: 60px;
  left: auto;
  right: -15px;
  padding: 0;
}

.header-widget-wrap .dropdown-menu-header {
  padding: 15px 15px;
  font-weight: 600;
  font-size: 14px;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}



.header-widget-wrap .sf-toogle-dropdown {
  border: none;
}

.header-widget-wrap .sf-toogle-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 25px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}



.header-widget-wrap .dropdown-menu ul {
  list-style: none;
}

.header-widget-wrap .dropdown-menu ul>li {
  position: relative;
  clear: both;
  background-color: #f7f7f7;
  margin: 0 10px 10px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.header-widget-wrap .dropdown-menu ul>li.sf-read-msg {
  opacity: 0.5;
}

.header-widget-wrap .dropdown-menu ul>li>a {
  display: block;
  padding: 10px 75px 10px 10px;
  color: #777;
  font-size: 12px;
}

.header-widget-wrap .dropdown-menu ul>li a:after {
  content: "";
  display: table;
  clear: both;
}

.header-widget-wrap .dropdown-menu ul>li>a:hover {
  color: #000;
}

.header-widget-wrap .dropdown-menu ul>li>a .sf-author-pics {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.header-widget-wrap .dropdown-menu ul>li>a .sf-author-pics img {
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.header-widget-wrap .dropdown-menu ul>li>a .sf-author-texting {
  display: block;
  overflow: hidden;
  padding-top: 12px;
}







.header-widget .aon-admin-user+.dropdown-menu {
  width: 150px;
}



.header-widget-wrap .dropdown-menu ul>li>a .sf-booking-label {
  position: absolute;
  top: 21px;
  right: 10px;
  background-color: #666;
  color: #fff;
  display: block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 10px;
}

.header-widget-wrap .dropdown-menu ul>li>a .sf-booking-label.bs-pending {
  background-color: #ea7f25;
}

.header-widget-wrap .dropdown-menu ul>li>a .sf-booking-label.bs-complete {
  background-color: #7ab734;
}



.aon-admin-user:hover {
  color: #999;
}

.aon-admin-pic {
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.aon-admin-pic img {
  width: 100%;
  height: auto;
}

.aon-admin-pic span {
  display: inline-block;
}

.aon-admin-pic span {
  display: inline-block;
}



.aon-admin-messange,

.aon-admin-notification,

.aon-admin-user {
  position: relative;
  color: #999;
  font-size: 24px;
  width: 70px;
  height: 69px;
  line-height: 70px;
  text-align: center;
  border-bottom: 1px solid #e8edf1;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;
}



.aon-admin-messange:hover,

.aon-admin-notification:hover,

.aon-admin-user:hover {
  background-color: #f0f4f7;
}



.aon-admin-messange span,

.aon-admin-notification span {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 16px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-weight: bold;
  font-family: Arial;
}



.aon-admin-messange span {
  background-color: #00E6E6;
}

.aon-admin-notification span {
  background-color: #F04F53;
}



.feather-user-pic {
  width: 34px !important;
  height: 34px !important;
  border-radius: 30px;
  overflow: hidden;
}



@media only screen and (max-width:650px) {

  .aon-admin-messange,

  .aon-admin-notification,

  .aon-admin-user {
    font-size: 18px;
    width: 50px;
  }

  .feather-user-pic {
    width: 28px !important;
    height: 28px !important;
  }



}







.my-account-logo {
  padding: 15px 5px;
  width: 215px;
}

.my-account-logo img {
  height: 40px;
}





@media only screen and (max-width:650px) {

  .my-account-logo {
    width: auto;
  }

}





#content.active {
  overflow: hidden;
}

#header-admin.active .container,

#content.active .content-admin-main {
  min-width: 480px;
}



@media only screen and (max-width:480px) {

  #header-admin.active .container {
    min-width: 100%;
  }

}



/* Admin Nav */

.has-child .submenu-toogle {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  padding: 7px;
  font-size: 16px;
  display: none;
}

.has-child li .submenu-toogle {
  opacity: 0.9;
}

.has-child.nav-active>a+.submenu-toogle.fa-angle-down:before {
  content: "\f106";
}



.admin-nav {
  max-height: calc(100vh - 150px);
}

.admin-nav ul {
  list-style: none;
  margin: 0;
}

.admin-nav ul li {
  float: none;
}

.admin-nav ul>li>a {
  padding: 20px 25px;
  font-size: 14px;
  font-weight: 500;
  color: #3e556b;
  position: relative;
  display: block;
  text-transform: uppercase;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.admin-nav ul li a>i {
  font-size: 18px;
  margin-right: 10px;
  color: #022279;
  vertical-align: middle;
}

.admin-nav ul>li.active>a {
  color: #3e556b;
  background-color: #f7fafc;
  border-top: 1px solid #e9eef1;
  border-bottom: 1px solid #e9eef1;
}

.admin-nav ul>li.active>a:after {
  content: "";
  position: absolute;
  top: 20%;
  left: 0px;
  width: 4px;
  height: 60%;
  background-color: #022279;
}

.admin-nav ul>li:hover>a {
  color: #3e556b;
  background-color: #f7fafc;
  border-top: 1px solid #e9eef1;
  border-bottom: 1px solid #e9eef1;
}

.admin-nav ul>li:hover>a:after {
  content: "";
  position: absolute;
  top: 20%;
  left: 0px;
  width: 4px;
  height: 60%;
  background-color: #022279;
}





.admin-nav ul>li>a:hover,

.admin-nav ul>li>a:active,

.admin-nav ul>li>a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.admin-nav ul>li .mega-menu>li:after {
  display: none;
}



.admin-nav ul li .sub-menu>li a {
  padding-left: 65px;
}

.admin-nav ul li .sub-menu>li a>i {
  font-size: 20px;
}



.admin-nav ul>li ul,

.admin-nav ul>li .sub-menu {
  display: none;
  position: static;
  visibility: visible;
  width: auto;
  background-color: rgba(0, 0, 0, 0.1)
}



.admin-nav ul li.has-child {
  position: relative;
}

.admin-nav ul li .sub-menu {
  opacity: 1;
  margin: 0 !important;
}

.has-child .submenu-toogle {
  display: block;
}



.admin-nav ul>li.has-child .open-close-admin-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  z-index: 999;
  cursor: pointer;
  padding: 7px 8px;
  font-size: 14px;
}

.admin-nav ul>li.has-child.nav-active>.open-close-admin-btn:before {
  content: "\f068";
}



.content-admin-wraper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1
}

.content-admin-area {
  margin-left: 240px;
  padding: 70px 0 0;
  background-color: #F6F6FA;
  min-height: 100vh;
}

.content-admin-main {
  padding: 30px;
}







.content-admin-main h2 {
  font-size: 36px;
}



@media only screen and (max-width:991px) {

  .content-admin-main {
    padding: 15px;
  }

}





.content-admin-main .panel {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
}

.content-admin-main textarea.form-control {
  height: auto;
}



.aon-admin-header {
  display: table;
  width: 100%;
}

.aon-admin-header .aon-admin-header-left,

.aon-admin-header .aon-admin-header-right {
  display: table-cell;
}

.aon-admin-header .aon-admin-header-right {
  text-align: right;
}

.aon-admin-header-icon {
  display: inline-block;
  border: 2px solid #022279;
  width: 42px;
  height: 42px;
  line-height: 38px;
  margin-right: 5px;
  font-size: 22px;
  color: #022279;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}

@media only screen and (max-width:991px) {

  .aon-admin-header {
    display: block;
    margin-bottom: 30px;
  }

  .aon-admin-header .aon-admin-header-left,

  .aon-admin-header .aon-admin-header-right {
    display: block;
  }

  .aon-admin-header .aon-admin-header-right {
    text-align: left;
  }

}





.aon-card {
  border: 1px solid #e6ebf1;
  margin-bottom: 30px;
}

.aon-card:last-child {
  margin-bottom: 0px;
}

.aon-card-header {
  background-color: #fff;
  padding: 30px 30px 30px;
}

.aon-card-header2 {
  padding: 30px 30px 0px;
  border-bottom: none;
}

.aon-card-header h4 {
  margin: 0px;
}

.aon-card-body {
  padding: 30px;
}



@media only screen and (max-width:991px) {

  .content-admin-main {
    padding: 15px !important;
  }

  .aon-card-body {
    padding: 15px;
  }

}





.aon-inputicon-box {
  position: relative;
}

.aon-inputicon-box .form-control {
  padding-left: 35px;
}

.aon-inputicon-box .aon-input-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 50px;
  z-index: 5;
  line-height: 50px;
  text-align: center;
}

.aon-inputicon-box .message_code_img,
.aon-inputicon-box .message_code_img2 {
  position: absolute;
  right: 0;
  top: 0;
  height: 46px;
  z-index: 5;
  line-height: 46px;
  text-align: center;
  margin-top: 2px;
  margin-right: 2px;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.aon-inputicon-box .display_message_code {
  opacity: 1;
}

.aon-inputicon-box .hide_message_code {
  opacity: 0;
}

.aon-inputicon-box .loading-spinner,
.aon-inputicon-box .loading-spinner {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #007bff;
  /* Spinner 颜色 */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  /* 旋转动画 */
}

.content-admin-main .aon-inputicon-box .aon-input-icon {
  color: #022279;
}

.content-admin-main .form-control {
  background-color: #f7fafc;
  border-color: #e8edf1;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 5px;
}

.content-admin-main .form-control:focus {
  background: #fff;
  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}



.content-admin-main .bootstrap-select .dropdown-toggle {
  background-color: #f7fafc !important;
  border-color: #e8edf1 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 5px;
  padding: 10px 12px;
  height: 50px;
}

.content-admin-main .bootstrap-select .dropdown-toggle:focus {
  background: #fff;
  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}





.editer-btn {
  text-align: right;
  position: relative;
  bottom: -1px;
}

.editer-tools {
  background-color: #f6f4f7;
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: -1px;
}

.editer-textarea textarea {
  border: 1px solid #ddd;
  height: 120px;
  border-radius: 0;
  -webkit-border-radius: 0
}

.editer-bottom {
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: -1px;
}



.image-upload-wrap {
  padding: 40px 30px 50px;
  border: 2px dashed #918f8e;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.image-upload-wrap strong {
  font-size: 36px;
  line-height: 36px;
  display: block;
}

.image-upload-wrap span {
  font-size: 20px;
  color: #7a96a8;
  display: block;
  margin-bottom: 20px;
}

@media only screen and (max-width:600px) {

  .image-upload-wrap strong {
    font-size: 26px;
    line-height: 30px;
  }

}



.admin-button,

.admin-button-secondry {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  outline: none;
  border-width: 0;
  border-style: solid;

  border-color: transparent;
  line-height: 1.42857;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.admin-button {
  background-color: #ffb600;
  color: #000;
}



.admin-button:active,

.admin-button:hover,

.admin-button:focus,

.active>.admin-button {
  background-color: #ffb600;
}



.admin-button-secondry {
  background-color: #022279;
}



.admin-button-secondry:active,

.admin-button-secondry:hover,

.admin-button-secondry:focus,

.active>.admin-button-secondry {
  background-color: #022279;
  color: #fff;
}





.aon-staff-avtar {
  border-radius: 5px;
  overflow: hidden;
}

.aon-staff-avtar-header {
  padding: 35px;
  background-color: #022279;
  text-align: center;
  position: relative;
  overflow: hidden;
}



.aon-pro-avtar-pic {
  width: 200px;
  height: 200px;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 100%;
  z-index: 1;
  position: relative;
  background: #fff;
}

.aon-pro-avtar-pic img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.aon-pro-avtar-pic .admin-button {
  position: absolute !important;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 30px;
  bottom: 15px;
  left: 50%;
  margin: 0px -17px;
  border-radius: 100%;
  font-size: 13px;
  padding: 0px;
}

.aon-pro-avtar-pic .admin-button input[type="file"] {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 34px;
  opacity: 0;
  cursor: pointer;
}



.aon-pro-avtar-pic .admin-button .fa {
  padding: 0px;
}





.aon-pro-cover-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 0;
}

.aon-pro-cover-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 0;
  opacity: 0.6;
}

.aon-pro-cover-pic img {
  opacity: 0.8;
}

.aon-pro-cover-wrap .admin-button-upload {
  background: #ffb600;
  color: #000;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-radius: 10px 0px 0px 0px;
  font-size: 13px;
  padding: 7px 20px;
  overflow: hidden;
}

.aon-pro-cover-wrap .admin-button-upload input[type="file"] {
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  cursor: pointer;
  padding: 7px 20px;
}







@media only screen and (max-width:1600px) {

  .aon-pro-cover-pic img {
    height: 100%;
    width: 100%;
  }

}







.aon-staff-avtar-footer {
  padding: 30px;
  background: #fff;
  border: 1px solid #e8edf1;
}

.aon-staff-avtar-title {
  margin: 0px 0px 20px;
}

.aon-staff-avtar-footer ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.aon-staff-avtar-footer ul li {
  color: #414142;
  font-weight: 600;
  margin-bottom: 10px;
}

.aon-staff-avtar-footer ul li:last-child {
  margin-bottom: 0px;
}

.aon-staff-avtar-footer ul li span {
  color: #70777d;
  font-weight: normal;
}

@media only screen and (max-width:1200px) {

  .aon-staff-avtar {
    margin-bottom: 30px;
  }

}



.pro-my-account-wrap {
  color: #999;
  border-bottom: 1px solid #ddd;
  padding: 15px 30px;
}



.pro-pic-info-wrap .pro-pic-box {
  width: 45px;
  height: 45px;
  float: left;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 15px;
}

.pro-pic-info-wrap strong {
  display: block;
  color: #022279;
  line-height: 1.4;
}

.pro-pic-info-wrap span {
  display: block;
  color: #777;
  line-height: 1;
  font-size: 14px;
}

.feather-icon {
  border-left: 1px solid #ddd;
  display: flex !important;
  align-items: center;
  margin-left: 20px;
  padding-left: 15px;
  font-size: 20px !important;
  color: #022279 !important;
  cursor: pointer;
}





.admin-top-area {
  padding: 15px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
}

.aon-admin-heading {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}



.admin-left-area {
  width: auto;
}



@media only screen and (max-width:991px) {

  .admin-left-area {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddd;
    margin-bottom: 15px;
  }

  .admin-area-heading strong {
    display: block;
  }

}









/*Popup tabs*/

.ws-toggle-popup {

  width: 410px;

  top: 60px;

  left: auto;

  right: -15px;

  padding: 0;

  margin-top: 50px;



  position: absolute;

  z-index: 1000;

  float: left;

  opacity: 0;



  list-style: none;

  background-color: #fff;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, .15);

  border-radius: 4px;

  -webkit-box-shadow: 0 0 15px 12px rgba(0, 0, 0, 0.1);

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



  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;



}

.header-widget {
  overflow: hidden;
}

.header-widget.active {
  overflow: visible;
}



.header-widget.active .ws-toggle-popup {

  display: block;

  margin-top: 0px;

  opacity: 1;

  overflow: hidden;

}



.ws-toggle-popup:before {

  content: "";

  position: absolute;

  top: -8px;

  right: 25px;

  width: 0;

  height: 0;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-bottom: 8px solid #fff;

}





.popup-tabs-wrap-section {
  width: 410px;
  right: 0px;
}



.popup-tabs .head-notification {

  display: flex;

  justify-content: space-between;

  padding: 15px 20px;

}



.popup-tabs .nav-tabs {
  padding: 0px;
  border: none;
  margin: 0px -7px;
}



.popup-tabs ul>li {
  clear: inherit !important
}



.popup-tabs .nav-tabs .nav-item {
  position: relative;
  background: none;
}



.popup-tabs .nav-tabs .nav-item .nav-link.active {
  border: 0px;
  color: #fff;
  background: #022279;
}



.popup-tabs .nav-tabs>li>a {
  border: 0px;
}

.popup-tabs .nav-tabs>li>a:hover {
  background: #f7fafc;
  color: #022279;
}

.popup-tabs .nav-tabs>li>a:focus {
  background: #f7fafc;
  color: #022279;
}



.popup-tabs .nav-tabs .nav-item {
  margin: 0px 0px 15px 0px;
  padding: 0px 7px
}

.popup-tabs .nav-tabs .nav-item:last-child {
  margin-right: 0px;
}

.popup-tabs .nav-tabs .nav-link {
  color: #293742;
  padding: 10px 5px 10px 5px;
  display: inline-flex;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.popup-tabs .nav-tabs .nav-link::after {
  height: 2px;
  background: #38aef8;
}



.popup-tabs .nav-tabs .nav-link {
  display: block;
  font-size: 14px;
  color: #8494a4;
  display: block;
  font-family: 'Poppins', sans-serif;
}





.ws-poptab-listing {
  max-height: 300px;
}

.ws-poptab-list {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.ws-poptab-list:last-child {
  border-bottom: none;
}



.ws-poptab-media {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 44px;
  margin-right: 10px;
}

.ws-poptab-media img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  height: 100%;
}

.ws-poptab-info {
  padding: 0px 10px 0px 55px;
}

.ws-poptab-info strong {
  color: #222;
}

.ws-poptab-info p {
  margin-bottom: 0px;
}

.ws-poptab-info .ws-time-duration {
  color: #022279;
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 14px;
}



@media only screen and (max-width:1200px) {

  .ws-toggle-popup {
    width: 300px;
    margin-right: -50px;
  }

  .ws-toggle-popup::before {
    right: 70px;
  }

  .ws-poptab-info {
    padding: 0px 0px 0px 45px;
    font-size: 12px;
  }

  .ws-poptab-info .btn.btn-sm {
    padding: 3px 5px;
    font-size: 10px;
    line-height: 14px;
  }

  .ws-poptab-media {
    width: 40px;
    height: 40px;
  }

  .ws-poptab-media img {
    width: 40px;
    height: 40px;
  }

}

@media only screen and (max-width: 991px) {

  .popup-notifica-msg.ws-toggle-popup {
    width: 280px;
    margin-right: -100px;
  }

}



@media only screen and (max-width:480px) {

  .header-widget-wrap>.header-widget:nth-child(2) .ws-toggle-popup {
    left: -80px;
  }

  .header-widget-wrap>.header-widget:nth-child(2) .ws-toggle-popup.ws-toggle-popup::before {
    left: 90px;
    right: auto;
  }



  .header-widget-wrap>.header-widget:nth-child(3) .ws-toggle-popup {
    left: auto;
    right: 50px;
    width: 200px;
  }

  .header-widget-wrap>.header-widget:nth-child(3) .ws-toggle-popup.ws-toggle-popup::before {
    left: 110px;
    right: auto;
  }



  .header-widget-wrap>.header-widget:nth-child(4) .ws-toggle-popup {
    right: -80px;
  }

  .header-widget-wrap>.header-widget:nth-child(4) .ws-toggle-popup.ws-toggle-popup::before {
    right: 136px;
  }

}



.aon-admin-search-box {
  margin-left: 20px;
}

.aon-admin-search {
  position: relative;
}

.aon-admin-search .form-control {
  border-radius: 30px;
  height: 36px;
  background: #eaeef1;
  min-width: 250px;
}

.aon-admin-search .form-control:focus {
  box-shadow: none;
}

.aon-admin-search .admin-search-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
  background: none;
  outline: none;
}



@media only screen and (max-width:1200px) {

  .aon-admin-search .form-control {
    min-width: 180px;
  }

}

@media only screen and (max-width:767px) {

  .aon-admin-search-box {
    display: none;
  }

}





.popup-curra-lang {
  padding: 0px;
  background: #fff;
  width: 180px;
}

.popup-curra-lang-list {
  list-style: none;
  margin: 0px;
}

.popup-curra-lang-list li {
  padding: 8px 20px;
  border-bottom: 1px solid #f0f2f3;
  font-size: 14px;
}

.popup-curra-lang-list li:last-child {
  border-bottom: none;
}



.user-welcome-area {
  padding: 0px;
  background: #fff;
  width: 220px;
  overflow: hidden;
}

.user-welcome-list {
  list-style: none;
  margin: 0px;
}

.user-welcome-list li {
  padding: 8px 20px;
  border-bottom: 1px solid #f0f2f3;
  font-size: 14px;
}

.user-welcome-list li:last-child {
  border-bottom: none;
  background: #022279;
}

.user-welcome-list li:last-child a {
  background: #022279;
  color: #fff;
}





.popup-notifica-msg {
  padding: 15px;
  background: #fff;
}





.ws-poptab-list-wrap {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}



.ws-poptab-all a {
  border: 0px;
  color: #fff;
  background: #022279;
  display: block;
  padding: 10px 20px;
  border-radius: 5px;
}



.admin-area-mid {
  position: relative;
}



.admin-area-heading {
  cursor: pointer;
}

.admin-area-heading strong {
  font-weight: normal;
  color: #022279;
}

.admin-area-heading strong .fa {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}



.admin-area-content {
  position: absolute;
  top: 100%;
  right: 0px;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 14px;
  border: 1px solid #ddd;
  box-shadow: 0 0 0 0 red;
  max-width: 400px;
  min-width: 280px;
  width: 100%;
  z-index: 9999;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.active-plan .admin-area-content {
  opacity: 1;
  visibility: visible;
}

.active-plan .admin-area-heading strong .fa {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}



.aon-provi-tabs {
  background-color: #fff;
  border-radius: 5px;
  padding: 0;
  font-size: 14px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

.aon-provi-links {
  list-style: none;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-bottom: -1px;
}

.aon-provi-links li {
  border-right: 1px solid #ddd;
}

.aon-provi-links li a {
  padding: 12px 15px;
  display: block;
}

.aon-provi-links li a:hover {
  background: #022279;
  color: #fff;
}



.notification-scroll {
  height: 208px;
}



@media only screen and (max-width:1600px) {

  .notification-scroll {
    height: 180px;
  }

}

@media only screen and (max-width:1430px) {

  .aon-provi-links li {
    width: 16.666%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }

}

@media only screen and (max-width:1200px) {

  .aon-provi-links li {
    width: 25%;
  }

}



@media only screen and (max-width:991px) {

  .admin-area-content {
    right: auto;
    left: 0;
  }

}

@media only screen and (max-width:767px) {

  .aon-provi-left {
    width: 100%;
  }

  .aon-provi-links {
    margin: -1px;
  }

  .aon-provi-links li {
    border-bottom: 1px solid #ddd;
    width: 33.333%;
    border-right: 1px solid #ddd;
    text-align: center;
  }

}



@media only screen and (max-width:420px) {

  .admin-area-mid {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddd;
    margin-bottom: 15px;
  }

  .admin-right-area {
    width: 100%;
  }

  .aon-provi-links li {
    width: 50%;
  }

}







/*Msg style 2================*/



.wt-admin-dashboard-msg-2 {
  display: table;
  width: 100%;
}



.wt-dashboard-msg-user-list,

.wt-dashboard-msg-box {
  display: table-cell;
}

.wt-dashboard-msg-user-list {
  width: 350px;
  border: 1px solid #dbdbdb;
}



@media only screen and (max-width:1136px) {

  .wt-dashboard-msg-user-list,

  .wt-dashboard-msg-box {
    display: block;
  }

  .wt-dashboard-msg-user-list {
    width: auto !important;
    margin-bottom: 30px;
  }

}





.wt-dashboard-msg-search {
  position: relative;
}

.wt-dashboard-msg-search .form-control {
  padding-right: 40px;
  border-radius: 0px;
  box-shadow: none;
  border: 0px;
  border-bottom: 1px solid #dbdbdb;
}

.wt-dashboard-msg-search .btn {
  outline: none !important;
  position: absolute;
  right: 0;
  top: 0;
  color: #CCCCCC;
  font-size: 20px;
  z-index: 10;
  background: none;
}



.msg-find-list .bootstrap-select .dropdown-toggle {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  box-shadow: none !important;
  border-radius: 0px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-bottom: 1px solid #dbdbdb;
}



.msg-find-list .bootstrap-select .dropdown-toggle:hover,

.msg-find-list .bootstrap-select .dropdown-toggle:active,

.msg-find-list .bootstrap-select .dropdown-toggle:focus {
  border-bottom: 1px solid #dbdbdb !important;
}



.wt-dashboard-msg-search-list {
  background-color: #FFF;
  height: calc(-300px + 100vh);
}

.wt-dashboard-msg-search-list-wrap {
  display: table;
  width: 100%;
}

.msg-user-info {
  position: relative;
  display: block;
  padding: 15px 80px 15px 20px;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.msg-user-timing {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 12px;
  color: #969696;
}

.msg-user-info-pic {
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 100%;
  border-radius: 100%;
}

.msg-user-name {
  font-size: 14px;
  color: #000;
}

.msg-user-discription {
  font-size: 12px;
  color: #969696;
}



.wt-dashboard-msg-search-list-wrap:hover .msg-user-info {
  background-color: #4DB7FE;
}



.wt-dashboard-msg-search-list-wrap:hover .msg-user-timing,

.wt-dashboard-msg-search-list-wrap:hover .msg-user-name,

.wt-dashboard-msg-search-list-wrap:hover .msg-user-discription {
  color: #fff;
}



.wt-dashboard-msg-box {
  background-color: #fff;
  position: relative;
  border: 1px solid #dbdbdb;
  border-left: 0px;
}



.single-msg-user-name-box {
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  min-height: 85px;
}

.single-msg-user-name-box h4 {
  margin-bottom: 6px;
}

.single-user-msg-conversation {
  padding: 0px;
  margin: 30px 40px;
  height: calc(-400px + 100vh);
}

.single-user-comment-wrap {
  padding: 15px 0px;
}

.single-user-comment-block {
  position: relative;
}

.single-user-com-pic {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 3px;
  background-color: #fff;
}



.single-user-com-pic img {
  border-radius: 100%;
  -webkit-border-radius: 100%;
}

.single-user-com-text {
  overflow: hidden;
  background-color: #edf6ff;
  padding: 20px 30px;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.single-user-msg-time {
  font-size: 12px;
  color: #969696;
  text-align: right;
  padding-top: 10px;
}

.single-user-comment-wrap.sigle-user-reply {
  margin-left: 80px;
}

.single-user-comment-wrap.sigle-user-reply .single-user-com-text {
  background-color: #f5f5f5;
}

.single-msg-reply-comment {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.single-msg-reply-comment textarea {
  resize: none;
}

.single-msg-reply-comment textarea.form-control {
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  box-shadow: none;
  padding: 15px 50px 15px 20px;
}

.single-msg-reply-comment .btn {
  outline: none !important;
  position: absolute;
  right: 0;
  top: 50%;
  color: #CCCCCC;
  font-size: 20px;
  z-index: 10;
  background: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}



@media only screen and (max-width:1200px) {

  .wt-dashboard-msg-user-list {
    width: 250px;
  }

}

@media only screen and (max-width:991px) {

  .wt-dashboard-msg-box {
    border-left: 1px solid #dbdbdb;
  }

}

@media only screen and (max-width:575px) {

  .single-user-com-pic {
    float: none;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
  }

  .single-user-comment-wrap.sigle-user-reply {
    margin-left: 40px;
  }

}

@media only screen and (max-width:480px) {

  .single-user-msg-conversation {
    padding: 0px 10px;
    margin: 30px 0px;
  }

  .single-user-com-text {
    padding: 15px;
    margin-top: 0px;
  }

  .single-user-comment-wrap.sigle-user-reply {
    margin-left: 0px;
  }

  .single-user-comment-wrap {
    padding-top: 0px;
  }

  .single-user-com-pic {
    float: none;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
  }

}





.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

  width: 100%;

}



/*invoice*/



.invoice {

  position: relative;

}

.invoice-action {

  position: absolute;

  right: 0px;

  top: 0px;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

@media only screen and (max-width:1200px) {

  .invoice-action {
    right: 20px;
    top: 20px;
  }

}



.invoice-action .site-button {

  margin-left: 15px;

}







.invoice-wrap {

  background: #fff;

}

.invoice-brand {

  padding-bottom: 20px;

  float: left;

}

@media only screen and (max-width:1200px) {

  .invoice-brand {

    float: left;

    margin-top: 50px;

    margin-bottom: 10px;

  }

  .invoice-wrap {

    padding: 20px;

  }

}



.invoice-head {

  clear: both;

  padding-bottom: 20px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: space-between;

  justify-content: space-between;



}





.overline-title {

  font-size: 14px;

  line-height: 1.2;

  letter-spacing: 1px;

  color: #8094ae;

  text-transform: uppercase;

}

.invoice-contact .title {

  margin-bottom: 15px;

  font-size: 18px;

  margin-top: 0px;

}

.invoice-contact ul {

  list-style: none;

}

.invoice-contact ul li {

  padding: 8px 0px;

  line-height: 1.3;

  display: flex;

  font-size: 14px;

}

.invoice-contact ul li:first-child {

  padding-top: 0;

}

.invoice-contact ul i {

  line-height: 1.3;

  font-size: 18px;

  display: inline-block;

  vertical-align: top;

  margin-top: -2px;

  color: #022279;

  margin-right: 8px;

}

.invoice-contact ul .icon+span {

  display: inline-block;

  vertical-align: top;

  color: #8094ae;

}



.invoice-desc {

  width: 230px;

  padding-top: 20px;

}



.invoice-desc ul {

  list-style: none;

}

.invoice-desc .title {

  text-transform: uppercase;

  color: #022279;

  text-align: right;

}

@media only screen and (max-width:991px) {

  .invoice-head {
    display: block;
  }

  .invoice-desc {
    width: 100%;
  }

  .invoice-desc .title {
    text-align: left;
  }

}

.invoice-desc ul li {

  padding: 5px 0px;

  display: flex;

  justify-content: space-between;

  position: relative;



}

.invoice-desc ul li:after {

  content: ':';

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.invoice-desc ul span:first-child {

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #9ba8b2;

  padding-right: 10px;

}

.invoice-desc ul span:last-child {

  display: inline-block;

  padding-left: 10px;

  font-size: 15px;

  color: #4f5c66;

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



}



.invoice-desc ul span {

  font-size: 14px;

}



.invoice-bills .table tfoot td {

  border-top: 0;

  white-space: nowrap;

  padding-top: .25rem;

  padding-bottom: .75rem;

}

.invoice-bills .table tfoot tr:last-child td:not(:first-child),

.invoice-bills .table tfoot tr:first-child td:not(:first-child) {

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

  padding-top: 1.25rem;

  padding-bottom: .25rem;

  color: #293742;

}



.invoice-bills .table tfoot tr:last-child td:not(:first-child) {

  border-top: 1px solid #dbdfea;

  padding-top: .25rem;

  padding-bottom: .25rem;

}



@media only screen and (max-width:991px) {

  .invoice-wrap {
    padding: 0px;
  }

}



@media only screen and (max-width:600px) {

  .invoice-contact {
    width: 100%;
  }

  .invoice-desc {
    padding-top: 0px;
  }

  .invoice-desc .title {
    text-align: left;
    margin-top: 0;
  }

  .invoice-brand {
    float: left;
  }

  .invoice-action {
    right: 20px;
    top: 20px;
  }

}

@media only screen and (max-width:480px) {

  .invoice-brand {
    margin-top: 0px;
  }

  .invoice-action {
    position: static;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6ebf1;
    width: 100%;
    padding-bottom: 15px;
  }

  .invoice .action-dropdown.dropdown-top .dropdown-menu {
    right: auto;
    left: 0;
  }

  .action-dropdown.dropdown-top .dropdown-menu::after {
    left: 14px;
    right: auto;
  }

}











/*table section*/



.ws-table-border-type .table {

  border: none !important;

}

.ws-table-border-type table>tbody>tr>th {

  padding: 5px;

}

.ws-table-border-type table>thead {

  background-color: #fff;

}

.ws-table-border-type table>tbody:before {

  content: "";

  display: block;

  height: 20px;

}

.ws-table-border-type table>thead>tr {

  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

  border: 1px solid #ddd;

}



.ws-table-border-type table>tbody>tr {

  border-bottom: 1px solid #ddd;

}

.ws-table-border-type table>thead>tr>th {

  padding: 20px 15px;

  border-bottom: 0px;

  text-transform: uppercase;

  font-size: 14px;

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

  font-weight: 600;

  white-space: nowrap;

  vertical-align: middle;

}

.ws-table-border-type table>tbody>tr>td {

  padding: 20px 15px;

  border: 0px;

  font-size: 14px;

  color: #687178;

}

.ws-table-border-type table>tbody>tr>td .we-table-trash-btn {

  text-align: right;

}

.ws-table-border-type table>tbody>tr>td .we-table-trash-btn button {

  background-color: transparent;
  border: none;

}

@media only screen and (max-width:400px) {

  .payment-detail-table {
    margin-bottom: 0px;
  }

  .payment-detail-table>tbody>tr>td {

    display: block;

    padding: 5px 0px !important;

  }

  .payment-detail-table>tbody>tr {

    margin-bottom: 10px;

    display: block;

  }

  .payment-detail-table>tbody>tr:last-child {

    margin-bottom: 0px;
    border: 0px;

  }

}



.site-button-border {

  color: #555;

  background-color: #fff;

  padding: 10px 25px;

  display: inline-block;

  font-size: 14px;

  outline: none;

  cursor: pointer;

  border-width: 1px;

  border-style: solid;

  border-color: #ddd;

  line-height: 1.42857;

  text-decoration: none !important;

  border-radius: 5px;

  -webkit-border-radius: 5px;

}

.action-dropdown.dropdown-top .dropdown-menu {
  top: 100%;
  margin: 10px 0px 0 0;
  right: 0;
  min-width: 200px;
}

.action-dropdown.dropdown-top .dropdown-menu::after {
  top: -14px;
  right: 14px;
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  left: auto;
}



.add-more-item {
  margin-right: 35%;
  margin-top: -100px;
  margin-bottom: 30px;
}

.add-more-btn {
  margin-bottom: 20px;
  outline: 0px !important;
}



@media only screen and (max-width:1200px) {

  .add-more-item {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

}

@media only screen and (max-width:991px) {

  .add-more-item {
    margin-top: 30px;
  }

}





.active .add-more-btn .fa:before {
  content: "\f068";
}



.add-more-content {
  padding: 30px;
  border: 1px solid #ddd;
  display: none;
  border-radius: 5px;
}

.add-more-form.row:after {
  width: auto;
  height: 0;
}

.add-more-form.row>[class*="col-"]:last-child .form-group {
  margin: 0px;
}



.add-your-sign {
  margin-right: 35%;
  margin-top: 0px;
  margin-bottom: 30px;
}

@media only screen and (max-width:1200px) {

  .add-your-sign {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

}

.add-sign-priveiw {
  text-align: center;
  border: 1px solid #ddd;
  padding: 30px;
  width: 50%;
}

.add-sign-priveiw img {
  width: 180px;
}



.edit-part-name {
  position: relative;
}

.edit-part-name .site-button {
  position: absolute;
  top: 5px;
  right: 5px;
}



.add-payment-detail {
  margin-right: 35%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.add-payment-icon {
  font-size: 30px;
}

@media only screen and (max-width:1200px) {

  .add-payment-detail {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
  }

}

@media only screen and (max-width:400px) {

  .add-payment-detail {
    margin-bottom: 0px;
  }

}

.crad-tile-main {

  border-bottom: 1px solid #ddd;

}



.ws-custom-heading {

  display: flex;

  justify-content: space-between;

}



/*=== >text ===*/

.text-white {
  color: #fff;
}

.text-primary {
  color: #47b1f4;
}

.text-black {
  color: #000;
}

.text-gray {
  color: #f5f6f6;
}

.text-gray-dark {
  color: #d3d3d3;
}

.text-red {
  color: #ff6868;
}

.text-red-dark {
  color: #FF2020;
}

.text-green {
  color: #00d285;
}

.text-yellow {
  color: #ffc100;
}

.text-orange {
  color: #F60;
}

.text-blue {
  color: #2c80ff;
}

.text-sky {
  color: #21accd;
}

.text-purple {
  color: #802d75;
}





.radio-inline-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.radio-inline-box .sf-radio-checkbox {
  margin-right: 20px;
  margin-bottom: 10px;
}

.radio-inline-box .sf-radio-checkbox label {
  font-size: 14px;
}





.header-toltip {
  position: absolute;
  top: 80% !important;
  left: 50%;
  white-space: nowrap;
  background: #022279 !important;
  display: table;
  padding: 5px 10px !important;
  font-size: 11px !important;
  color: #fff !important;
  border-radius: 3px !important;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-family: "arial";
  font-weight: 600 !important;
  line-height: 16px !important;
}



.has-toltip:hover {
  overflow: visible !important;
  position: relative;
}

.has-toltip:hover .header-toltip {
  opacity: 1 !important;
  visibility: visible !important;
  top: 120% !important;
}





.header-menu {
  margin-right: 30px;
}

.header-menu .navbar-toggler {
  display: none;
}

.header-menu .nav>li {
  padding: 0px;
}

.header-menu .header-nav .nav>li>a {
  padding: 20px 10px;
  font-size: 14px;
}



.admin-nav-label {
  background: #ffb600;
  padding: 4px 8px;
  margin-left: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.13);
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-weight: 100;
  font-size: 10px;
}



.sf-radio-check-2 {
  border: 1px solid #e8edf1;
  padding: 15px 15px;
  border-radius: 35px;
  background: #f7fafc;
  width: calc(50% - 30px)
}

.sf-radio-check-2 label {
  margin: 0px;
}



.sf-radio-check-row {
  margin-left: -15px;
  margin-right: -15px;
}

.sf-raChe-6 {
  width: calc(50% - 30px);
  margin: 0px 15px 15px !important;
}



.grayscle-area {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}



@media only screen and (max-width:1200px) {

  .header-menu {
    display: none;
  }

}



@media only screen and (max-width:540px) {

  .sf-radio-check-2 {
    width: 100%;
  }

}



/*--------------------------------------------

  team membar section

---------------------------------------------*/

.sf-team-member-area {
  position: relative;
}

.sf-team-member-area-list {
  width: 350px;
  padding: 20px;
  border: 1px solid #dbdbdb;
  background: #f7fafc;
  border-radius: 5px;
}



.sf-team-member-search-list {
  height: calc(-300px + 100vh);
}

@media only screen and (max-width:1024px) {

  .sf-team-member-search-list {
    height: calc(-500px + 100vh);
  }

}



.sf-team-member-list-wrap {
  display: table;
  width: 100%;
  margin-top: 10px;
}

.sf-team-member-list-wrap:hover .team-member-list-info {
  background-color: #4DB7FE;
}



.team-member-list-info {
  position: relative;
  display: block;
  padding: 15px 80px 15px 20px;
  background-color: #fff;
  border-radius: 5px;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.sf-team-member-list-wrap .team-member-list-info .team-member-list-pic {
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 100%;
  border-radius: 100%;
}

.sf-team-member-list-wrap .team-member-list-info .team-member-list-name {
  font-size: 14px;
  color: #000;
}

.sf-team-member-list-wrap .team-member-list-info .team-member-list-availability {
  font-size: 12px;
}



.sf-team-member-list-wrap .team-member-list-info .team-member-list-availability {
  color: #bd081c;
}

.sf-team-member-list-wrap .team-member-list-info .team-member-list-availability.available {
  color: #00d285;
}



.sf-team-member-list-wrap:hover .team-member-list-info .team-member-list-name,

.sf-team-member-list-wrap:hover .team-member-list-info .team-member-list-availability {
  color: #fff;
}







.sf-team-member-search {
  position: relative;
}

.sf-team-member-search .form-control {
  padding-right: 40px;
  border-radius: 5px !important;
  box-shadow: none;
  border: 0px;
  border: 1px solid #dbdbdb;
  background: #fff;
}

.sf-team-member-search .btn {
  outline: none !important;
  position: absolute;
  right: 0;
  top: 0;
  color: #CCCCCC;
  font-size: 20px;
  z-index: 10;
  background: none;
}



.sf-date-time-section {
  width: calc(100% - 370px);
  transition: all 0.3s;
  position: absolute;
  top: 0;
  right: 0;
}



@media only screen and (max-width:1200px) {

  .sf-team-member-area-list {
    width: 300px;
  }

  .sf-date-time-section {
    width: calc(100% - 330px);
  }

}



@media only screen and (max-width:1024px) {

  .sf-date-time-section {
    width: 100%;
    position: static;
  }

  .sf-team-member-area-list {
    width: 100%;
    margin-bottom: 30px;
  }

}













.sf-select-box.form-control {
  background-color: #f7fafc;
  border-color: #e8edf1;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 5px;
  height: 50px;
}

.sf-select-box.form-control:focus {
  background: #fff;
  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}



.bootstrap-select.sf-select-box .dropdown-toggle {
  background-color: #fff !important;
  height: 50px;
}

.set-bulk-btn {
  margin: 30px 0px 0px 0px;
}



.add-more-content2 {
  padding: 30px;
  border: 1px solid #ddd;
  display: none;
  border-radius: 10px;
}

.add-more-form.row:after {
  width: auto;
  height: 0;
}

.add-more-form.row>[class*="col-"]:last-child .form-group {
  margin: 0px;
}



/* tabs Section */



.sf-custom-tabs .nav-tabs>li>a.active {
  position: relative;
  opacity: 1;
}

.sf-custom-tabs .nav-tabs>li>a.active:after {

  content: "";

  position: absolute;

  bottom: -2px;

  left: 0%;

  width: 100%;

  background-color: #022279;

  height: 2px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-custom-tabs .nav-tabs>li>a.active {

  color: #022279;

  opacity: 1;

}

.sf-custom-tabs .nav-tabs>li>a.active:after {

  left: 0%;

  width: 100%;

  background-color: #022279;

}





/*time slots*/

.sf-avai-time-slots-wrap {

  padding: 30px;

  border: 1px solid #ddd;

  border-radius: 20px;

  background: #f7fafc;

  margin-bottom: 30px;

}

.sf-avai-time-slots-wrap input {

  margin-bottom: 30px;

  background-color: #fff !important;

}

.sf-avai-time-slots-control {

  background-color: #fff;

  display: flex;

  justify-content: space-between;

  border-radius: 6px;

  border: 1px solid #ddd;

  max-width: 200px;

  margin: 0px auto;

}



.sf-avai-time-slots-control .slot-delete {

  border-right: 1px solid #ddd;

  color: red;

}

.sf-avai-time-slots-control .slot-update {

  border-left: 1px solid #ddd;

  color: green;

}

.sf-avai-time-slots-btn {
  position: relative;
}





.aon-list-days {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.aon-list-days .sf-radio-check-2 {
  width: calc(33.333% - 30px);
  margin: 0px 15px 25px;
}



.sf-bot-border {
  border-bottom: 1px solid #ddd;
  margin-top: 5px;
}

.sf-range-w250 {
  width: 250px;
}





@media only screen and (max-width:1600px) {

  .aon-avi-time-slot>[class*="col-"] {
    min-width: 33.333%
  }

}



@media only screen and (max-width:1200px) {

  .aon-avi-time-slot>[class*="col-"] {
    min-width: 50%
  }

  .aon-list-days .sf-radio-check-2 {
    width: calc(50% - 30px);
  }

  .aon-list-days {
    margin: 0px -15px;
  }

  .aon-selectday-title {
    padding: 0px 0px;
  }

}



@media only screen and (max-width:991px) {

  .sf-avai-time-slots-wrap {
    padding: 15px;
  }

  .sf-avai-time-slots-wrap input {
    margin-bottom: 15px;
  }

}



@media only screen and (max-width:767px) {

  .aon-avi-time-slot>[class*="col-"] {
    max-width: 50%
  }

}



@media only screen and (max-width:550px) {

  .aon-avi-time-slot>[class*="col-"] {
    max-width: 100%
  }

}



@media only screen and (max-width:380px) {

  .aon-list-days .sf-radio-check-2 {
    width: calc(100% - 0px);
  }

}







/*Business Hour*/

.sf-bh-onoff {

  display: flex;

  justify-content: space-between;

}

.sf-bh-onoff .btn-primary {
  background-color: #022279;
  border-color: #022279;
}



.working-hours-admin {
  border-bottom: 1px solid #ddd;
}



.working-hours-admin .sf-add-breaktime-btn {
  text-align: right;
  margin-top: 40px;
}

.working-hours-admin .sf-add-breaktime-btn .site-button i {
  padding-right: 0px;
}



@media only screen and (max-width:767px) {

  .working-hours-admin .sf-add-breaktime-btn {
    text-align: right;
    margin-top: 0px;
    min-width: 100%;
    text-align: left;
  }

}





.selected-working-hours {
  padding: 20px 0 0;
  clear: both;
}



.selected-working-hours ul {
  list-style: none;
  margin: 0 15px;
}



.selected-working-hours ul li {
  background-color: #fff;
  padding: 2px 15px;
  color: #022279;
  white-space: normal;
  line-height: 30px;
  display: inline-block;
  margin: 0 15px 15px 0;

  font-size: 12px;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #022279;
}



/*Data table head*/

.sf-bd-data-tb-head {
  margin-bottom: 30px;
  text-align: right;
}



@media only screen and (max-width:420px) {

  .selected-working-hours ul li {
    width: 100%;
    text-align: center;
  }

}





.dropzone {

  min-height: 150px;

  border: 2px dashed rgb(2, 34, 121);

  background: white;

  padding: 20px 20px;

}



.dropzone span {

  background-color: #ffb600;

  padding: 10px 20px;

  border-radius: 5px;

  color: #fff;

  display: table;

  margin: auto;

}





.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgb(247, 250, 252);
}



.page-item.active .page-link {
  background: #022279;
  border-color: #022279;
}

.page-link {
  color: #022279;
}

.page-link:hover {
  background-color: #022279;
  border-color: #022279;
  color: #fff !important;
}



div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 10px !important;
}



div.dataTables_wrapper div.dataTables_length select {
  min-width: 100px;
}



.model-w800 {
  max-width: 800px;
}













.ser-card-default {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 10px;
  background: none;
}

.ser-card-body {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #fff;
  padding: 30px 40px;
  overflow: hidden;
}

.ser-card-table {
  display: table;
  width: 100%;
}

.ser-card-left,

.ser-card-right {
  display: table-cell;
}



.ser-card-left {
  vertical-align: bottom;
}

.ser-card-right {
  vertical-align: bottom;
  width: 1%;
}



.ser-card-icon i:before {
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
}

.ser-card-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}

.ser-card-icons {
  margin: 34px 0px
}

.ser-card-icons img {
  height: 80px;
}

.ser-card-amount {
  font-size: 30px;
  line-height: 48px;
  margin: 25px 0px 10px;
  font-weight: 700;
}

.ser-card-total {
  font-weight: 700;
  font-size: 24px;
}



.ser-total-table {
  display: table;
  width: 100%;
}

.ser-total-cell1,

.ser-total-cell2 {
  display: table-cell;
  vertical-align: middle;
}

.ser-total-cell1 {
  width: 1%;
  white-space: nowrap;
  font-size: 16px;
}

.ser-total-cell1 .tip-info {
  background-color: #fff;
}

.ser-total-cell1 .tip-info:before {
  color: #222;
  font-size: 11px;
  vertical-align: middle;
}

.ser-total-cell2 span {
  height: 5px;
  background-color: #fff;
  display: block;
  margin: 0px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}



@media only screen and (max-width:1600px) {

  .ser-card-icons img {
    height: 60px;
  }

}



@media only screen and (max-width:1400px) {

  .ser-card-body {
    padding: 25px 30px;
  }

}



@media only screen and (max-width:1300px) {

  .break-1300 {
    min-width: 100%;
  }

}





.ser-card-body.ser-puple {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9158f8+0,6f20ff+100 */

  background: rgb(145, 88, 248);
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(145, 88, 248, 1) 0%, rgba(111, 32, 255, 1) 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(145, 88, 248, 1) 0%, rgba(111, 32, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(145, 88, 248, 1) 0%, rgba(111, 32, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9158f8', endColorstr='#6f20ff', GradientType=0);
  /* IE6-9 */

}

.ser-card-body.ser-puple .tip-info:before {
  color: #7022fe;
}



.ser-card-body.ser-orange {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e85a42+0,df3b1f+100 */

  background: rgb(232, 90, 66);
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(232, 90, 66, 1) 0%, rgba(223, 59, 31, 1) 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(232, 90, 66, 1) 0%, rgba(223, 59, 31, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(232, 90, 66, 1) 0%, rgba(223, 59, 31, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85a42', endColorstr='#df3b1f', GradientType=0);
  /* IE6-9 */

}

.ser-card-body.ser-orange .tip-info:before {
  color: #e03c21;
}



.ser-card-body.ser-blue {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f9eea+0,3881c6+100 */

  background: rgb(79, 158, 234);
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(79, 158, 234, 1) 0%, rgba(56, 129, 198, 1) 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(79, 158, 234, 1) 0%, rgba(56, 129, 198, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(79, 158, 234, 1) 0%, rgba(56, 129, 198, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f9eea', endColorstr='#3881c6', GradientType=0);
  /* IE6-9 */

}

.ser-card-body.ser-blue .tip-info:before {
  color: #3881c6;
}



.ser-card-body.ser-yellow {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0a920+0,d07f0e+100 */

  background: rgb(240, 169, 32);
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(240, 169, 32, 1) 0%, rgba(208, 127, 14, 1) 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(240, 169, 32, 1) 0%, rgba(208, 127, 14, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(240, 169, 32, 1) 0%, rgba(208, 127, 14, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0a920', endColorstr='#d07f0e', GradientType=0);
  /* IE6-9 */

}

.ser-card-body.ser-yellow .tip-info:before {
  color: #d07f0e;
}



.tip-info {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  font-size: 8px;
  color: #fff;
  text-indent: -1px;
  background-color: #758698;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  cursor: help;
}















/*===========================================

  07-dec

============================================*/

.radio-inline-box.radio-inline-box-warp {

  display: flex;

  flex-wrap: wrap;

}



.radio-inline-box.radio-inline-box-warp .sf-radio-check-2 {

  margin-bottom: 10px;

}



.sf-booking-info-col {
  padding: 0px;
}

.sf-booking-refid {

  font-size: 24px;

  margin-right: 10px;

}

.sf-booking-incomplete {

  padding: 2px 10px;

  font-size: 10px;

  color: #fff;

  background-color: #f0ad4e;

  border-radius: 20px;

  font-weight: 600;

  vertical-align: text-top;

  margin-right: 10px;

}



.sf-booking-upcoming {

  padding: 2px 10px;

  font-size: 10px;

  color: #fff;

  background-color: #3396d1;

  border-radius: 20px;

  font-weight: 600;

  vertical-align: text-top;

  display: inline-block;

}

.customer-info {
  list-style: none;
  margin: 0;
}

.customer-info li {
  position: relative;
  margin-bottom: 10px;
  white-space: nowrap;
}

.customer-info li strong {
  margin-right: 5px;
  color: #333333;
}

.customer-info li strong:after {
  content: ":";
  position: relative;
  right: -2px;
}

.customer-info li strong .fa {
  color: #ddd;
  margin-right: 5px;
  color: #333333;
}



.sf-booking-payment-info {

  padding: 0px;

  cursor: pointer;

}

.sf-payment-status {

  padding: 2px 10px;

  font-size: 10px;

  color: #fff;

  background-color: #f0ad4e;

  border-radius: 20px;

  font-weight: 600;

  vertical-align: middle;

  margin-right: 10px;

}





.admin-button.btn-sm {

  padding: 4px 8px;

}

.admin-button.changeStatus {

  background-color: #022279
}



.sf-pop-hide {
  display: none;
}





.progress-sm {
  height: 5px;
}

.avatar-xs.rounded-circle.m-r10 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebeef5;
  color: #022279;
  font-size: 18px;
}







/*Featured member*/

.sf-featured-member-area {

  padding: 50px;

}

.sf-featured-member-area .row {

  display: flex;

  align-items: center;

}



.sf-featured-member-area .sf-fea-info {
  padding: 50px;
  border: 2px solid #ddd;
  border-radius: 30px;
}

.sf-featured-member-area .sf-fea-info .sf-title {
  font-size: 60px;
}

.sf-featured-member-area .sf-fea-info h4 {
  font-size: 30px;
}



@media only screen and (max-width:1700px) {

  .sf-featured-member-area .sf-fea-info {
    margin-top: 30px;
  }

  .sf-featured-member-area .sf-fea-info .sf-title {
    font-size: 40px;
  }

  .sf-featured-member-area .sf-fea-info h4 {
    font-size: 20px;
  }

}



@media only screen and (max-width:1400px) {

  .sf-featured-member-area {
    padding: 15px;
  }

}

@media only screen and (max-width:991px) {

  .sf-featured-member-area {
    padding: 0px;
  }

}



@media only screen and (max-width:767px) {

  .sf-featured-member-area .sf-fea-info {
    padding: 30px;
  }

  .sf-featured-member-area .sf-fea-info .sf-title {
    font-size: 28px;
    margin-bottom: 20px;
  }

}





.action {

  width: 330px;

  display: none !important;

  margin-top: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.action .dx-selectbox {

  width: 90px;

}





/*Upgrade Plan*/

.sf-upgrade-account-plans-area {
  position: relative;
  cursor: pointer;
}

.sf-plans-done {

  position: absolute;

  left: 15px;

  top: 0px;

  right: 15px;

  bottom: 0px;

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

  border: 1px solid #ddd;

  border-radius: 20px;

  display: none;

}

.sf-plans-done i {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 100px;

  color: #77c04b;

}



.sf-upgrade-account-plans-area.active .sf-plans-done {
  display: block;
}



.sf-plans-bx {

  border: 2px solid #e1e1e1;

  padding: 30px;

  text-align: center;

  position: relative;

  border-radius: 20px;

  background-color: #f7fafc;

}

.sf-plans-bx .sf-plans-name {

  color: #fff;

  display: inline-block;

  margin: 0px auto;

  border-radius: 6px;

  background-color: #022279;

  padding: 8px 35px;

}



.sf-plans-bx .sf-plans-price {
  font-size: 40px;
  font-weight: 700;
  color: #202020;
}

.sf-plans-bx .sf-plan-list ul {
  list-style: none;
  margin-bottom: 0px;
}

.sf-plans-bx .sf-plan-list ul li {
  border-bottom: 1px solid #ededed;
  padding: 6px 0px;
}

.sf-plans-bx .sf-plan-list ul li:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.sf-plans-bx .sf-plan-list ul li span i {
  margin-right: 10px;
  color: #022279;
}



/*Selected plan*/

.sf-upgrade-account-plans.selected-plan .sf-plans-bx {
  background-color: #022279;
  color: #fff;
  border: transparent;
}

.sf-upgrade-account-plans.selected-plan .sf-plans-bx .sf-plan-list ul li {
  border-bottom: 1px solid #13307d;
}

.sf-upgrade-account-plans.selected-plan .sf-plans-bx .sf-plan-list ul li:last-child {
  border-bottom: none;
}

.sf-upgrade-account-plans.selected-plan .sf-plans-bx .sf-plan-list ul li span i {
  color: #ffb600;
}



.sf-upgrade-account-plans.selected-plan .sf-plans-bx .sf-plans-name {
  background-color: #ffb600;
}

.sf-upgrade-account-plans.selected-plan .sf-plans-bx .sf-plans-price {
  color: #fff;
}





.sf-upgrade-account-btn {
  max-width: 33%;
  margin: 30px auto;
  border: 1px solid #ddd;
  padding: 30px;
  border-radius: 10px;
}

.sf-upgrade-account-btn button {
  width: 100%;
}



.sf-upgrade-top-area {
  padding: 30px;
  border-radius: 10px;
  background: #022279;
  color: #fff;
  margin-bottom: 30px;
}

.sf-upgrade-top-area h2 {
  margin: 0px;
}



@media only screen and (max-width:1200px) {

  .sf-upgrade-account-btn {
    max-width: 48%;
  }

}

@media only screen and (max-width:991px) {

  .sf-upgrade-account-btn {
    max-width: 100%;
    padding: 15px;
  }

}







#clockdiv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 480px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
}

#clockdiv>div {
  padding: 10px;
  display: block;
  width: 25%;
  text-align: center;
}

#clockdiv div>span {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
}

#clockdiv .smalltext {
  padding-top: 5px;
  font-size: 16px;
}



@media only screen and (max-width:1200px) {

  #clockdiv {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .sf-upgrade-top-title {
    text-align: center;
  }

  .admin-button.sf-upgrade-btn {
    margin: auto;
    display: table;
  }

}



.sf-upgrade-top-title {
  color: #fff;
  margin-bottom: 15px;
}

.sf-upgrade-top-title span {
  display: inline-block;
  padding: 3px 15px 5px;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 5px;
  line-height: 1;
  margin-left: 10px;
  font-weight: normal;
}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.2);
}

.aon-booking-table tr td:first-child {
  width: 1%;
}



@media only screen and (max-width:1440px) {

  .breck-w1400 {
    min-width: 100%;
  }

}

@media only screen and (max-width:480px) {

  #clockdiv div>span {
    font-size: 20px;
  }

  #clockdiv .smalltext {
    font-size: 14px;
  }

  .sf-upgrade-top-area {
    padding: 15px;
  }

  #clockdiv>div {
    padding: 10px 2px;
  }

  .sf-upgrade-top-title span {
    margin-top: 15px;
    margin-left: 0px;
    display: block;
  }

  #clockdiv {
    margin-bottom: 15px;
  }

}

@media only screen and (max-width:436px) {

  .aon-mob-btn-marb {
    margin-bottom: 15px;
  }

  .aon-mob-btn-marb .admin-button {
    margin-bottom: 15px;
  }

  #clockdiv .smalltext {
    font-size: 12px;
  }

}





button.close {
  line-height: 12px;
}



.aon-findBar-vertical .filter-option img {
  margin-right: 0;
  margin-left: 5px;
}



.sf-blog-style-1 .post-info {
  text-align: left;
}



.aon-media-gallery img {
  width: 100%;
}





.sf-summery-box {
  display: none;
}





.sf-custom-new .nav-tabs>li>a.active {
  color: #162f96;
}

.sf-custom-new .nav-tabs>li>a.active:after {
  background-color: #162f96;
}





.sf-experience-acord .sf-panel,

.sf-experience-acord .sf-panel:nth-child(2n+1) {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}



.sf-experience-acord .sf-panel,

.sf-qualification-acord .sf-panel,

.sf-services-acord .sf-panel {
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}





.sf-experience-acord .sf-panel .acod-title .exper-date,

.sf-qualification-acord .sf-panel .acod-title .exper-date {
  color: #555;
  text-transform: uppercase;
  font-size: 14px;
  position: absolute;
  top: 15px;
  right: 15px;
}



.sf-experience-acord .sf-panel .acod-title .exper-date,

.sf-qualification-acord .sf-panel .acod-title .exper-date {
  top: 0px;
}



@media only screen and (max-width:720px) {

  .sf-experience-acord .sf-panel .acod-title .exper-date,

  .sf-qualification-acord .sf-panel .acod-title .exper-date {

    position: inherit;

  }

}



.sf-experience-acord .sf-panel .acod-head a,

.sf-qualification-acord .sf-panel .acod-head a {
  background: none;
  padding: 0px;
}



.sf-experience-acord .sf-panel .acod-title span,

.sf-qualification-acord .sf-panel .acod-title span,

.sf-services-acord .sf-panel .acod-title span {
  display: block;
  color: #777;
  padding: 5px 0px;
  text-transform: none;
}



.sf-experience-acord .sf-panel .acod-title .exper-author,

.sf-qualification-acord .sf-panel .acod-title .exper-author,

.sf-services-acord .sf-panel .acod-title .exper-author {
  color: #222;
}





.sf-experience-acord .sf-panel .acod-content,

.sf-qualification-acord .sf-panel .acod-content,

.sf-services-acord .sf-panel .acod-content {
  padding: 0px;
}





.sf-certificates-tab {
  padding: 0px;
}

.sf-certificates-list {
  list-style: none;
}

.sf-certificates-list li {
  content: "";
  clear: both;
  display: table;
}

.sf-certificates-list li .awards-pic {
  margin-right: 20px;
  width: 120px;
  float: left;
}

.sf-certificates-list li .awards-title {
  color: #555;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.sf-certificates-list li .awards-date {
  font-size: 14px;
  margin-bottom: 10px;
  color: #555;
  display: block;
}







.bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}

.aon-search-result-top {
  align-items: center;
  margin-bottom: 20px;
}



@media only screen and (max-width:767px) {

  .sf-bs-data-table div.dataTables_wrapper div.dataTables_length,

  .sf-bs-data-table div.dataTables_wrapper div.dataTables_filter,

  .sf-bs-data-table div.dataTables_wrapper div.dataTables_info,

  .sf-bs-data-table div.dataTables_wrapper div.dataTables_paginate {

    text-align: left;

  }

  .sf-bs-data-table div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
    padding-left: 15px;
  }

  .sf-bs-data-table div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 15px;
  }

  .sf-bs-data-table div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: left !important;
  }



}





.sf-map-filter {
  text-align: right;
}

.search-filter-btn {
  display: none;
  margin-bottom: 30px;
}



@media only screen and (max-width:991px) {

  .search-filter-btn {
    display: inline-block;
  }

  .sf-map-filter {
    border-top: 1px solid #ddd;
    padding-top: 25px;
  }

}





.bootstrap-select .dropdown-menu li a img {
  width: 30px;
  border-radius: 30px;
  margin-right: 10px;
}

.bootstrap-select .dropdown-toggle .filter-option img {
  width: 30px;
  border-radius: 30px;
  margin-right: 10px;
}

.dropdown-item.active,

.dropdown-item:active {
  background-color: #022278;
}







/* Icon Verticle Animation */



.aon-icon {

  font-style: normal;

  font-variant: normal;

  text-transform: none;

  display: block;

  margin: auto;

}



.aon-icon-effect:hover .aon-icon {

  -webkit-animation: toTopFromBottom 0.3s forwards;

  -moz-animation: toTopFromBottom 0.3s forwards;

  animation: toTopFromBottom 0.3s forwards;

}



@-webkit-keyframes toTopFromBottom {

  49% {
    -webkit-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }

}

@-moz-keyframes toTopFromBottom {

  49% {
    -moz-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }

}

@keyframes toTopFromBottom {

  49% {
    transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }

}







/* Shine Animation*/

.shine-hover .shine-box {

  position: relative;

  overflow: hidden;

}

.shine-hover .shine-box::before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.shine-hover .shine-box:hover::before {

  -webkit-animation: shine .75s;

  animation: shine .75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}













/*-------------------------------------

	 Loading 

-------------------------------------*/





/*loading - 1*/



.loading-area {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 9999;

  overflow: hidden;

}



.loading-box {

  width: 100%;

  height: 100%;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 1;

  z-index: 9999;

}



.loading-pic {

  width: 100%;

  position: absolute;

  top: 50%;

  z-index: 99999;

  text-align: center;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}







.windows8 {

  position: relative;

  width: 78px;

  height: 78px;

  margin: auto;

}



.windows8 .wBall {

  position: absolute;

  width: 74px;

  height: 74px;

  opacity: 0;

  transform: rotate(225deg);

  -o-transform: rotate(225deg);

  -ms-transform: rotate(225deg);

  -webkit-transform: rotate(225deg);

  -moz-transform: rotate(225deg);

  animation: orbit 6.96s infinite;

  -o-animation: orbit 6.96s infinite;

  -ms-animation: orbit 6.96s infinite;

  -webkit-animation: orbit 6.96s infinite;

  -moz-animation: orbit 6.96s infinite;

}



.windows8 .wBall .wInnerBall {

  position: absolute;

  width: 10px;

  height: 10px;

  background: rgb(0, 0, 0);

  left: 0px;

  top: 0px;

  border-radius: 10px;

}



.windows8 #wBall_1 {

  animation-delay: 1.52s;

  -o-animation-delay: 1.52s;

  -ms-animation-delay: 1.52s;

  -webkit-animation-delay: 1.52s;

  -moz-animation-delay: 1.52s;

}



.windows8 #wBall_2 {

  animation-delay: 0.3s;

  -o-animation-delay: 0.3s;

  -ms-animation-delay: 0.3s;

  -webkit-animation-delay: 0.3s;

  -moz-animation-delay: 0.3s;

}



.windows8 #wBall_3 {

  animation-delay: 0.61s;

  -o-animation-delay: 0.61s;

  -ms-animation-delay: 0.61s;

  -webkit-animation-delay: 0.61s;

  -moz-animation-delay: 0.61s;

}



.windows8 #wBall_4 {

  animation-delay: 0.91s;

  -o-animation-delay: 0.91s;

  -ms-animation-delay: 0.91s;

  -webkit-animation-delay: 0.91s;

  -moz-animation-delay: 0.91s;

}



.windows8 #wBall_5 {

  animation-delay: 1.22s;

  -o-animation-delay: 1.22s;

  -ms-animation-delay: 1.22s;

  -webkit-animation-delay: 1.22s;

  -moz-animation-delay: 1.22s;

}







@keyframes orbit {

  0% {

    opacity: 1;

    z-index: 99;

    transform: rotate(180deg);

    animation-timing-function: ease-out;

  }



  7% {

    opacity: 1;

    transform: rotate(300deg);

    animation-timing-function: linear;

    origin: 0%;

  }



  30% {

    opacity: 1;

    transform: rotate(410deg);

    animation-timing-function: ease-in-out;

    origin: 7%;

  }



  39% {

    opacity: 1;

    transform: rotate(645deg);

    animation-timing-function: linear;

    origin: 30%;

  }



  70% {

    opacity: 1;

    transform: rotate(770deg);

    animation-timing-function: ease-out;

    origin: 39%;

  }



  75% {

    opacity: 1;

    transform: rotate(900deg);

    animation-timing-function: ease-out;

    origin: 70%;

  }



  76% {

    opacity: 0;

    transform: rotate(900deg);

  }



  100% {

    opacity: 0;

    transform: rotate(900deg);

  }

}



@-o-keyframes orbit {

  0% {

    opacity: 1;

    z-index: 99;

    -o-transform: rotate(180deg);

    -o-animation-timing-function: ease-out;

  }



  7% {

    opacity: 1;

    -o-transform: rotate(300deg);

    -o-animation-timing-function: linear;

    -o-origin: 0%;

  }



  30% {

    opacity: 1;

    -o-transform: rotate(410deg);

    -o-animation-timing-function: ease-in-out;

    -o-origin: 7%;

  }



  39% {

    opacity: 1;

    -o-transform: rotate(645deg);

    -o-animation-timing-function: linear;

    -o-origin: 30%;

  }



  70% {

    opacity: 1;

    -o-transform: rotate(770deg);

    -o-animation-timing-function: ease-out;

    -o-origin: 39%;

  }



  75% {

    opacity: 1;

    -o-transform: rotate(900deg);

    -o-animation-timing-function: ease-out;

    -o-origin: 70%;

  }



  76% {

    opacity: 0;

    -o-transform: rotate(900deg);

  }



  100% {

    opacity: 0;

    -o-transform: rotate(900deg);

  }

}



@-ms-keyframes orbit {

  0% {

    opacity: 1;

    z-index: 99;

    -ms-transform: rotate(180deg);

    -ms-animation-timing-function: ease-out;

  }



  7% {

    opacity: 1;

    -ms-transform: rotate(300deg);

    -ms-animation-timing-function: linear;

    -ms-origin: 0%;

  }



  30% {

    opacity: 1;

    -ms-transform: rotate(410deg);

    -ms-animation-timing-function: ease-in-out;

    -ms-origin: 7%;

  }



  39% {

    opacity: 1;

    -ms-transform: rotate(645deg);

    -ms-animation-timing-function: linear;

    -ms-origin: 30%;

  }



  70% {

    opacity: 1;

    -ms-transform: rotate(770deg);

    -ms-animation-timing-function: ease-out;

    -ms-origin: 39%;

  }



  75% {

    opacity: 1;

    -ms-transform: rotate(900deg);

    -ms-animation-timing-function: ease-out;

    -ms-origin: 70%;

  }



  76% {

    opacity: 0;

    -ms-transform: rotate(900deg);

  }



  100% {

    opacity: 0;

    -ms-transform: rotate(900deg);

  }

}



@-webkit-keyframes orbit {

  0% {

    opacity: 1;

    z-index: 99;

    -webkit-transform: rotate(180deg);

    -webkit-animation-timing-function: ease-out;

  }



  7% {

    opacity: 1;

    -webkit-transform: rotate(300deg);

    -webkit-animation-timing-function: linear;

    -webkit-origin: 0%;

  }



  30% {

    opacity: 1;

    -webkit-transform: rotate(410deg);

    -webkit-animation-timing-function: ease-in-out;

    -webkit-origin: 7%;

  }



  39% {

    opacity: 1;

    -webkit-transform: rotate(645deg);

    -webkit-animation-timing-function: linear;

    -webkit-origin: 30%;

  }



  70% {

    opacity: 1;

    -webkit-transform: rotate(770deg);

    -webkit-animation-timing-function: ease-out;

    -webkit-origin: 39%;

  }



  75% {

    opacity: 1;

    -webkit-transform: rotate(900deg);

    -webkit-animation-timing-function: ease-out;

    -webkit-origin: 70%;

  }



  76% {

    opacity: 0;

    -webkit-transform: rotate(900deg);

  }



  100% {

    opacity: 0;

    -webkit-transform: rotate(900deg);

  }

}



@-moz-keyframes orbit {

  0% {

    opacity: 1;

    z-index: 99;

    -moz-transform: rotate(180deg);

    -moz-animation-timing-function: ease-out;

  }



  7% {

    opacity: 1;

    -moz-transform: rotate(300deg);

    -moz-animation-timing-function: linear;

    -moz-origin: 0%;

  }



  30% {

    opacity: 1;

    -moz-transform: rotate(410deg);

    -moz-animation-timing-function: ease-in-out;

    -moz-origin: 7%;

  }



  39% {

    opacity: 1;

    -moz-transform: rotate(645deg);

    -moz-animation-timing-function: linear;

    -moz-origin: 30%;

  }



  70% {

    opacity: 1;

    -moz-transform: rotate(770deg);

    -moz-animation-timing-function: ease-out;

    -moz-origin: 39%;

  }



  75% {

    opacity: 1;

    -moz-transform: rotate(900deg);

    -moz-animation-timing-function: ease-out;

    -moz-origin: 70%;

  }



  76% {

    opacity: 0;

    -moz-transform: rotate(900deg);

  }



  100% {

    opacity: 0;

    -moz-transform: rotate(900deg);

  }

}



.gmap-area {
  width: 100%;
  height: 100%;
}

.gmap-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  filter: grayscale(100%);
}

.aon-login-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}



.aon-logon-sign-area.sf-custom-new {
  margin-top: -10px;
}

.aon-logon-sign-area.sf-custom-new .nav-tabs {
  display: -ms-flexbox;
  display: flex;
}

.aon-logon-sign-area.sf-custom-new .nav-tabs>li {
  width: 50%;
  text-align: center;
}

.aon-logon-sign-area.sf-custom-new .nav-tabs>li>a {
  padding-top: 0px;
}



.aon-logon-sign-area .form-group {
  margin-bottom: 30px;
}

.sign-term-con {
  font-size: 14px;
}

.sign-term-con a {
  color: #022279 !important;
}





.page-notfound {
  padding: 0px 30px;
  text-align: center;
}

.page-notfound .page-notfound-media {
  max-width: 500px;
  margin: 0px auto 50px;
  margin-bottom: 30px;
}

.page-notfound-content {
  max-width: 540px;
  margin: 0px auto;
}

.page-notfound-content .error-comment {
  font-size: 36px;
}

@media only screen and (max-width:640px) {

  .page-notfound-content .error-comment {
    font-size: 24px;
  }

}

@media only screen and (max-width:380px) {

  .aon-login-option {
    flex-wrap: wrap;
  }

  .aon-login-opleft,

  .aon-login-opright {
    width: 100%;
  }

  .aon-login-opleft {
    margin-bottom: 10px;
  }

}



.address-area-map iframe {
  width: 100%;
  border: none;
}

.service-perform-list .sf-radio-checkbox {
  margin-right: 10px;
  margin-bottom: 10px;
}



.aon-states-row {
  margn: 0px -1px;
}

.aon-states-row .col-4 {
  padding: 0px 1px;
}





.slider-horizontal.slider .tooltip.top.in {
  opacity: 1;
}

.slider-horizontal.slider .tooltip-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0px -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
}





.sf-range-slider .slider .tooltip.top.in {
  opacity: 1;
}

.sf-range-slider .tooltip-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0px -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
}





.team-user-avtar-pic {
  border-radius: 10px;
  overflow: hidden;
  display: table;
  overflow: hidden;
  margin: 0px auto 20px;
}

.drag-drop-buttons {
  width: 140px;
  display: table;
  overflow: hidden;
  margin: auto;
  position: relative;
}

.drag-drop-buttons input[type="file"] {
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}





.stickylogo {
  display: none;
}

.color-fill .headerlogo {
  display: none;
}

.color-fill .stickylogo {
  display: block;
}



.g-recaptcha {
  display: table;
  margin: 15px auto 30px;
}