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







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







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























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







*/











/*===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(...);







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



  min-height:20px;



}







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







  border-color: #022278;







}







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







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







  background-color: #fff;







  border:2px solid #b6b7b8;







  content: "";







  display: inline-block;







  height: 20px;







  line-height: 1;







  margin-left: -30px;







  position: absolute;







  top: 0px;







  transition: all linear 0.1s;







  width: 20px;







  border-radius: 2px;







}







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







  color: #fff;







  content: "\f00c";







  font-family: FontAwesome;







  font-size: 0px;







  -webkit-font-smoothing: antialiased;







  left: 6px;







  position: absolute;







  top: 7px;







  transition: all linear 0.1s;







}







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







  border-width: 10px;







  border-color: #022278;







}







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







  font-size: 12px;







  left: 3px;







  top: 1px;







}







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







  border-radius: 50%;







  content: "";







}







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







  border-color: #022278;







  border-width: 5px;







}







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







  position: absolute;







  left: 0;







  bottom: 0;







}























/*Home page One Start*/







.aon-banner-wrap {







  position: relative;







  min-height: 150px;







}







.aon-banner-outer {







  position: relative;







  min-height: 150px;







}







.aon-banner-pic {







  width: 100%;







  min-height:100vh;







  overflow: hidden;







}







.aon-banner-pic img {







  width: 100%;







  height:100vh;







  object-fit:cover;







  object-position:center;







}







.aon-banner-text {







  max-width: 700px;







  position: absolute;







  top: 50%;







  left: calc(50% - 250px);







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







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







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







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







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







  z-index: 99;







  color: #fff;







}







.aon-banner-text .container {







  width: auto;







}







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







  font-size: 60px;







  line-height: 1.3;







  color:#fff;







  font-weight: 300;







}







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







  color: #ffb600;







  font-size: inherit;







}







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







  font-size: 60px;







  line-height: 1.3;







  font-weight: 800;







  border-bottom: 1px solid #ffb600;







  display: table;







  color:#FFF;







  padding-bottom: 20px;







}







.aon-curve-area {







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







  position: absolute;







  top: 0px;







  left: 0px;







  width: 100%;







  height: 100%;







  z-index: 1;







  background-repeat: no-repeat;







  background-size: cover;







}







.aon-overlay-main {







  position: absolute;







  top: 0;







  left: 0;







  width: 100%;







  height: 100%;







}







.aon-find-bar {







  position: absolute;







  left: 0;







  width: 100%;







  z-index: 50;







}







.aon-findBar-vertical {







  bottom: 0px;







  height: 100%;







  display: -ms-flexbox;







  display: flex;







  -ms-flex-wrap: wrap;







  flex-wrap: wrap;







}







.aon-findBar-vertical .search-form {







  position: absolute;







  max-width: 500px;







  top: 50%;







  right: 0px;







  width: 50%;







  padding: 40px;







  border-radius: 30px;







  background-color: #fff;







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







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







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







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







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







  transform: translateY(-50%);







}







.aon-findBar-vertical .container {







  position: relative;







}







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







  margin: 0px;







  list-style: none;







}























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







  margin-bottom: 0px;







  color: #000;







  font-weight: normal;







  line-height: 1;







}







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







  width: 100%;







  padding-left: 0px;







  padding-right: 0px;







  position: relative;







  margin-bottom:15px;







}















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







  background:#022279;







}























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







  border: none;







  height:44px;







  border-bottom: 1px solid #ddd;







  box-shadow: none;







  -webkit-box-shadow: none;







  border-radius: 0px;







  padding:5px 0px; 







}







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







    background:#fff;







}































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







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







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















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







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







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















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







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







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















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







  position: absolute;







  bottom: 10px;







  right: 0px;







  width: 25px;







  z-index: 2;







}







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







  width: 100%;







  max-width: 220px;







  margin: 30px auto 0px;







  display: table;







}







.bootstrap-select .dropdown-toggle:focus {







  outline: none !important;







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







  outline-offset: 0px;







  box-shadow: none;







}























.aon-categories-select  ul > li img {







  width: 30px;







  height: 30px;







  border-radius: 30px;







  margin-right: 10px;







}















.aon-categories-select .filter-option {







    display: -ms-flexbox; 







    display: flex; 







    -ms-flex-wrap: wrap; 







    flex-wrap: wrap;







    -ms-flex-align: center; 







    align-items: center;







}































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







  width: 30px;







  height: 30px;







  border-radius: 30px;







  margin-right: 10px;







}















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















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







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















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































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







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







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







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







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







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







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







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







}















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







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







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







}















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







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







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







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







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







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







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







}















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







	







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







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







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







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























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







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







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







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







    







    







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







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







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







    







    







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







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







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







    







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







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







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







    







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







        







}















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







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















}







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







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







}















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







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















}















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







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







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







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















}







































.sf-curve-pos {







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







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







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







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







  transform: skewY(-2deg);







}







.sf-curve-pos > .container {







  -moz-transform: skewY(2deg);







  -webkit-transform: skewY(2deg);







  -o-transform: skewY(2deg);







  -ms-transform: skewY(2deg);







  transform: skewY(2deg);







}







.aon-sub-title {







  color: #ffb600;







  text-transform: uppercase;







  letter-spacing: 4px;







  display: block;







  margin-bottom: 10px;







  font-weight:700;







}







.section-head {







  margin-bottom: 50px;







}







/*Categores Section*/







.aon-categories-area {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







  .section-head {







    margin-bottom: 30px;







  }







  .aon-categories-area {







    padding-top: 40px;







    padding-bottom: 40px;







  }







}







.aon-cat-pic {







  border-radius: 30px;







  margin-bottom: 15px;







}







.aon-cat-pic img{







  border-radius: 30px;







}







.aon-cat-pic a {







display:block;







position:relative;







}















.media-bg-animate {







  position: relative;







  z-index:1;







}































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







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







  display: block;







  content: '';







  position: absolute;







  width:100%;







  height:100%;







  background:#012178;







  border-radius:30px;







  z-index: -1;







  animation: 1s clockwise infinite;







}















.media-bg-animate:hover:after {







  background:#ffb600;







  animation: 2s counterclockwise infinite;







}























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







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







  border-radius:10px;







}







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







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







  border-radius:15px;







}







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







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







  border-radius:20px;







}















@keyframes clockwise {







  0% {







    top: -6px;







    left: 0;







  }







  12% {







    top: -3px;







    left: 3px;







  }







  25% {







    top: 0;







    left: 6px;    







  }







  37% {







    top: 3px;







    left: 3px;







  }







  50% {







    top: 6px;







    left: 0;    







  }







  62% {







    top: 3px;







    left: -3px;







  }







  75% {







    top: 0;







    left: -6px;







  }







  87% {







    top: -3px;







    left: -3px;







  }







  100% {







    top: -6px;







    left: 0;    







  }







}















@keyframes counterclockwise {







  0% {







    top: -6px;







    left: 0;







  }







  12% {







    top: -3px;







    left: 3px;







  }







  25% {







    top: 0;







    left: 6px;    







  }







  37% {







    top: 3px;







    left: 3px;







  }







  50% {







    top: 6px;







    left: 0;    







  }







  62% {







    top: 3px;







    left: -3px;







  }







  75% {







    top: 0;







    left: -6px;







  }







  87% {







    top: -3px;







    left: -3px;







  }







  100% {







    top: -6px;







    left: 0;    







  }







}















































.aon-cat-title {







  text-align: center;







}







.aon-cat-item {







  -webkit-transition: all 0.5s ease;







  -moz-transition: all 0.5s ease;







  -ms-transition: all 0.5s ease;







  -o-transition: all 0.5s ease;







  transition: all 0.5s ease;







}







.center .aon-cat-item {







  -moz-transform: scale(1.15);







  -webkit-transform: scale(1.15);







  -o-transform: scale(1.15);







  -ms-transform: scale(1.15);







  transform: scale(1.15);







}







.categories-carousel-owl .owl-stage {







  padding: 30px 0px 15px;







}







.aon-owl-arrow .owl-next {







  background: none;







  border: none;







}







.aon-owl-arrow .owl-prev {







  background: none;







  border: none;







}







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







  width: 54px;







  height: 2px;







  background-color: #ffb600;







  display: block;







  position: relative;







}







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







  content: '';







  background-color: #ffb600;







  width: 16px;







  height: 2px;







  top: -5px;







  left: -3px;







  position: absolute;







  transform: rotate(135deg);







}







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







  content: '';







  background-color: #ffb600;







  width: 16px;







  height: 2px;







  bottom: -5px;







  left: -3px;







  position: absolute;







  transform: rotate(-135deg);







}







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







  width: 54px;







  height: 2px;







  background-color: #ffb600;







  display: block;







  position: relative;







}







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







  content: '';







  background-color: #ffb600;







  width: 16px;







  height: 2px;







  top: -5px;







  right: -3px;







  position: absolute;







  transform: rotate(-135deg);







}







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







  content: '';







  background-color: #ffb600;







  width: 16px;







  height: 2px;







  bottom: -5px;







  right: -3px;







  position: absolute;







  transform: rotate(-135deg);







}







/*How it Work Section*/







.aon-how-service-area {







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







  background-size: auto;







  background-position: top;







  background-repeat: no-repeat;







  padding-top: 120px;







  padding-bottom: 100px;







}







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







  .aon-how-service-area {







    padding-top: 40px;







    padding-bottom: 40px;







  }







}







.aon-step-section {







  text-align: center;







}







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







  display: inline-block;







  margin-bottom: 30px;







}







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







  display: block;







  background-color: #ffb600;







  width: 140px;







  height: 140px;







  border-radius: 50px;







  line-height: 140px;







  transform: rotate(135deg);







  overflow:hidden;







  -webkit-transition: all 0.5s ease;







-moz-transition: all 0.5s ease;







-ms-transition: all 0.5s ease;







-o-transition: all 0.5s ease;







transition: all 0.5s ease;







}







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







  border-radius:100px;







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







}















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







  transform: rotate(-135deg);







}







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







  color: #022279







}







.step-position-1 {







  margin-top: 0px;







}







.step-position-2 {







  margin-top: 60px;







}







.step-position-3 {







  margin-top: 120px;







}







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







  .aon-how-service-area {







    background-image: none;







  }







  .step-position-1 {







    margin-top: 50px;







  }







  .step-position-2 {







    margin-top: 50px;







  }







  .step-position-3 {







    margin-top: 50px;







  }







}































/*Feature Provider*/







.aon-feature-provider-area {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







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







}







.aon-ow-provider-wrap {







  position: relative;







  background-color: #022279;







  border-radius: 40px;







  margin-top: 50px;







  margin-bottom: 30px;







  margin-left: 30px;







}







.aon-ow-provider {







  background-color: #fff;







  border-radius: 40px;







  padding: 30px 50px 20px;







  text-align: center;







  margin-bottom: -50px;







  position: relative;







  top: -50px;







  left: -15px;







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







  border: 1px solid #eff4f7;







}







.aon-ow-provider:before {







content:"";







background-color:#022279;







position:absolute;







top:0px;







left:0px;







width:100%;







height:20%;







opacity:0;







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







-webkit-transition: all 0.5s ease;







-moz-transition: all 0.5s ease;







-ms-transition: all 0.5s ease;







-o-transition: all 0.5s ease;







transition: all 0.5s ease;







}







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







height:45%;







opacity:1;







}







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







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







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







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







 color:#fff;







}







































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







.aon-ow-provider {







  padding: 30px 30px 20px;







}







}























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







  padding-bottom: 20px;







  position: relative;







  padding-left: 24px;







  padding-right: 24px;







}







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







  position: relative;







  z-index:1;















}















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







  position: absolute;







  left: -20px;







  top: 0px;







}























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







  width: 30px;







  height: 30px;







  line-height: 30px;







  display: block;







  background-color: #ffb600;







  color: #000;







  font-size: 16px;







  border-radius: 50%;







  display: -ms-flexbox;







  display: flex;







  -ms-flex-pack: center;







  justify-content: center;







  -ms-flex-align: center;







  align-items: center;







}







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







  position: absolute;







  right: -20px;







  top: 0px;







}























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







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







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







}















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







  .aon-ow-provider{







    padding: 30px 30px 20px;







  }







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







    top: 0px;left: -5;







  }







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







    right: -20px;







    top: -0px;







  }







}







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







  font-size: 26px;







  line-height: 26px;







  color: #7042e1;







}







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







  color: #022279;







  margin-bottom: 10px;







}







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







  font-weight: 700;







}







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







  margin-bottom: 20px;







}







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







  display:block;







  border-radius:30px;







  overflow: hidden;







}







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







  border-radius: 30px;







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







}







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







  display: inline-block;







  padding-right: 2px;







  color: #ffb600;







  font-size: 16px;







}







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







  color: #9ea4b2;







}







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







  text-align: center;







  padding: 20px;







}







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







  color: #fff;







  font-size: 18px;







  font-weight: 700;







}







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







  .aon-ow-provider {







    border-radius: 30px;







    padding: 15px 25px 20px;







  }







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







    left: -10px;







    top: 0;







  }







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







    right: 0px;







    top: 6px;







    line-height: 1;







  }







}







/*Statics*/







.sf-bg-d-blue {







  background-color: #022279;







}







.aon-statics-area {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







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







}







.aon-statics-area .sf-title {







  color: #fff;







  margin-bottom: 20px;







  max-width: 450px;







 







}







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







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







}























.aon-statics-area p {







  color: #fff;







  max-width: 550px;







  margin: 0px;







}







.aon-static-section {







  background-color: #fff;







  margin-bottom: 30px;







  text-align: center;







  border-radius: 50px;







  padding: 40px 20px







}







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







  font-weight: 700;







  font-size: 60px;







  line-height: 60px;







  overflow:hidden;







}







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







  margin-bottom: 0px;







  margin-top: 10px;







  font-size: 18px;







  font-weight: 400;







}







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







  margin-top: 0px;







}







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







  margin-top: 60px;







}







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







  color: #022278;







}







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







  color: #ffb600;







}







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







  color: #6ab33e;







}







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







  color: #0cb6f5;







}























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







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







  border-radius: 50px;







}







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







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























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







  .col-md-6 {







    width: 100%;







  }







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







    max-width: none;







  }







  .aon-statics-four-wrap p {







    max-width: none;







    margin: 0px;







  }







  .aon-statics-blocks {







    margin-top: 0px;







  }







.aon-static-position-1, 







.aon-static-position-2 {







    margin: 0px -15px;







    display: -ms-flexbox;







    display: flex;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    width:calc(100% + 30px);







    float: none;







  }







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







    margin-top: 30px;







  }







  .aon-statics-blocks .media-statics {







    width:calc(50% - 30px);







    margin:0px 15px;







  }    







    







  .aon-static-section {







    padding: 40px 20px;







    width: calc(100%  0px);







    margin: 0px;







  }







    







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







    margin-top: 30px;







}    







    







}







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







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







    font-size: 40px;







    line-height: 40px;







  }







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







    font-size: 16px;







  }







}







/*Latest blog*/







.aon-news-section-wrap {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







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







}







.aon-blog-section-1 {







  background-color: #f8f5ff;







  border: 1px solid #ddd;







  border-radius: 30px;







}







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







  border-radius: 30px;







  width: 100%;







}







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







  padding: 20px;







  border-bottom: 1px solid #ddd;







}







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







  margin: 0px;







  display: flex;







  justify-content: space-between;







  list-style: none;







  align-items: center;







}







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







  color: #022279;







  font-size: 16px;







  font-weight: 600







}







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







  margin-left: 4px;







}







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







  padding: 6px 20px;







  background-color: #fff;







  border-radius: 6px;







  line-height: 1.2;







}







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







  color: #022279;







  font-size: 14px;







  font-weight: 600







}







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







  padding-left: 2px;







  margin-left: 2px;







  display: inline-block;







}







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







  padding: 20px;







}







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







  margin-top: 0px;







  margin-bottom: 10px;







}







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







  color: #022278;







  margin-bottom: 0px;







}







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







  .aon-news-section-wrap .row {







    display: -ms-flexbox;







    display: flex;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    -ms-flex-pack: center;







    justify-content: center;







  }







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







    -ms-flex: 0 0 50%;







    flex: 0 0 50%;







    max-width:50%;







    margin-bottom:30px;







  }







}







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







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







    min-width: 100%;







  }







}







/*Why Choose Us*/







.aon-whycoose-area {







  background-color: #f8f5ff;







}







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







  -moz-transform: skewY(2deg);







  -webkit-transform: skewY(2deg);







  -o-transform: skewY(2deg);







  -ms-transform: skewY(2deg);







  transform: skewY(2deg);







}







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







  max-width: 695px;







  margin-left: auto;







  padding: 80px 130px 80px 15px;







}







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







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







}







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







  width: 100%;







  display: block;







}







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







  float: left;







  margin-right: 20px;







}







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







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







    float: none;







    margin-right: 0px;







    margin-bottom: 20px;







  }







}







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







  background-color: #fff;







  width: 80px;







  height: 80px;







  line-height: 80px;







  border-radius: 30px;







  display: block;







  text-align: center;







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







}







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







  overflow: hidden;







}







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







  color: #022278;







  margin-bottom: 10px;







}







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







  display: flex;







}







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







  position: relative;







  overflow: hidden;







}







.sf-w-choose-left-cell {







  width: 58.33333333%;







}







.sf-w-choose-right-cell {







  width: 41.66666667%;







}







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







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







  position: absolute;







  content: '';







  width:100%;







  height: 800px;







  z-index: 1;







}















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







  background-color: #ffb600;







  left: -80%;







  bottom: -50%;







  transform: rotate(35deg);







  opacity: 0.7;







}















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







  background-color: #022279;







  right: -70%;







  top: -10%;







  transform: rotate(35deg);







  opacity: 0.7;







}























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







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







        -webkit-animation: upNdown2 5s infinite linear;







        animation: upNdown2 10s infinite linear;







    }







@-webkit-keyframes upNdown2 {







     0% { }







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







     100% { }







}







@keyframes upNdown2 {







     0% { }







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







     100% { }







}































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







  position: absolute;







  left: 0px;







  top: 0px;







  right:0px;







  bottom: 0px;







  background-size: cover;







}







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







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







    max-width: 575px;







    padding-right: 50px;







  }







}







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







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







    max-width: 440px;







    padding-right: 30px;







  }







}







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







  







}







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







.sf-w-choose-left-cell, 







.sf-w-choose-right-cell {







    width: 100%;







  }







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







    min-height: 600px;







}







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







  padding: 40px 15px;







  max-width: 540px;







  margin: 0px auto;







  }







}







/*jobs*/







.aon-recent-post-area {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







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







}







.sf-jobs-section {







  background-color: #fff;







  border-radius: 30px;







  padding: 30px;







  margin-top: 40px;







  margin-bottom: 30px;







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







}















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







  display: flex;







  justify-content: space-between;







  align-items: center;







  margin-bottom: 30px;







}







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







  border-radius: 50%;







  overflow: hidden;







  position: relative;







  top: -70px;







  margin-bottom: -70px;







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







}























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







  background-color: #feb500;







  font-size: 16px;







  color: #000;







  font-weight: 600;







  padding: 6px 26px;







  border-radius: 6px;







}







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







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







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







    display: block;







  }







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







    margin-bottom: 20px; 







    top: 0px;







    display: inline-block;







  }







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







    top: 0px;







    display: block;







  }







}







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







  font-size: 16px;







  color: #9c9c9c;







  font-weight: 600;







  margin-bottom: 10px;







}







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







  color: #022278;







  margin-bottom: 20px;







  display: block;







}







.sf-jobs-footer {







  display: flex;







  justify-content: space-between;







  align-items: center;







}







.sf-jobs-footer i {







  color: #022278;







  font-size: 24px;







}







.sf-jobs-footer {







  color: #022278;







  font-weight: 600;







}







.sf-jobs-footer i {







  font-size: 24px;







  padding-right: 5px;







}







.sf-jobs-cost span {







  font-size: 36px;







  font-weight: 600;







}







/*Pricing Plan*/







.aon-pricing-area {







  background-color: #f8f5ff;







  padding-top: 120px;







  padding-bottom: 120px;







}







.sf-pricing-section-outer {







  border-radius: 30px;







  background-color: #fff;







  padding: 20px;







  margin-top: 100px;







}







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







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







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







}







.sf-pricing-section {







  padding: 50px;







}







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







  color: #022279;







  font-size: 28px;







  line-height: 28px;







  font-weight: 600;







}







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







  color: #141414;







  font-size: 17px;







  font-weight: 600;







}







.sf-price-tb-list {







  margin: 30px 0px







}







.sf-price-tb-list ul {







  list-style: none;







  margin-bottom: 0px;







  margin-left: 0px;







}







.sf-price-tb-list ul li {







  font-size: 14px;







  color: #141414;







  font-weight: 600;







  margin-bottom: 10px;







}







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







  margin-right: 10px;







  color: #42e539;







  font-size: 18px;







}







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







  color: #d6d6d6;







}







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







  font-size: 24px;







  font-weight: 600;







  color: #022279;







}







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







  font-size: 38px;







}







.sf-price-tb-plan {







  margin-bottom: 30px;







}







.sf-choose-plan-btn {







  display: block;







  text-align: center;







  font-size: 18px;







  color: #022279;







  font-weight: 500;







  background-color: #dae2f6;







  border: 1px solid #022279;







  border-radius: 15px;







  line-height: 1.2;







  padding: 12px 15px;







}







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







  background-color: #022279;







  border-radius: 20px;







  margin-top: -50px;







}







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







  color: #fff;







}







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







  background-color: #ffb600;







}







.no-gutter {







  margin-right: 0;







  margin-left: 0;







}







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







  padding-right: 0;







  padding-left: 0;







}







/*Pricing-btn*/







.sf-priceing-tb-control {







  text-align: center;







}







.sf-priceing-tb-control span {







  font-size: 18px;







  color: #022279;







  font-weight: 600;







  padding: 0px 10px;







}







.sf-priceing-tb-control .switch {







  position: relative;







  display: inline-block;







  width: 84px;







  height: 34px;







}







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







  opacity: 0;







  width: 0;







  height: 0;







}







.sf-priceing-tb-control .slider {







  position: absolute;







  cursor: pointer;







  top: 0;







  left: 0;







  right: 0;







  bottom: 0;







  background-color: #ccc;







  -webkit-transition: .4s;







  transition: .4s;







}







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







  position: absolute;







  content: "";







  height: 26px;







  width: 26px;







  left: 4px;







  bottom: 4px;







  background-color: white;







  -webkit-transition: .4s;







  transition: .4s;







}







input:checked + .slider {







  background-color: #022279;







}







input:focus + .slider {







  box-shadow: 0 0 1px #022279;







}







input:checked + .slider:before {







  -webkit-transform: translateX(50px);







  -ms-transform: translateX(50px);







  transform: translateX(50px);







}







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







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







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







}







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







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







}















/* Rounded sliders */







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







  border-radius: 34px;







}







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







  border-radius: 50%;







}







/*Testimonial*/







.aon-testmonials-area {







  padding-top: 120px;







  padding-bottom: 120px;







}







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







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







}







.sf-testimonial-user {







  background-color: #dae2f6;







  border: 1px solid #022278;







  border-radius: 20px;







  padding: 20px 30px;







  cursor: pointer;







}







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







  float: left;







  width: 61px;







  height: 61px;







  border-radius: 50%;







  overflow: hidden;







  margin-right: 20px;







}















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







  overflow: hidden;







}







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







  color: #022278;







  font-size: 18px;







  font-weight: 600;







}







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







  color: #222;







  font-size: 16px;







  font-weight: 600;







}







.sf-testimonial-info {







  padding-top: 50px;







}







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







  color: #022278;







  font-size: 26px;







  font-weight: 600;







}







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







  margin: 30px 0px;







}







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







  display: inline-block;







  padding-right: 2px;







  color: #ffb600;







  font-size: 24px;







}







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







  color: #022278;







}















.sf-testimonial-text {







    max-width:800px;







    margin: auto;







}







.sf-testimonial-quote {







  color: #022278;







  font-size: 36px;







}







.slick-testimonials-thumbnails .slick-list {







  padding: 0px !important;







}







.slick-testimonials-thumbnails .slick-item {







  padding: 0px 10px;







}







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







  background-color: #022278;







}







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







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







    float: none;







    margin: 0px auto;







  }







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







}







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







  color: #fff;







}







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







  color: #fff;







}







.slick-testimonials-thumbnails .slick-next, 







.slick-testimonials-thumbnails .slick-prev {







  width:30px;







  height:30px;







  z-index:999;







}







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







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







    width: 30px;







    height: 30px;







    background: #fff;







    font-family: 'FontAwesome';







    color: #222 !important;







    font-size: 24px;







    display: block;







    border-radius: 30px;







    border: 1px solid #cbcbcb;







    opacity:1;







}







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







  content: "\f105";







}







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







  content: "\f104";







}















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







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







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







}































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







/*Home page 2 banner*/







.aon-banner-area2 {







  padding-top:60px;







}







.aon-bnr2-media-wrap {







  max-width: 500px;







  margin-left: auto;







  position: relative;







  z-index: 2;







 -webkit-transition: all 0.5s ease;







-moz-transition: all 0.5s ease;







-ms-transition: all 0.5s ease;







-o-transition: all 0.5s ease;







transition: all 0.5s ease;







}







.aon-bnr2-media {







  text-align: center;







}







.aon-bnr2-media:after, 







.aon-bnr2-media:before {







  border-radius: 10px;







  content: '';







  position: absolute;







  right: 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: 55px;







  margin-bottom: 15px;







  font-weight: 300;







}







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







  .sf-banner-heading-wrap {







    height: 290px;







  }







  .sf-banner-heading-large {







    font-size: 36px;







  } 







}







.sf-banner-heading-large strong {







  font-weight: 600;







}







.sf-banner-breadcrumbs-nav ul {







  margin: 0;







}







.sf-banner-breadcrumbs-nav ul li {







  position: relative;







  display: inline-block;







  font-size: 18px;







  font-weight: 300;







  padding: 0;







  margin-right: 20px;







  color: #fff;







}







.sf-banner-breadcrumbs-nav ul li a {







  color: #fff;







}







.sf-banner-breadcrumbs-nav ul li:after {







  content: "\f105";







  position: absolute;







  right: -13px;







  top: 1px;







  font-size: 18px;







  color: #fff;







  font-family: "FontAwesome";







  margin-left: 7px;







}







.sf-banner-breadcrumbs-nav ul li:last-child:after {







  display: none;







}







.sf-overlay-main {







  position: absolute;







  top: 0;







  left: 0;







  width: 100%;







  height: 100%;







}







.aon-contact-area{padding: 80px 0px 50px 0px;}







.sf-contact-map-area{padding-top: 80px;}







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







  .aon-contact-area{padding: 30px 0px 30px 0px;}







  .sf-contact-map-area{padding-top: 30px;}







}















.sf-contact-info-wrap{margin-bottom: 30px;}







.sf-contact-info-wrap .row{







  display: flex; justify-content: center;







}















.sf-contact-info-box {







  border-radius: 30px;







  background-color: #fff;







  margin-bottom: 30px;







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







  text-align: center;







  padding: 40px 30px;







  border-bottom: 4px solid #ffb600;







}















.sf-contact-info-box .sf-contact-info .sf-title {







  font-size: 24px;







  margin: 20px 0px;







}







.sf-contact-info-box .sf-contact-info p {







  margin-bottom: 0px;







}







.sf-contact-icon {







  position: relative;







  z-index: 1;







  margin-bottom: 40px;







}







.sf-contact-icon:after {







  content: '';







  width: 84px;







  height: 84px;







  left: 50%;







  top: 0px;







  position: absolute;







  background-color: #f5f6fa;







  border-radius: 50%;







  z-index: -1;







  transform: translateX(-50%);







  margin-left: -20px;







}







.sf-contact-icon span {







  display: block;







  line-height: 60px;







}







.sf-contact-form {







  max-width: 960px;







  margin: 0px auto;







}







.sf-contact-icon span img {







  height: 60px;







}







.sf-contact-form .form-control {







  border-radius: 14px;







  border: 2px solid #c2c8d7;







  height: 50px;







  background-color: transparent;







}







.sf-contact-form textarea.form-control {







  height: 190px;







}







.sf-contact-form .sf-contact-submit-btn {







  max-width: 260px;







  margin: 0px auto;







  text-align: center;







}







.sf-map-social-block {







  padding: 50px 50px 20px 50px;







  background-color: #f8f5ff;







  border-radius: 30px;







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







  max-width: 960px;







  margin: 0px auto;







  position: relative;







  z-index: 1;







}







.sf-map-social-block .sf-con-social li{margin-bottom: 30px;}







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







  .sf-map-social-block {







    padding: 50px 150px 20px 150px;







  }







  .sf-map-social-block h2{font-size: 28px;}







}







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







  .sf-map-social-block {







    padding: 30px 30px 1px 30px;







   }







}







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







  .sf-map-social-block .sf-con-social li{display: block; margin-right: 0px;}







}















.sf-map-social-block h2 {







  max-width: 600px;







  margin: 0px auto 30px;







}







.sf-con-social {







  margin: 0px;







}







.sf-con-social li {







  display: inline-block;







  margin-right: 20px;







}







.sf-con-social li:last-child {







  margin-right: 0px;







}







.sf-con-social li a {







  display: block;







  border-radius: 8px;







  font-size: 18px;







  line-height: 18px;







  color: #fff;







  padding: 12px 40px;







}







.sf-con-social li a img {







  padding-right: 5px;







}







.sf-con-social li a.sf-fb {







  background-color: #1768d4;







}







.sf-con-social li a.sf-twitter {







  background-color: #1ebce9;







}







.sf-con-social li a.sf-pinterest {







  background-color: #d63127;







}







.sf-con-social-pic span {







  display: inline-block;







  border-radius: 50%;







  border: 3px solid #ffb600;







  overflow: hidden;







}







.img-pos-1 {







  position: absolute;







  left: 180px;







  top: -40px;







}







.img-pos-2 {







  position: absolute;







  left: 40px;







  top: 60px;







}







.img-pos-3 {







  position: absolute;







  left: 80px;







  top: 180px;







}







.img-pos-4 {







  position: absolute;







  right: 180px;







  top: -40px;







}







.img-pos-5 {







  position: absolute;







  right: 40px;







  top: 60px;







}







.img-pos-6 {







  position: absolute;







  right: 80px;







  top: 180px;







}







/*Sf Map*/







.sf-map-wrap {







  height: 430px;







  background-size: cover;







  background-repeat: no-repeat;







  position: relative;







  margin-top: -130px;







}







.sf-map-icon {







  position: absolute;







  top: 50%;







  left: 50%;







  transform: translate(-50% -50%)







}







/*Job Detail */







.sf-job-benner {







  position: relative;







  background-color: #f8f5ff;







}







.banner-job-row {







  background-size: cover;







  background-position: center center;







  position: relative;







}







.sf-banner-job-heading-wrap {







  display: table;







  position: relative;







  height: 100%;







  width: 100%;







  max-width: 1170px;







  margin: auto;







  text-align: center;







}







.sf-banner-job-heading-area {







  display: table-cell;







  padding: 50px 15px;







  vertical-align: middle;







}







.sf-banner-job-heading-large {







  font-size: 36px;







  margin-bottom: 15px;







  font-weight: 300;







  color: #022279;







}







.sf-banner-job-logo-pic {







  width: 110px;







  margin: 10px auto 20px;







  border-radius: 10px;







}







.sf-banner-job-logo-pic img {







  width: 100%;







  border-radius: 10px;







}







.sf-banner-job-dutation {







  list-style: none;







  margin: 0px auto 110px;







}







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







  .sf-banner-job-dutation {







  margin-bottom: 0px;







  }







}







.sf-banner-job-dutation li {







  display: inline-block;







  padding: 0px 15px;







  border-right: 1px solid #777;







  font-size: 18px;







  line-height: 1.2;







}







.sf-banner-job-dutation li:last-child {







  border: none;







}







.sf-banner-job-dutation li .jobs-timing {







  color: #022279;







}







.sf-banner-job-dutation li .jobs-date-label {







  color: #58aa22;







  background-color: #deedd4;







  display: inline-block;







  padding: 7px 12px;







  border-radius: 10px;







  margin-left: 10px;







}







.sf-job-details-fileds-two {







  border-radius: 30px;







  border: 1px solid #ddd5eb;







  overflow: hidden;







  background: #fff;







  box-shadow: 0 0 20px rgba(105, 85, 138, 0.24);







  margin: -100px auto 50px;







  z-index: 1;







  position: relative;







}







.sf-job-details-fileds-two ul {







  display: -ms-flexbox;







  display: flex;







  -ms-flex-wrap: wrap;







  flex-wrap: wrap;







  margin: 0px -2px -1px;







}







.sf-job-details-fileds-two ul li {







  padding: 25px 20px 30px 40px;







  display: block;







  width: 33.333333%;







  margin-right: -1px;







  border: 1px solid #ddd5eb;







  margin-bottom:-1px;







}







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







  .sf-job-details-fileds-two{margin-top: 30px; margin-bottom: 30px;}







  .sf-job-details-fileds-two ul li{







    width: 100%;







  }







  .sf-banner-job-dutation li {







    margin-bottom: 20px;







  }







}







.sf-job-details-fileds-two ul li span {







  padding: 0;







  display: block;







  width: auto;







}







.sf-job-details-fileds ul li:nth-child(2n) {







  background-color: #fff;







}







.sf-job-details-fileds ul li .job-meta-icon {







  float: left;







  margin-right: 20px;







  margin-top: 4px;







}







.sf-job-details-fileds ul li .sf-job-meta-info {







  overflow: hidden;







}







.sf-job-details-fileds ul li .job-meta-title {







  display: inline;







  margin: 0px;







}







.sf-job-details-fileds ul li .job-meta-text {







  line-height: 1;







}







.sf-job-details-fileds ul li .job-meta-text {







  line-height: 1;







}















.square-list-style { list-style:none; }







.square-list-style li { position: relative; padding-left:20px; line-height:42px; }







.square-list-style li:before { content:""; width:8px; height:8px; background: #000; position:absolute; top:18px; left: 0px; }























.aon-job-gallery { margin-bottom:50px; }







.job-gallery {







  list-style: none;







  margin: 0px;







}







.job-gallery li {







  width: 25%;







  padding: 0px;







  float: left;







  position: relative;







}







.job-gallery li .job-gallery-pic {







  background: #ddd;







  height: 200px;







  background-image: url("../images/job-gallery/pic.jpg");







  background-position: center;







}







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







  .job-gallery li .job-gallery-pic{







    height: 130px;







  }







  .job-gallery li{width: 50%;}







}







.job-gallery li .job-gallery-link {







  position: absolute;







  top: 0px;







  left: 0px;







  opacity: 0;







  width: calc(100% - 30px);







  height: calc(100% - 30px);







  margin: 15px;







  background: #032379;







  opacity: 0;







  font-size: 50px;







  color: #fff;







  display: -ms-flexbox;







  display: flex;







  -ms-flex-pack: center;







  justify-content: center;







  -ms-flex-align: center;







  align-items: center;







  -webkit-transition: all 0.5s ease;







  -moz-transition: all 0.5s ease;







  -ms-transition: all 0.5s ease;







  -o-transition: all 0.5s ease;







  transition: all 0.5s ease;







}







.job-gallery li:hover .job-gallery-link {







  opacity: 0.8;







}







.job-gallery li:last-child .job-gallery-link {







  opacity: 1;







  width: 100%;







  height: 100%;







  margin: 0px;







  opacity: 0.8;







}























.aon-job-video { 







    margin-bottom:80px; 







}







.sf-pres-video-pic {







  position: relative;







}







.sf-pres-video-pic img {







  border-radius: 10px;







    width:100%;







}







.sf-pres-video-pic .overlay-vid {







  background-color: #000;







  opacity: 0.5;







  position: absolute;







  left: 0px;







  top: 0px;







  right: 0px;







  bottom: 0px;







  width: 100%;







  height: 100%;







  border-radius: 10px;







  z-index: 1;







}







.sf-pres-video-icon {







  display: inline-block;







  position: absolute;







  left: 50%;







  top: 50%;







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







  z-index: 2;







}







.sf-pres-video-icon i {







  font-size: 100px;







  color: #fff;







}







sf-pres-video-pic .overlay-vid {







  background-color: #000;







  opacity: 0.5;







  position: absolute;







  left: 0px;







  top: 0px;







  right: 0px;







  bottom: 0px;







  width: 100%;







  height: 100%;







  border-radius: 10px;







  z-index: 1;







}







.sf-pres-video-icon {







  display: inline-block;







  position: absolute;







  left: 50%;







  top: 50%;







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







  z-index: 2;







}







.sf-pres-video-icon i {







  font-size: 100px;







  color: #fff;







}







.sf-btn-large2 {







  font-size: 20px;







  color: #000;







  border: none;







  background-color: #ffb600;







  border-radius: 6px;







  padding: 10px 30px;







  display: block;







  width: 100%;







  text-align: center;







}







.sf-jobdetail-blocks {







  margin-bottom:60px;







}







.sf-jobdetail-blocks .sf-title {







  margin-bottom: 20px;







}







.sf-jobdetail-blocks .sf-con-social li {







  margin: 0px 0px 15px 0px;







  display: block;







  text-align: center;







}







.sf-related-jobs {







  border-radius: 10px;







  padding: 30px;







  background-color: #f2f0f7;







  border: 1px solid #e1dced;







  text-align: center;







}







.sf-related-jobs .sf-related-job-pic {







  margin-bottom: 10px;







}







.sf-related-jobs .sf-related-job-pic img {







  border-radius: 10px;







}







.sf-related-jobs .sf-related-job-name {







  font-size: 18px;







  color: #2f2f30;







}







.sf-related-jobs .sf-related-job-name span {







  background-color: #6dca2d;







  color: #fff;







  border-radius: 50%;







  padding: 2px;







}







.sf-related-jobs .sf-related-job-rating span {







  display: inline-block;







  padding-right: 2px;







  color: #ffb600;







  font-size: 18px;







}







.sf-related-jobs .sf-related-job-rating span.text-gray {







  color: #52504a;







}







.sf-related-jobs .sf-related-job-rating span.sf-rating-lable {







  color: #969696;







}







.sf-jobrelated-carousel .sf-jobs-section {







  box-shadow: none;







  margin-bottom: 0px;







  border: 1px solid #ddd;







}







.sf-jobrelated-carousel .sf-jobs-head .sf-jobs-media {







  box-shadow: none;







}







/* Job Grid sidebar*/







.sf-rounded-sidebar {







  border-radius: 20px;







  border: 1px solid #e1dced;







  background-color: #fff;







  box-shadow: 0px 0px 20px rgba(112, 66, 225, 0.1);







  margin-right: 20px;







}







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







  .sf-rounded-sidebar{







    margin-bottom: 30px;







    margin-right: 0px;







  }







}







.sf-job-sidebar-blocks {







  padding: 30px;







  border-bottom: 1px solid #e1dced;







}







.sf-job-sidebar-blocks:last-child {







  border: none;







}







.sf-job-sidebar-blocks .sf-title {







  margin-bottom: 20px;







}







.sf-job-sidebar-blocks .form-control {







  height: 50px;







  border-radius: 6px;







}







.sf-job-sidebar-blocks .bootstrap-select .dropdown-toggle {







  height: 50px;







  border-radius: 6px;







}







.sf-btn-large {







  font-size: 16px;







  text-transform: uppercase;







  color: #000;







  border: none;







  font-weight: 500;







  background-color: #ffb600;







  border-radius: 6px;







  padding: 10px 30px;







  display: block;







  width: 100%;







}







.sf-location-ring-wrap {







  position: relative;







}







.sf-location-ring {







  position: absolute;







  width: 6px;







  height: 6px;







  border-radius: 50%;







  background-color: #000;







  right: 20px;







  top: 50%;







  transform: translateY(-50%);







}







.sf-location-ring:after {







  position: absolute;







  content: '';







  width: 16px;







  height: 16px;







  border-radius: 50%;







  border: 1px solid #000;







  right: -5px;







  top: 50%;







  transform: translateY(-50%);







}







.sf-job-sidebar-blocks .sf-job_types {







  list-style: none;







  margin: 0px;







}







.sf-job-sidebar-blocks .sf-job_types label {







  font-weight: normal;







}







.sf-range-slider .slider-handle {







  width: 24px;







  height: 24px;







  background-color: #fff;







  border: 3px solid #ffb600;







  background-image: none;







}







.sf-range-slider .slider.slider-horizontal {







  width: 100%;







}







.sf-range-slider .slider-selection {







  background-color: #ffb600;







  background-image: none;







}







.sf-range-slider .slider.slider-horizontal .slider-track {







  height: 6px;







  margin-top: 0px







}







.sf-range-slider .slider .tooltip.top {







  margin-top: -40px;







}







.aon-page-jobs-wrap {







  padding-top: 90px;







  padding-bottom: 90px;







}







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







  .aon-page-jobs-wrap {







    padding-top: 30px;







    padding-bottom: 30px;







  }







}







.aon-search-result-title h5 span {







  color: #feb500;







}







.aon-search-sortby {







  margin: 0 -3px;







  list-style: none;







  display: inline-block;







}







.aon-search-sortby > li {







  float: left;







  width: 120px;







  padding: 0 3px;







}







.aon-search-sortby > li.aon-select-sort-by {







  width: 120px;







}







.aon-search-sortby > li .bootstrap-select {







  width: 100% !important;







}







.aon-search-sortby > li .bootstrap-select .dropdown-toggle {







  padding-left: 10px;







  padding-right: 20px;







}







.aon-search-grid-option {







  margin: 0 -3px;







  list-style: none;







  display: inline-block;







}







.aon-search-grid-option li {







  float: left;







  padding: 0 3px;







}







.aon-search-grid-option li .btn {







  padding: 9px 15px;







  border: 1px solid #ddd;







  height: 50px;







}







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







  .sort-filter-bx .f-f-left, .sort-filter-bx .f-f-right {







    float: left;







    width: 100%;







  }







  .sort-filter-bx .f-f-left {







    margin-bottom: 10px;







  }







}







.bootstrap-select .dropdown-toggle {







  border: 1px solid #e1e1e1 !important;







  background-color: #fff !important;







}







/*Site Pagination*/







.s-p-center {







  width: 100%;







  display: -ms-flexbox;







  display: flex;







  -ms-flex-pack: center;







  justify-content: center;







}







.site-pagination {







  clear: both;







}







.site-pagination .pagination > li > a, .site-pagination .pagination > li > span {







  margin: 0px 3px;







  border: none;







  border-radius: 10px !important;







}







.site-pagination .pagination > li > a .fa {







  font-size: 12px;







}







.site-pagination .pagination > li > a {







  color: #022278;







}







.site-pagination .page-item.active .page-link {







  background-color: #022278;







  border-color: #022278;







}







.site-pagination .pagination > li > a, .site-pagination .pagination > li > span {







  margin: 0px 5px;







  border: none;







  border-radius: 10px !important;







  padding: 7px 13px;







}







/*Job Listing*/







ul.job_listings {







  border-top: 1px solid #ddd;







}







ul.job_listings li.job_listing {







  background: #fff;







  border-right: 1px solid #ddd;







  border-left: 1px solid #ddd;







  border-bottom: 1px solid #ddd;







  font-size: 14px;







  padding: 20px;







  position: relative;







}







ul.job_listings li.job_listing:hover {







  background-color: #fafafa;







}







ul.job_listings li.job_listing a.job-clickable-box {







  padding: 0;







  position: absolute;







  left: 0;







  top: 0;







  width: 100%;







  height: 100%;







  background: none;







}







ul.job_listings .job_listing .job-comapny-logo {







  width: 100px;







  height: 100px;







  float: left;







  overflow: hidden;







  padding: 5px;







  border: 1px solid #ddd;







  background-color: #fff;







  border-radius: 100% !important;







  -webkit-border-radius: 100% !important;







}







ul.job_listings .job_listing .job-comapny-logo img {







  width: 100%;







  height: auto;







  border-radius: 100% !important;







  -webkit-border-radius: 100% !important;







}







.job_listing .location {







  position: relative;







}







.job_listing .location:before {







  content: "\f041";







  font-family: 'FontAwesome';







  position: absolute;







  left: 15px;







  top: -3px;







  font-size: 20px;







  color: #767676;







}







.job-comapny-info {







  padding-top: 15px;







  padding-left: 100px;







}







.job-comapny-info:after {







  content: "";







  clear: both;







  display: block;







}







.job-comapny-info .position, .job-comapny-info .location, .job-comapny-info .meta {







  padding-left: 30px;







  display: block;







  float: left;







}







.job-comapny-info .position {







  width: 40%;







}







.job-comapny-info .position h3 {







  font-size: 18px;







  margin-bottom: 5px;







  margin-top: 0;







  text-transform: none;







}







.job-comapny-info .position .company strong {







  font-weight: normal;







  color: #777;







}







.job-comapny-info .location {







  width: 30%;







  font-size: 16px;







  padding-left: 35px;







}







.job-comapny-info .meta {







  width: 30%;







  list-style: none;







  margin-left: 0;







}







.job_listing .meta li {







  text-align: center;







  line-height: 22px;







  padding: 0 10px;







}







.job_listing .job-type {







  color: #fff;







  font-weight: 600;







  text-transform: uppercase;







  font-size: 13px;







  background-color: #022278;







}







.job_listing .job-type.hourly {







  background-color: #3396D1;







}







.job_listing .job-type.full-time {







  background-color: #77c04b;







}







.job_listing .job-type.part-time {







  background-color: #ebc23a;







}







.job_listing .job-type.freelance {







  background-color: #E34C43;







}







.job_listing .job-type.temporary {







  background-color: #E9616F;







}







.job_listing .job-type.fix-price {







  background-color: #EB6725;







}







.job_listing .job-type.internship {







  background-color: #8645A6;







}







.job_listing .date {







  color: #666;







  background-color: #EFEFEF;







}







.job_listing .date date:before {







  content: "\f017";







  font-family: 'FontAwesome';







  margin-right: 5px;







}







.job_listings.job_listings-two {







  list-style: none;







  margin: 0px;







  border: none;







}







.job_listings.job_listings-two li.job_listing {







  border-radius: 10px;







  border: 1px solid #ddd;







  border-left: 3px solid #022278;







  padding: 30px;







  font-size: 16px;







  margin-bottom: 30px;







}







.job_listings.job_listings-two li.job_listing .job-comapny-logo {







  width: 70px;







  height: 70px;







  padding: 0;







  border: 1px solid #eee;







  border-radius: 10px !important;







}















.job_listings.job_listings-two li.job_listing .job-comapny-logo img {







  border-radius: 5px !important;







}







.job_listings.job_listings-two .job-comapny-info .position {







  width: auto;







  float: none;







  margin-right: 150px;







  padding: 0px;







  margin-bottom: 10px;







}







.job_listings.job_listings-two .job-comapny-info .position h3 {







  font-size: 24px;







  line-height: 1.2;







}







.job_listings.job_listings-two .job-comapny-info {







  padding-top: 0px;







  padding-left: 90px;







}















.job_listings.job_listings-two .job-type {







  position: absolute;







  top: 25px;







  right: 80px;







  background: #edfafe;







  border-radius: 5px;







  padding: 5px 10px;







  color: #4eccf3;







  font-weight: normal;







}







.job_listings.job_listings-two .job-type .fa {







  margin-right: 5px;







}







.job_listings.job_listings-two .job-comapny-info .meta {







  padding: 0px;







  width: 30%;







  display: inline-block;







}







.job_listings.job_listings-two .job-comapny-info .meta li.date {







  text-align: left;







  background: none;







  padding: 0px;







}







.job_listings.job_listings-two .job-comapny-info .job-location {







  width: 30%;







  display: inline-block;







}







.job_listings.job_listings-two .job-comapny-info .job-location .fa {







  margin-right: 5px;







}







.job_listings.job_listings-two .job-comapny-info .job-amount {







  width: 30%;







  display: inline-block;







}







.job_listings.job_listings-two .job-comapny-info .job-amount span {







  color: #e82d2d;







}







.job_listings.job_listings-two .job-comapny-info .job-amount .fa {







  margin-right: 5px;







}







.job_listings.job_listings-two .job-comapny-info .position .company strong {







  font-size: 18px;







  color: #a0a0a0;







}







.job_listings.job_listings-two .job-comapny-info .job-label {







  position: absolute;







  top: 25px;







  right: 30px;







}







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







.job_listings.job_listings-two li.job_listing {







  font-size: 14px;







}







.job_listings.job_listings-two .job-comapny-info .job-location {







  font-size:14px;







}







.job_listings.job_listings-two .job-comapny-info .job-amount {







  font-size:14px;







}







}























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







  .job_listings.job_listings-two li.job_listing .job-comapny-logo{







    float:none;







    margin-bottom: 15px;







  }







  .job_listings.job_listings-two .job-comapny-info{padding-left: 0px;}







  .job_listings.job_listings-two .job-comapny-info .job-location{







    width: 100%;







  }







  .job_listings.job_listings-two .job-comapny-info .job-amount{width: 100%;}







  .job_listings.job_listings-two .job-comapny-info .position{margin-right: 0px;}







  .job_listings.job_listings-two .job-type{right: 30px;}







  .job_listings.job_listings-two .job-comapny-info .meta{width: 100%;}







}







/*Provider Profile Page*/







.sf-page-scroll-wrap {







  background-color: #fff;







  padding: 80px 0px 0px;







  position: relative;







}







.sf-page-scroll-nav {







  border-bottom: 2px solid #ddd;







  margin-top: 30px;







}







.sf-page-scroll-nav ul {







  list-style: none;







  display: table;







  margin: auto;







  width: 100%;







}







.sf-page-scroll-nav ul li {







  display: table-cell;







  text-align: center;







  vertical-align: middle;







}















.sf-page-scroll-nav ul li a {







  position: relative;







  display: block;







  font-size: 20px;







  padding: 20px 5px;







  color: #c1c1c1;







}







.sf-page-scroll-nav ul li a.active, .sf-page-scroll-nav ul li a:hover {







  color: #6c6d6d;







}







.sf-page-scroll-nav ul li a.active:after, .sf-page-scroll-nav ul li a:hover:after {







  content: "";







  position: absolute;







  left: 0px;







  bottom: -2px;







  width: 100%;







  height: 2px;







  background-color: #6c6d6d;







}















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







.sf-page-scroll-nav ul {padding:5px 0px; }







.sf-page-scroll-nav ul li {







    display: inline-block;







    margin-right: 3px;







}







.sf-page-scroll-nav ul li a {







   padding:5px 5px;







}    







    







}















.sf-page-scroll-wrap2 {







  padding: 0px;







  border-top: 1px solid #ddd;







  border-bottom: 1px solid #ddd;







  margin-bottom: 60px;







}







.sf-page-scroll-wrap2 .sf-page-scroll-nav {







  margin: 0px;







  border: none;







}







.sf-page-scroll-wrap2 .sf-page-scroll-nav ul li a {







  color: #555;







  font-size: 16px;







}







.sf-profile-banner {







  border-top: 1px solid #ddd;







  overflow: hidden;







}







.sf-proBnr-pic {



  height: 440px;



  border-radius: 30px;



  background-image: url("../images/banner/pro-banner.jpg");



  background-size: cover;



  background:#fff;



}







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







}





.table > tbody > tr:last-child > td:last-child .action-dropdown.dropdown-left .dropdown-menu {  top:auto !important; bottom:-20px !important; }

.table > tbody > tr:last-child > td:last-child .action-dropdown.dropdown-left .dropdown-menu:after {  top:auto !important; bottom:30px !important; }

.table > tbody > tr:nth-last-child(2) > td:last-child .action-dropdown.dropdown-left .dropdown-menu {  top:auto !important; bottom:-20px !important; }

.table > tbody > tr:nth-last-child(2) > td:last-child .action-dropdown.dropdown-left .dropdown-menu:after {  top:auto !important; bottom:30px !important; }  













.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;  -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:var(--left-menu-bgcolor); 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 !important; -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:var(--account-primary-color); 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; margin:0px; 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; }















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







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



.aon-admin-messange,



.aon-admin-notification,



.aon-admin-user { font-size: 18px; width: 50px; }



.aon-admin-messange span, 



.aon-admin-notification span { right: 5px; }	



}







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



.feather-user-pic img { width:100% !important; height:100%!important; object-fit:cover; object-position:center;  }











@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: 22px; color: #000; z-index: 1; cursor: pointer; padding: 1px 4px; font-size: 16px; display: none; background: rgba(255, 255, 255, 0.7);  line-height: 1;  border-radius: 3px; }



.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); overflow-y: scroll; }



.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:var(--left-menu-font-color); position:relative; display:block; text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); }  



.admin-nav ul li a > i {font-size:18px; margin-right:10px; color:var(--left-menu-font-color); vertical-align: middle; }



.admin-nav ul > li.active > a { color:var(--left-menu-font-color); background-color:var(--left-menu-bgcolor-hover); border-top:1px solid #e9eef1; border-bottom:1px solid #e9eef1; }



.admin-nav ul > li.active > a i { color:var(--left-menu-font-color); }







.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:var(--left-menu-font-color-hover); background-color:var(--left-menu-bgcolor-hover); border-top:1px solid #e9eef1; border-bottom:1px solid #e9eef1; }



.admin-nav ul > li:hover > a i { color:var(--left-menu-font-color-hover); }







.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 .mega-menu > li:after{	display:none;}



.admin-nav ul  li .sub-menu > li a  { padding-left:45px; padding-top:10px; padding-bottom:10px; font-size:12px; border-bottom:none; }



.admin-nav ul  li .sub-menu > li a > i { font-size:14px; margin-right: 0px; }







.admin-nav ul > li ul,



.admin-nav ul > li .sub-menu {display: none; position: static;	visibility: visible;	width:auto;	background-color:rgba(247, 250, 252, 0.4);}







.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; padding:0px !important; background:none;  }







.aon-inputicon-box { position: relative; }



.aon-inputicon-box .form-control { padding-left: 35px; }



.aon-inputicon-box i.input-group-addon { position: absolute; left: 0; top: 0; width: 40px; height:50px;  z-index: 5;  line-height: 50px;  text-align: center; padding:0px !important; background:none;  }











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







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







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







}















body .admin-button,



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







body .admin-button { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); }







body .admin-button:active,



body .admin-button:hover,



body .admin-button:focus,



body .active > .admin-button { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }  







body .btn-primary { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); border-radius:5px; font-size: 14px; font-weight: 700; border-radius: 5px; }







body .btn-primary:active,



body .btn-primary:hover,



body .btn-primary:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }  







body .btn-secondary { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); border-radius:5px; font-size: 14px; font-weight: 700; border-radius: 5px; }







body .btn-secondary:active,



body .btn-secondary:hover,



body .btn-secondary:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }  











body .btn-custom { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary) !important; border-radius:5px; font-size: 14px; font-weight: 700; border-radius: 5px; }







body .btn-custom:active,



body .btn-custom:hover,



body .btn-custom:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover) !important;  }  







body .open > .dropdown-toggle.btn-custom { background-color: #222;  border-color: #222;  color: #fff !important; }











.sf-avtarinfo-wrapper .custom-file-upload { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); font-size:14px; } 



.sf-avtarinfo-wrapper .custom-file-upload:active,



.sf-avtarinfo-wrapper .custom-file-upload:hover,



.sf-avtarinfo-wrapper .custom-file-upload:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }  











.admin-button-secondry { background-color:var(); }







.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:var(--account-primary-color); text-align:center;  position:relative; overflow: hidden; }



.aon-pro-avtar-pic { width:200px; height:200px; display:inline-flex; border:3px solid #fff; border-radius:100%; z-index:1; position:relative; background:#fff; }



.aon-pro-avtar-pic > .rwmb-uploaded { border:none; width:100%; position:absolute; } 



.aon-pro-avtar-pic > .rwmb-uploaded.hidden { display:none; } 



.aon-pro-avtar-pic > .rwmb-uploaded > li { width:100%; height:100%; } 







.aon-pro-avtar-pic p { display:none; }



.aon-pro-avtar-pic p.drag-drop-buttons { 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; display:flex !important; background:#ffb600; }



.aon-pro-avtar-pic p.drag-drop-buttons  .button { bottom:0px; } 



.aon-pro-avtar-pic #plavatarupload-dragdrop { width:100%; height:100%; padding:0px; border:none !important; border-radius:100%;  display:flex; align-items: center;  justify-content: center; }



.aon-pro-avtar-pic #plavatarupload-dragdrop.hidden { display:none; } 



.aon-pro-avtar-pic #plavatarupload-dragdrop .drag-drop-inside { width:100%; height:100%; padding:0px; border:none !important; display:flex; }  











.aon-pro-avtar-pic img { width:100%; height:100%;  border-radius:100%; object-fit:cover; object-position:center; }



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







.aon-pro-cover-wrap { width:100%; height:100%; position:absolute; top:0px; left:0px; border-radius:0; }







#aon-video-panel { margin-bottom: 50px; }



#aon-video-panel .input-group-append > .show-embed { border-radius: 0px 5px 5px 0px; padding: 16px 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; min-height:344px; }



.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:var(--left-menu-font-color); border-bottom: 1px solid #ddd; padding: 15px 25px 15px 25px; text-transform: uppercase; font-weight: 900; font-size: 14px; }



.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 .pro-pic-box img { width:100%; height:100%; object-fit:cover; object-position:center;  }







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







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



.popup-tabs .nav-tabs .nav-link { font-size: 12px; }



} 







.ws-poptab-media {position:absolute; left: 15px; top: 15px; width:44px; height:44px; margin-right: 10px; }



.ws-poptab-media img {width:44px; height: 44px; border-radius:100%; height:100%; object-fit:cover; object-position:center; }



.ws-poptab-info { padding: 0px 0px 0px 55px;}



.ws-poptab-info strong { color:#222; display:block; font-weight:600; margin-right:80px; line-height:1.2; margin-bottom:5px; } 



.ws-poptab-info p { margin-bottom:0px; font-size:14px; line-height:1.2;  } 



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



.ws-toggle-popup::before { right: 70px;}



.ws-poptab-info { font-size:12px; padding: 0px 0px 0px 45px; } 



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



.ws-poptab-info .ws-time-duration { font-size: 12px; }



.ws-poptab-info p { font-size:14px; } 



} 







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



  .popup-notifica-msg.ws-toggle-popup { width: 280px; margin-right:-70px;} 



}



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



.popup-notifica-msg.ws-toggle-popup { margin-right:-60px;} 



.aon-admin-messange span, .aon-admin-notification span { right:5px; }



}







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



.header-widget-wrap > .header-widget:nth-child(2) .ws-toggle-popup { right:0px; }



.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; border-radius:5px; max-height:250px; overflow-y:scroll; }



.no-notifications-data { padding: 30px;  text-align: center; }



.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: 3px; padding: 0; font-size: 14px;  border: 1px solid #ddd; margin-bottom: 30px; overflow-x: scroll; padding: 8px 5px 1px 5px; color: #000; }



.aon-provi-links { list-style: none; margin: 0; display: flex;  margin-right: -1px; margin-bottom: -1px; white-space:nowrap; }



.aon-provi-links li { border-right:1px solid #ddd; }



.aon-provi-links li a { padding:12px 15px; display:block; border-radius:5px; }



.aon-provi-links li a:hover { background:var(--account-primary-color); color:#fff; } 



 



.notification-scroll { min-height: 275px; max-height: 275px;}



.notification-scroll .ws-poptab-list { padding: 12px 20px; }











@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; vertical-align:top; }



.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 .input-group { display:block; }







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



.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; background:#ddd; 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: var(--account-primary-color); }















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























@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:var(--account-primary-color) !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; }







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



.has-toltip:hover .header-toltip { display:none; }



}







.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:-10px; margin-right:-10px; }







.sf-raChe-6 { width:calc(50% - 20px); margin:0px 10px 5px !important; } 















.grayscle-area { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); background:#fbfbfb; }















@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:-1px;



  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: #ffb600;



  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:var(--account-primary-color); 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: #f7fafc !important; opacity: 1; --bs-table-accent-bg: none; }











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



}







.selected .sf-plans-bx  {



	background:#f7fafc;



	border: 2px solid #222;



	box-shadow: 0 0 20px 5px 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;



}







.selected-plan > .sf-plans-bx {



  background-color: #f7fafc;



  border-color: #222;



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



}  



.selected-plan > .sf-plans-bx .sf-plans-connects {



  color: #222;



} 







.sf-current-active { position: absolute; top: 84px; left: -61px; color: #fff; background-color: #77c04b; padding: 4px 12px 7px; font-size: 13px; font-weight: bold; text-align: center; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); line-height: 1; border-radius: 5px; }











.sf-upgrade-account-plans-area.selected .sf-plans-bx {



	border: 2px solid #000;



	-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-plans-bx .sf-plans-name {



  color: #fff; 



  display: inline-block; 



  margin: 0px auto; 



  border-radius: 6px; 



  background-color:var(--account-primary-color);   



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







.modal-header { background-color:var(--account-primary-color); } 











/*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:#000; }







.sf-custom-new .nav-tabs > li > a.active:after { background-color: #ffb600; }







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



	overflow: hidden;



	display:none;



}











.loading-box {



	width: 100%;



	height: 100%;



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



	position: absolute;



	left: 0;



	top: 0;



	opacity: 1;



	z-index: 9999;



}







.loading-pic {



	width: 70px;



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



















.sf-submit-btns.clearfix { border-top: 1px solid #ddd; top:auto; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } 



.sf-submit-btns.clearfix:after,



.sf-submit-btns.clearfix:before { display:none; } 



.sf-submit-btns.clearfix .admin-button { padding:10px 14px; margin:0px; font-weight:600 !important; } 















.aon-card-body div.RWMB-drag-drop { padding-top: 25px;  border: 2px dashed #022279 !important; }



.select2-container { width: 100% !important; border-radius: 10px;}



.select2-container--default .select2-selection--single { border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 5px; min-width: 100% !important; background: #f7fafc; }







.select2-container--default .select2-selection--single { height: 50px; line-height: 50px; }



.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; }











.embed-code.embed-responsive.embed-responsive-16by9 { width: 100%; }







.gallery-images ul.rwmb-images, 



.attachment-files ul.rwmb-images, 



.sf-videothumbs ul.rwmb-video-thumb { list-style: none; margin: 0 -15px; }







.gallery-images ul.rwmb-images li, 



.sf-videothumbs ul.rwmb-video-thumb li { margin: 0 0 30px; padding: 0 15px; width: 25%; height: auto; min-height: 100px; float: left; position: relative; }







.sf-videothumbs { width:100%; clear:both; }



.rwmb-oembed-wrapper .addbtn.sf-add-video { margin-bottom: 15px; width:100%; margin-top: 15px;}







#aon-gallery-panel ul.rwmb-images { list-style: none; margin: 0 -15px; display:flex; flex-wrap:wrap; }



#aon-gallery-panel ul.rwmb-images li { margin: 0 0 30px; padding: 0 15px; width: 25%; height: auto; min-height: 100px; float: left; position: relative; }



#aon-gallery-panel ul.rwmb-images li img { width:100%; height:auto; border-radius:5px; }



#aon-gallery-panel ul.rwmb-images li .rwmb-image-bar { line-height:1; right: 15px; padding: 5px 8px; background:red; color:#fff; }







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



#aon-gallery-panel ul.rwmb-images li { width: 33.333%; }



}



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



#aon-gallery-panel ul.rwmb-images li { width:50%; }



}











.sf-videothumbs { width:100%; clear:both; }



.rwmb-oembed-wrapper .addbtn.sf-add-video { margin-bottom: 15px; width:100%; margin-top: 15px;}







/*gallery & document attachment */



div.RWMB-drag-drop {



    border: 2px dashed #ddd !important;



}



.gallery-images .rwmb-input .rwmb-drag-drop,



.attachment-files .rwmb-input .rwmb-drag-drop,



.profile-pic-bx .rwmb-input .rwmb-drag-drop {



    border-width: 2px;



}



.gallery-images .rwmb-input .drag-drop-inside,



.attachment-files .rwmb-input .drag-drop-inside,



.profile-pic-bx .rwmb-input .drag-drop-inside {



    padding: 30px;



}



.gallery-images .rwmb-input .drag-drop-inside p,



.attachment-files .rwmb-input .drag-drop-inside p,



.profile-pic-bx .rwmb-input .drag-drop-inside p {



    margin: 0 0 5px;



    font-size: 20px;



    text-transform: uppercase;



}



.gallery-images .rwmb-input p.drag-drop-buttons,



.attachment-files .rwmb-input p.drag-drop-buttons,



.profile-pic-bx .rwmb-input p.drag-drop-buttons {



    margin: 10px 0 0;



}



.gallery-images ul.rwmb-images,



.attachment-files ul.rwmb-images,



.sf-videothumbs ul.rwmb-video-thumb {



    list-style: none;



    margin: 0 -15px;



}



.gallery-images ul.rwmb-images li,



.sf-videothumbs ul.rwmb-video-thumb li {



    margin: 0 0 30px;



    padding: 0 15px;



    width: 25%;



    height: auto;



    min-height: 100px;



    float: left;



    position: relative;



}



.rwmb-oembed-wrapper .addbtn.sf-add-video {



    margin-bottom: 15px;



}



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



    .gallery-images ul.rwmb-images li {



        width: 33.333%;



    }



}







 .identitycheck  ul.rwmb-images { margin:0 -15px; display:flex; flex-wrap:wrap; }



 .identitycheck  ul.rwmb-images li { display:flex; align-items:center; justify-content:center; min-height:150px; background-color:#fff; overflow:hidden; border:1px solid #ddd; border-radius:5px; height:auto; width:calc(25% - 30px); margin:0 15px 25px; position:relative; }



 .identitycheck  ul.rwmb-images li img { width:100%; height:auto; }



 .identitycheck  ul.rwmb-images li .rwmb-image-bar { line-height:1; padding:5px 7px; background:red; cursor:pointer; } 



 .identitycheck  ul.rwmb-images li .rwmb-image-bar { line-height:1; padding:5px 7px; background:red; cursor:pointer; } 



.rwmb-image-uploading-status .rwmb-loader { width: 64px; height: 64px; top: 0; left: 0; position: relative; } 











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



 .identitycheck  ul.rwmb-images li {width:33.333%;}



 }



  



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



 .identitycheck  ul.rwmb-images li {width:50%;}



 }



  



.drag-drop-buttons .button  { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); padding: 10px 20px; border-radius: 5px; display: table; margin: auto; font-size: 14px; font-weight:700; } 







.drag-drop-buttons .button:active,



.drag-drop-buttons .button:hover,



.drag-drop-buttons .button:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover) !important;  }  







body .open > .dropdown-toggle.btn-custom { background-color: #222;  border-color: #222;  color: #fff !important; }











.text-center.sf-approveidentify-icon {



  display: inline-flex;



}



.text-center.sf-approveidentify-icon + p {



  display: inline-flex;



}



.aon-alert-identity { margin: 0px 0px 20px; }







table.dataTable {



  clear: both;



  margin-top: 6px !important;



  margin-bottom: 6px !important;



  max-width: none !important;



  border-collapse: collapse !important;



  border-spacing: 0;



}







.table-bordered {



  border: 1px solid #dee2e6;



    border-right-width: 1px;



}



.table-bordered td, 



.table-bordered th {



	border: 1px solid #dee2e6;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: rgb(222, 226, 230);



	border-left-width: 1px;



}



.table-bordered  thead th {



	vertical-align: bottom;



	border-bottom: 2px solid #dee2e6 !important;



	border-bottom-width: 2px;



}







div.dataTables_wrapper div.dataTables_paginate ul.pagination {



  float: right;



}



div.dataTables_wrapper div.dataTables_paginate ul.pagination .paginate_button.active  a {



  color:#fff;



}







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



 26. PAGINATION 



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



 /* pagination style-1 */



 .pagination-bx .pagination,



 .cvf-universal-pagination .pagination {



     margin: 0;



 }



 .pagination {



     padding: 10px 0;



 }



 .pagination > li:first-child > a,



 .pagination > li:first-child > span {



     border-bottom-left-radius:5px;



     border-top-left-radius:5px;



     margin-left: 0;



 }



 .pagination > li:last-child > a,



 .pagination > li:last-child > span {



     border-bottom-right-radius: 5px;



     border-top-right-radius: 5px;



 }



 .pagination > li > a,



 .pagination > li > span {



     background-color: #fff;



     border: 1px solid #e0e0e0;



     color: #767676;



     padding:10px 14px;



     font-weight: 600;



     font-size: 12px; 



 }



 .pagination > li > a:hover,



 .pagination > li > span:hover,



 .pagination > li > a:focus,



 .pagination > li > span:focus {



     background-color: #162F96;



     border: 1px solid rgba(0, 0, 0, 0.2);



     color: #fff;



 }



 .pagination > .active > a,



 .pagination > .active > span,



 .pagination > .active > a:hover,



 .pagination > .active > span:hover,



 .pagination > .active > a:focus,



 .pagination > .active > span:focus {



     background-color: #162F96;



     border: 1px solid rgba(0, 0, 0, 0.2);



 }



 .pagination > a,



 .pagination > .previous > a,



 .pagination > .next > a {



     padding:10px 14px;



     font-size: 12px; 



 }







.drag-drop-buttons .button  { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); padding: 10px 20px; border-radius: 5px; display: table; margin: auto; font-size: 14px; font-weight:700; } 







.drag-drop-buttons .button:active,



.drag-drop-buttons .button:hover,



.drag-drop-buttons .button:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover) !important;  }  



















.btn.btn-primary.btn-xs.editServiceButton {



  font-size: 12px;



  padding: 3px 7px;



  display: inline-flex;



  align-items: center;



} 



#paddingtime {  display: flex;  flex-wrap: wrap;  margin: 0px -12px;  width: calc(100% + 20px);  max-width: none !important; }







#paddingtime > [class*="col-"] { padding:0px 12px; }  







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



#paddingtime { display: block; flex-wrap: wrap; margin: 0px; width: 100% !important; max-width: none !important; }



#paddingtime > [class*="col-"] { width:100%; padding:0px 0px; } 



 }







#addservice .aon-inputicon-box .radio-inline-box { margin:0px -10px;  }



#addservice .aon-inputicon-box .sf-radio-check-2 { width: calc(50% - 20px); margin: 0px 10px 20px !important; }







.add-new-service .service_group_bx .form-control { margin-bottom:10px; }



.add-new-service .service_group_bx .btn {  border-radius: 5px;  font-size: 12px; }







.dataTable .sorting_asc .checkbox { margin-right: 0; display: inline-flex; }



.dataTable .sorting_asc .sf-radio-checkbox btn .btn { padding: 1px 5px; vertical-align: middle;  font-size: 14px; }



 







.crop-img-area.profileimagewrapper { border: 1px solid #ddd; padding: 20px; margin-top: 0; border-radius: 5px; position: fixed; top: 0; right:-700px; z-index: 9999; background:#fff; max-width: 700px; width:calc(100% - 25px); margin-left:25px;  height: 100vh; border-radius:0px;  -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; }



.crop-img-area.profileimagewrapper .sf-cropimg-table { display: block; border:none; position:absolute; top:0px; right:0px; width:100%; height:100%; overflow-y:scroll; }



.crop-img-area.profileimagewrapper .sf-cropimg-table .crop-img-left { border:none; }  



 



.crop-img-area.profileimagewrapper .sf-cropimg-table .crop-img-left, 



.crop-img-area.profileimagewrapper .sf-cropimg-table .crop-img-right { display: block; width:100%; }  



.crop-img-area.profileimagewrapper .sf-cropimg-table .crop-img-right { margin-bottom:30px; }  







.hasCropImage .crop-img-area.profileimagewrapper { right:0px; } 







.crop-img-area.profileimagewrapper .sf-dimension-wrap .form-control { min-width:100px; margin-bottom:10px; border-radius:10px !important;  }



.crop-img-area .sf-dimension-wrap .form-control { min-width:100px; margin-bottom:10px; border-radius:10px !important;  }







.sf-dimension-wrap .docs-data { max-width:500px; } 



.sf-dimension-wrap .docs-preview + .docs-data .input-group { display: flex; }



.sf-dimension-wrap .docs-preview + .docs-data .input-group .form-control { min-width: 100px; margin:0px 10px !important; border-radius:5px !important; height:40px; }











.noti-close-btn { position: absolute; left: -25px;	top: 50%; font-size: 12px; border: none; padding:4px 8px; text-transform: uppercase; letter-spacing: 1px; height: 22px; background: #f04f53;



	color: #fff; font-weight: 600; margin: -45px 0px; line-height: 1; cursor:pointer;  border-radius:7px 7px 0px 0px; z-index:99; -moz-transform: rotate(-90deg) translateX(-50%);-webkit-transform: rotate(-90deg) translateX(-50%); -o-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); }



.hasCropImage .noti-close-btn { left:-48px; }











.is-sticky-tab .aon-provi-tabs { position:fixed; top:80px; z-index:999; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; width:calc(100% - 310px); }







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



.is-sticky-tab .aon-provi-tabs { width:calc(100% - 30px); }



 }







 .content-admin-main { padding: 30px; min-height: 100vh; background-color: transparent; }  



 



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







.aon-inputicon-box { position: relative; }



.aon-inputicon-box .select2-container--default .select2-selection--single { padding-left: 20px; }



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







.sf-avai-time-slots-control .btn.slot-time { padding: 5px; font-size: 14px; } 



.sf-avai-time-slots-control .btn.slot-delete { border-right: 1px solid #ddd; color:#DF5457; border-radius: 0px; padding: 10px; font-size: 16px; }



.sf-avai-time-slots-control .btn.slot-update { border-left: 1px solid #ddd; color: #008000; border-radius: 0px; padding: 10px; font-size: 16px; }







.select2-container--default .select2-selection--single .select2-selection__arrow { top: 12px; }











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



Validation Error CSS



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







.form-select.error,



.form-control.error {



  background: #F8E3E3;



  border-color: #deb2b2;



  box-shadow:none;



}







.form-select.error + .error,



.form-control.error + .error {



background: #eb6767;



color: #fff;



padding: 2px 10px;



line-height: 1.4;



border-radius: 3px;



font-size: 12px;



position: absolute;



top: 100%;



z-index: 9;



}







.form-select.error + .error::after,



.form-control.error + .error::after {



  content: "";



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 6px 6px 6px;



  border-color: transparent transparent #eb6767 transparent;



  position: absolute;



  bottom: 100%;



  left: 10px;



}











.select2-container--default .select2-results__option[aria-selected="true"], 



.select2-container--default .select2-results__option[data-selected="true"] { background-color:#0073aa; color: #fff; padding:2px 5px; font-size:14px; }



.btn.btn-primary.btn-xs.changeServiceStatus { font-size: 12px; padding: 3px 7px; white-space: nowrap;} 



.btn.btn-danger.btn-xs.changeServiceStatus {  font-size: 12px;  padding: 3px 7px;  white-space: nowrap;  border-radius: 5px;  font-weight: 600; }



.select2-container.select2-container--default.select2-container--open { z-index: 99999; }







#deleteTriger { font-size: 12px; padding: 2px 3px; vertical-align: middle; }



 



#multidatepopover .col-md-6 { width:100%; }



div.zabuto_calendar .table tr.calendar-dow-header th { background-color: #fff; }    



div.zabuto_calendar .table tr td div.day { margin: 0; padding-top: 5px; padding-bottom: 5px; }







#multidatepopover  .modal-body { padding:0px; }



 



.sf-avtarinfo-wrapper .sf-img-section { width: 200px; height: 200px; }



.sf-avtarinfo-wrapper .sf-img-section img { width:100%; height:100%; object-fit:cover; object-position:top; border-radius:10px; }



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



.sf-avtarinfo-wrapper .sf-img-section { margin-bottom:20px; }



}















.aon-messanger-nochat { text-align: center;  padding: 50px; }



.aon-messanger-nochat > .fa-comments-o { width: 100px; height: 100px; border-radius: 100px; background: #f7fafc; color: #258ACD; display: flex; margin:0px auto 30px; align-items: center; justify-content: center; font-size: 40px;  }







.aon-messanger-nochat .aon-messanger-nochat-text { font-size: 18px; color: #d9d9d9; }







.all-senders-shortlist { width: 100%; } 







.aon-messenger-chat-list-warp .all-senders-shortlist { height: 660px; overflow-y: scroll; }



.aon-messenger-chat-list-warp .all-senders-shortlist all-senders-shortlist { height: auto; overflow-y:visible; }



.aon-messenger-reply-textarea .aon-messenger-textarea { padding: 15px 0px 0px; height: 60px; }







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



.wt-dashboard-msg-search-list { background-color: #FFF; height: auto; max-height: 250px; }



.wt-dashboard-msg-box { border: 1px solid #dbdbdb !important; }



}







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



.aon-messenger-header-restriction { position: relative; margin-top: -12px; margin-right: -13px; }



}







.wt-dashboard-msg-box .single-user-msg-conversation { padding: 0px; margin:15px 15px 0px 15px; height:655px; overflow: auto; } 



.single-msg-reply-comment { position: absolute; bottom: 0px; left: 0px; width: 100%; background:#f7fafc; border-top: 1px solid #ddd; padding:0px 15px 10px; }



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



.single-user-msg-conversation {  height:470px; } 



}







.sf-summary-lists .well { min-height: 20px; padding: 20px; margin-bottom:-1px; background-color:#f7fafc; border: 1px solid #e8edf1; border-radius:0px; }



.sf-summary-lists .well-sm { padding:10px;  }







.servicearea-group .form-group { display:flex; flex-wrap:wrap; align-items:center; } 



.servicearea-group .form-group [class*="col-"] { padding:0px 10px; position:relative; }  



.servicearea-group .form-group [class*="col-"] .form-group  { margin:0px; } 



.servicearea-group .form-group [class*="col-"] label  { margin:0px; }  



.servicearea-group .form-group [class*="col-"] .addButton  { background:#ffb600; }   



.servicearea-group .form-group [class*="col-"] .removeButton  { background:#ffb600; }   







.servicearea-group .form-group [class*="col-"] .bootstrap-touchspin .btn { padding: 12px 10px 12px; }















.servicearea-group .form-group .col-xs-3 { width: 25%; }



.servicearea-group .form-group .col-xs-2 { width: 16.66666667%; }



.servicearea-group .form-group .col-xs-1 { width: 8.33333333%; } 











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



.modal-xl { max-width: 1140px; }



}







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



.servicearea-group .form-group .col-xs-3 { width: 50%; margin-bottom:15px; }



.servicearea-group .form-group .col-xs-2 { width: 33.333%; margin-bottom:15px; }



.servicearea-group .form-group .col-xs-1 { width: 16%; margin-bottom:15px; } 



}



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



.servicearea-group .form-group .col-xs-3 { width: 100%; margin-bottom:15px; }



.servicearea-group .form-group [class*="col-"]:nth-child(2) > .form-group { display: flex; justify-content: space-between; width: 100%; padding-right: 20px; }



.servicearea-group .form-group .col-xs-2 { width: 100%; margin-bottom:15px; }



.servicearea-group .form-group .col-xs-1 { width: 100%; margin-bottom:15px; }  



.servicearea-group > .form-group  { padding:20px 10px; border:1px solid #ddd; margin:0px 15px; margin-bottom:20px;  border-radius:10px; }  



}



  



.modal-header button.close { border: none; background: none; font-size: 20px; }   



.modal-header button.close span { display:none; }   











.sf-author-avatar-limits li::after {



  display:none; 



}



.sf-author-avatar-limits li::before  {



  top:6px;



}



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



  .sf-submit-my-profile.is-sticky { position: fixed; bottom: 25px; }



}







/* ===== Scrollbar CSS ===== */



  /* Firefox */



  * {



    scrollbar-width: thin;



    scrollbar-color: #ccc #ffffff;



  }







  /* Chrome, Edge, and Safari */



  *::-webkit-scrollbar {



    width: 16px;



  }







  *::-webkit-scrollbar-track {



    background: #ffffff;



  }







  *::-webkit-scrollbar-thumb {



    background-color: #ccc;



    border-radius: 10px;



    border: 3px solid #ffffff;



  }















#user_switching_switch_on { display:none; }  







.wallet-payment-form { margin: 20px auto !important; max-width: 800px; width: 100%; padding: 30px; border: 1px solid #ddd; border-radius: 10px; }



.wallet-payment-form .input-group-addon.fixed-w { padding: 6px 3px; width: 50px; position: absolute; z-index:5; height: 50px; display: flex; justify-content: center; align-items: center;  background: none; }



.wallet-payment-form .input-group .sf-form-control { padding-left:50px; border-radius:5px !important; }  



 



.wallet-payment-form .form-group.form-inline { display: flex; flex-wrap:wrap; align-items: center; } 



.wallet-payment-form .form-group.form-inline .sf-radio-checkbox { display:flex; margin-top:10px; }  



.wallet-payment-form .form-group.form-inline .sf-radio-checkbox input[type="radio"] + label::before { top: -2px;}



.wallet-payment-form #walletwiredinfo { padding: 20px; text-align: center; border: 2px solid #ddd; font-weight: bold; color: #bbbbbb; margin: 30px auto 30px; max-width: 500px; border-radius: 10px; }



    



#walletcardinfo .input-group { position:relative; }



#walletcardinfo .input-group .fa { position: absolute; top: 0; left: 0; z-index:5; background: no-repeat; height: 50px; display: flex; align-items: center; }



#walletcardinfo .input-group .form-control { padding-left:50px; border-radius: 5px; }



 



#walletcardinfo { display:flex; flex-wrap:wrap; }



#walletcardinfo .col-md-8 { width: 66.66666667%; padding:0px 10px; }



#walletcardinfo .col-md-4 { width: 33.33333333%; padding:0px 10px; } 



#walletcardinfo .col-md-6 { width:50%; padding:0px 15px; } 







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



#walletcardinfo .col-md-8 { width: 100%;  }



#walletcardinfo .col-md-4 { width: 100%;  } 



#walletcardinfo .col-md-6 { width:100%; } 



} 







.aon-pro-avtar-pic p.drag-drop-buttons:before { content: "\f030"; font-family:FontAwesome; position: absolute; top:2px; left:8px; font-size:16px; }



.aon-pro-avtar-pic p.drag-drop-buttons .button { padding: 15px 15px; max-width: 30px; font-size: 0; background:none; }



 



#aon-passUpdate-panel { margin-bottom: 75px; } 







.sf-calview-custum .pull-right.form-inline { float:none;  }







.joblimit-payment-form.sf-card-group .form-group.form-inline { float:none;  }















.joblimit-payment-form .form-group.form-inline { display: flex;  align-items: center; justify-content: center; } 



.joblimit-payment-form .form-group.form-inline .sf-radio-checkbox { display:flex; }  



.joblimit-payment-form .form-group.form-inline .sf-radio-checkbox { display:flex; }  



.joblimit-payment-form .form-group.form-inline .sf-radio-checkbox input[type="radio"] + label::before { top: -2px;}











.joblimit-payment-form.sf-card-group { margin-top:30px; margin: auto !important; max-width: 800px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; }



.select2.select2-container { text-align:left;}











#joblimitcardinfo { display:flex; flex-wrap:wrap; } 



#joblimitcardinfo label { display:block; text-align:left; }







#joblimitcardinfo .col-md-8 { width: 66.66666667%; padding:0px 15px; }



#joblimitcardinfo .col-md-4 { width: 33.33333333%; padding:0px 15px; } 



#joblimitcardinfo .col-md-6 { width:50%; padding:0px 15px; } 







#joblimitcardinfo .input-group { position:relative; }



#joblimitcardinfo .input-group .fa { position: absolute; top: 0; left: 0; z-index:5; background: no-repeat; height: 50px; display: flex; align-items: center; }



#joblimitcardinfo .input-group .form-control { padding-left:50px; border-radius: 5px; }



 



 



#sf-limit-bx { text-align: center; }



#sf-limit-bx .addlimits, 



#sf-limit-bx .viewjoblimittxn { margin-bottom:30px; }







.sf-plans-available { margin: 0px auto 30px; display: block; max-width: 800px; border: 1px solid #ddd; padding: 30px; border-radius: 10px; }



 



.sf-plans-available li h5 { margin-bottom: 5px; }



.sf-plans-available li strong { color: #999; }











body .sf-dimension-wrap { display: none; }



#image-submit-fixed { padding:30px 0px; }  



 



#serviceTemplate.hide { display:none; }







.sf-wallet-section .icon-bx-lg { margin-bottom:20px; } 







#aon-inputicon-box { margin-bottom:20px; }











.aon-backto-account { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); font-size: 13px; font-weight: 700; }







.aon-backto-account:hover,



.aon-backto-account:active,



.aon-backto-account:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }







#areazipcode {  margin-bottom: 15px; }







#error-summary { padding: 20px; border: 1px solid #e3baba; background: #fff8f8; border-radius: 10px; color: #c12929; } 



#error-summary:empty { display:none; } 



#error-summary p { margin-bottom:10px; } 



#error-summary p:last-child { margin-bottom:0px; } 







.rwmb-map-goto-address-button.admin-button + p { margin-top: 20px; font-weight: normal; border: 1px solid #ddd; padding: 15px;  border-radius: 5px; }



.sf-range-slider .sf-range-slider-control { font-family: inherit; font-size: 16px; font-weight: 600; }



.sf-range-slider .slider-selection { background-color: #000; }



.sf-range-slider .slider-handle { border: 3px solid #222;  }







 .sf-avtarinfo-wrapper .sf-avatar-close { cursor: pointer; }



.modal-header button.close { border: none; font-size: 20px; color: #fff; background: #fff; opacity: 0.5; padding: 0px; width: 20px; height: 20px; line-height: 16px; border-radius:3px; }



.modal-header button.close:before { content: "\ea02"; font-family: 'feather' !important;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1; color: #000;  font-size: 14px; } 



  



.sf-avatar-close.delete-user-avatar.hide { display:none; } 







.hidden { display:none; } 



#walletcardinfo.default-hidden { display:none; }



 



.btn.btn-danger.bootbox-cancel { border-radius: 5px; font-size: 14px; font-weight: 600; } 



 







body ul.timeslots,



body ul.protimelist { margin: 20px -5px;  display: flex; flex-wrap: wrap; }







body ul.timeslots li,



body ul.protimelist li { width:calc(25% - 10px); padding: 10px 15px;  margin:0 5px 10px; background:#f7fafc;  text-transform: uppercase;  border:1px solid #dddddd; cursor: pointer; border-radius:5px; text-align:center; }







body ul.timeslots li.active,



body ul.protimelist li.active { background:var(--account-primary-color);  border:1px solid var(--account-primary-color); color:#fff; }   



  



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



body ul.timeslots li,



body ul.protimelist li { width:calc(33.333% - 10px); }



}



  



.feature-payment-form.sf-card-group { margin: 0px 0px !important; }







.feature-payment-form .list-unstyled.clear { margin:20px 0px; }



.feature-payment-form .list-unstyled.clear li { background:#fff; border:1px solid #ddd; border-radius:10px; padding:20px 15px; display:flex; align-items:center;  justify-content:center;  } 



.feature-payment-form .list-unstyled.clear li h5 { margin:0px; font-size:30px; margin-right:15px; }  



.feature-payment-form .list-unstyled.clear li strong { margin:0px; font-size:30px; color:#97e820; }  







.feature-payment-form  .form-group.form-inline { display:flex; justify-content:center; align-items:center; } 







 .feature-payment-form #featurecardinfo { max-width: 800px; border: 1px solid #ddd; border-radius: 10px; margin: auto; background: #fff;  padding: 30px; }



 .feature-payment-form #featurecardinfo [class*="col-md-"] .input-group { position:relative; }



 .feature-payment-form #featurecardinfo [class*="col-md-"] .input-group .input-group-addon { position:absolute; top:0px; left:0px; z-index:5; height: 50px;  background: none;  display: flex;  align-items: center; } 



 











.sf-paynow-btn { text-align:center; padding-top: 30px; }  







.panel-default > .sf-panel-heading { display:flex; justify-content: space-between; align-items:center; }



.panel-default > .sf-panel-heading:after { display:none; }  











.tabbable .nav-tabs {  margin:0px 0px 0px 0px;  display: flex;  flex-wrap: wrap; }



.tabbable .nav-tabs li  {  margin:0; }



.tabbable .nav-tabs li a { padding: 13px 15px; display:block; }



 



.sf-team-schedule-bx { display: flex; flex-wrap: wrap; }



.sf-team-schedule-bx [class*="col-md-"] { padding:0px 10px; }



.sf-team-schedule-bx [class*="col-md-"] .openmemberbreakpopup { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); display: inline-flex; padding: 17px 18px;  margin: 0px 0px 0px; align-items: center; justify-content: center;  border-radius: 8px; }



.sf-team-schedule-bx [class*="col-md-"] .openmemberbreakpopup:hover,



.sf-team-schedule-bx [class*="col-md-"] .openmemberbreakpopup:active,



.sf-team-schedule-bx [class*="col-md-"] .openmemberbreakpopup:focus{ background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); }



.sf-team-schedule-bx [class*="col-md-"] .openmemberbreakpopup i { padding:0px; } 







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



.sf-team-schedule-bx .col-md-5 { width:40% }



.sf-team-schedule-bx .col-md-2 { width:20% }



}



  



.btn.btn-warning.btn-xs.editInvoice { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); border-radius:5px; font-size:14px;  }



.btn.btn-warning.btn-xs.editInvoice:hover,



.btn.btn-warning.btn-xs.editInvoice:active,



.btn.btn-warning.btn-xs.editInvoice:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); border-radius:5px;  }







.btn-default { background-color: #f0f0f0; font-size: 14px; border-radius: 5px !important; font-weight: 700; } 







 .sf-couponcode-popup.sf-cpc-popuplarge { width: 400px; margin: -200px;  z-index: 99999; }



  



.wt-dashboard-msg-box .aon-messenger-single-chat-list-wraper { background-color: #fff; height: 524px; overflow: auto; }  







#serviceEditTemplate.hide { display:none; } 







.add-invoice .text-nowrap .num-hours, 



.invoiceservices-bx .text-nowrap .num-hours { width: 45px !important; }







.invoiceservices-bx { position: relative;  padding-bottom: 60px;  clear: both; }







.servicearea-group .form-group [class*="col-"] .removeButton { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary);  }



.servicearea-group .form-group [class*="col-"] .removeButton:hover,



.servicearea-group .form-group [class*="col-"] .removeButton:active,



.servicearea-group .form-group [class*="col-"] .removeButton:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover);  }







#editservicedata .sf-invoice-addbtn {  position:absolute; bottom:0; right:-5px;} 







#editservicedata .sf-invoice-addbtn .addButton { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); position:absolute; bottom:0; right:-5px;} 



#editservicedata .sf-invoice-addbtn .addButton:hover,



#editservicedata .sf-invoice-addbtn .addButton:active,



#editservicedata .sf-invoice-addbtn .addButton:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); } 



  



.servicearea-group .form-group [class*="col-"] .addButton { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); }  



.servicearea-group .form-group [class*="col-"] .addButton:hover,



.servicearea-group .form-group [class*="col-"] .addButton:active,



.servicearea-group .form-group [class*="col-"] .addButton:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); } 







.btn.btn-warning.btn-xs.changeStatus { background-color:var(--account-btn-bgcolor-primary); color:var(--btn-color-primary); border-radius: 5px;  font-size: 14px; }



.btn.btn-warning.btn-xs.changeStatus:hover,



.btn.btn-warning.btn-xs.changeStatus:active,



.btn.btn-warning.btn-xs.changeStatus:focus { background-color:var(--account-btn-bgcolor-primary-hover); color:var(--btn-color-primary-hover); } 







.select2.select2-container.select2-container--default.select2-container--below { min-width: 160px; }







#editservice .mce-container-body.mce-stack-layout {  border: 1px solid #ddd;  margin-bottom: 20px; }







.wallet-btn-wrap .btn { margin:5px; }







body .sf-average-question { background-color:var(--account-primary-color); color:#fff; }















#aon-attachments-panel  ul.rwmb-images { list-style: none; margin: 0 -12px; display:flex; flex-wrap:wrap; }



#aon-attachments-panel  ul.rwmb-images li { margin: 0 0 30px; padding: 0 12px; width: 25%; height: auto; min-height: 100px; float: left; position: relative; }



#aon-attachments-panel  ul.rwmb-images li img { width:100%; height:auto; border-radius:5px; }



#aon-attachments-panel  ul.rwmb-images li .rwmb-image-bar { line-height:1; right: 15px; padding: 5px 8px; background:red; color:#fff; }







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



#aon-attachments-panel  ul.rwmb-images li { width: 33.333%; }



}



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



#aon-attachments-panel  ul.rwmb-images li { width: 50%; }



}



 







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



#sf-wallet-top-balance { margin: 10px 0 20px }



div.dataTables_wrapper div.dataTables_paginate { display: flex; margin-bottom: 22px; }



}  



 



.sorting_asc .btn.btn-danger { font-size: 12px; border-radius: 5px; padding: 2px 5px; vertical-align: super; }



 



.sorting_asc .checkbox.sf-radio-checkbox label { margin:0px; }



.rwmb-image-bar { line-height: 1; } 











.add-certificates .rwmb-images { list-style:none; margin:0px -12px; display:flex; flex-wrap:wrap; }   



.add-certificates .rwmb-images li { width: calc(33.333% - 24px); padding: 0; margin: 0px 12px 25px; height: auto; display: flex;  align-items: center;  justify-content: center;  border: 1px solid #ddd; border-radius: 5px; min-height:150px;}



.add-certificates .rwmb-images li img { width:100%; height:auto; border-radius:5px; } 



.add-certificates .rwmb-images li .rwmb-image-bar { line-height:1; right:0px; padding:3px 7px; background:red; color:#fff; }







.edit-certificates .rwmb-images { list-style:none; margin:0px -12px; display:flex; flex-wrap:wrap; }   



.edit-certificates .rwmb-images li { width: calc(33.333% - 24px); padding: 0; margin: 0px 12px 25px; height: auto; display: flex;  align-items: center;  justify-content: center;  border: 1px solid #ddd; border-radius: 5px; min-height:150px;}



.edit-certificates .rwmb-images li img { width:100%; height:auto; border-radius:5px; } 



.edit-certificates .rwmb-images li .rwmb-image-bar { line-height:1; right:0px; padding:3px 7px; background:red; color:#fff; }



 



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



.add-certificates .rwmb-images li { width: calc(50% - 24px); }



.edit-certificates .rwmb-images li { width: calc(50% - 24px); }	 



} 



 







.sf-bs-data-table .table-responsive { padding: 0px 12px; }







.dataTables_wrapper .dataTables_length label { display:flex; align-items:center; } 



.dataTables_wrapper .dataTables_length label .form-control { margin:0px 10px; border-radius:5px;  } 







.dataTables_wrapper .dataTables_filter label { display:flex; align-items:center; } 



.dataTables_wrapper .dataTables_filter label .form-control { margin-left:10px; border-radius:5px;  } 







.dataTables_wrapper .dataTables_paginate .paginate_button { padding:0; margin:0; }







.pro-pic-info-wrap.d-flex { display: flex; align-items: center; }







.content-admin-main .panel { box-shadow:none; background: #fff; margin-bottom: 30px; border: 1px solid #e6ebf1; border-radius: 5px; overflow: hidden; }







.fa[class*="fa-"] { font-family:FontAwesome; }











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



.dataTables_wrapper .row:first-child, 



.dataTables_wrapper .row:last-child { padding-left:0px; padding-right:0px;}



.dataTables_wrapper .dataTables_filter {float: left; text-align: left; }



.nav-btn-admin { flex-direction: row-reverse; }	



.nav-btn-admin .fa { border-left:none; margin-left:0px; padding-left:0px; border-right: 1px solid #596892; margin-right: 10px; padding-right: 10px; }



}  



 







.sf-notiication-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }











.cover-image-panel .sf-avtarinfo-wrapper.sf-coverinfo-wrapper .sf-img-section { width: 100%; height:250px; max-width:700px; border:1px solid #ddd; border-radius:5px; background:#fbfbfb; }



.cover-image-panel .sf-avtarinfo-wrapper.sf-coverinfo-wrapper .sf-img-section img { width: 100%; height: 100%; object-fit: cover;  object-position: center;  border-radius: 10px;  background-position: center; }







.load-booking-members .sf-thum-bx { border: 5px solid var(--account-primary-color); border-radius: 5px 5px 0px 0px; }



.load-booking-members .sf-title-bx { padding: 15px 20px; background:var(--account-primary-color); color: #FFF; border-radius:0px 0px 5px 5px; } 



.load-booking-members .member-done { background: var(--account-primary-color); } 







#assignmember .modal-body { padding:0px; } 







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



.load-booking-members [class*="col-md-"] { width:33.333%; } 



}  



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



.load-booking-members [class*="col-md-"] { width:50%; } 



}  







 .form-step-bx .form-group, 



.profile-form-bx .form-group, 



.modal-body .form-group, 



.form-group {



  margin-bottom: 15px;



}







.sf-fea-info .feature-payment-form .form-group.form-inline { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }



.sf-fea-info .feature-payment-form .panel-body  { padding:20px 0px; }



.sf-fea-info .feature-payment-form .panel-body .sf-radio-checkbox  { margin-bottom:10px; } 







#featuredwiredinfo {  text-align: center; border: 1px solid #ddd; border-radius: 5px; }



#featuredwiredinfo p {  margin:10px; } 







.card-header.aon-card-header { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;  }







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



 .card-header.aon-card-header { display:block; }



 .admin-button.cancel-featured { margin-top:15px; }



}   







.btn.btn-success { border-radius: 5px; }



.btn.btn-danger { border-radius: 5px; } 







.stripe-identity-verification { margin-top: 30px; }







#invoice-details .myform.pay-now .list-unstyled.clear { border:1px solid #ddd;  padding: 20px; border-radius:6px; margin:20px 0px; }



#invoice-details .myform.pay-now .list-unstyled.clear li { display:flex; }



#invoice-details .myform.pay-now .list-unstyled.clear li h5 { margin:0px; font-size:20px; margin-right:10px; }



#invoice-details .myform.pay-now .list-unstyled.clear li strong { margin:0px; font-size:20px; } 







#invoice-details .myform.pay-now .sf-card-group { margin:20px 0px !important; }



#invoice-details .myform.pay-now .form-group.form-inline { display: flex;  flex-wrap: wrap;  align-items:flex-start; margin:0px; }



#invoice-details .myform.pay-now .form-group.form-inline .sf-radio-checkbox { margin-top:10px; } 







div#invoicecardinfo { border:1px solid #ddd; padding:30px; border-radius:10px; max-width:900px; margin:0 0 30px; } 



div#invoicecardinfo:after { content:""; display:block; clear:both; } 



div#invoicecardinfo [class*="col-"] { float:left; padding:0px 12px; } 



div#invoicecardinfo .col-md-8 { width:66.66666667%; } 



div#invoicecardinfo .col-md-4 { width:33.33333333%; } 



div#invoicecardinfo .col-md-6 { width:50%; } 







div#invoicecardinfo [class*="col-"] .input-group { position:relative; } 



div#invoicecardinfo [class*="col-"] .input-group .form-control { border-radius:5px; } 



div#invoicecardinfo [class*="col-"] .input-group i {  position: absolute;  top: 0px; left: 0px; z-index:5;  height: 50px; background: no-repeat; display: flex; flex-wrap: wrap; align-items: center; } 



#invoicewiredinfo { border:1px solid #ddd; padding: 20px; border-radius:6px; margin:20px 0px; }



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



div#invoicecardinfo .col-md-8 { width:100%; } 



div#invoicecardinfo .col-md-4 { width:100%; } 



div#invoicecardinfo .col-md-6 { width:100%; } 



}   







.btn.btn-primary.toggle-on { color: #fff; }







.scroll-wrapper > .scroll-content { height:100vh; overflow: visible !important; }



.scrollbar-inner > .scroll-element.scroll-y { display: none; } 







.num-hours.default-hidden.num-hrs-btn-in { max-width: 43px; }











#payment_method > .list-unstyled.clear { border:1px solid #ddd;  padding: 20px; border-radius:6px; margin:20px 0px; }



#payment_method > .list-unstyled.clear li { display:flex; align-items:center; }



#payment_method > .list-unstyled.clear li h5 { margin:0px; font-size:20px; margin-right:10px; line-height:1; }



#payment_method > .list-unstyled.clear li strong { margin:0px; font-size:20px; } 



 



#payment_method > .form-group.form-inline { display: flex;  flex-wrap: wrap;  align-items:flex-start; margin:0px 0px 20px; }



#payment_method > .form-group.form-inline .sf-radio-checkbox { margin-top:10px; } 







div#stripeinfo { border:1px solid #ddd; padding:30px; border-radius:10px; max-width:900px; margin:0 0 30px; } 



div#stripeinfo:after { content:""; display:block; clear:both; } 



div#stripeinfo [class*="col-"] { float:left; padding:0px 12px; } 



div#stripeinfo .col-md-8 { width:66.66666667%; } 



div#stripeinfo .col-md-4 { width:33.33333333%; } 



div#stripeinfo .col-md-6 { width:50%; } 







div#stripeinfo [class*="col-"] .input-group { position:relative; } 



div#stripeinfo [class*="col-"] .input-group .form-control { border-radius:5px; } 



div#stripeinfo [class*="col-"] .input-group i {  position: absolute;  top: 0px; left: 0px; z-index:5;  height: 50px; background: no-repeat; display: flex; flex-wrap: wrap; align-items: center; } 



#invoicewiredinfo { border:1px solid #ddd; padding: 20px; border-radius:6px; margin:20px 0px; }







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



div#stripeinfo .col-md-8 { width:100%; } 



div#stripeinfo .col-md-4 { width:100%; } 



div#stripeinfo .col-md-6 { width:100%; } 



}   







.sf-upgrade-account-btn {



  max-width: 150px;



  margin: 30px 0;



  border: none;



  padding: 0;



  border-radius: 10px;



}







.theme-krajee-svg.rating-sm .krajee-icon, 



.theme-krajee-svg.rating-sm .krajee-icon-clear {



    width: 1.2rem;



    height: 1.2rem;



}







.sf-cancel-membership {



  position: static;



  margin-top:0px;



}



 



body .aon-bnr2-content-wrap .text-top-line span { color:var(--bnr-text-high-light); }







body .aon-bnr2-content-wrap .text-bot-line { border-bottom: 2px solid var(--bnr-title-bot-line); }







.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn.btn-primary { background:var(--bnr-search-btn-bg); color:var(--bnr-search-btn-text); }



.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn.btn-primary:hover,



.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn.btn-primary:active,



.aon-bnr2-search-bar .aon-search-btn-wrap .aon-search-btn.btn-primary:focus { background:var(--bnr-search-btn-bg-hover); color:var(--bnr-search-btn-text-hover); }







.tabbable .nav-tabs li a.active { background:#fff; }







.ws-poptab-list-wrap.notification-scroll { position:relative; }



.no-notifi-wrap { position: absolute; top: 0;  left: 0;  width: 100%; height: 100%;  display: flex;  align-items: center;  justify-content: center; }



.no-notifi-wrap img { max-width:80%; }







.sf-upgrade-top-area {  background:var(--account-primary-color);  }



#clockdiv { display: flex; width:100%; justify-content:center; }



#clockdiv > .countdown { display: flex; width:100%; max-width:480px; }



#clockdiv > .countdown > .countdown-container { padding: 10px; display:block; width:25%; text-align:center; }



#clockdiv > .countdown > .countdown-container span.countdown-value { display: block; width:100%; color:#fff; font-size: 24px; line-height: 1.2; font-weight: 600; }



#clockdiv > .countdown > .countdown-container span.countdown-heading { display:block; width:100%; color:#fff; padding-top: 5px;	font-size: 14px; }







.admin-button.sf-upgrade-btn.renewpackage { border: 1px solid #fff; }







#payment_method > .form-group.form-inline { position: relative; }



#pay_mode-error  { width: 100%; max-width:250px; background: #eb6767; color: #fff; padding: 2px 10px; line-height: 1.4; border-radius: 3px; font-size: 12px; position: absolute; top: 100%; z-index: 9; }



#pay_mode-error:after {  content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #eb6767 transparent; position: absolute;



  bottom: 100%;  left: 10px; }



.candidate-resume .dropzone-custom .rwmb-uploaded { margin:0px -10px; padding:0px; list-style:none; display:flex; flex-wrap:wrap; }

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(20% - 20px ); height:200px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid #ddd; border-radius:5px; margin:0px 10px 20px; }

.candidate-resume .dropzone-custom .rwmb-uploaded li img { width:100%; height:100%; object-fit:cover; object-position:center; }

.candidate-resume .dropzone-custom .rwmb-uploaded li a.rwmb-delete-file { color: #FFF; display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; padding: 0px; }



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

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(25% - 20px ); }

}  

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

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(25% - 20px ); height:150px; }

}  

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

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(33.333% - 20px ); height:200px; }

}  

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

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(33.333% - 20px ); height:180px; }

}  

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

.candidate-resume .dropzone-custom .rwmb-uploaded li { width:calc(50% - 20px ); height:180px; } 

}  

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

.sf-submit-btns.clearfix {  margin-bottom: 25px;  border-radius: 10px; }

.sf-job-cart { padding: 20px; }

.cv-jobi-listing > li { padding-left: 40px;  padding-bottom:40px; }

}  

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

.content-admin-main { padding: 10px !important; }

}







.candidate-resume .RWMB-drag-drop { border-radius:5px; }



.modal-footer .btn-primary { padding: 10px 30px; }

.modal-footer .btn-primary:hover { color:var(--btn-color-primary-hover);}





.aon-staff-avtar-footer { padding: 25px 30px; background: #fff;  border: 1px solid #e8edf1; min-height: 190px; }





table tr td:last-child { position:relative; }

table tr td .action-dropdown.dropdown-left { top: 5px; }





.aon-pro-avtar-pic > .rwmb-uploaded { border: none; width: 100%; position: absolute; height: 100%; }



.city-autocomplete { max-width: 364px; margin-left: 25px; border-radius: 5px; }



.modal-header { min-height: 46px; } 



.section-area.sf-caty-section .container > h4 { margin-bottom:10px; }



.drag-drop-inside.text-center { padding-top: 0; font-size: 22px; font-weight: 600; color: #000; top: 50%; position: relative; transform: translateY(-52%); }

.drag-drop-inside.text-center .drag-drop-info { text-transform: capitalize; }

.drag-drop-inside.text-center p { margin-bottom:15px; }

.drag-drop-inside.text-center .drag-drop-info + p { font-weight:800; text-transform:uppercase; color:#777; }



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

	

.ser-card-body { padding: 20px 25px; }

.ser-card-amount { font-size: 24px; line-height:1; }

	

}



.card-body.aon-card-body .row  { display:flex; flex-wrap:wrap; }

.card-body.aon-card-body .row > [class*="col-"] { display:flex; margin:0px; }

.card-body.aon-card-body .row > [class*="col-"] .ser-card-default { width:100%; }

.card-body.aon-card-body .row > [class*="col-"] > div { width:100%; }



.sf-upgrade-account-plans-area { margin-bottom: 30px !important; }



div#stripeinfo [class*="col-"] .input-group .input-group-addon + .form-control { padding-left:40px; }





.cv-jobi-listing > li.resume-no-data { border: 1px solid #ddd;padding: 20px; border-radius: 10px; text-align: center; font-weight: 600; color: #222; font-size: 17px; }



.btn.btn-primary.btn-xs { padding: 5px 8px; }

.btn.btn-custom.btn-xs { padding: 5px 8px; }

.btn.btn-primary.assignButton {

  padding: 7px 15px;

}



.select2-container--default .select2-selection--multiple .select2-selection__rendered li {

  padding-left:20px;

}



.card-body.aon-card-body .row > [class*="col-"] { display:block;}

.dataTables_wrapper .dataTables_length { max-width: 300px; }

.dataTables_wrapper .dataTables_filter { max-width: 300px; }



div.dataTables_wrapper div.dataTables_processing { width: 110px !important; }





.content-admin-main .job-manager-form { background-color: #fff; border: 2px solid #e1e1e1; padding: 20px 0; margin: 60px 0px; border-radius: 10px; max-width: 600px; margin: auto; }

.content-admin-main .job-manager-form { background-color: #fff; border: 2px solid #e1e1e1; padding: 20px 0; margin: 60px 0px; border-radius: 10px; max-width: 600px; margin: auto; }

.content-admin-main .job-manager-form input[type="text"] { width:100%;  border: 1px solid #ddd;  border-radius: 5px;  width: 100%;  background: #f7fafc; height: 50px; font-size: 16px;  color: #222;}

.content-admin-main .job-manager-form .select2-container .select2-selection--multiple .select2-selection__rendered { margin: 0; }

.content-admin-main .job-manager-form .select2-container--default .select2-selection--multiple { background-color: #f7fafc; border: 1px solid #e1e1e1; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative;

  min-height: 46px;  padding: 5px 10px; }

.content-admin-main .job-manager-form fieldset select { background: #f7fafc; border: 1px solid #ddd; padding: 10px 15px; border-radius: 5px; width: 100%; color: #555; }

.content-admin-main .job-manager-form input[type="submit"] { margin: 10px auto 0px; display: table !important; border-radius: 5px; }








/*Availability CSS*/
.availability-table {
	width: 100%;
	border-collapse: collapse;
}
.availability-table th,  .availability-table td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}
.slot {
	width: 100px;
	height: 30px;
	background-color: #fff;
	cursor: pointer;
}
.slot.selected {
	background-color: orange;
	color: white;
	font-weight: bold;
}
.interval-btn {
	padding: 8px 15px;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
}
.interval-btn.active {
	background-color: #007bff;
	color: white;
}

.slot {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}

.slot.selected {
    background: #4CAF50;
    color: white;
}

/*Css Switch Button Start*/
.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:checked + .slider:before {
    transform: translateX(14px);
}
/*Weekday Overlay Start*/
.weekday-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* Hidden by default */
    z-index: 10;
    pointer-events: none;
}

/* Wrap the weekday column content inside a relative container */
.weekday-column {
    position: relative;
}

/* Disabled slots styling */
.disabled-slot {
    pointer-events: none; /* Prevent interactions */
    opacity: 0.5; /* Reduce visibility */
}


.availability-table thead tr th:first-child { width:350px; }

#availability-form { display: flex; flex-wrap: wrap; text-align:center; }
#availability-form label { font-size:12px; }

#availability-form select { display:block; padding:2px 10px; line-height:1; font-size:12px; height:30px; border-radius:5px; width:100%; border:1px solid #ddd; margin:0px auto 10px; text-align:center; }  
#availability-form #max-bookings { display:block; padding:2px 10px; line-height:1; font-size:12px; height:30px; border-radius:5px; width:150px; border:1px solid #ddd; margin:0px auto 10px; text-align:center; width:100%; }  
#availability-form #generate-slots { display:block; padding:2px 10px; line-height:1; font-size:12px; height:30px; border-radius:5px; width:150px; text-align:center; background:#ffb824; border:none; margin:0px auto 10px; }  

#slots-container td { position:relative; padding:0px; height: 40px; } 
#slots-container .slot { position: absolute; top: 0; left: 0; width: 100%; border-radius: 0; height: 100%; background:#fff !important; } 
#slots-container .slot.selected { position: absolute; top: 0; left: 0; width: 100%; border-radius: 0; height: 100%; background:#a8f7b8 !important; } 
.availability-table .switch { position: relative; display: block; width: 34px; height: 20px; margin: auto; }


#availability-form .available-11 { width:50%; padding:0px 10px; }
#availability-form .available-22 { width:50%; padding:0px 10px; }
#availability-form .available-33 { width:50%; padding:0px 10px; }
#availability-form .available-44 { width:50%; padding:0px 10px; }
#availability-form .available-55 { width:100%; padding:0px 10px; } 



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

  #availability-form label {
    font-size: 12px;
    line-height: 1;
    min-height: 35px;
    display: flex;
    align-items: flex-end;
  }
  .availability-table thead tr th:first-child { 
    width:200px; 
  }

  .sf-availability-wrap {
    width: 100%;
    overflow-x: auto;
    max-height:840px;
  }
  
  .availability-table thead tr th:first-child,
  .availability-table tbody tr td:first-child {
    position: sticky !important;
    left: 0;
    background: #fff;
    z-index: 1;
  }
  
  } 

#slots-container .slot.disabled-slot {
	background-color: #ddd!important;
}

#slots-container .slot.selected.disabled-slot {
	background-color: #a8f7b8!important;
}