/* 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

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

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





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

*/

@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 {

  padding-top: 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(...html);

  /* 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: 60px;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;border: 1px solid yellow;margin: 5px;border-radius: 15px;}

.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: 25px;}

.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: 0px;

  bottom: 0px;

  top: 25%;

  left: 0px;

}

.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: #fff;

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

}



.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: 35px;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-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; }



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