/*
==========================
	Theme Name: Service Finder
	Theme URI: http://themeforest.net/user/aonetheme
	Description: Service Finder Theme by aonetheme
	Version: 1.0.0
	Author: Aonetheme Team
	Author URI: http://themeforest.net/user/aonetheme
    Text Domain: service-finder
	Tags: two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, theme-options, translation-ready, accessibility-ready
	License: 
	License URI: 
==========================
*/


/*
======================================
  || CSS TABLE CONTENT ||  
======================================

---------------------------------------------------------------
1. GENERAL 
---------------------------------------------------------------
---------------------------------------------------------------
2. HEADING & TITLE 
---------------------------------------------------------------
---------------------------------------------------------------
3. TITLE SEPARATOR LINE 
---------------------------------------------------------------
---------------------------------------------------------------
4. TEXT & PARAGRAPH 
---------------------------------------------------------------
---------------------------------------------------------------
5. LISTING STYLES 
---------------------------------------------------------------
---------------------------------------------------------------
6. BOX SPACING (inner & outer spacing)
	>padding
	>marging
---------------------------------------------------------------
---------------------------------------------------------------
7. POSITIONS css ( absolute & relative & statice)
---------------------------------------------------------------
---------------------------------------------------------------
8. COLOR (text & background) 
	>text color
	>background color
---------------------------------------------------------------
---------------------------------------------------------------
9. OVERLAY ( transparient background )
---------------------------------------------------------------
---------------------------------------------------------------
10. BOXES CSS 
---------------------------------------------------------------
---------------------------------------------------------------
11. IMAGES OVERLAY EFFECTS (overly animation on images)  
---------------------------------------------------------------
---------------------------------------------------------------
12. IMAGES EFFECTS (image animation in images)  
---------------------------------------------------------------
---------------------------------------------------------------
13. SORTCODES 
	> buttons
	> deviders
	> Carousels	
	> testimonials		
	> tabs	
	> accordians	
	> pricing table	
	> lists & bullets	
	> dividers		
	> alert box	
	> image effects

---------------------------------------------------------------
---------------------------------------------------------------
14. TRANSITION (Slow animateion speed) 
---------------------------------------------------------------
---------------------------------------------------------------
15. BUTTONS STYLE 
---------------------------------------------------------------
---------------------------------------------------------------
16. FORM  ELEMENTS
---------------------------------------------------------------
---------------------------------------------------------------
17. TABLES 
---------------------------------------------------------------
---------------------------------------------------------------
18. WP DEFAULT 
---------------------------------------------------------------
---------------------------------------------------------------
19. BLOG
	>blog post listing
	>side bar
	>single blog
	>comment listing
	>comment form  
--------------------------------------------------------------- 
---------------------------------------------------------------
20. HRADER (top part of page)
---------------------------------------------------------------
---------------------------------------------------------------
21. PAGE TOP BAR (left & right content)
	>eamil-phone
	>social-links
	>language
---------------------------------------------------------------
---------------------------------------------------------------
22. LOGO ( company identify  symbol )
	>logo for header
	>logo for footer
---------------------------------------------------------------
---------------------------------------------------------------
23. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------
---------------------------------------------------------------
24. NAVIGATIONS 
	>mena-menu
	>mobile-menu
	>footer-menu
--------------------------------------------------------------- 
---------------------------------------------------------------
25. BANNER
---------------------------------------------------------------
---------------------------------------------------------------
26. SLIDER
---------------------------------------------------------------
---------------------------------------------------------------
27. PAGINATION 
---------------------------------------------------------------
---------------------------------------------------------------
28. FOOTER
--------------------------------------------------------------- 
---------------------------------------------------------------
29. PAGE-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
30. INNER-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
31. AFTER-LOGIN-CONTENT
---------------------------------------------------------------

End Content

*/


/*---------------------------------------------------------------
1. GENERAL 
---------------------------------------------------------------*/
body {
	background-color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400; 
	color:#767676;
	padding:0;
	margin:0; 
	overflow-x: hidden;
}  

a {
  color: #45C8E4;
  outline: 0 none;
  text-decoration:none;
}

a:hover,
a:focus {
  text-decoration:none;
  outline: 0 none;
}

a:active,
a:hover {
  color: #333333;
}

p a{
	color:#333333;
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

hr {
	clear:both;
}

section, 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
summary { 
	display:block; 
}

address {
	font-style:italic;
}

table {
    background-color: transparent;
    width: 100%;
}
table thead th {
	color:#333;
}

table td {
    padding:15px 10px;
}

p, 
address, 
pre, 
hr, 
ul, 
ol, 
dl, 
dd, 
table {
	margin-bottom:24px;
}

.overflow-hide {
	overflow:hidden;
}
.overflow-auto {
	overflow:auto;
}
.clear { 
	clear:both; 
}

.pull-none { 
	float:none;
}

::-moz-selection {
	background: #3396d1;
	color: #fff;
}
::selection {
	background: #3396d1;
	color: #fff;
}

/*---------------------------------------------------------------
2. HEADING & TITLE 
---------------------------------------------------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  margin-bottom:24px;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
  color:#3d474a;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
  color:#45C8E4;
}


h1 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 36px;
  line-height:36px;
  color:#3d474a;
  text-transform:;
}

h2 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 30px;
  line-height:30px;
  color:#3d474a;
  text-transform:;
}

h3 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 24px;
  line-height:24px;
  color:#3d474a;
  text-transform:;
  margin-bottom:20px;
}

h4 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 18px;
  line-height:22px;
  color:#3d474a;
  text-transform:;
  margin-bottom:15px;
}

h5 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 16px;
  line-height:22px;
  color:#3d474a;
  text-transform:;
  margin-bottom:10px;
}

h6 {
  font-family:Open Sans;	
  font-weight: 600;	
  font-size: 14px;
  line-height:18px;
  color:#3d474a;
  text-transform:;
  margin-bottom:10px;
}


/*---------------------------------------------------------------
4. TEXT & PARAGRAPH 
---------------------------------------------------------------*/
p {
  line-height:24px;
  margin-bottom:24px;
}

strong { 
	font-weight:600;
}

/*text align*/
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify
}


/*text vertical align*/
.v-align-t { 
	vertical-align:top;
}

.v-align-m { 
	vertical-align:middle;
}

.v-align-b { 
	vertical-align:bottom;
}

/*text no line brack*/
.text-nowrap {
	white-space: nowrap
}


/*text transform*/
.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}


/*text size*/
.font-10 { 
	font-size:10px;
}
.font-11 { 
	font-size:11px;
}
.font-12 { 
	font-size:12px;
}
.font-13 { 
	font-size:13px;
}
.font-14 { 
	font-size:14px;
}
.font-16 { 
	font-size:16px;
}
.font-18 { 
	font-size:18px;
}
.font-20 { 
	font-size:20px;
}
.font-22 { 
	font-size:22px;
}
.font-24 { 
	font-size:24px;
}
.font-26 { 
	font-size:26px;
}

/*text size*/
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}
.font-weight-900{font-weight:900;}

/*line height*/
.line-h18{line-height:18px;}
.line-h20{line-height:20px;}
.line-h22{line-height:22px;}
.line-h24{line-height:24px;}
.line-h26{line-height:26px;}
.line-h28{line-height:28px;}
.line-h30{line-height:30px;}
.line-h36{line-height:36px;}
.line-h40{line-height:40px;}
.line-h50{line-height:50px;}

/*== >padding (around) ======*/
.p-a0 {padding:0;}
.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;}

/*---------------------------------------------------------------
5. LISTING STYLES 
---------------------------------------------------------------*/
dl, ul, ol {
    list-style-position: outside ;
	padding:0;
}
ul, ol {
	margin-bottom:24px;
}
 ul li,
 ol li {
    padding:0;
}
dl {
    margin-left:0;
	margin-bottom:30px;
}
dl dd{
    margin-bottom: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: 0 0 20px 0;
	padding:0;
	list-style:none; 
}

.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: 0;
	top: 6px;
	display: block;
	font-size:15px;
	color:#777;
}

.list-circle li:before{
	top:10px;
	font-size:10px;
}

.list-circle li:before { 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"; }


/*listing before icon color css*/

ul.primary li:before {
	color:#45C8E4;	
}
ul.secondry li:before {
	color:#77C04B;	
}
ul.black li:before {
	color:#000;	
}
ul.white li:before {
	color:#fff;	
}
ul.orange li:before {
	color:#FF6600;	
}
ul.green li:before {
	color:#00CC00;	
}
ul.red li:before {
	color:#FF3737;	
}


dl.no-margin, 
ul.no-margin, 
ol.no-margin {
    margin: 0 0 0 0 !important;
	list-style:none;
}

/*listing before numbers*/
ol.list-num-count {
	counter-reset:li;
	padding-left:0;
}
ol.list-num-count > li {
	position:relative;
	margin:0 0 6px 30px;
	padding:4px 8px;
	list-style:none;
}
ol.list-num-count > li:before {
	content:counter(li , decimal);
	counter-increment:li; 
	position:absolute;
	top:0;
	left:-28px;
	width:28px;
	height:28px;
	padding:5px;
	color:#fff;
	background:#45C8E4;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	-webkit-border-radius:100px;
	border-radius:100px;
}
ol.list-num-count.lower-alpha > li:before {
	content:counter(li , lower-alpha);
}
ol.list-num-count.upper-alpha > li:before {
	content:counter(li , upper-alpha);
}


/*---------------------------------------------------------------
6. BOX SPACING (inner & outer)
---------------------------------------------------------------*/
/*== >padding (around) ======*/
.p-a0 {padding:0;}
.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;}

/*== >Padding (top) ==*/
.p-t0 {padding-top:0;}
.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-t120 {padding-top:120px;}
.p-t140 {padding-top:140px;}
.p-t160 {padding-top:160px;}
.p-t180 {padding-top:180px;}
.p-t200 {padding-top:200px;}
.p-t220 {padding-top:220px;}
.p-t240 {padding-top:240px;}
.p-t260 {padding-top:260px;}
.p-t280 {padding-top:280px;}
.p-t300 {padding-top:300px;}



/*== >Padding (bottom) ==*/
.p-b0 {padding-bottom:0;}
.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-b120 {padding-bottom:120px;}
.p-b140 {padding-bottom:140px;}
.p-b160 {padding-bottom:160px;}
.p-b180 {padding-bottom:180px;}
.p-b200 {padding-bottom:200px;}
.p-b220 {padding-bottom:220px;}
.p-b240 {padding-bottom:240px;}
.p-b260 {padding-bottom:260px;}
.p-b280 {padding-bottom:280px;}
.p-b300 {padding-bottom:300px;}


/*== >Padding (left) ==*/
.p-l0 {padding-left:0;}
.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;}

/*== >Padding (right) ==*/
.p-r0 {padding-right:0;}
.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;}

/*== >Padding (left right) ==*/
.p-lr0 {padding-left:0; padding-right:0; }
.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-lr140 {padding-left:140px; padding-right:140px;}
.p-lr160 {padding-left:160px; padding-right:160px;}
.p-lr180 {padding-left:180px; padding-right:180px;}
.p-lr200 {padding-left:200px; padding-right:200px;}

/*== >Padding (top bottom) ==*/
.p-tb0 {padding-bottom:0; padding-top:0; }
.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-tb140 {padding-bottom:140px; padding-top:140px;}
.p-tb160 {padding-bottom:160px; padding-top:160px;}
.p-tb180 {padding-bottom:180px; padding-top:180px;}
.p-tb200 {padding-left:200px; padding-top:200px;}

/*== >margin (around) ======*/
.m-a0 {margin:0;}
.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;}

/*== >marging (top) ==*/
.m-t0 {margin-top:0;}
.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-t120 {margin-top:120px;}
.m-t140 {margin-top:140px;}
.m-t160 {margin-top:160px;}
.m-t180 {margin-top:180px;}
.m-t200 {margin-top:200px;}

/*== >marging (bottom) ==*/
.m-b0 {margin-bottom:0;}
.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-b120 {margin-bottom:120px;}
.m-b140 {margin-bottom:140px;}
.m-b160 {margin-bottom:160px;}
.m-b180 {margin-bottom:180px;}
.m-b200 {margin-bottom:200px;}

/*== >marging (left) ==*/
.m-l0 {margin-left:0;}
.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;}

/*== >marging (right) ==*/
.m-r0 {margin-right:0;}
.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;}

/*== >marging (left right) ==*/
.m-lr0 {margin-left:0; margin-right:0; }
.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; }

/*== >marging (top bottom) ==*/
.m-tb0 {margin-bottom:0; margin-top:0; }
.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; }

/*== > 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:0;
	padding-right:0;
}

/*---------------------------------------------------------------
7. BOX MAX-WIDTH css (  )
---------------------------------------------------------------*/
.max-w100 {max-width:100px; }
.max-w200 {max-width:200px; }
.max-w300 {max-width:300px; }
.max-w400 {max-width:400px; }
.max-w500 {max-width:500px; }
.max-w600 {max-width:600px; }
.max-w700 {max-width:700px; }
.max-w800 {max-width:800px; }
.max-w900 {max-width:900px; }
.max-w1000 {max-width:1000px; }

/*---------------------------------------------------------------
7. MAKE-TABLE css (  )
---------------------------------------------------------------*/
.table-behavior {
	display:table;
}
.table-behavior .table-cell-behavior{
	display:table-cell;
	float:none;
}


/*---------------------------------------------------------------
7. POSITIONS css ( absolute & relative & statice & z-index )
---------------------------------------------------------------*/
.absolute{position:absolute;}
.relative{position:relative;}
.static{position:static;}

.z-index1{z-index:1;}
.z-index2{z-index:2;}
.z-index3{z-index:3;}
.z-index4{z-index:4;}
.z-index5{z-index:5;}
.z-index6{z-index:6;}
.z-index7{z-index:7;}
.z-index8{z-index:8;}
.z-index9{z-index:9;}
.z-index10{z-index:10;}
.z-index100{z-index:100;}
.z-index999{z-index:999;}


/*---------------------------------------------------------------
8. COLOR (text & background)
---------------------------------------------------------------*/

/*=== >text ===*/
.text-white{color:#fff;}
.text-primary{color:#45C8E4;}
.text-black{color:#000;}
.text-gray{color:#f5f6f6;}
.text-gray-dark{color:#d3d3d3;}
.text-red{color:#F00;}
.text-green{color:#090;}
.text-yellow{color:#FF0;}
.text-orange{color:#f25c09;}

/*=== >background color===*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#45C8E4;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#000;}
.bg-black-light{background-color:#212121;}
.bg-gray{background-color:#f5f6f6;}
.bg-gray-dark{background-color:#d3d3d3;}
.bg-footer{background-color:#434343;}
.bg-red{background-color:#FF4045;}
.bg-green{background-color:#38E225;}
.bg-yellow{background-color:#F0F52E;}

/*=== >background image===*/
.bg-parallax { 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*---------------------------------------------------------------
9. OVERLAY ( transparient box style  )
---------------------------------------------------------------*/
/*use for section*/
.overlay-wraper { 
	position:relative ;
}
.overlay-main { 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.5;
}
.overlay-main.right { 
	left:auto;
	right:0;
}
.overlay-light .overlay-main { opacity:0.3;}
.overlay-dark .overlay-main { opacity:0.9;}

.overlay-wraper > .container,
.overlay-wraper > .container-fluid,
.overlay-wraper >  .icon-bx-wraper  { 
	position:relative;
	z-index:1; 
}

/*use for box*/
.overlay-bx { 
	position:absolute; 
	left:0; 
	bottom:0; 
	width:100%; 
	height:100%; 
	text-align:center; 
	z-index:111111; 
	opacity:0; 
	visibility:hidden; 
}

.overlay-icon { 
	list-style:none; 
	width:160px; 
	height:40px; 
	position:absolute; 
	left:50%; 
	top:50%; 
	margin:-20px -75px;    
}

.overlay-icon a { 
	display:inline-block; 
	padding:0;
	margin:0 2px;
}

.overlay-icon a i { 
	background-color:#FFF;
}


.overlay-bx:hover a > i,
.aon-thum-bx:hover .overlay-bx  a > i,
.aon-box:hover .overlay-bx  a > i { 
	opacity:1; 
	visibility:visible; 
	
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-ms-transition:     all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
transition:         all .5s ease-in-out;

}

.overlay-bx:hover,
.aon-thum-bx:hover .overlay-bx,
.aon-box:hover .overlay-bx,
.ow-img:hover .overlay-bx ,
.ow-portfolio-img:hover .overlay-bx  { 
	opacity:1; 
	visibility:visible; 
}

/* show for text */
.overlay-text { 
	width:100%; 
	position:absolute;
	padding:20px;
	color:#FFF;
	left:0; 
	bottom:20px; 
}

.aon-address-bx {
	display:table;
	text-align:left;
	padding:20px 20px 20px 25px;
	width:100%;
	height:100%;
	position:relative;
	font-size:14px;
	vertical-align:middle;
    font-weight:600;
}
.aon-address-bx .fa{
	position:absolute;
	top:22px;
	left:0;
	font-size:22px;
}
.col-md-3 .overlay-text {
	padding:5px;
}
.col-md-4 .overlay-text {
	padding:20px;
}
.aon-address2-bx {
	display:table;
	background:#eaeaea;
	padding:5px 10px;
	margin-bottom:10px
}


/*---------------------------------------------------------------
10. BOXES CSS 
---------------------------------------------------------------*/
.rounded-bx,
.aon-box ,
.icon-bx ,
.icon-bx-small,
.aon-thum-bx,
.aon-post-thum {
	position:relative;	
}

/*==box content==*/
.aon-box { 
	position:relative; 
}
.aon-box.no-margin { 
	margin-bottom:0; 
}

/*== For icons with box ==*/
.icon-bx-xld,
.icon-bx-xl,
.icon-bx-lg,
.icon-bx-md,
.icon-bx-sm,
.icon-bx-xs {
	display:inline-block;
    text-align: center;
}
.icon-bx-xld {
	width:180px;
	height:180px;
	line-height:180px;
}
.icon-bx-xl {
	width:150px;
	height:150px;
	line-height:150px;
}

.icon-bx-lg {
	width:120px;
	height:120px;
	line-height:120px;
}

.icon-bx-md {
	width:100px;
	height:100px;
	line-height:100px;
}

.icon-bx-sm {
	width:80px;
	height:80px;
	line-height:80px;
}

.icon-bx-xs {
	width:40px;
	height:40px;
	line-height:40px;
}
.icon-bx-xld.radius,
.icon-bx-xl.radius, 
.icon-bx-lg.radius,
.icon-bx-md.radius, 
.icon-bx-sm.radius, 
.icon-bx-xs.radius {
  -webkit-border-radius:100%; 
  -moz-border-radius:100%; 
  border-radius:100%; 	 
}

.border-1,
.border-2,
.border-3,
.border-4,
.border-5 {
	border-style:solid;	 
}
.border-1 {
	border-width:1px;	 
}
.border-2 {
	border-width:2px;	 
}
.border-3 {
	border-width:3px;	 
}
.border-4 {
	border-width:4px;	 
}
.border-5 {
	border-width:5px;	 
}
.icon-bx-xld i,
.icon-bx-xl i,
.icon-bx-lg i,
.icon-bx-md i,
.icon-bx-sm i,
.icon-bx-xs i {
	vertical-align:middle;
}

.icon-bx-xld i {
	font-size:100px;
}
.icon-bx-xl i {
	font-size:80px;
}

.icon-bx-lg i {
	font-size:60px;
}

.icon-bx-md i {
	font-size:45px;
}

.icon-bx-sm i {
	font-size:30px;
}

.icon-bx-xs i {
	font-size:20px;
}

.icon-bx-xld img,
.icon-bx-xl img,
.icon-bx-lg img,
.icon-bx-md img,
.icon-bx-sm img,
.icon-bx-xs img {
	vertical-align:middle;
	max-width:100%;
	width:auto; 
}

.icon-bx-xld img {
	height:90px;
}
.icon-bx-xl img {
	height:80px;
}
.icon-bx-lg img {
	height:55px;
}
.icon-bx-md img {
	height:40px;
}
.icon-bx-sm img {
	height:30px;
}
.icon-bx-xs img {
	height:20px;
}

/*== For only icons ==*/
.icon-xld,
.icon-xl,
.icon-lg,
.icon-md,
.icon-sm,
.icon-xs {
	display:inline-block;
    text-align: center;
}
.icon-xld {
	width:150px;
}
.icon-xl {
	width:100px;
}
.icon-lg {
	width:80px;
}
.icon-md {
	width:60px;
}
.icon-sm {
	width:40px;
}
.icon-xs {
	width:30px;
}

.icon-xld i,
.icon-xl i,
.icon-lg i,
.icon-md i,
.icon-sm i,
.icon-xs i {
	vertical-align:middle;
}
.icon-xld i {
	font-size:100px;
}
.icon-xl i {
	font-size:80px;
}
.icon-lg i {
	font-size:60px;
}
.icon-md i {
	font-size:45px;
}
.icon-sm i {
	font-size:30px;
}
.icon-xs i {
	font-size:20px;
}

.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 img {
	height:90px;
}
.icon-xl img {
	height:80px;
}
.icon-lg img {
	height:70px;
}
.icon-md img {
	height:50px;
}
.icon-sm img {
	height:30px;
}
.icon-xs img {
	height:20px;
}


/*== place icon with box ==*/
.icon-bx-wraper {
	position:relative;
}
.icon-bx-wraper .aon-tilte{
	margin-top:0;
}
.icon-bx-wraper .after-titile-line{
	margin-bottom:10px;
}
.icon-bx-wraper p:last-child {
	margin:0;
}
.icon-content {
	overflow:hidden;
}

/* icon box left aligh */
.icon-bx-wraper.left .icon-bx-xld,
.icon-bx-wraper.left .icon-bx-xl,
.icon-bx-wraper.left .icon-bx-lg,
.icon-bx-wraper.left .icon-bx-md,
.icon-bx-wraper.left .icon-bx-sm,
.icon-bx-wraper.left .icon-bx-xs {
	float:left;
	margin-right:20px;
}
.icon-bx-wraper.left .icon-xld,
.icon-bx-wraper.left .icon-xl,
.icon-bx-wraper.left .icon-lg,
.icon-bx-wraper.left .icon-md,
.icon-bx-wraper.left .icon-sm,
.icon-bx-wraper.left .icon-xs {
	float:left;
	margin-right:10px;
}

/* icon box right aligh */
.icon-bx-wraper.right {
	text-align:right;
}
.icon-bx-wraper.right .icon-bx-xld,
.icon-bx-wraper.right .icon-bx-xl,
.icon-bx-wraper.right .icon-bx-lg,
.icon-bx-wraper.right .icon-bx-md,
.icon-bx-wraper.right .icon-bx-sm,
.icon-bx-wraper.right .icon-bx-xs {
	float:right;
	margin-left:20px;
}
.icon-bx-wraper.right .icon-xld,
.icon-bx-wraper.right .icon-xl,
.icon-bx-wraper.right .icon-lg,
.icon-bx-wraper.right .icon-md,
.icon-bx-wraper.right .icon-sm,
.icon-bx-wraper.right .icon-xs {
	float:right;
	margin-left:10px;
}

/* icon box center aligh */
.icon-bx-wraper.center {
	text-align:center;
}
[class*="icon-bx-"][class*="bg-"] a {
	color:#fff;
}
[class*="icon-bx-"].bg-white a {
	color:#45C8E4;
}
[class*="icon-bx-"][class*="border-"]  {
	display:table;
	line-height:normal;
	margin-left:auto;
	margin-right:auto;
}
[class*="icon-bx-"][class*="border-"] .icon-cell  {
	display:table-cell;
	vertical-align:middle;
}

.icon-bx-wraper.bx-style-1,
.icon-bx-wraper.bx-style-2 {
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
}
.icon-bx-wraper.bx-style-1.border-2 {
	border-width:2px;
}


.icon-bx-wraper.bx-style-2.center [class*="icon-bx-"],
.icon-bx-wraper.bx-style-2.left [class*="icon-bx-"], 
.icon-bx-wraper.bx-style-2.right [class*="icon-bx-"]	{ 
	position:absolute;
}

.icon-bx-wraper.bx-style-2.center [class*="icon-bx-"]	{ 
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.icon-bx-wraper.bx-style-2.center .icon-bx-xl	{ margin-left:-75px; }
.icon-bx-wraper.bx-style-2.center .icon-bx-lg	{ margin-left:-60px; }
.icon-bx-wraper.bx-style-2.center .icon-bx-md	{ margin-left:-50px; }
.icon-bx-wraper.bx-style-2.center .icon-bx-sm	{ margin-left:-40px; }
.icon-bx-wraper.bx-style-2.center .icon-bx-xs	{ margin-left:-20px; }

.icon-bx-wraper.bx-style-2.left [class*="icon-bx-"]	{ 
	position:absolute;
	top:auto;
	left:0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.icon-bx-wraper.bx-style-2.right [class*="icon-bx-"]	{ 
	position:absolute;
	top:auto;
	right:0;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}


/*== media with content box css ==*/
.aon-box,
.aon-info,
.aon-tilte,
.aon-tilte-inner {
	position:relative;
}
.aon-tilte-inner {
	display:inline-block;
}
.aon-tilte-inner.skew-title:after {
	content:"";
	position:absolute;
	right:-15px;
	top:0;
	width:50px;
	height:100%;
	z-index:-1;
	-moz-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	transform: skewX(20deg);
}
.aon-box[class*="border-"],
.aon-info[class*="border-"] {
	border-color:#eee;
}

.aon-info.border-1,
.aon-info.border-2,
.aon-info.border-3,
.aon-info.border-4,
.aon-info.border-5 {
	border-top:none;
}


/*== before & after for line css ==*/
.left-border,
.right-border  {
	position:relative;
}
.left-border:before,
.right-border:before {
	content:"";
	position:absolute;
	top:5px;
	width:1px;
	height:90%;
	background:#CCC;
}
.right-border:before {
	right:0;
}

/*==for images==*/
.aon-thum-bx,
.aon-post-thum { 
	background-color:#FFF; 
}
.aon-thum-bx img,
.aon-post-thum img { 
	width:100%; 
	height:auto; 
}

/*---------------------------------------------------------------
11. IMAGES OVERLAY EFFECTS (overly animation on images)  
---------------------------------------------------------------*/

.aon-img-overlay1,
.aon-img-overlay2,
.aon-img-overlay3,
.aon-img-overlay4,
.aon-img-overlay5,
.aon-img-overlay6,
.aon-img-overlay7,
.aon-img-overlay8,
.aon-img-overlay9 { 
	position:relative; 
}

.aon-img-overlay1:before,
.aon-img-overlay1:after,
.aon-img-overlay2:before,
.aon-img-overlay2:after,
.aon-img-overlay3:before,
.aon-img-overlay3:after,
.aon-img-overlay4:before,
.aon-img-overlay4:after,
.aon-img-overlay5:before,
.aon-img-overlay5:after,
.aon-img-overlay6:before,
.aon-img-overlay6:after,
.aon-img-overlay7:before,
.aon-img-overlay7:after,
.aon-img-overlay8:before,
.aon-img-overlay8:after,
.aon-img-overlay9:before,
.aon-img-overlay9:after {
	content:"";
	background:#000;
	position:absolute; 
	left:0; 
	top:0; 
	width:0; 
	height:0;
	opacity:0.4; 
	z-index:1;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


/*effect 1*/
.aon-img-overlay1:before {
	width:100%;
	height:100%;
	opacity:0;
}

.aon-img-overlay1:hover:before,
.aon-box:hover .aon-img-overlay1:before { 
	opacity:0.5;
}

/*effect 2*/
.aon-img-overlay2:before {
	width:100%;
	height:100%;
	opacity:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

.aon-img-overlay2:hover:before,
.aon-box:hover .aon-img-overlay2:before { 
	opacity:0.9;
}

/*effect 3*/
.aon-img-overlay3:before {
	left:50%; 
	top:50%;
}

.aon-img-overlay3:hover:before,
.aon-box:hover .aon-img-overlay3:before  { 
	width:100%;
	height:100%;
	top:0;
	left:0;
}

/*effect 4*/
.aon-img-overlay4:before {
	left:50%; 
	top:0;
	height:100%;
}

.aon-img-overlay4:hover:before,
.aon-box:hover .aon-img-overlay4:before { 
	width:100%;
	left:0;
}

/*effect 5*/
.aon-img-overlay5:before {
	left:0; 
	top:50%;
	width:100%;
}

.aon-img-overlay5:hover:before,
.aon-box:hover .aon-img-overlay5:before { 
	height:100%;
	top:0;
}

/*effect 6*/
.aon-img-overlay6:before {
	left:0; 
	top:auto;
	bottom:0;
	width:100%;
}

.aon-img-overlay6:hover:before,
.aon-box:hover .aon-img-overlay6:before { 
	height:100%;
}

/*effect 7*/
.aon-img-overlay7:before,
.aon-img-overlay7:after {
	height:100%;
}
.aon-img-overlay7:after {
	left:auto;
	right:0;
}
.aon-img-overlay7:hover:before,
.aon-img-overlay7:hover:after,
.aon-box:hover .aon-img-overlay7:before,
.aon-box:hover .aon-img-overlay7:after
 { 
	width:50%;
}

/*effect 8*/
.aon-img-overlay8:before,
.aon-img-overlay8:after {
	height:100%;
}
.aon-img-overlay8:after {
	left:auto;
	right:0;
}
.aon-img-overlay8:hover:before,
.aon-img-overlay8:hover:after,
.aon-box:hover .aon-img-overlay8:before,
.aon-box:hover .aon-img-overlay8:after { 
	width:100%;
	opacity:0.3;
}

/*effect 9*/
.aon-img-overlay9:before,
.aon-img-overlay9:after {
	
}
.aon-img-overlay9:after {
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	
}
.aon-img-overlay9:hover:before,
.aon-img-overlay9:hover:after,
.aon-box:hover .aon-img-overlay9:before,
.aon-box:hover .aon-img-overlay9:after { 
	width:100%;
	height:100%; 
	opacity:0.3;
}

/*effect 10*/
.aon-img-overlay10:before,
.aon-img-overlay10:after {
	width:100%;
	height:100%;
	opacity:0;
}

.aon-img-overlay10:hover:before,
.aon-box:hover .aon-img-overlay10:before { 
	opacity:0.5;
}

.aon-img-overlay10:hover:after,
.aon-box:hover .aon-img-overlay10:after { 
	width:90%;
	height:80%;
	left:5%;
	top:10%; 
	opacity:0.5;
	background:none;
	border:1px dashed #FFFFFF; 
}


/*---------------------------------------------------------------
12. IMAGES EFFECTS (image animation in images) 

	 1. image-opacity 
	 2. image-zoom 
	 3. image-zoom-slow
	 5. image-shrink 
	 6. image-side-pan 
	 7. image-vertical-pan 
	 8. image-fade-in 
	 9. image-fade-out 
	 10. image-rotate 
	 11. image-sepia 
	 11. image-blurr 
	 12. image-blurr-invert 
	 13. image off color 
	 14. image on color 
---------------------------------------------------------------*/

.aon-img-effect {
	position: relative;
	overflow: hidden;
	display: block;
}
.aon-img-effect img {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
}

/* 1. image-opacity */
.aon-img-effect.opacity img:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
}

/* 2. image-zoom */
.aon-img-effect.zoom-slow img {
	transition: all 10s;
	-moz-transition: all 10s;
	-webkit-transition: all 10s;
	-o-transition: all 10s;
}
.aon-img-effect.zoom-slow:hover img {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}

/* 2. image-zoom-slow */
.aon-img-effect.zoom:hover img {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

/* 3. image-shrink */
.aon-img-effect.shrink:hover img {
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-moz-transform: scale(0.8);
}

/* 4. image-side-pan */
.aon-img-effect.side-pan:hover img {
	margin-left: -11%;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

/* 5. image-vertical-pan */
.aon-img-effect.vertical-pan:hover img {
	margin-top: -10%;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

/* 6. image-fade-in */
.aon-img-effect.fade-in {
	background: #000
}
.aon-img-effect.fade-in img {
	opacity: 0.65;
	-moz-opacity: 0.65;
	-webkit-opacity: 0.65;
}
.aon-img-effect.fade-in:hover img {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}

/* 7. image-fade-out */
.aon-img-effect.fade-out {
	background: #000
}
.aon-img-effect.fade-out:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
}

/* 8. image-rotate */
.aon-img-effect.rotate:hover img {
	-moz-transform: scale(1.5) rotate(-20deg);
	-webkit-transform: scale(1.5) rotate(-20deg);
	-o-transform: scale(1.5) rotate(-20deg);
	-ms-transform: scale(1.5) rotate(-20deg);
	transform: scale(1.5) rotate(-20deg);
}

/* 9. image-sepia */
.aon-img-effect.sepia img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
}
.algo-image-hover.sepia:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* 10. image-blurr */
.aon-img-effect.blurr img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.aon-img-effect.blurr:hover img {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
}

/* 11. image-blurr-invert */
.aon-img-effect.blurr-invert img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.aon-img-effect.blurr-invert img {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
}
.aon-img-effect.blurr-invert:hover img {
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
}

/* 12. image off color */
.aon-img-effect.off-color img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}
.aon-img-effect.off-color:hover img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

/* 13. image on color */
.aon-img-effect.on-color img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}
.aon-img-effect.on-color:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}


/*---------------------------------------------------------------
12. content show on image box () 
---------------------------------------------------------------*/

/* info box show */
.aon-info-has {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:30px 40px 40px;
	opacity:0;
	margin-bottom:-100px;
	z-index:2;
}
.aon-info-has.p-a15 {
	padding:15px;
}
.aon-info-has.p-a20 {
	padding:20px;
}

.aon-info-has.bg-primary {
	background-color:rgba(27,188,232,0.9);
}
.aon-info-has.bg-green {
	background-color:rgba(106,179,62,0.9);
}
.aon-info-has.bg-black {
	background-color:rgba(0,0,0,0.6);
}
.aon-info-has.bg-white {
	background-color:rgba(255, 255, 255,0.8);
}
.aon-info-has.bg-white h1,
.aon-info-has.bg-white h2,
.aon-info-has.bg-white h3,
.aon-info-has.bg-white h4,
.aon-info-has.bg-white h5,
.aon-info-has.bg-white h6 {
	color:#3d474a;
}
.aon-info-has.bg-white h1 a,
.aon-info-has.bg-white h2 a,
.aon-info-has.bg-white h3 a,
.aon-info-has.bg-white h4 a,
.aon-info-has.bg-white h5 a,
.aon-info-has.bg-white h6 a {
	color:#3d474a;
}
.aon-info-has.bg-white .aon-info-has-text,
.aon-info-has.bg-white p {
	color:#767676;
}



.aon-info-has h1,
.aon-info-has h2,
.aon-info-has h3,
.aon-info-has h4,
.aon-info-has h5,
.aon-info-has h6,
.aon-info-has p,
.aon-info-has-text,
.aon-info-has a {
	color:#fff;
}
.aon-info-has .aon-info-has-text {
	margin-bottom:20px;
	line-height:24px;
}

.aon-box:hover .aon-info-has,
.aon-thum-bx:hover .aon-info-has {
	opacity:1;
	width:100%;
	margin-bottom:0;
}

.aon-info-has.no-hover  {
	opacity:1;
	width:100%;
	margin-bottom:0;
}

/*---------------------------------------------------------------
12. customize css 
	1. set-radius
	2. transition
	3. float-clearfix
---------------------------------------------------------------*/

/*== 1.set-radius ==*/
.btn,
.panel, 
.form-control,
.img-thumbnail,
.panel-head ing,
.dropdown-menu,
.panel-group .panel,
.nav-tabs > li > a,
.modal-content,
.navbar-toggle,
.nav-pills > li > a,
.pager li > a, 
.pager li > span,
.well,
.alert,
.list-group-item:first-child,
.list-group-item:last-child,
.input-group-addon,
.btn-group-divides > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group-divides > .btn:last-child:not(:first-child), 
.btn-group > .dropdown-toggle:not(:first-child),
.aon-booking-form .aon-extra-services li .icon-bx-lg,
.aon-booking-form .aon-extra-services li.active .icon-bx-lg:after,
.widget_tag_cloud a,
.searchform input[type="text"],
.searchform input[type="submit"],
ol.comment-list li.comment .comment-body {
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0; 
}

/*== 2. transition ==*/
a,
.btn, 
.form-control,
.overlay-bx,
.overlay-icon li a i,
.icon-bx-xld,
.icon-bx-xl,
.icon-bx-lg,
.icon-bx-md,
.icon-bx-sm,
.icon-bx-xs,
.share-social-bx li,
.indicator,
.profile-menu ul li,
.staff-member .member-done,
.how-aon-work .aon-box .shadow-bx img,
.how-aon-work .aon-box .step-no-bx,
.aon-info-has,
.aon-we-find .aon-box,
.main-bar,
.navbar-toggle,
.logo-header,
.header-nav .nav > li > a,
.extra-nav {
	-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;
 }

.animate-slow {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.animate-mid {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.animate-fast {
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

/*== 3. float-clearfix ==*/
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}


/*error for select box*/
.has-error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle:hover,
.has-error .bootstrap-select .dropdown-toggle:focus {
 border-color:#a94442 !important; 
}
/*succes for select box*/
.has-success .bootstrap-select .dropdown-toggle,
.has-success .bootstrap-select .dropdown-toggle:hover,
.has-success .bootstrap-select .dropdown-toggle:focus {
 border-color:#3c763d !important; 
}

/*---------------------------------------------------------------
12. SORTCODES 
	1. Buttons
	2. Title separators		
	2. Deviders	
	8. Lists & bullets	
	3. 	Tabs
	4. Accordians		
	5. Carousels	
	6. Testimonials	
	7. Pricing table	
	10. Alert box	
	11. Image effects
	12. Modal pop
	13. Social icons
	14. Breadcrumb
---------------------------------------------------------------*/
/*== 1. BUTTONS ======= */
/* owl slider button */
.owl-prev,
.owl-next {
	border-color: #999999;
	color: #ffffff;
	padding:5px 10px;
	margin-left:5px;
	margin-right:5px;
	font-size:40px;
	display: inline-block;
	cursor: pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus {
    color: #ffffff;
}

.overlay-wraper .owl-prev,
.overlay-wraper .owl-next {
	
}

/* theme default button */
.btn {
	padding:9px 15px;
}
.btn-primary {
	background-color:#38c4e1;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
	background-color:#29b5d2;
}

.btn-default {
	border-color:#e1e6eb;
}

.site-button,
.site-button-secondry {
	color: #fff; 
	padding: 10px 20px; 
	display: inline-block; 
	font-size: 14px; 
	outline: none; 
	cursor: pointer; 
	outline: none; 
	border-width:0;
	border-style:solid;
	border-color:transparent;
	line-height:1.42857;
	text-decoration: none !important;
	border-radius:3px;
	-webkit-border-radius:3px;
}

.site-button {
	background-color:#45C8E4; 
}
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button { 
	background-color:#0fb0dc; 
	color: #fff; 
}

.site-button-secondry {
	background-color:#2f2f2f; 
}
.site-button-secondry:active,
.site-button-secondry:hover,
.site-button-secondry:focus,
.active > .site-button-secondry { 
	background-color:#1f1f1f; 
	color: #fff; 
}

/* button text uppercase */
.site-button.text-uppercase {
	text-transform:uppercase;
}

/* button size */
.button-sm { 
	padding: 5px 10px; 
	font-size: 12px;
}
.button-lg { 
	padding:20px 35px; 
	font-size: 16px;
}
.button-xl { 
	padding:30px 50px; 
	font-size:24px;
}

/* button rounded */
.radius-no { 
	border-radius:0;
	-webkit-border-radius:0;
}
.radius-sm { 
	border-radius:3px;
	-webkit-border-radius:3px;
}
.radius-xl { 
	border-radius:100px;
	-webkit-border-radius:100px;
}
.radius-bx { 
	border-radius:100%;
	-webkit-border-radius:100%;
}

/* button colors */

/* white */
.site-button.white { 
	background-color:#fff;
	color:#777;
}
.site-button.white:hover,
.site-button.white:active,
.site-button.white:focus { 
	background-color:#F4F4F4;
	color:#555;
}
/* black */
.site-button.black { 
	background-color:#171717;
	color:#fff;
}
.site-button.black:hover,
.site-button.black:active,
.site-button.black:focus { 
	background-color:#000;
	color:#fff;
}
/* Gray */
.site-button.gray { 
	background-color:#666666;
	color:#fff;
}
.site-button.gray:hover,
.site-button.gray:active,
.site-button.gray:focus { 
	background-color:#555555;
	color:#fff;
}

/* pink */
.site-button.pink { 
	background-color:#e63f75;
	color:#fff;
}
.site-button.pink:hover,
.site-button.pink:active,
.site-button.pink:focus { 
	background-color:#d22b61;
	color:#fff;
}

/* Blue */
.site-button.blue { 
	background-color:#42B8D4;
	color:#fff;
}
.site-button.blue:hover,
.site-button.blue:active,
.site-button.blue:focus { 
	background-color:#2ca2be;
	color:#fff;
}

/* Green */
.site-button.green { 
	background-color:#35B494;
	color:#fff;
}
.site-button.green:hover,
.site-button.green:active,
.site-button.green:focus { 
	background-color:#26a585;
	color:#fff;
}

/* Orange */
.site-button.orange { 
	background-color:#E56713;
	color:#fff;
}

.site-button.orange:hover,
.site-button.orange:active,
.site-button.orange:focus { 
	background-color:#d55703;
	color:#fff;
}
/* Red */
.site-button.red { 
	background-color:#f22727;
	color:#fff;
}

.site-button.red:hover,
.site-button.red:active,
.site-button.red:focus { 
	background-color:#e11c1c;
	color:#fff;
}

/* Brown */
.site-button.brown { 
	background-color:#69441F;
	color:#fff;
}

.site-button.brown:hover,
.site-button.brown:active,
.site-button.brown:focus { 
	background-color:#5f3a15;
	color:#fff;
}

/* Yellow */
.site-button.yellow { 
	background-color:#ecc731;
	color:#fff;
}

.site-button.yellow:hover,
.site-button.yellow:active,
.site-button.yellow:focus { 
	background-color:#d4af19;
	color:#fff;
}

/* purple */
.site-button.purple { 
	background-color:#AE1AF7;
	color:#fff;
}

.site-button.purple:hover,
.site-button.purple:active,
.site-button.purple:focus { 
	background-color:#9804e1;
	color:#fff;
}

/* Graphical */
.site-button.graphical { 
	color: #fff; 
	border-radius: 3px; 
	text-shadow: 0 -1px rgba(0,0,0,0.4); 
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 3px -1px rgba(45,60,72,0.5); 
	border: 1px solid rgba(0,0,0,0.15); 
}
.site-button.graphical:active { 
	box-shadow: 0 2px 2px rgba(0,0,0,.25) inset
 }

/* 3D */
.site-button.button-3d { 
	color: #fff; 
	border-radius: 3px; 
	-webkit-border-radius:3px; 	
	border-bottom: 4px solid rgba(0,0,0,0.2);
	border-left:none;
	border-right:none;
	border-top:none; 
}

/* Outline */
.site-button.outline { 
	color: #888; 
	background: none; 
	border-radius:3px; 
	-webkit-border-radius:3px; 
	border-width:2px;
	border-style:solid;
	border-color:#eee; 
}
/* white */
.site-button.outline.white { 
	color: #e7e7e7; 
	border-color:#e7e7e7; 
}
.site-button.outline.white:hover { 
	color: #666666; 
}
/* black */
.site-button.outline.black { 
	color: #171717; 
	border-color:#171717; 
}
/* gray */
.site-button.outline.gray { 
	color: #666666; 
	border-color:#666666; 
}
/* pink */
.site-button.outline.pink { 
	color: #e63f75; 
	border-color:#e63f75; 
}
/* blue */
.site-button.outline.blue { 
	color: #42b8d4; 
	border-color:#42b8d4; 
}
/* green */
.site-button.outline.green { 
	color: #35b494; 
	border-color:#35b494; 
}
/* orange */
.site-button.outline.orange { 
	color: #e56713; 
	border-color:#e56713; 
}
/* red */
.site-button.outline.red { 
	color: #d93223; 
	border-color:#d93223; 
}
/* brown */
.site-button.outline.brown { 
	color: #69441f; 
	border-color:#69441f; 
}
/* yellow */
.site-button.outline.yellow { 
	color: #69441f; 
	border-color:#69441f; 
}
/* purple */
.site-button.outline.purple { 
	color: #ae1af7; 
	border-color:#ae1af7; 
}
/* hover */
.site-button.outline:hover { 
	border-color:rgba(0,0,0,0);
	color:#fff;
}

/* button text link */
.site-button-link {
	display:inline-block;
	font-weight:600;
}
/* white */
.site-button-link.white { 
	color:#e7e7e7;
}
.site-button-link.white:hover,
.site-button-link.white:active,
.site-button-link.white:focus { 
	color:#CCC;
}
/* black */
.site-button-link.black { 
	color:#171717;
}
.site-button-link.black:hover,
.site-button-link.black:active,
.site-button-link.black:focus { 
	color:#000;
}
/* Gray */
.site-button-link.gray { 
	color:#666666;
}
.site-button-link.gray:hover,
.site-button-link.gray:active,
.site-button-link.gray:focus { 
	color:#555555;
}
/* pink */
.site-button-link.pink { 
	color:#e63f75;
}
.site-button-link.pink:hover,
.site-button-link.pink:active,
.site-button-link.pink:focus { 
	color:#2ca2be;
}
/* Blue */
.site-button-link.blue { 
	color:#42B8D4;
}
.site-button-link.blue:hover,
.site-button-link.blue:active,
.site-button-link.blue:focus { 
	color:#2ca2be;
}
/* Green */
.site-button-link.green { 
	color:#35B494;
}
.site-button-link.green:hover,
.site-button-link.green:active,
.site-button-link.green:focus { 
	color:#26a585;
}
/* Orange */
.site-button-link.orange { 
	color:#E56713;
}
.site-button-link.orange:hover,
.site-button-link.orange:active,
.site-button-link.orange:focus { 
	color:#d55703;
}
/* Red */
.site-button-link.red { 
	color:#D93223;
}
.site-button-link.red:hover,
.site-button-link.red:active,
.site-button-link.red:focus { 
	color:#c51e0f;
}
/* Brown */
.site-button-link.brown { 
	color:#69441F;
}
.site-button-link.brown:hover,
.site-button-link.brown:active,
.site-button-link.brown:focus { 
	color:#5f3a15;
}
/* Yellow */
.site-button-link.yellow { 
	color:#ecc731;
}
.site-button-link.yellow:hover,
.site-button-link.yellow:active,
.site-button-link.yellow:focus { 
	color:##d4af19;
}
/* purple */
.site-button-link.purple { 
	color:#ae1af7;
}
.site-button-link.purple:hover,
.site-button-link.purple:active,
.site-button-link.purple:focus { 
	color:#9804e1;
}

/* app strore */
.site-button.button-app { 
	text-align:left;
	padding:15px 25px;
	min-width:215px;
}
.site-button.button-app i { 
	display:inline-block;
	font-size:45px;
	float:left;
	margin-right:15px;
}
.site-button.button-app strong { 
	display:block;
	font-size:16px;
}

/* filter buttons css */

.site-filters {
    margin-bottom: 30px;
}
.site-filters ul {
    margin: 0;
    list-style: none;
}
.site-filters li {
    display: inline;
    padding: 0;
}
.site-filters li.btn {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none !important;
}
.site-filters li input {
    display: none;
}
.site-filters a {
    margin: 0 15px 5px 0;
}
.site-filters .active > .site-button {
    color: #fff;
    background-color: #EFBB20;
}
.site-filters .active > .site-button-link {
    color: #666;
}
.site-filters.center {
    text-align: center;
}
.site-filters.center ul {
    display: inline-block;
    margin: auto;
}
.site-filters.center [class*="site-button"] {
    display: inline-block;
    font-weight: 600;
    margin: 0 5px 10px;
    text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.site-filters.center [class*="site-button"] {
	margin: 0 1px 5px;
	padding: 5px 10px;
	font-size: 12px;
}
}


/*== 2. TITLE SEPARATORS ====== */
.aon-separator-outer {
	overflow:hidden;
}
.aon-separator {
	display:inline-block;
	height:3px;
	width:50px;
	margin-bottom:10px;
	position:relative;
}
.aon-separator.style-liner {
	width:20px;
}
.aon-separator.style-icon {
	width:30px;
	height:auto;
	text-align:center;
	font-size:20px;
}
.aon-separator.style-icon img {
	height:22px;
}

.aon-separator[class*="style-"]:after,
.aon-separator[class*="style-"]:before {
	content:"";
	position:absolute;
	top:50%;
	left:35px;
	width:150px;
	height:2px;
	background:#eee;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.aon-separator[class*="style-"]:before {
	left:auto;
	right:35px;
}

.left-full .aon-separator[class*="style-"]::after {
	width:1200px;
}


/*== 5. ACCORDIAN =====*/
.aon-accordion .panel {
	border:none;
	border-radius:0;
	margin-bottom:-1px;
}

.acod-head {
	position:relative;
}
.acod-title {
	margin-top:0;
	margin-bottom:0;
}
.acod-head .fa {
	margin-right:5px;
}
.acod-head a {
	display:block;
	padding:12px 40px 12px 15px;
	border:1px solid #ddd;
}
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover {
	color:#1BBCE8;
}

.acod-head a.collapsed,
.acod-head a.collapsed:after  {
	color:#3d474a;
}
.acod-head a:after {
    font-family:'FontAwesome';
	content:"\f068";
    float: right;
    color:#1BBCE8;
	font-size:14px;
	font-weight:normal;
	position:absolute;
	right:12px;
	top:12px;
}
.acod-head a.collapsed:after {
   content:"\f067"; 
}
.acod-body {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:1px solid transparent;
	margin-top:-1px;
}
.acod-content {
	margin:20px;
}

/*== accordian rounded corners ==*/
.aon-accordion.rounded .panel:first-child .acod-head a{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.aon-accordion.rounded .panel:last-child .acod-head a.collapsed{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.aon-accordion.rounded .panel:last-child .acod-body{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.aon-accordion.rounded .panel:last-child .acod-body.in{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*== accordian space between panel ==*/
.aon-accordion.space .panel {
	margin-bottom:5px;
}
.aon-accordion.rounded.space .panel .acod-head a{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.aon-accordion.rounded.space .panel .acod-head a.collapsed{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.aon-accordion.rounded.space .panel .acod-body{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*== accordian background for title ==*/
.aon-accordion.bg-title .acod-head a{
    background-color:#F7F8FA;
}

/*== accordian no cover border with content area ==*/
.aon-accordion.no-cover .acod-body {
    border:none;
	box-shadow:none;
}
.aon-accordion.no-cover .panel {
	box-shadow:none;
	-webkit-box-box-shadow:none;
}
.aon-accordion.no-cover .acod-content {
	padding-left:20px;
	margin-right:10px;
	border-left:2px solid #e8e8e8;
	position:relative;
}
.aon-accordion.no-cover .acod-content:after{
	content:"";
	position:absolute;
	bottom:0;
	left:-5px;
	width:8px;
	height:8px;
	background-color:#fff;
	border:2px solid #e8e8e8;
}

/*== accordian title bottom bordered ==*/
.aon-accordion.border-bottom .acod-head a {
    border-left:none;
	border-right:none;
	border-top:none;
	padding-left:0;
}

/*== accordian title bottom bordered with colored ==*/
.aon-accordion.border-bottom.no-border .acod-head a {
    border:none;
}
.aon-accordion.no-border .acod-content {
    margin-top:10px;
	margin-bottom:10px;
}




/*=======================*/
.testimonial-pic {
	background:#FFF; 
	width:100px; 
	height:100px;
	position:relative;
	display:inline-block;
	border:5px solid #FFF; 
}
.testimonial-pic.radius {
	border-radius:100%; 
	-webkit-border-radius:100%;
}
.testimonial-pic.radius img { 
	width:100%; 
	height:100;
	border-radius:100%; 
	-webkit-border-radius:100%;
}
.testimonial-pic.shadow {
	-webkit-box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
	box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);
}
.quote-left,
.quote-right {
	position:relative;
}

.quote-left:before,
.quote-right:after {
	font-family: "FontAwesome";
	position:absolute ;
	z-index:10;
	top:15px;
}
.quote-left:before {
	content:"\f10d"; 
	left:0;
}
.quote-right:after {
	content:"\f10e";
	left:auto;
	right:0; 
}

.text-quote {
	position:relative;
}
.text-quote:before,
.text-quote:after {
	font-family: "FontAwesome";
	position:absolute ;
	z-index:10;
	top:10px;
	font-size:25px;
	font-style:normal;
}
.text-quote:before {
	content:"\f10d"; 
	left:0;
}
.text-quote:after {
	content:"\f10e";
	right:0; 
}



.testimonial-text {
	max-width:800px;
	margin:30px auto;
	padding:10px 30px;
	position:relative;
	font-style:italic;
	position:relative;
}
.testimonial-detail {
	padding:5px;
}
.testimonial-name,
.testimonial-position {
	display:block;
}
.testimonial-position {
	font-style:italic;
}
.testimonial-text p:last-child {
	margin:0;
}

/*testimonial with background image*/
.testimonial-bg {
	color:#fff;
}

/*testimonial 1*/
.testimonial-1 {
	text-align:center;
}
.testimonial-1 .testimonial-name,
.testimonial-1 .testimonial-position {
	display:block;
}
.testimonial-1 .testimonial-name {
	color:#45c8e4;
	text-transform:uppercase;
	margin-bottom:5px;
}
.testimonial-1 .testimonial-position {
	font-style:normal;
	font-size:12px;
}
.testimonial-1 .quote-left:before {
	width:36px; 
	height:36px;
	line-height:36px;
	font-size:16px;
	background:#45C8E4;
	color:#FFF;
	text-align:center;
	left:0;
	top:65px;
	border-radius:100%; 
	-webkit-border-radius:100%;
}

/*== 7. PRICING TABLE  ===*/
.pricingtable-inner {
	text-align:center;
	position:relative;
}
.pricingtable-price {
	padding:50px 20px;
}
.pricingtable-circle {
	width:140px;
	height:140px;
	padding:28px 0;
	text-align:center;
	border:2px solid #45c8e4;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color:#45c8e4;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	box-shadow:inset 0 0 0 5px #fff;
	color:#fff;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-70px;
	margin-top:-70px;
}
.pricingtable-day {
	font-size:30px;
	line-height:40px;
	font-weight:600;
	text-transform:uppercase;
	font-family:"Roboto Condensed";
}
.pricingtable-min-day {
	font-size:16px;
	line-height:18px;
}

.pricingtable-type:before {
	content:"/";
	margin-right:3px;
}
.pricingtable-title {
	padding:20px;
	text-transform:uppercase;
}
.pricingtable-title * {
	margin:0;
	color:#4b4b4b;
	font-weight:600;
}
.pricingtable-title span {
	font-size:18px;
	color:#888888;
	text-transform:none;
	font-weight:400;
	display:block;
	padding:8px 0;
}
.pricingtable-features {
	margin:20px 0;
	padding:0;
	list-style:none;
}
.pricingtable-features li {
	padding:15px 10px;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
	margin-top:-1px;
	font-size:16px;
	color:#222222;
}
.pricingtable-features li i{
	margin:0 3px;
}
.pricingtable-features li:nth-child(even) {
	background-color:#fafafa;
}
.pricingtable-footer {
	margin-top:-1px;
	padding:20px;
}
.pricingtable-footer .site-button{
	padding:20px 50px;
	text-transform:uppercase;
	font-size:14px;
}
.curve-pricing {
	position:absolute;
	bottom:-100px;
	left:0;
	height:100px;
	width:100%;
	overflow:hidden;	
}
.curve {
	position:relative;
}
.curve:after,
.curve:before {
	content:"";
	position:absolute;
	bottom:-40px;
	height:150px;
	background-color:#fff;
} 
.curve:after {
	width:60%;
	left:-10%;
	-moz-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-o-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
} 
.curve:before {
	width:60%;
	right:-10%;
	-moz-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-o-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
}
@media only screen and (max-width:767px) {
.curve:after {
	-moz-transform: rotate(13deg) translateX(23px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(13deg) translateX(23px) translateY(0px) skewX(0deg);
	-o-transform: rotate(13deg) translateX(23px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(13deg) translateX(23px) translateY(0px) skewX(0deg);
	transform: rotate(13deg) translateX(23px) translateY(0px) skewX(0deg);
} 
.curve:before {
	-moz-transform: rotate(-13deg) translateX(-23px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(-13deg) translateX(-23px) translateY(0px) skewX(0deg);
	-o-transform: rotate(-13deg) translateX(-23px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(-13deg) translateX(-23px) translateY(0px) skewX(0deg);
	transform: rotate(-13deg) translateX(-23px) translateY(0px) skewX(0deg);
}
}
@media only screen and (max-width:480px) {
.curve:after {
	-moz-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-o-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
	transform: rotate(13deg) translateX(21px) translateY(0px) skewX(0deg);
} 
.curve:before {
	-moz-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-o-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
	transform: rotate(-13deg) translateX(-21px) translateY(0px) skewX(0deg);
}
}

.pricingtable-highlight {
	margin:-30px 0;
	background-color:#45c8e4;
	-webkit-box-shadow: 0 0 50px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 50px 5px rgba(0,0,0,0.1);
	position:relative;
	z-index:99;
}
.pricingtable-highlight .pricingtable-circle {
	border:2px solid #fff;
	background-color:#fff;
	-webkit-box-shadow:inset 0 0 0 5px #45c8e4;
	box-shadow:inset 0 0 0 5px #45c8e4;
	color:#45c8e4;
}
.pricingtable-highlight .pricingtable-title * {
	color:#fff;
}
.pricingtable-highlight .site-button {
	background-color:#fff;
	color:#45c8e4;
}
.pricingtable-highlight .pricingtable-features li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid rgba(255,255,255,0.1);
    color: #fff;
}
.pricingtable-highlight  .pricingtable-features li:nth-child(even) {
	background-color:rgba(0,0,0,0.02);
}
.pricingtable-highlight .curve:after,
.pricingtable-highlight .curve:before {
	background-color:#45C8E4;
} 
.pricingtable-highlight .pricingtable-price {
	padding:65px 20px;
}
.pricingtable-highlight .pricingtable-footer {
	padding:30px 20px 70px;
}
.no-col-gap .pricingtable-wrapper {
	margin-bottom:100px;
}
@media only screen and (max-width:767px) {
.no-col-gap .pricingtable-wrapper {
	margin-bottom:250px;
}	
}

/*== 10. ALART BOX =====*/
.alert.alert-sm {
	padding:5px 15px;
	font-size:12px;
}
.alert.alert-lg {
	padding:25px 15px;
	font-size:16px;
}
.alert.alert-xl {
	padding:35px 15px;
	font-size:18px;
}
.alert[class*="alert-"] i{
	margin-right:8px;
}
.alert.no-radius{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.alert.no-bg{
	background-color:transparent;
	border-width:2px;
}
.alert[class*="alert-"] ul {
	padding-left:25px;
	margin-top:10px;
}
.alert[class*="alert-"] ul li:before {
	color:#a94442 ;
}

/*== 12. MODAL POP =====*/
.modal-header {
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;	
	-moz-border-radius: 3px 3px 0 0;
}
.modal-footer {
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;	
	-moz-border-radius: 0 0 3px 3px;
}

.modal-header { 
	background:#45C8E4;
	padding:15px 25px;
}

.modal-header .modal-title { 
	color:#fff;
}

.modal .modal-body {
	padding:25px;	
}

.modal-xlg {
	width:1000px;	
}

@media only screen and (max-width: 1024px) {
.modal-xlg {
	width:auto;
	margin-left:15px;
	margin-right:15px;	
}	
}

/*== 14. Breadcrumb ====*/
.breadcrumb-row { 
	margin-bottom:50px;  
}
.breadcrumb-row ul { 
	margin:0;  
}
.breadcrumb-row ul li { 
	padding:0; 
	margin-right:3px;  
	color:#fff;
	font-weight:600;
}
.breadcrumb-row ul li:after { 
	content:"/"; 
	margin-left:7px;
}
.breadcrumb-row ul li a { 
	color:#45C8E4;	
}

.breadcrumb-row ul li:last-child { 
	color:#fff;
}

.breadcrumb-row ul li:last-child:after { 
	display:none;
}

 /*---------------------------------------------------------------
15. FORM  ELEMENTS 
---------------------------------------------------------------*/
label {   
	font-weight: 600;
	margin-bottom:10px;
}
.panel-default,
.panel-default > .panel-heading {
	border-color:#e7ecf1;
	color:inherit;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#e7ecf1;
}

.form-group {
	margin-bottom:25px;
}
.form-control { 
	border-color:#e1e6eb ; 
    box-shadow: none;
    height:40px;
	font-size:13px;
	line-height:20px;
	padding:9px 12px;
}

.form-control:focus {
	border-color:#e1e1e1; 
	outline:0; 
	
}

.form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow:none;
	box-shadow:none;	
}

.form-control.kv-fileinput-caption{
	height:39px;	
}

.form-group.form-inline .radio,
.form-group.form-inline .checkbox {
	margin-right:15px;
}

/*input group*/

.input-group {width:100%;}

.input-group .form-control, 
.input-group-addon, 
.input-group-btn {
    display: table-cell;
}
.input-group-addon {
	background:#fff;
	border-color:#e1e1e1;
	padding:6px 14px;
	font-size:16px;	
}

.input-group-addon.font-size-20 {
	font-size:20px;	
}

.input-group-addon.fixed-w {
	text-align:center;
	padding:6px 0;
	width:40px;	
}

.input-group-addon.v-align-t { 
	line-height:30px;
}

/*select box*/
.dropdown-menu {
	font-size:13px;
} 

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .dropdown-toggle {
    border: 1px solid #e7ecf1 !important;
	background-color: #fff !important;
    height:40px;
	font-size:13px;
	color:#999;
}

.bootstrap-select .dropdown-toggle:after {
	display: none; 
}

.bootstrap-select .dropdown-toggle:active, 
.bootstrap-select .dropdown-toggle:focus, 
.bootstrap-select .dropdown-toggle:hover {
	background-color: #fff !important;
	border: 1px solid #e9e9e9 !important;
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select:active, 
.bootstrap-select:focus {
	border: 0px !important;
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select.open {
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select.open .dropdown-toggle {
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select div.dropdown-menu {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    margin-top:-1px;
    padding: 0;
	font-size:13px;
} 

.bootstrap-select div.dropdown-menu ul li{
    padding: 0;
} 

.bootstrap-select div.dropdown-menu ul li a{
    padding:5px 15px;
}

.bootstrap-select div.dropdown-menu ul li a img {
	border-radius:100%;
	-webkit-border-radius:100%;
    margin-right:5px;
}

.bootstrap-select  .bs-searchbox .form-control {
	padding:5px 10px;
	height:30px;
}

/*radio & checkbox*/
input[type=checkbox], 
input[type=radio] {
  display:;
  opacity:0;
  margin-left:1px !important; 
}

input[type=checkbox] + label, 
input[type=radio] + label {
  display: block;
  padding-left:30px !important;
  position: relative; 
}
  
input[type=checkbox] + label:hover:before, 
input[type=radio] + label:hover:before {
	border-color: #3396d1; 
}

input[type=checkbox] + label:before, 
input[type=radio] + label:before {
  background-color: #fff;
  border: 2px solid #b6b7b8;
  border-radius: 0px;
  content: "";
  display: inline-block;
  height:22px;
  line-height: 1;
  margin-left: -30px;
  position: absolute;
  top:0px;
  transition: all linear 0.1s;
  width:22px; 
  border-radius:2px;
  -webkit-border-radius:2px;
}

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

input[type=checkbox]:checked + label:before {
  border-width:11px;
  border-color: #3396d1; 
  border-radius:2px;
}

input[type=checkbox]:checked + label:after {
  font-size: 12px;
  left:5px;
  top:3px; 
}

input[type=radio] + label:before {
  border-radius: 50%;
  content: ""; 
}

input[type=radio]:checked + label:before {
  border-color: #3396d1;
  border-width: 5px; 
}
 
.form-inline .checkbox input[type="checkbox"], 
.form-inline .radio input[type="radio"] {
	position:absolute;
	left:0;
	bottom:0;
}
  
  
/*touchspin input type number*/  
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding:10px 10px 9px;
  margin-left: -1px;
  position: relative;
  border-width:1px;
  border-style:solid;
  border-color:#e1e1e1;
  background:#FFF;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius:0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius:0;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
  color:#9fa0a1;
}

 /*loading*/
.loading-box{
 width:100%;
 height:100%;
 background-color:#FFF;
 position:fixed;
 left:0;
 top:0;
 opacity:0.7;
 z-index:9999;
}
.loading-pic{
 width:70px;
 height:70px;
 background:url(inc/images/loading.GIF) center no-repeat;
 position:fixed;
 left:50%;
 top:50%;
 margin:-35px;
 z-index:99999;
}

/*---------------------------------------------------------------
17. WP DEFAULT  
---------------------------------------------------------------*/
.alignnone {
    margin:0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 15px;
}

.alignright {
    float:right;
    margin: 5px 0 25px 25px;
}

.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 25px 25px;
}

a img.alignnone {
    margin: 5px 0 25px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}

a img.aligncenter {
    display: block;
    margin: 5px auto 15px;
}

.wp-caption {
    max-width: 100%;
    text-align: center;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption.alignnone {
    margin: 5px 0 25px 0;
}

.wp-caption.alignleft {
    margin: 5px 25px 25px 0;
}

.wp-caption.alignright {
    margin: 5px 0 25px 25px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width:100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
	color:#9d9d9d;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding:10px 0;
	text-align:left;
}


blockquote {
	padding: 16px 20px 16px 80px;
	font-size:18px;
	font-style:italic;
	color: #555555;
	margin:40px 0;
	border-left:none;
	line-height:30px;
	position: relative;
	background:#f6f6f6;
    clear:both;
	border-left:4px solid #45C8E4;
}
blockquote p {
	font-size:18px;
	color: #555555;
	line-height:30px;
	margin-bottom: 0px;
}
blockquote:before {
	content: '\f10d';
	font-family:"FontAwesome";
	color:#45C8E4;
	font-size: 35px;
	position: absolute;
	left:20px;
	top:20px;
	font-style:normal;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
 max-width: 100%;
 height: auto;
}


 /*---------------------------------------------------------------
18. BLOG  
---------------------------------------------------------------*/ 


.blog-post {
	position:relative;
	margin-bottom:40px;
}

.aon-post-title{
	margin-bottom:10px;
}
.aon-post-title .post-title{
	margin:0;
}

.aon-post-meta {
	margin-bottom:10px;
}
.aon-post-meta ul {
	margin:0 -4px;
	list-style:none;
}
.aon-post-meta ul li {
	padding:0;
	display:inline-block;
	font-weight:bold;
}
.aon-post-meta li:after {
    content: "/";
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
    opacity: 0.5;
}
.aon-post-meta li:last-child:after {
	display:none;
}

.aon-post-meta a {
	color:#a9a9a9;
}
.aon-post-meta i {
	color:#7b7b7b;
	margin:0 5px;
}
.aon-post-text {
	margin-bottom:15px;
}
.aon-post-text p:last-child {
	margin:0;
}
.aon-post-readmore  {
	margin-bottom:15px;
}
.aon-post-tags {
	border-top:1px solid #E9E9E9;
	padding-top:10px;
}
.aon-post-tags .post-tags {
	margin:0 -3px;
	list-style:none;
}
.aon-post-tags .post-tags a {
	border:1px solid #ddd;
	padding:2px 8px;
	color:#a9a9a9;
	margin:0 3px;
	display:inline-block;
	text-transform:uppercase;
	font-size:10px;
	font-weight:600;
}

/*== post date syle css ==*/

.date-style-1 .post-date {
	color:#fff;
	background-color:#45C8E4;
	padding:3px 5px 3px 5px; 
}
.date-style-1 .post-date .fa{
	color:#fff;
	left:5px;
	top:5px;
}
.date-style-2 .post-date {
	background-color:#38C4E1;
	color:#fff;
	position:absolute;
	left:20px;
	top:0;
	width:50px;
	text-align:center;
	text-transform:uppercase;
}
.date-style-2 .post-date strong,
.date-style-2 .post-date span  {
	display:block;
	padding:10px 5px;
}
.date-style-2 .post-date strong {
	font-size:10px;
	padding:10px 5px 5px;
	position:relative;
}
.post-date > strong::after {
	content: "";
	position: absolute;
	bottom: 0;
    left: 50%;
    height:1px;
	background-color:#fff;
    margin: 0 -10px;
    width: 20px;
}
.date-style-2 .post-date span {
	font-size:16px;
	padding:5px 5px 10px;
}

.date-style-2 .post-date:after,
.date-style-2 .post-date .fa,
.date-style-3 .post-date:after,
.date-style-3 .post-date .fa,
.date-style-3 .post-date strong:after {
	display:none;
}
.date-style-3 .aon-post-info {
	position:relative;
}
.date-style-3 .post-date {
	background-color:#45C8E4;
	text-transform:uppercase;
	position:absolute;
	padding:8px 15px;
	color:#fff;
	top:-36px;
	left:0;
	height:36px;
}
.date-style-3 .post-date strong {
	color:#30353c;
	margin-right:2px;
}

/*== post without media ==*/
.no-image-blog.date-style-2 .algo-post-info {
	padding-top:70px;
}
.no-image-blog.date-style-2 .post-date {
	top:0;
	left:20px;
}

/*if no image with blog post*/
.blog-post.no-img-post .post-date {
	position:static;
	float:left;
}


/*blog post half iamge*/
.blog-md .aon-post-media {
	width:350px;
	float:left;
	margin-right:30px;
}
.blog-md .aon-post-info {
	border:none;
}
.blog-md .aon-post-tags {
	border:none;
	display:inline-block;
	padding:0;
}


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

.blog-md.blog-post .aon-post-media {
    float:none;
    margin:0 0 20px;
    width: auto;
}
}



/*Blog page pagination main*/
.nav-links:after {
    clear: both;
    content: "";
    display: table;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.pagination .page-numbers {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	color: #767676;
	padding:9px 15px;
	font-weight:600;
	font-size:12px;
	display:block;
	float:left;
	margin-left:-1px;
}
.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
	background:#3396D1;
	color:#fff;
}

/*Blog paging Next & Prev css*/
.nav-links .nav-previous a,
.nav-links .nav-next a {
	display: inline-block;
	color:#3396d1 ;
	font-weight:600;
	margin-bottom:20px;
	outline:none !important;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
	color:#0099CC;
}
.nav-links .nav-previous a:after,
.nav-links .nav-next a:after {
	content:"\f105";
	font-family:"FontAwesome";
	vertical-align:middle;
	margin-left:2px;
	color:#333;
}

/*Post navigation*/
.post-navigation {
	background-color:#fff;
	padding:30px;
	border-bottom:2px solid #e3e3e3;
}
.post-navigation .screen-reader-text {
	margin-top:0;
}
.post-navigation .nav-previous ,
.post-navigation .nav-next {
	display:inline-block;
	width:50%;
}
.post-navigation .nav-next {
	text-align:right;
}
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
	display:none;
}
.post-navigation .nav-previous .post-title,
.post-navigation .nav-next .post-title {
	display:block;
	font-size:15px;
	color:#777777;
	margin-top:10px;
}

/*side bar*/
.side-bar .widget{
	margin-bottom:30px;
}

@media only screen and (max-width: 991px) {
.side-bar { 
	margin-bottom:40px;
}
} 

/*single blog*/
.blog-content .blog-detail .post-info {
	padding-top:0;
	padding-bottom:25px;
}
.blog-content .post-info .post-meta{
	margin-bottom:30px;
}

.blog-detail .post-info{
	padding-top:25px;
	border-bottom:2px solid #e3e3e3;	
}

.blog-detail.no-img-post .post-thum{
	display:none;
}

.blog-detail .post-meta{
	border-bottom:1px solid #e3e3e3;
	margin-bottom:0;	
}

.blog-detail .post-meta ul{
	float:none;	
}

/*= comment list = */
.comments-area {
    padding:0;
}

.comments-area .comments-title {
    text-transform: uppercase;
    font-size: 20px;
}

.comments-area .comments-title:first-letter {
    font-family: "Open Sans";
    font-weight: 600;
    color:#45C8E4;
}

ol.comment-list {
    list-style: none;
    margin-bottom:0;
	padding-left:0;
}

ol.comment-list li.comment {
    position: relative;
    padding: 0;
}

ol.comment-list li.comment .comment-body {
    position: relative;
    padding: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:10px;
}

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:15px;
}
ol.comment-list li.comment .comment-meta a{
	color: #8d8d8d;
}
ol.comment-list li.comment .comment-meta a{
	color: #8d8d8d;
}


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 {
    line-height: 18px;
    margin: 0 0 5px;
}

ol.comment-list li.comment .reply a {
    position: absolute;
    top: 50px;
    right: 30px;
    margin-top: -5px;
    color:#45C8E4;
    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;
}	

}

/*= 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 #e1e6eb;
   text-align:center;
	border-radius:4px  0 0 4px;
	-webkit-	border-radius:4px  0 0 4px;	
	
}

.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 #e1e6eb;
	border-radius:4px;
	-webkit-border-radius:4px;
}

.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: #77c04b;
    border-color: #77c04b;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    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: #6ab33e;
    border-color: #6ab33e;
    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;
}

}

/*---------------------------------------------------------------
19. WIDGETS css (  )
---------------------------------------------------------------*/

.widget {
	margin-bottom:40px;
}

.widget-title {
	margin:0 0 25px;
}

.widget-title {
    padding-bottom:15px;
	position:relative;
	margin-bottom:30px;
}

.widget-title:after {
	content:"";
	position:absolute;
	bottom:-12px;
	left:0;
    height:3px;
    margin:0 0 0;
    width: 70px;
	margin:10px 0;
}

.widget .widget-title,
.widget .post-title{
	text-transform:none;
}

.recent-posts-entry ul,
.category-entry ul{
	margin:0;
	list-style:none;
	padding:0;
}

/* widget listing*/
.widget_categories ul,
.widget_archive ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_rss ul,
.widget_recent_entries ul,
.widget_getintuch ul,
.widget_services ul {
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}

.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_nav_menu li,
.widget_recent_entries ul li,
.widget_services ul li {
	padding-bottom:18px;
	margin-bottom:13px;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	padding:10px 10px 10px 15px;
	margin-bottom:0;
	line-height:20px;
}

.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_recent_comments ul li a,
.widget_nav_menu li a,
.widget_recent_entries ul li a,
.widget_services ul li a {
	color:#767676;
}


.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_recent_comments ul li:before,
.widget_nav_menu  ul li:before,
.widget_recent_entries  ul li:before,
.widget_services ul li:before {
	content:"\f105";
	position: absolute;
	left: 0;
	top:10px;
	display: block;
	font-family: "FontAwesome";
}

.widget_categories ul li li,
.widget_archive ul li li,
.widget_meta ul li li,
.widget_pages ul li li,
.widget_recent_comments ul li li,
.widget_nav_menu li li,
.widget_services li li {
	border-bottom:none;
	padding-left:10px;
	padding-right:5px;
	padding-top:0;
	padding-bottom:0;
	line-height:28px;
}
.widget_categories ul li li:before,
.widget_archive ul li li:before,
.widget_meta ul li li:before,
.widget_pages ul li li:before,
.widget_recent_comments ul li li:before,
.widget_nav_menu li li:before,
.widget_services li li:before {
	top:0;
	left:-8px;
}

/*widget search custom*/
.search-bx .btn { 
	border-color:rgba(0,0,0,0.05);
    padding:9px 12px;  
}

/*widget search wp-default*/
.widget_search .screen-reader-text { 
    display:block;
}
.searchform { 
    position:relative;
}
.searchform input[type="text"] { 
    width:100%;
	height:40px;
	padding:10px 90px 10px 15px;
	border:1px solid #CCCCCC;
}
.searchform input[type="submit"] { 
	height:40px;
	padding:10px 15px;
	background-color:#77c04b;
	position:absolute;
	right:0;
	bottom:0;
	color:#ffffff;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
}
.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus,
.searchform input[type="submit"]:active { 
 background-color:#6ab33e;
 color:#ffffff!important;
 border-bottom-color:#5a9e2f;
}

/*widget recent-posts*/
.recent-posts-entry .post-date, 
.tweets-feed-entry .tweet-date {
	color:#3396d1;
	font-style:normal;
}
.widget .post-title {
	font-size:13px;
	line-height:16px;
	margin-bottom:8x;
}
.recent-posts-entry .widget-post{
    margin-bottom:10px;
}
.recent-posts-entry .widget-post-bx:last-child{
	border-bottom:none;
}
.recent-posts-entry .aon-post-media {
	float:left;
	width:100px;
}
.recent-posts-entry .aon-post-info {
	background:transparent;
	padding:0;
	margin-left:120px;
	border:none;
}
.recent-posts-entry .post-meta span{
	margin-right:10px;
}

/*widget recent-comment*/
.widget_recent_comments ul li:before {
	content:"\f0e6";
}
.widget_recent_comments ul li {
	padding-left:20px;
	color:#999;
}

/* widget meta*/
.widget_meta ul li a abbr[title] {
	color:#333;
	border-bottom:none;
}

/*widget calender*/
.widget_calendar caption::after {
    color: #707070;
    content: ">";
    font-family: "FontAwesome";
    margin: 0 0 0 5px;
}

.widget_calendar table {
	border-collapse: separate;
	border-spacing: 2px;
	width:100%;
}
.widget_calendar thead {
	background-color:#999999
}
.widget_calendar tfoot tr td {
	border: none;
	padding: 0px
}
.widget_calendar tfoot tr td a {
	background-color: #fff;
	padding: 4px 10px
}
.widget_calendar table thead tr th {
	font-size: 11px;
	padding:5px;
	text-align: center;
	border: none;
	color: #fff;
	
}
.widget_calendar table tbody td {
	font-size: 13px;
	padding:6px 5px;
	text-align: center;
	background-color: #fff;
	border: none;
	color: #444;
}
.widget_calendar table tbody td#today {
	background-color: #77c04b ;
	color: #FFF; 
}
.widget_calendar table tbody td#today a {
	color: #FFF; 
}

/*widget tags-list*/
.widget_tag_cloud a {
	padding:8px 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	font-size:12px;
	display:inline-block;
	margin:0 0 5px;
	color:#555555; 
}
.side-bar .widget_tag_cloud a:hover{
	background-color:#CCCCCC;

}

/*widget archive*/
.widget_archive select  {
	width:100%;
	padding:5px;
	border:1px solid #CCC;
}

/*widget text*/
.widget_text  select {
	width:100%;
	padding:5px;
	border:1px solid #CCC;
}
.widget_text  select option {
	width:100%;
}

/*widget categories*/
.widget_categories li {
	text-align:right;
}
.widget_categories li a {
	float:left;
}


/*widget RSS*/
.widget_rss ul {
	margin:0;
	line-height:20px;
}
.widget_rss ul li{
	line-height:20px;
	margin-bottom:15px;
}
.widget_rss ul .rsswidget {
	color:#333;
}
.widget_rss ul .rss-date {
	color:#3396D1;
}
.widget_rss ul .rssSummary {
	padding:5px 0;
}
.widget_rss ul cite {
	color:#333;
	font-weight:600;
}

/* widget get in tuch */
.widget_getintuch { 
	padding-top:10px;
}
.widget_getintuch li { 
	margin-bottom:20px;
	position:relative;
	padding-left:40px;
}
.widget_getintuch b,
.widget_getintuch strong { 
	display:block;
	text-transform:uppercase;
}
.widget_getintuch i {
	position:absolute;
	left:0;
	top:5px;
	text-align:center; 
	font-size:14px;
	width:30px;
	height:30px;
	line-height:30px;
	background-color:rgba(0,0,0,0.04);
	border:1px solid rgba(0,0,0,0.05);
}


/* widget gallery */
.widget_gallery ul{ 
	padding-left:0;
}

.widget_gallery li{ 
    display: inline-block;
    margin-bottom:5px;
    width: 32.1%;
	border: 2px solid transparent;
}
.widget_gallery li img{ 
    display: inline-block;
}

.widget_gallery li:nth-child(3n-3) {
    margin-right: 0;
}
.widget_gallery li:hover{ 
    display: inline-block;
    margin-bottom: 0;
    width: 32.1%;
	border: 2px solid #45C8E4;
}

.widget_gallery a{ 
	display:inline-block;
}

/*---------------------------------------------------------------
19. HEADER (top part of page)
---------------------------------------------------------------*/
.site-header { 
	position:relative; 
	z-index:999; 
}
.site-header ul,
.site-header ol{
	margin-bottom:0;
}

/*header full screen*/ 
.nav-wide .container { 
	width:100%; 
}

/*without top bar*/ 
.extra-nav {
	float:right; 
	padding:25px 0;
	position:relative;
	z-index:9;
}
.extra-nav .extra-cell{
	display:inline-block;
	margin-left:10px;
}

@media only screen and (max-width: 767px) {
.extra-nav {
    margin-right: 15px;
}
}


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

.extra-nav {
    width:100%;
	clear:both;
	margin:0;
    text-align:right;
}

}

/* map page header*/
#header-part.fix-map-header{
	height:90px;
}
#header-part.fix-map-header .main-bar{
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}

@media only screen and (max-width:480px) {
#header-part.fix-map-header{
	height:160px;
}
}

/*---------------------------------------------------------------
20. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.top-bar{
	background-color:#38c4e1;
	color:#ffffff;
	padding:10px 0;
	min-height:35px;
}
.top-bar .fa {
	vertical-align: middle;
	background-color:rgba(0,0,0,0.08);
	border:1px solid rgba(0,0,0,0.01);
	padding:3px;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:2px;
}
.aon-topbar-left,
.aon-topbar-right,
.aon-topbar-center {
	padding-left:15px;
	padding-right:15px;
}
.aon-topbar-left {
	float:left;
}
.aon-topbar-right {
	float:right;
}
.aon-topbar-center {
	float:right;
}

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

.top-bar	[class*="col-"]	{
	width:100%;
	text-align:right;
	padding:10px 15px;
	border-bottom:1px solid #45A8E3;
}
.top-bar	[class*="col-"]:last-child	{
	border-bottom:none;
}

}

/*=== >eamil-phone (left) ===*/
.e-p-bx li {
	display: inline;
	font-size: 12px;
	padding-right: 10px;
}
.e-p-bx li a {
	color: #FFF;
}
.e-p-bx li i {
	margin-right: 10px;
	vertical-align: middle;
}

/*=== >social-links (right) ===*/
.social-bx,
.login-bx { 
	margin:0 0 0 15px;
	float:right;
}
.social-bx li,
.login-bx li { 
	font-size:12px; 
	margin:0;
	position:relative;
}
.social-bx li{ 
	padding-left:2px;
	padding-right:2px;
}
.social-bx li a,
.login-bx li a {
	 color:#ffffff;
}
.social-bx li i,
.login-bx li i { 
	vertical-align:baseline; 
	margin:0 5px 0 0;
}
.social-bx li span,
.login-bx li span { 
	vertical-align:baseline; 
	margin:0 2px 0;
	font-size:8px;
}

.login-bx li ul {
	top:25px;
	left:auto;
	right:0; 
	border:none;
	padding:0;
}

.login-bx li ul li { 
	border-bottom:1px solid #F7F7F7;
}
.login-bx li ul li a{ 
	color:#767676;
	padding:9px 15px;
}


.arrow-up-border:before,
.arrow-up:after {
  position: absolute;
  display: inline-block;
  content: '';
}
.arrow-up-border:before {
  top: -7px;
  right:19px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #F00;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
  top: -6px;
  right:20px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
}

.arrow-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.arrow-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*=== >language-list () ===*/
.language-bx li{ display:inline; margin:0 10px;}


/*---------------------------------------------------------------
21. LOGO ( company identify  symbol )
---------------------------------------------------------------*/

/*=== >logo for header ===*/
.logo-header{ 
	display:table;
    float:left; 
	vertical-align:middle; 
	padding:0; 
	font-size:36px;  
	color:#45C8E4;
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    width: 150px;
    height:90px;
	position:relative;
	z-index:9;
}

.logo-footer  { 
	display:table;
    float:left; 
	vertical-align:middle; 
	padding:0; 
	font-size:36px;  
	color:#45C8E4;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:0;
    margin-right:0;
    width: 150px;
    height:60px;
}

.logo-header > a,
.logo-footer > a{ 
	display:table-cell;
	vertical-align:middle;
}

.logo-header.center-block {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.logo-header img,
.logo-footer img { 
	max-width:100%; 
	width:auto; 
	height:auto; 
	vertical-align:middle;
}

.logo-header span,
.logo-footer span { 
	font-size:20px; 
	color:#45C8E4; 
	letter-spacing:20px;
}

/*= when header is sticky =*/  
.is-fixed .logo-header {
	height:70px;	
}

/*---------------------------------------------------------------
22. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------*/
.main-bar{ 
	background:#FFFFFF;
	width:100%;
}


/*---------------------------------------------------------------
23. NAVIGATIONS 
	>mena-menu
	>mobile-menu
	>footer-menu
---------------------------------------------------------------*/

/*== >mena-menu ==*/
.navbar-toggle { 
    border:2px solid #45C8E4; 
    margin: 24px 0;
    padding: 12px 10px;
	margin-left:15px;
}

.navbar-toggle span { 
	background:#666;
}
.is-fixed .navbar-toggle { 
    margin: 14px 0;
}


.header-nav {
    position:relative;
	padding:0;
}

.header-nav .nav {
    float:right;
}

.header-nav .nav i {
    font-size:9px; 
	margin-left:3px;
	margin-top:-3px;
	vertical-align:middle;
	opacity:0.7;
}

.header-nav .nav > li {
    margin: 0px;
	font-weight:400;
	text-transform:uppercase;
    position:relative;
}

.header-nav .nav > li > a {
    border-radius: 0px;
    color: #555555;
    font-size: 13px;
	font-weight:600;
    padding:35px 12px;
    cursor:pointer;
}

.header-nav .nav > li > a:hover {
    background-color: transparent;
    color: #45C8E4;
}

.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
    background-color: transparent;
}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {
    background-color: transparent;
    color: #45C8E4;
}
.header-nav .nav > li:hover > a {
    color: #45C8E4;
}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top: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;

}

.header-nav .nav > li .sub-menu {
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    display: block;
    left: 0;
    list-style: none;
    margin:20px 0 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10;
}

.header-nav .nav > li .sub-menu li {
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

.header-nav .nav > li .sub-menu li a {
    color:#777777;
    display: block;
    font-size: 12px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.15s linear;
}
.header-nav .nav > li .sub-menu li a:hover {
    background-color:#F2F2F2;
    color: #45C8E4;
    text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
    color: #45C8E4;
}
.header-nav .nav > li .sub-menu li:last-child {
    border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
    color: #363636;
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    top: 12px;
}

.header-nav .nav > li .sub-menu li > .sub-menu {
	left:220px;
	margin:0 0 0 20px;
	-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-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 .nav > li.has-mega-menu {
    position: inherit;
}

.header-nav .nav > li .mega-menu {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    display: table;
    left: 0px;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0px;
    visibility: hidden;
    width: 100%;
	margin-top:20px;
}

.header-nav .nav > li .mega-menu > li {
    display: table-cell;
    padding:10px 0;
    position: relative;
    vertical-align: top;
    width: 25%;
}

.header-nav .nav > li .mega-menu > li:after {
	content:"";
    background-color:rgba(204,204,204,0.4) ;
    position: absolute;
    right: 0px;
    top: 0px;    
    display: block;
	width:1px;
    height: 100%;
}

.header-nav .nav > li .mega-menu > li:last-child:after {
    display: none;
}

.header-nav .nav > li .mega-menu > li > a {
    color: #555555;
    display: block;
    font-size: 14px;
    padding:0 20px;
}

.header-nav .nav > li .mega-menu > li ul {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.header-nav .nav > li .mega-menu > li ul a {
    color:#777777;
    display: block;
    font-size: 12px;
    line-height: 34px;
    text-transform: uppercase;
	padding:0 20px;
}

.header-nav .nav > li .mega-menu > li ul a:hover {
    color: #45C8E4;
	background-color:#F2F2F2;
}

.header-nav .nav > li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color:#999;
	margin-top:-8px;
	font-size:8px; 
}


@media only screen and (max-width: 991px) {
	
header .logo{
	display:block;
	padding:4px 0;
}
.header-nav .nav > li > a {
    padding:;
}
.header-nav .nav i {
	margin-top:6px;
}
 
}

@media only screen and (max-width: 991px) {
	
/* responsive strat when media screen [991px] css START*/

.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {  /* NEW */
	display: block!important; 
}

/* responsive strat when medai screen [991px] css END*/
.header-nav {
	clear:both;
	margin:0 -15px;
	border-bottom:1px solid #E9E9E9 ;
}
.header-nav .nav{
	float:none;
	margin:0;
    background:#fff;
}
.header-nav .nav li {
	float:none;
}

.header-nav .nav > li .sub-menu > li,
.header-nav .nav > li .mega-menu > li {
	float:none;
	display:block;
	width:auto;
}

.header-nav .nav > li > a {
    padding: 12px 15px;
	border-top:1px solid #E9E9E9 ;
}

.header-nav .nav i{
	float:right;	
}

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

.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
    display: none;
    position: static;
    visibility: visible;
    width:auto;
	background:#f9f9f9;
}

.header-nav .nav > li ul.mega-menu ul {
    display: none;
}

.header-nav .nav > li:hover > ul,
.header-nav .nav > li:hover .sub-menu,
.header-nav .nav > li:hover .mega-menu,
.header-nav .nav > li .sub-menu li > .sub-menu {
    opacity: 1;
    visibility: visible;
	display:block;
	margin:0;
}

.header-nav .nav > li ul.mega-menu li:hover ul {
    display: block;
}
	
}


/*= nav dark version =*/  
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
    background-color: #2D3239;
    border:1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
     border-bottom: 1px solid #23282f;
}
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
     color:#CCCCCC;
}
.nav-dark.header-nav .nav > li .sub-menu li a:hover {
	background-color: #23282f;
}
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
	background-color: #23282f;
	color: #45C8E4;
	
}
.nav-dark.header-nav .nav > li .mega-menu > li:after {
    background-color:rgba(0,0,0,0.2) ;
}
@media only screen and (max-width: 991px) {
	
.nav-dark.header-nav  {
	border-bottom:1px solid rgba(0,0,0,0.8);
}	
.nav-dark.header-nav .nav {
	background-color: #2D3239;
}
.nav-dark.header-nav .nav > li > a {
	border-top: 1px solid rgba(0,0,0,0.2);
}
[class*="bg-"] .nav-dark.header-nav .nav > li > a {
    color: #999;
}
[class*="bg-"] .nav-dark.header-nav .nav > li.active > a,
[class*="bg-"] .nav-dark.header-nav .nav > li:hover > a {
    color: #45C8E4;
}
.nav-dark.header-nav .nav > li > a:hover, 
.nav-dark.header-nav .nav > li > a:active, 
.nav-dark.header-nav .nav > li > a:focus {
	background-color: #2D3239;
	color: #45C8E4;
}
.nav-dark.header-nav .nav > li ul, 
.nav-dark.header-nav .nav > li .sub-menu, 
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #2D3239;
}

}


/*= when header is sticky =*/  
.sticky-no .main-bar {
	position:static !important;
}

/*= when header is sticky =*/  
.is-fixed .main-bar {
	position:fixed;
	top:0;
	left:0;
}

.is-fixed .header-nav .nav > li > a {
    padding:25px 12px;
}
.is-fixed .extra-nav { 
	padding:15px 0;
}

@media only screen and (max-width: 991px) {
.is-fixed .header-nav .nav > li > a {
    padding:12px 15px;
}
}

@media only screen and (max-width: 767px) {
.is-fixed .header-nav .nav{
	overflow:auto;
	height:225px;
}	
.is-fixed .header-nav .nav > li > a {
    padding:12px 15px;
}
.is-fixed#header-part .navbar-toggle{
    margin:15px 0;
}
}

/*= header full width =*/  
#header-part.full-width .top-bar .container,
#header-part.full-width .main-bar .container {
	width:auto;
}

/*= Header style designs strat =*/ 

/*header with bg primary color 1 */   

[class*="bg-"] .header-nav .nav > li > a {
	color:#fff;
}
[class*="bg-"] .header-nav .nav > li.active > a, 
[class*="bg-"] .header-nav .nav > li.current-menu-item > a {
	color:#2D3239;
}
[class*="bg-"] .header-nav .nav > li > a:hover,
[class*="bg-"] .header-nav .nav > li:hover > a {
	color:#2D3239;
}
[class*="bg-"] .navbar-toggle {
	border-color:#fff;
}
[class*="bg-"] .navbar-toggle span {
	background-color:#2D3239;
}
@media only screen and (max-width: 991px) {
[class*="bg-"] .header-nav .nav > li > a {
	color:#555;
}
}

/*header style 1 (default) */ 
 

/*header style 2 (center content) */ 
.header-style-2 .logo-header  {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	float:none;
} 
.header-style-2 .container{
	position:relative;	
}
.header-style-2 .nav-outer {
	display:table;	
}

.header-style-2 .main-bar-inr {
	display:table;
	margin:auto;	
}
.header-style-2 .header-nav{
	display:inline-block;
	float:left;
}
.header-style-2 .header-nav .nav {
    float: none;
}

@media only screen and (max-width:991px) {
.header-style-2 .main-bar-inr {
	display:block;
}
.header-style-2 .header-nav {
	display:block;
	float:none;
}
}
	
@media only screen and (max-width: 767px) {
.header-style-2 .navbar-toggle {
	float:left;
}
.header-style-2 .nav-outer {
	display:block;
	padding:22px 0 0;	
}
}
@media only screen and (max-width:480px) {
.extra-nav {
	clear:none;
	width:auto;
}
}


/*header style 3 (header transperent)*/ 
.header-style-3 .main-bar {
	position:absolute;
	background:none;	
}
.header-style-3 .header-nav .nav > li > a {
	color:#FFF;	
}
.header-style-3 .navbar-toggle span {
    background:#FFF;
}
/*header 3 fixed*/ 
.header-style-3 .is-fixed .main-bar {
	position:fixed;
	background:#fff;
}
.header-style-3 .is-fixed .header-nav .nav > li > a {
	color:#777777;	
}
.header-style-3 .is-fixed .navbar-toggle span {
    background:#666;
}
@media only screen and (max-width: 991px) {
.header-style-3 .header-nav .nav > li > a {
	color:#555555;	
}
}

/*header style 4 (header white overlay) */ 
.header-style-4 .main-bar { 
	background-color:rgba(255,255,255,0.6);
	position:absolute;
}
/*header 4 fixed*/ 
.header-style-4 .is-fixed .main-bar {
	position:fixed;
	background:#fff;
}

/*header style 5 (header black overlay) */ 
.header-style-5 .main-bar { 
	background-color:rgba(0,0,0,0.6);
	position:absolute;
}
.header-style-5 .header-nav .nav > li > a {
	color:#fff;
}
.header-style-5 .navbar-toggle span {
    background:#FFF;
}
/*header 5 fixed*/ 
.header-style-5 .is-fixed .main-bar {
	position:fixed;
	background:#fff;
}
.header-style-5 .is-fixed .header-nav .nav > li > a {
	color:#777777;	
}
.header-style-5 .is-fixed .navbar-toggle span {
    background:#666 !important;
}

@media only screen and (max-width: 767px) {
.header-style-5  .header-nav .nav > li > a {
	color:#555555;	
}
.header-style-5  .header-nav .nav > li.menu-item-has-children::before {
	color:#66666;
}	

}


/*---------------------------------------------------------------
24. BANNER
---------------------------------------------------------------*/

.aon-banner-row,
.aon-banner-outer {
	position: relative;
} 
.curve-1,
.curve-2,
.curve-3,
.curve-4 {
	position:relative;
}
.curve-box {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:180px;
	overflow:hidden;
}
.curve-box.curve-top {
	top:-150px;
}
.curve-box.curve-bottom {
	bottom:-150px;
}

.section-full > .container,
.footer-top > .container,
.footer-bottom > .container {
	position:relative;
	z-index:2;
}

.bg-gray .curve-1:before,
.bg-gray .curve-1:after,
.bg-gray .curve-2:before,
.bg-gray .curve-2:after  {
	background-color:#F5F6F6;
}
.footer-top .curve-1:before,
.footer-top .curve-1:after,
.footer-top .curve-2:before,
.footer-top .curve-2:after  {
	background-color:#434343;
}

.footer-bottom  .curve-1:before,
.footer-bottom  .curve-1:after,
.footer-bottom  .curve-2:before,
.footer-bottom  .curve-2:after  {
	background-color:#161616;
}
 
.curve-1:after,
.curve-1:before {
	content:"";
	position:absolute;
	bottom:-90px;
	height:150px;
	background-color:#fff;
} 
.curve-1:after {
	width:75%;
	left:-10%;
	-moz-transform: rotate(4deg) translateX(10px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(4deg) translateX(10px) translateY(0px) skewX(0deg);
	-o-transform: rotate(4deg) translateX(10px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(4deg) translateX(10px) translateY(0px) skewX(0deg);
	transform: rotate(4deg) translateX(10px) translateY(0px) skewX(0deg);
} 
.curve-1:before {
	width:45%;
	right:-10%;
	-moz-transform: rotate(-7deg) translateX(-10px) translateY(-2px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(-10px) translateY(-2px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(-10px) translateY(-2px) skewX(0deg);
	-ms-transform: rotate(-7deg) translateX(-10px) translateY(-2px) skewX(0deg);
	transform: rotate(-7deg) translateX(-10px) translateY(-2px) skewX(0deg);
}
@media only screen and (max-width:1024px) {
.curve-1:after {
	-moz-transform: rotate(4deg) translateX(8px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(4deg) translateX(8px) translateY(0px) skewX(0deg);
	-o-transform: rotate(4deg) translateX(8px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(4deg) translateX(8px) translateY(0px) skewX(0deg);
	transform: rotate(4deg) translateX(8px) translateY(0px) skewX(0deg);
} 
}
@media only screen and (max-width:768px) {
.curve-1:before {
	-moz-transform: rotate(-7deg) translateX(-10px) translateY(-1px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(-10px) translateY(-1px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(-10px) translateY(-1px) skewX(0deg);
	-ms-transform: rotate(-7deg) translateX(-10px) translateY(-1px) skewX(0deg);
	transform: rotate(-7deg) translateX(-10px) translateY(-1px) skewX(0deg);
} 
}
@media only screen and (max-width:480px) {
.curve-1:before {
	-moz-transform: rotate(-7deg) translateX(-8px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(-8px) translateY(0px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(-8px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(-7deg) translateX(-8px) translateY(0px) skewX(0deg);
	transform: rotate(-7deg) translateX(-8px) translateY(0px) skewX(0deg);
}
.curve-1:after {
	-moz-transform: rotate(4.2deg) translateX(8px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(4.2deg) translateX(8px) translateY(0px) skewX(0deg);
	-o-transform: rotate(4.2deg) translateX(8px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(4.2deg) translateX(8px) translateY(0px) skewX(0deg);
	transform: rotate(4.2deg) translateX(8px) translateY(0px) skewX(0deg);
}  
}



.curve-2:after,
.curve-2:before {
	content:"";
	position:absolute;
	top:105px;
	height:150px;
	background-color:#fff;
} 
.curve-2:after {
	width:75%;
	right:-10%;
	-moz-transform: rotate(4deg) translateX(-10px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(4deg) translateX(-10px) translateY(0px) skewX(0deg);
	-o-transform: rotate(4deg) translateX(-10px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(4deg) translateX(-10px) translateY(0px) skewX(0deg);
	transform: rotate(4deg) translateX(-10px) translateY(0px) skewX(0deg);
} 
.curve-2:before {
	width:45%;
	left:-10%;
	-moz-transform: rotate(-7deg) translateX(10px) translateY(2px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(10px) translateY(2px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(10px) translateY(2px) skewX(0deg);
	-ms-transform: rotate(-7deg) translateX(10px) translateY(2px) skewX(0deg);
	transform: rotate(-7deg) translateX(10px) translateY(2px) skewX(0deg);
}

@media only screen and (max-width:1024px) {
.curve-2:after {
	-moz-transform: rotate(4deg) translateX(-7px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(4deg) translateX(-7px) translateY(0px) skewX(0deg);
	-o-transform: rotate(4deg) translateX(-7px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(4deg) translateX(-7px) translateY(0px) skewX(0deg);
	transform: rotate(4deg) translateX(-7px) translateY(0px) skewX(0deg);
} 
}
@media only screen and (max-width:768px) {
.curve-2:before {
	-moz-transform: rotate(-7deg) translateX(10px) translateY(1px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(10px) translateY(1px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(10px) translateY(1px) skewX(0deg);
	-ms-transform: rotate(-7deg) translateX(10px) translateY(1px) skewX(0deg);
	transform: rotate(-7deg) translateX(10px) translateY(1px) skewX(0deg);
}
}
@media only screen and (max-width:480px) {
.curve-2:after {
	-moz-transform: rotate(3.9deg) translateX(-7px) translateY(0px) skewX(0deg);
	-webkit-transform: rotate(3.9deg) translateX(-7px) translateY(0px) skewX(0deg);
	-o-transform: rotate(3.9deg) translateX(-7px) translateY(0px) skewX(0deg);
	-ms-transform: rotate(3.9deg) translateX(-7px) translateY(0px) skewX(0deg);
	transform: rotate(3.9deg) translateX(-7px) translateY(0px) skewX(0deg);
} 
}


.curve-3:after,
.curve-3:before {
	content:"";
	position:absolute;
	bottom:-220px;
	height:150px;
	background-color:#fff;
} 
.curve-3:after {
	width:75%;
	left:-10%;
	-moz-transform: rotate(4deg) translateX(0px) translateY(-1px) skewX(0deg);
	-webkit-transform: rotate(4deg) translateX(0px) translateY(-1px) skewX(0deg);
	-o-transform: rotate(4deg) translateX(0px) translateY(-1px) skewX(0deg);
	-ms-transform: rotate(4deg) translateX(0px) translateY(-1px) skewX(0deg);
	transform: rotate(4deg) translateX(0px) translateY(-1px) skewX(0deg);
} 
.curve-3:before {
	width:45%;
	right:-10%;
	-moz-transform: rotate(-7deg) translateX(-0px) translateY(-2px) skewX(0deg);
	-webkit-transform: rotate(-7deg) translateX(-0px) translateY(-2px) skewX(0deg);
	-o-transform: rotate(-7deg) translateX(-0px) translateY(0px) skewX(-2px);
	-ms-transform: rotate(-7deg) translateX(-0px) translateY(0px) skewX(-2px);
	transform: rotate(-7deg) translateX(-0px) translateY(0px) skewX(-2px);
}

.curve-4:after,
.curve-4:before {
	content:"";
	position:absolute;
	bottom:-220px;
	height:150px;
	background-color:#fff;
} 
.curve-4:after {
	width:75%;
	right:-10%;
	-moz-transform: rotate(-4deg) translateX(0px) translateY(2px) skewX(0deg);
	-webkit-transform: rotate(-4deg) translateX(0px) translateY(2px) skewX(0deg);
	-o-transform: rotate(-4deg) translateX(0px) translateY(2px) skewX(0deg);
	-ms-transform: rotate(-4deg) translateX(0px) translateY(2px) skewX(0deg);
	transform: rotate(-4deg) translateX(0px) translateY(2px) skewX(0deg);
} 
.curve-4:before {
	width:45%;
	left:-10%;
	-moz-transform: rotate(7deg) translateX(-0px) translateY(-0px) skewX(0deg);
	-webkit-transform: rotate(7deg) translateX(-0px) translateY(-0px) skewX(0deg);
	-o-transform: rotate(7deg) translateX(-0px) translateY(0px) skewX(-0px);
	-ms-transform: rotate(7deg) translateX(-0px) translateY(0px) skewX(-0px);
	transform: rotate(7deg) translateX(-0px) translateY(0px) skewX(-0px);
}

.aon-bnr-pic {
	width: 100%;
	overflow: hidden;
}
.aon-bnr-pic img {
	width: 100%;
	height: auto;
	display: block;
}
.banner-content {
	color: #FFFFFF;
	font-family: "Raleway";
	width: 100%;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner-left,
.banner-right {
	padding-left:40px;
	padding-right:40px;
}
.banner-left {
	width:65%;
	float:left;
}
.banner-left-content {
	max-width:850px;
	width:100%;
	float:right;
	text-align:center;
}
.banner-left-content span,
.banner-left-content strong {
	text-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow:0 1px 2px rgba(0,0,0,0.3);
	text-transform:uppercase;
}
.banner-left-content .banner-logo {
	/* width:130px;
	height:130px;
	padding:20px;
	text-align:center;
	display:inline-block;
	border:3px solid #fff;
	margin-bottom:30px; */
	width:180px;
	height:130px;
	padding:2px;
	text-align:center;
	display:inline-block;
	margin-bottom:2px;
}
.bottom_logo_adj{
	width: 180px;
    margin-bottom: 50px;
}
.banner-left-content span {
	display:block;
	font-size:48px;
	font-weight:300;
	margin-bottom:10px;
}
.banner-left-content span b {
	font-weight:300;
}
.banner-left-content strong {
	display: block;
	font-size:60px;
	font-weight:600;
	margin: 0 0 25px;
	color: #FFFFFF;
}
.banner-left-content .site-button {
	margin-right:30px;
}

.banner-right {
	width:35%;
	float:right;
}
.banner-right-content {
	max-width:450px;
	padding-top:130px;
}

.zip-code-form {
	border:2px solid #fff;
	position:relative;
	
}
.zip-code-form .form-control{
	border-color:#fff;
}
.zip-code-form .site-button {
	background-color:#2e2e2e;
	padding:10px 50px;
	font-weight:600;
	text-transform:uppercase;
	display:block;
	margin-bottom:-45px;
}


@media only screen and (max-width:1200px) {
.banner-left-content .banner-logo {
    /* border:2px solid #fff;
    margin-bottom:20px;
    padding:10px;
    width: 100px;
	height: 100px; */
	padding:10px;
	height: 100px;
}	
.banner-left-content span {
	font-size:30px;
	line-height:30px;
	margin-bottom:10px;
}
.banner-left-content strong {
    font-size: 40px;
	line-height:40px;
	margin-bottom:10px;	
}
.banner-right-content {
    padding-top: 30px;
}
}

@media only screen and (max-width:1024px) {
.aon-bnr-pic img {
    width: 150%;
	max-width:150%;
}
.banner-left, 
.banner-right {
    padding-left: 20px;
    padding-right: 20px;
}
.zip-code-form {
	padding:15px;
}
.zip-code-form .form-group {
    margin-bottom: 15px;
}
.zip-code-form .site-button {
	font-size:12px;
    padding:10px 20px;
	margin-bottom:-30px;
}
}

@media only screen and (max-width:767px) {
.banner-content {
	margin-top:-40px;
}
.banner-right-content {
    padding-top:50px;
}
/* .banner-left-content .banner-logo {
    border:2px solid #fff;
    margin-bottom:20px;
    padding:10px;
    width:70px;
	height:70px;
}	 */
/* .banner-left-content .banner-logo img{
	height:50px;
}	 */
.banner-left-content span {
	font-size:20px;
	line-height:20px;
}
.banner-left-content strong {
    font-size: 30px;
	line-height:30px;
}
.zip-code-form {
    padding:10px;
}
.zip-code-form .form-group {
    margin-bottom: 10px;
}
.zip-code-form .site-button {
	font-size:10px;
    padding:8px 10px;
	margin-bottom:-24px;
}

}

@media only screen and (max-width:680px) {
.banner-left-content span {
	font-size:15px;
	line-height:15px;
}
.banner-left-content strong {
    font-size:20px;
	line-height:20px;
}
}

@media only screen and (max-width:470px) {
.aon-bnr-pic img {
    max-width:250%;
    width:250%;
}	
.banner-left, 
.banner-right {
	float:none;
	width:100%;
	clear:both;
}
.aon-banner-row .overlay-main{
	display:none;
}
.banner-right-content {
    padding-top:20px;
}
.zip-code-form .site-button {
	background-color:#0fb0dc;
	padding:8px 25px;
}
.zip-code-form {
	max-width:320px;
	margin:auto;
}
}
@media only screen and (max-width:400px) {
.aon-bnr-pic img {
    max-width:300%;
    width:300%;
}	
}


/*== > inner page banner ==*/
.aon-bnr-inr { 
	height:300px;
	background-size:cover; 
    background-position:center center;
	display:table;
	width:100%;
}
.aon-bnr-inr .container{ 
	display:table;
	height:100%;
}
.aon-bnr-inr-entry { 
	display:table-cell;
	vertical-align:middle;
}


.banner-inner-row h1,
.banner-inner-row h2,
.banner-inner-row h3,
.banner-inner-row h4,
.banner-inner-row h5,
.banner-inner-row h6{ 
	color:#FFF;
}

/*== >  Provider banner off ==*/
.banner-inner-row.provider-banner-off {
	height:150px;
	background-image:url("file:///C|/Users/admin/Documents/inc/images/pattern/pattern1.jpg") !important;
	background-repeat:repeat;
	background-size:auto;
}
.provider-banner-off.overlay-black-middle::after {
    opacity: 0.1;
}

/*---------------------------------------------------------------
25. SLIDER
	>rs slider
	>owl slider
---------------------------------------------------------------*/

/*== >rs slider ==*/

.tp-caption .font-weight-300{font-weight:300;}
.tp-caption .font-weight-400{font-weight:400;}
.tp-caption .font-weight-500{font-weight:500;}
.tp-caption .font-weight-600{font-weight:600;}
.tp-caption .font-weight-700{font-weight:700;}
.tp-caption .font-weight-800{font-weight:800;}
.tp-caption .font-weight-900{font-weight:900;}

.tp-caption .btn{font-weight:600; text-transform:uppercase; }
.tp-caption .btn-lg{padding-left:80px; padding-right:80px;}

.tp-caption h1, 
.tp-caption h2, 
.tp-caption h3, 
.tp-caption h4, 
.tp-caption h5, 
.tp-caption h6 {
  font-weight: 800;
  margin-bottom:24px;
  color:#FFFFFF;
}
.tp-caption h1 {
  font-size:70px;
  line-height:60px;
}
.tp-caption h2 {
  font-size: 60px;
  line-height:50px;
}
.tp-caption h3 {
  font-size: 50px;
  line-height:40px;
  margin-bottom:20px;
}
.tp-caption h4 {
  font-size: 40px;
  line-height:30px;
  margin-bottom:15px;
}
.tp-caption h5 {
  font-size:30px;
  line-height:4px;
  margin-bottom:10px;
}
.tp-caption h6 {
  font-size:20px;
  line-height:22px;
  margin-bottom:10px;
}

.tp-caption h4,
.tp-caption h5, 
.tp-caption h6 {
  font-weight: 600;

}



/*== >owl slider ==*/

/* next pre btn */
.owl-theme .owl-controls {
    margin-top:40px;
    text-align: center;
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

/* owl dots button */
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}


/*owl button top to center  */
.owl-btn-top-c .owl-controls{
	text-align:center;
}

/*owl button top to left  */
.owl-btn-top-l .owl-controls{
	text-align:left;
}
.owl-btn-top-l .owl-controls .owl-nav .owl-prev{
	margin-left:0;
}
/*owl button top to right  */
.owl-btn-top-r .owl-controls{
	text-align:right;
}
.owl-btn-top-r .owl-controls .owl-nav .owl-next{
	margin-right:0;
}
/*owl button top to left & right  */
.owl-btn-top-lr .owl-controls{
	text-align:left;
}
.owl-btn-top-lr .owl-controls .owl-nav .owl-next{
	margin-right:0;
	float:right;
}


/*owl button < > CENTER to left & right */
.owl-btn-center-lr .owl-controls{
	margin:0;	
}
.owl-btn-center-lr .owl-controls .owl-nav .owl-prev,
.owl-btn-center-lr .owl-controls .owl-nav .owl-next { 
	position:absolute;  
	left:0; 
	top:50%; 
	margin:-17px 0;
}
.owl-btn-center-lr .owl-controls .owl-nav .owl-next { 
	left:auto; 
	right:0;
}

/*owl button < > top pic to left & right */
.owl-btn-pic-side .owl-controls {
	position:absolute;
	top:0;
	width:100%;
	margin-top:10px; 	
}
.owl-btn-pic-side .owl-nav {
	max-width:360px;
	margin:auto;
}
.owl-btn-pic-side .owl-controls .owl-nav .owl-prev { 
	float:left;
}
.owl-btn-pic-side .owl-controls .owl-nav .owl-next { 
	float:right;
}

.owl-carousel .owl-item img{
	transform-style: inherit;
}


/*---------------------------------------------------------------
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: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination > li > a, 
.pagination > li > span {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #767676;
    padding:8px 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: #45C8E4;
    border-color:transparent;
	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: #45C8E4;
    border-color:transparent;
}
.pagination > .previous > a, 
.pagination > .next > a {
    padding:8px 14px;
	font-size:12px;
}

/*DataTable  pagination */
.dataTables_paginate ul.pagination {margin:0;}
.dataTables_paginate .pagination > li{padding:0;}

/*---------------------------------------------------------------
27. FOOTER 
---------------------------------------------------------------*/

/* footer fixed on bottom css*/
.footer-fixed .site-footer { 
	position:fixed;
	width:100%;
	bottom:0;
}
.footer-fixed .page-content { 
	position:relative;
	z-index:1;
	background-color:#fff;
}

footer h1, 
footer h2,
footer h3, 
footer h4, 
footer h5, 
footer h6,
footer h1 a, 
footer h2 a,
footer h3 a, 
footer h4 a, 
footer h5 a, 
footer h6 a { 
	color: #fff;
}


footer p,
footer strong,
footer b,
footer { 
	color:#999;
}

footer h1 a, 
footer h2 a,
footer h3 a, 
footer h4 a, 
footer h5 a, 
footer h6 a,
footer p a { 
	color: #45C8E4;
}

footer a,
footer a:visited { 
	color: #fff;
}

footer a:active,
footer a:focus,
footer a:hover { 
	color: #45C8E4;
}

footer p { 
 margin-bottom:10px;
}

footer p,
footer li { 
	font-size:13px;
	line-height:20px;
}

footer#footer { 
	background-position:center;
	background-size:cover;
} 

.dez-top-footer-overlay,
.dez-bottom-footer-overlay {
	position:relative;
}
.dez-top-footer-overlay .container,
.dez-bottom-footer-overlay .container {
	position:relative;
	z-index:1;
}
.dez-top-footer-overlay:before,
.dez-bottom-footer-overlay:before {
	content:"";
	background:#000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
.dez-top-footer-overlay:before {
	opacity:;
}
.dez-bottom-footer-overlay:before {
	opacity:;
}

footer p { 
 line-height:20px;
 margin-bottom:10px;
}

footer p a{ 
	color: #3396d1;
}

footer .widget ul{
	list-style:none;
	margin-top:5px;
}

/*widget li in footer*/
footer .widget_categories ul li,
footer .widget_archive ul li,
footer .widget_meta ul li,
footer .widget_pages ul li,
footer .widget_recent_comments ul li,
footer .widget_nav_menu li,
footer .widget_recent_entries ul li,
footer .widget_services ul li {
	border-bottom:1px dashed rgba(102,102,102,0.3);
}

/*widget Getintuch*/
footer .widget_getintuch i {
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.30);
}

.footer-top { 
    background:#434343; 
    background-size:cover; 
    background-position:center;  
    padding:0 0 100px;
}

.footer-bottom { 
    background-color:#161616;  
    padding:0 0 30px; 
    color:#787878; 
	font-size:13px;
}
.footer-bottom ul { 
   margin:0;
}
.aon-footer-bot-left,
.aon-footer-bot-right,
.aon-footer-bot-center {
	padding-left:15px;
	padding-right:15px;
}
.aon-footer-bot-left {
	float:left;
}
.aon-footer-bot-right {
	float:right;
}
.aon-footer-bot-center {
	text-align:center;
}



@media only screen and (max-width:991px) {
footer .container {
	width:100%;
	padding-left:30px;
	padding-right:30px;
}	
.col-md-3.col-sm-6.footer-col-4:nth-child(3) {
	clear:both;
}	
}

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

.footer-clear {
	display:block !important;
    clear:both;
}

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

.footer-bottom [class*="clo-"] { 
	width:100%;
}

}

/* scroll top btn css */
button.scroltop { 
	background:#161616;  
	border-width:2px;
	border-style:solid;
	border-color:#45C8E4;   
	position: fixed;   
	right: 15px;   
	bottom:15px;  
	color: #45C8E4; 
	margin:0;   
	cursor: pointer;    
	display: none;    
	height: 30px;  
	width: 30px;
	line-height:26px;
	text-align:center;  
	z-index:100;
}

.footer-links ul {
	margin:0 0 40px;
}
.footer-links ul li {
	display:inline-block;
	margin-right:50px;
	font-size:16px;
	font-weight:600;
}
.footer-social li {
	display:inline;
	float:left;
	padding:0;
}
.footer-social li a{
	border:1px solid #fff;
	width:60px;
	height:60px;
	display:block;
	font-size:22px;
	text-align:center;
	line-height:60px;
	margin-left:-1px;
}

/*---------------------------------------------------------------
28. PAGE-CONTENT
---------------------------------------------------------------*/
.page-wraper { 
	background:#fff;
}
.page-content { 
	position:relative;
}
.content-area { 
	
}

.section-full { 
	position:relative;
}

/*= Section Head Part =*/

.section-head {
	margin-bottom:60px;
}
.section-head.no-margin {
	margin-bottom:0;
}

.section-head h1,
.section-head h2,
.section-head h3 {
	margin-top:0;
}
.title-small {
	display:block;
	color:#7a959d;
	margin-bottom:15px;
	text-transform:uppercase;
	font-size:14px;
}
.section-head p {
	padding-top:10px;
	font-size:14px;
	color:#939393;
}
.text-center.section-head p {
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
}

.text-white { color:#FFF; }
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white .title-small { 
	color:#FFF; 
}

/*= Section Content Part =*/
.section-content  {
	
}


@media only screen and (max-width:1024px) {
	
.section-full{
	background-attachment:scroll !important; 
}

}
@media only screen and (max-width: 991px) {
	
.page-content {
    margin-top: 0;
}

}


/*---------------------------------------------------------------
1. HOME PAGE VERSION-1 
---------------------------------------------------------------*/
/*== > Book in three steps ==*/
.aon-book-steps { 
}


/*== >Our Services ==*/
.aon-our-services .nav-tabs{
	border-bottom:none;
}
.aon-our-services .tabbable .nav-tabs li a {
	background:none;
	border:2px solid #fff;
	color:#fff;
}
.aon-our-services .tabbable .nav-tabs li.active a, 
.aon-our-services .tabbable .nav-tabs li:hover a, 
.aon-our-services .tabbable .nav-tabs li:focus a {
	background-color:#fff;
	color:#5c5c5c;
}

.aon-our-services .tabbable .tab-content{
	background:none;
	border:none;
}
.aon-our-services .tabbable .tab-pane{
	padding:30px 0;
}
.aon-our-services .tabbable .tab-pane *{
	color: #FFF;
}
.aon-our-services .aon-service-img{
	float:right;
	width:360px;
	margin-left:35px;
	margin-bottom:20px;
}
.aon-our-services .tabbable .tab-pane .btn{
	background:none;
	border:2px solid #fff;
}

/*== > Our Work ==*/
.aon-our-work {
	padding:0;
}
.aon-our-work .section-head{
	padding-top:50px;
	padding-bottom:50px;
}
.aon-our-work .section-head .aon-title{
	margin:8px 0;
}
.aon-our-work .section-content{
	margin:0;
	padding-top:100px;
	padding-bottom:100px;
	padding-left:30px;
	padding-right:30px;
}

.aon-our-work .item {
	padding: 0 15 px;
    
}
.aon-our-work .item {
    background:#FFF;
}

/*== > Our Team ==*/
.aon-our-team .aon-title {
	margin-bottom:10px;
}
.aon-our-team span {
	color:#4d7a88;
}




/*== >  Latest-blog ==*/

.latest-post-2 .aon-post-media,
.latest-post-2 .aon-post-info {
	width:50%;
	display:table-cell;
	vertical-align:top;
	border:none;
}

@media only screen and (max-width:1200px) {
.latest-post-2 .aon-post-media,
.latest-post-2 .aon-post-info {
	width:auto;
	display:block;
}
}

/*== > Ready to book now ==*/
.ready-to-book {
	padding-bottom:0;
}

/*---------------------------------------------------------------
1. HOME PAGE VERSION-2 
---------------------------------------------------------------*/
/*== > cleaning features ==*/
.aon-feature-bx {
	position:relative;
	padding-left:70px;
	padding-right:30px;
	margin-bottom:50px;
}
.aon-feature-bx:before {
	content:"";
	position:absolute;
	left:35px;
	top:0;
	width:1px;
	height:100%;
	background-color:#EEE;
}
.aon-feature-bx [class*="icon-bx-"]{
	background-color:#fff;
	position:absolute;
	left:0;
	top:-20px;
	width:70px;
	height:70px;
	line-height:70px;
}
.aon-feature-bx [class*="icon-bx-"] img{
	height:45px;
}

/*== > booking tree steps ==*/
.aon-booking-bx {
	padding:80px 80px 80px 250px;
	min-height:200px;
}
.aon-booking-bx p {
	font-size:16px;
	line-height:24px;
}

.aon-booking-bx [class*="icon-bx-"]{
	position:absolute;
	left:40px;
	top:70px;
	margin:0;
	background:none;
	width:200px;
	height:150px;
	line-height:150px;
}
.aon-booking-bx [class*="icon-bx-"] img{
	height:115px;
	width:auto;
}

.aon-booking-first {
}
.aon-booking-second {
}
.aon-booking-third {
}

/*== > company services ==*/
.aon-services-outer {
	margin-left:-1px;
	margin-top:-1px;
}
.aon-services-outer [class*="col-"]{
	border-top:1px solid #e1e1e1; 
	border-left:1px solid #e1e1e1; 
}
.aon-services-outer [class*="icon-bx-"] {
	height:150px;
	line-height:150px;
}
.aon-services-outer [class*="icon-bx-"] img{
	height:100px;
	width:auto;
}

/*== > We find you a trusted maid ==*/
.aon-guarantee {
	width:148px;
	height:148px;
	position:absolute;
	bottom:-70px;
	left:50%;
	margin-left:-74px;
	z-index:9;

}
.aon-guarantee:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-25px;
	z-index:-1;
	width:50px;
	height:10px;
	background:#D8D8D8;
	box-shadow:0 0 29px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 29px 10px rgba(0, 0, 0, 0.3);
	border-radius:20px;
	-webkit-border-radius:20px;
	
}

/*== > career ==*/
.aon-career-tow  {
	max-width:600 px;
}
.aon-career-tow .section-content {
	position:relative;
}
.aon-career-tow .section-content {
	position:relative;
}
.aon-career-tow .aon-career-text {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:30px 0 60px 60px;
	background-color:rgba(255,255,255,0.95);
}

/*== > staff member ==*/


/*== > our work ==*/
.aon-work-listing  {
	list-style:none;
	margin:0;
	padding:0;
}

/*== > latest blog post ==*/

.latest-post-two-bx {
	display:table;
	margin-bottom:30px;
}
.latest-post-two-bx .post-bx{
	position:relative;
}
.latest-post-two-bx .aon-post-thum,
.latest-post-two-bx .aon-post-info {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
.latest-post-two-bx .aon-post-date {
	position:absolute;
	left:0;
	top:0;
}
.latest-post-two-bx .aon-post-info {
	padding:25px;
}


/*---------------------------------------------------------------
1. HOME PAGE VERSION-3 
---------------------------------------------------------------*/
/*== > Book in three steps ==*/
.line-bx {
	bottom:-5px; 
	left:0; 
	width:100%; 
	position:absolute; 
}

.line-bx .pull-left,
.line-bx .pull-right { 
	width:60%;
}

.aon-booking-three :hover .btn {
	background-color:#77c04b;
}

/*== > Our services ==*/
.aon-work-three .aon-tilte {
	margin-top:0;
}

/*== > Company features ==*/

.aon-company-features .left-border:before {
	content:"";
	left:-40px;
	background-color:#fff;
}

/*== > latest blog post ==*/

.latest-post-three-bx .post-bx{
	position:relative;
}
.latest-post-three-bx .aon-post-thum,
.latest-post-three-bx .aon-post-info {
	display:table-cell;
	vertical-align:top;
}
.latest-post-three-bx .aon-post-thum {
	width:40%;
}
.latest-post-three-bx .aon-post-info {
	width:60%;
}
.latest-post-three-bx .aon-post-date {
	position:absolute;
	left:0;
	top:0;
}
.latest-post-three-bx .aon-post-info {
	padding:25px;
	background:#F7F8FA;
}
.latest-post-three-bx .aon-post-info p{
	padding-top:10px;
}

/*---------------------------------------------------------------
29. INNER-CONTENT
---------------------------------------------------------------*/
/*== booking form classes ==*/

.aon-booking-form .panel-body {
	padding:0;
}
.aon-booking-form .carousel-indicators {
	margin:0;
	padding:20px 0;
	width:100%;
	position:static;
}
.aon-booking-form .aon-extra-services {
	list-style:none;
	margin:0 -5px;
	padding:0;
}
.aon-booking-form .has-bot-line {
	position:relative;
}
.aon-booking-form .has-bot-line:after {
	content:"";
	height:1px;
	background:#e7e7e7;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.aon-booking-form .aon-extra-services li {
	float:left;
	padding:0 5px;
	margin-bottom:20px;
	text-align:center;
	width:20%;
	cursor:pointer;
	
}

.aon-booking-form .aon-extra-services li .icon-bx-lg{
	border:1px solid #CCC;
	background:#FFF;
	position:relative;
	width:100%;
}
.aon-booking-form .aon-extra-services li.active .icon-bx-lg:after {
	content:"\f00c";
	font-family:FontAwesome;
	color:#fff;
	font-size:60px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.9;
	background-color:#46b5e0;
	box-shadow:0 0 0 1px #35a2cc;
	-webkit-box-shadow:0 0 0 1px #35a2cc;	
}

.aon-booking-form .aon-extra-services li p,
.aon-booking-form .aon-extra-services li strong,
.aon-booking-form .aon-extra-services li em {
	padding:2px 0;
	margin:0;
	display:block;
}
.aon-booking-form .aon-extra-services li strong{
	color:#46b5e0;
}
.aon-booking-form .aon-extra-services li em{
	color:#333333;
}

.aon-booking-form .panel-btn .left {
	float:left;
}
.aon-booking-form .panel-btn .right {
	float:right;
}
.aon-booking-form .aon-booking-indicate {
	list-style:none;
	margin:0 0 50px;
	position:relative;
	height:60px;
}
.aon-booking-form .aon-booking-indicate:after {
	content:"";
	position:absolute;
	left:10%;
	top:50%;
	width:80%;
	height:2px;
	background-color:#ccc;
	margin-top:-1px;
	z-index:0;
}
.aon-booking-form .aon-booking-indicate li{
	display:block;
	float:left;
	width:25%;
	padding:0;
	position:relative;
	z-index:3;
}
.aon-booking-form .aon-booking-indicate li span {
	margin:auto;
	display:block;
	width:60px;
	height:60px;
	border:1px solid #d3d3d3;
	text-align:center;
	line-height:60px;
	font-size:30px;
	background-color:#fff;
	box-shadow:0 0 0 4px #fff;
	-webkit-box-shadow:0 0 0 4px #fff;
	border-radius:100%;
	-webkit-border-radius:100%;
}
.aon-booking-form .aon-booking-indicate li.active span {
	border:1px solid #319cc6;
	background-color:#46b5e0;
	color:#fff;
}

.aon-how-often .item-often.active .btn-default {
	background-color:#46b5e0;
	color:#fff;
	border-color:#3ba8d3;
	
}
.aon-need-click .btn.active  {
	background-color:#46b5e0;
	border-color:#03a4d0;
	color:#fff;
	
}
.aon-booking-time  .btn   {
	margin:0 10px;
}
.aon-booking-time  .btn.active   {
	background-color:#46b5e0;
	color:#fff;
	border-color:#3ba8d3;
}
.aon-pament-select {
	padding:15px 0 0;
	margin:0;
}
.aon-pament-select img{
	margin-top:-7px;
	margin-left:0;
	width:45px;
	height:auto;
}
.aon-pament-select label{
	display:inline-block;
}

/*card icon*/
.aon-card-group {
	margin:20px -15px;
	padding:0;
}

.aon-card-group img,
.aon-card-my-account img {
	margin-top:-3px;
	margin-right:5px;
	width:40px;
	height:auto;
}
.aon-card-group.margin-less {
	margin:20px 0;
	padding:0 15px;
}

/*= summary box css start === */
.aon-sumary-bx { 
	margin-top:108px; 
}
.aon-sumary-inr {
	margin-bottom:30px;
}
.aon-sumary-inr .aon-title {
	margin:0 0 20px;
	padding-bottom:10px;
	border-bottom:1px dashed #999; 
}
.aon-sumary-inr .aon-title .fa {
	font-size:18px;
	margin-right:5px;
}

.aon-bed-batn-select li {
	display:inline-block;
	font-weight:600;
	margin-right:3px;
}
.aon-bed-batn-select li:after {
	content:"/";
	padding-left:5px;
}
.aon-bed-batn-select li:last-child:after {
	display:none;
}


.aon-sumry-listing,
.aon-bed-batn-select {
	list-style:none;
	margin:0 -5px 15px;
	padding:0;
}
.aon-sumry-listing {
	margin-bottom:20px;
}
.aon-sumry-listing li,
.aon-total-cost li {
	display:block;
	display:table;
}
.aon-sumry-listing .aon-sumry-title,
.aon-sumry-listing .aon-sumry-item,
.aon-sumry-listing .aon-sumry-price,
.aon-sumry-listing .aon-total-left,
.aon-sumry-listing .aon-total-right {
	display:table-cell;
	padding:2px 3px;
	width:1%;
}
.aon-sumry-listing .aon-sumry-title {
	width:100%;
	font-size:14px;
}
.aon-sumry-listing .aon-sumry-item {
	min-width:40px;
	font-weight:700;
	color:#565656;
}
.aon-sumry-listing .aon-sumry-item .bootstrap-touchspin .btn {
	width:22px;
	height:22px;
	line-height:20px;
	padding:0px;
	font-size:12px;
	font-weight:700;	
	display:block;
	border-radius:100%; 
	-webkit-border-radius:100%; 
}
.aon-sumry-listing .aon-sumry-item .bootstrap-touchspin .form-control {
	margin:0px 5px;
	font-size:12px;
	font-weight:700;	
	display:block;
	text-align:center;
	width:30px;
	height:22px;
	line-height:20px;
	padding:0px;
	border:none;
	box-shadow:none;
	border-radius:100% !important; 
	-webkit-border-radius:100% !important; 
}
.aon-sumry-notes { color:#97a4a7; font-size:13px; margin:30px 0px; }

.aon-sumry-listing .aon-sumry-price {
	min-width:60px;
	text-align:right;
	color:#47d122;
	font-weight:700;
}

.aon-sumry-listing li {
	display:block;
	display:table;
}
.aon-sumry-listing .aon-sumry-title,
.aon-sumry-listing .aon-sumry-item,
.aon-sumry-listing .aon-sumry-price {
	display:table-cell;
	padding:2px 3px;
	width:1%;
}
.aon-sumry-listing .aon-sumry-title {
	width:100%;
	font-size:14px;
}
.aon-sumry-listing .aon-sumry-item {
	min-width:40px;
	font-weight:700;
	color:#565656;
}
.aon-sumry-listing .aon-sumry-price {
	min-width:60px;
	text-align:right;
	color:#47d122;
	font-weight:700;
}

.aon-sumry-listing .aon-total-left,
.aon-sumry-listing .aon-total-right {
	vertical-align:top;
	font-weight:600;
}
.aon-sumry-listing .aon-total-left {
	color:#3d474a;
	font-size:24px;
}
.aon-sumry-listing .aon-total-left span {
	display:block;
	color:#CCCCCC;
	font-size:15px;
}
.aon-sumry-listing .aon-total-right {
	color:#45c8e4;
	text-align:right;
	font-size:40px;
	font-weight:800;
}

/*---------------------------------------------------------------
30. Pages css
---------------------------------------------------------------*/

/*=== Contact us page ==== */
.banner-contact-row {
	height:300px;
    background-size:cover;
	background-position:center;
}
.banner-contact-row *{
	color:#FFF;
}
.banner-contact-row .container {
	display:table;
    height:100%;
}
.banner-contact-row h1 {
	display:table-cell;
	vertical-align:middle;
}

ul.contact-info li { 
	padding:0 0 15px 25px; 
	margin-bottom:15px;
	border-bottom:1px solid #e1e1e1;
	position:relative; 
	line-height:20px;
}

ul.contact-info li:last-child { 
	padding-bottom:0; 
	margin-bottom:0;
	border-bottom:none;
}

ul.contact-info li h4
ul.contact-info li h5,
ul.contact-info li h6 { 
	margin:0 0 10px;
}
ul.contact-info li p { 
	line-height:20px; 
	margin:0;
}
ul.contact-info li .fa { 
	position:absolute; 
	left:0; 
	top:2px; 
	color:#3396d1; 
	font-size:16px;
}


/*page not found*/
.page-notfound {
	padding:30px 0;
}
.page-notfound strong {
	font-size:200px;
	font-weight:900;
	line-height:140px;
	display:block;
}
.page-notfound strong i {
	font-size:190px;
	margin:0 10px;
}
.page-notfound .searchform { 
    position:relative;
	text-align:left;
	max-width:420px;
	margin:30px auto;
}

/*Google map*/
#gmap_canvas {
	width: 100%;
	height:400px;
}
#gmap_canvas img { 
	max-width:none!important; 
	background:none!important
}

/*zip code form on home page*/
.careers-table tr > td {
	border:1px solid #ddd;
	padding:20px !important;
}
.careers-table tr > td p:last-child {
	margin:0;
}
.careers-table  td:last-child {
	border-left:none;
	text-align:right;
} 
.careers-table  tr > td:first-child {
	border-right:none ;
} 

.aon-gallery-listing {
	list-style:none;
}

/*Summery box*/
.summery-box {
	position:relative;
	padding:30px;
	margin-top:57px;
	background:#fff;
	-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);
}
/*Summery box*/
.summery-box:after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:7%;
	width:86%;
	height:50px;
	background:#fff;
	z-index:-1;
	-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);
}
.summery-box:before {
	content:"";
	position:absolute;
	top:70px;
	right:-68px;
	width:140px;
	height:53px;
	background-image:url(../images/pin.png);
}



/*zip code form on home page*/
.search-item form {
	position:relative;
	max-width:500px;
}
.search-item .form-control {
	padding-right:40px;
}
.search-item .btn-serach {
	position:absolute;
	top:2px;
	right:0;
	background:none;
}

/*Pricing Box*/
.pricing-box {
	text-align:center;
	margin-bottom:50px;
}
.pricing-box .aon-media {
	border:2px solid #e1ebed;
	padding:60px 0px;
}
.pricing-box:hover .aon-media {
	border:2px solid #38c4e1;
}
.pricing-box .product-mname {
	font-size:16px;
}
.pricing-box .aon-info {
	padding-top:15px;
}
.percent-sign {opacity:0; color:#fff; font-weight:600; position:absolute; top:0px; right:0px; width:50px; height:50px; text-align:right; line-height:30px; padding-right:10px; }
.percent-sign:after { z-index:-1; content:""; position:absolute; top:0px; right:0px; width:0; height:0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #38c4e1 transparent transparent;}
.pricing-box:hover .percent-sign {opacity:1;}
.percent-circle { color:#fff; border:1px dashed #fff; background:#f23756; font-weight:600; position:absolute; top:220px; left:30px; width:65px; height:65px; text-align:center; line-height:65px; -webkit-box-shadow: 0 0 0 8px #f23756; box-shadow: 0 0 0 8px #f23756; border-radius:100%; -webkit-border-radius:100%; }


.pricing-box .pricce-less,
.pricing-box .pricce {
	font-size:16px;
	font-weight:600;	
	margin:0 5px;
}
.pricing-box .pricce-less {
	text-decoration:line-through;
	opacity:0.6;
}
.pricing-box .pricce{
	color:#38c4e1;	
}
.pricing-box:hover .bootstrap-touchspin {opacity:1;}
.pricing-box .bootstrap-touchspin {
	width:40px;
	position:absolute;
	right:20px;
	top:50%;
	width:30px;
	margin-top:-100px;	
	opacity:0;
	display:block;
}
.pricing-box .bootstrap-touchspin .input-group-btn {
	display:block;
	clear:both;
}
.pricing-box .bootstrap-touchspin .form-control {
	display:block;
	margin:10px 0px;
	font-size:15px;
	font-weight:700;	
	display:block;
	text-align:center !important;
	width:40px;
	height:40px;
	padding:8px 13px;
	border-radius:100% !important; 
	-webkit-border-radius:100% !important; 
}
.pricing-box .bootstrap-touchspin .btn {
	width:40px;
	height:40px;
	font-size:14px;
	font-weight:700;	
	display:block;
	border-radius:100%; 
	-webkit-border-radius:100%; 
}
.pricing-box .bootstrap-touchspin .form-control {
	text-align:center;	
}
.pricing-box .bootstrap-touchspin .btn:first-child {
	margin-left:-1px;	
}
.pricing-box .bootstrap-touchspin .btn:last-child {
	margin-right:-1px;	
}

@media only screen and (max-width:767px) {
.pricing-box .aon-media {
    padding:40px 0px;
}
.percent-circle { top:205px; width:50px; height:50px; line-height:48px; }

}

/*vertical nav*/
.nav-vertical-outer{
	position:fixed;
	left:-220px;
	overflow:auto;
	top:0;
	width:220px;
	height:100%;
	z-index:999;
	background-color:#45C8E4;
	 box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); 
	 -webkit-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); 
	 -moz-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); 
	 -o-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1);
}

.nav-btn-bx {
	position:fixed;
	right:30px;
	top:30px;
	background-color:#fff;
	color:#3894a8;
}
.nav-btn-bx .nav-btn {
	color:#3894a8;
	font-size:21px;
}

@media only screen and (max-width:767px) {
.nav-btn-bx {
	position:absolute;
	right:15px;
	top:15px;
}
}
.nav-btn {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size:30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
	background:none;
	border:none;
	outline:none;
}
.nav-btn .fa-close{
	display:none;
}
.nav-btn.open .fa-close{
	display:block;
}
.nav-btn.open .fa-navicon{
	display:none;
}

.nav-vertical{
	list-style:none;
}
.nav-vertical li a{
	display:block;
	padding:12px 15px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.2);
	font-weight:600;
	text-transform:uppercase;
}
.nav-vertical li.active > a {
	background-color:#37bad6;
}
.nav-vertical li i {
	margin-right:8px;
	font-size:15px;
}

.is-fixed .nav-btn-bx {
	position:fixed;
	right:15px;
	top:15px;
}
.is-fixed .nav-btn {
    color: #45C8E4;
	background-color:#fff;
	font-size:21px;
}



/*My Account css*/
.page-logo { text-align: center; margin:50px 30px 30px; }
.wrapper-admin {	height:100vh;}
#header-admin-wrap {	}
#header-admin {	width:calc(100% - 250px); 	height:70px;	background-color:#fff;	border-bottom:1px solid #ddd;	position:fixed;	top:0;	right:0;	z-index:99; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
#header-admin .container {	width:100%;	padding-left:20px;	padding-right:20px;}
#header-admin.active {width:calc(100%);	 }

#sidebar-admin-wraper {    width: 250px;    position: fixed;    top: 0;    left: 0;    height: 100vh;    z-index: 999;    background: #38c4e1;    color: #fff;    transition: all 0.3s;}
#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:#f0f3f4; }
#content.active { width: 100%; }

#header-admin.active,
#content.active { overflow:hidden; }
#header-admin.active .container,
#content.active .content-admin-main { min-width:480px; }

.content-admin-main .panel { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow: 0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.06); }
.panel-default > .sf-panel-heading {	padding:30px 0; margin:0 30px; background:none; }
.sf-panel-heading > h3 {	margin:0;}


.fs-inputicon-box {position:relative;}
.fs-inputicon-box .fs-input-icon {position:absolute; left:0; top:0; width:40px; height:44px; z-index:5; line-height:44px; text-align:center;}
.fs-inputicon-box .form-control {padding-left:35px;}
.fs-inputicon-box .bootstrap-select .dropdown-toggle {padding-left:35px;}
.fs-inputicon-box .fs-input-icon-last {position:absolute; right:0; top:0; width:40px; height:44px; z-index:5; color:#38c4e1; font-size:22px; line-height:44px; text-align:center;}



.form-control { border-color:#e1e6eb ; height:44px; font-size:13px;	line-height:20px;	padding:10px 12px;	box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.form-control:focus { border-color:#d7dce1; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06);  background-color:#F8F8F8; }

/*select box*/
.dropdown-menu { font-size:13px; } 
.bootstrap-select .dropdown-toggle { border: 1px solid #e1e6eb; background-color: #fff;  height:44px;font-size:13px;color:#999;	box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); 	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.content-admin-main {  padding:50px;}
@media only screen and (max-width:991px) { 
.content-admin-main {  padding:15px;}
}

@media only screen and (max-width:767px) { 
#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% - 250px);}
}

.header-left { float:left; }
.header-right { float:right; }

.header-left,
.header-right {	display:table; height:70px; }
.nav-btn-wrap { display:table-cell; vertical-align:middle; }
.nav-btn-admin { font-size:21px; cursor:pointer; display:block; }


.header-widget-wrap  { list-style:none; margin:0px; padding:0px; }
.header-widget-wrap  li { display:inline-block; height:70px; font-size:15px; color:#555; line-height:70px; margin-left:30px; }
.header-widget-wrap  li .fa { font-size:18px; color:#38c4e1; vertical-align:middle; margin-right:3px; }
.site-button-outline { display:none; border:none; font-size:21px; color:#555; width:40px; height:40px; line-height:40px; background:#fff; float:right; margin:15px 0px; }

@media only screen and (max-width:991px) { 
.header-widget-wrap  { display:none; width:250px; padding:10px 0px; background:#fff; position:absolute; top:100%; right:20px; border-radius:5px; -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); }
.header-widget-wrap  li { float:none; display:block; height:auto; line-height:normal; padding:12px 15px; margin:0px; font-size:14px;  }
.header-widget-wrap  li .fa { font-size:16px;  }
.site-button-outline { display:block; }
.header-right.active .header-widget-wrap  { display:block; }

}

/* Admin Nav */
.has-child .submenu-toogle {  position:absolute;    right:10px;    top:10px;    color:#fff;  z-index:1;    cursor:pointer;    padding:7px;    font-size:16px;    display:none;}
.has-child li .submenu-toogle  {    opacity:0.9;}
.has-child.nav-active > a+.submenu-toogle.fa-angle-down:before { content:"\f106";}

.admin-nav {font-family:"Roboto";}
.admin-nav ul {list-style:none; margin:0;}
.admin-nav ul li {	float:none; text-align:center; }

.admin-nav ul li a > i { display:block; }
.admin-nav ul li a > i:before {font-size:40px; margin-bottom:25px; }
.admin-nav ul li a > .fa { margin-left:20px; font-size:21px; vertical-align:middle; }
.admin-nav ul > li > a {	 padding:15px 25px;  color: #fff; display:block; }
.admin-nav ul li a > i {font-size:18px; margin-right:20px; }
.admin-nav ul > li.active > a { color: #fff; background-color:rgba(0,0,0,0.1) ; margin:0px 20px;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }


.admin-nav ul > li > a:hover,
.admin-nav ul > li > a:active, 
.admin-nav ul > li > a:focus { color: #fff; background-color:rgba(0,0,0,0.1) ; margin:0px 20px;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.admin-nav ul > li .mega-menu > li:after{	display:none;}

.admin-nav ul  li .sub-menu > li a {	padding-left:65px;}
.admin-nav ul  li .sub-menu > li a > i {font-size:20px; }



.last-pickup-wrap { background-color:#0ad1bc; }
.last-pickup-wrap .time-heading { color:#fff; font-size:20px; font-weight:600; font-family:Raleway; border-bottom:1px solid #fff; padding-bottom:20px; margin:0px 0px 20px; }
.last-pickup-wrap [class*="site-button"] { margin-right:15px; }


/*=== 4. TABS === */
.aon-tabs-one .nav-tabs { border-bottom: 2px solid #ddd;}
.aon-tabs-one .nav-tabs > li {margin:0px; margin-right:30px; }
.aon-tabs-one .nav-tabs > li > a { border-radius:0; padding:15px 15px; -webkit-border-radius:0px; border:none; position:relative; color:#555; font-size:16px; font-weight:600; text-transform:uppercase;  }

.aon-tabs-one .nav-tabs > li > a, 
.aon-tabs-one .nav-tabs > li > a:focus, 
.aon-tabs-one .nav-tabs > li > a:hover { border:none; background:none;}

.aon-tabs-one .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:#38c4e1; -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-tabs-one .nav-tabs > li.active > a:after { left:0%;  width:100%;}

.aon-tabs-one .tab-content { padding-top:30px;}


.aon-table.table > tbody > tr > td, .table > tbody > tr > th, 
.aon-table.table > tfoot > tr > td, .table > tfoot > tr > th, 
.aon-table.table > thead > tr > td, .table > thead > tr > th { padding:10px 5px;  border-top:none; border-bottom:1px solid #ddd;   }

.card-info-cell { font-size:16px; color:#b2b2b2; font-weight:600; }
.card-info-cell span { color:#555; }
.card-info-cell img { height:23px; margin-right:5px;}
.card-info-action { text-align:right; }
.card-info-action span { margin:0px 10px;  color:#555; font-weight:bold; }
.card-info-action a .fa { color:#555; margin-right:3px; }
.card-info-action a:hover { text-decoration:underline; }

.panel-transparent-heading { padding: 30px 0; border-bottom:1px solid #ddd; }
.panel-transparent-body { padding: 30px 0; }

.free-cleaning-wrap { text-align:center; }
.free-cleaning-price { font-size:60px; color:#222; font-weight:600; }
.free-cleaning-tagline { font-size:30px; color:#38c4e1; font-weight:600; text-transform:uppercase; }
.free-cleaning-text { font-size:18px; color:#777; margin:30px 0px; line-height:30px; }

.social-btn-wrap { text-align:center; margin:0px -20px; }
.social-btn-wrap .site-button{ width:45%; margin:0px 2% 30px; }
.social-btn-wrap .email-btn { background-color:#ff5579; }
.social-btn-wrap .twitter-btn { background-color:#1790ed; }
.social-btn-wrap .fb-btn { background-color:#3b5999; }

.free-cleaning-pic { padding-top:145px; text-align:center; }
@media only screen and (max-width:991px) { 
.free-cleaning-pic { padding-top:30px; }
}

table tr td .sf-radio-checkbox { margin:0px; }
.card-info-table th { font-weight:600; }
.panding-cleaning { color:#F60; }
.sf-radio-checkbox input[type="checkbox"], 
.sf-radio-checkbox input[type="radio"] { display:none; }

.cleaning-pricing-list { list-style:none; margin:0px; padding:0px; }
.cleaning-pricing-list li { display:table; width:100%;}
.cleaning-pricing-list li span,
.cleaning-pricing-list li strong { display:table-cell; padding:5px 0px; }
.cleaning-pricing-list li strong { text-align:right; color:#38c4e1; }


/* pagination style-1 */
.pagination-bx .pagination,
.cvf-universal-pagination  .pagination { 
	margin:0;
}
.pagination-bx {
	text-align:left;	
}
.pagination { 
	padding:10px 0;
}

.pagination > li > a, 
.pagination > li > span {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    color:#38c4e1;
    padding:8px 14px;
	margin-right:10px;
	font-weight:600;
	font-size:12px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    background-color: #fff;
	color: #38c4e1;
    border:1px solid #38c4e1;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 

.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #fff;
	color: #38c4e1;
    border:1px solid #38c4e1;
}
.pagination > .previous > a, 
.pagination > .next > a {
    padding:8px 14px;
	font-size:12px;
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



/*-----------------------------------------
	Booking Form
-----------------------------------------*/
.center-main-logo{text-align:center;}
.center-main-logo .logo-header{float: none;width: 100%;}

.booking-form-control{display: inline-block;	position:relative;	z-index:1;	margin-bottom: 50px;}
.booking-form-control:after{
	position: absolute;
	content: '';
	left: 50%;
	top: 20px;
	width: calc(100% - 100px);
	height: 1px;
	background-color:#38c4e1;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
}

.booking-form-control .b-control-box{	display: inline-block;	margin: 0px 20px;}
.booking-form-control .b-control-box .b-control-count{
	color:#38c4e1;
	font-size:16px;
	font-weight:600;
	border:1px solid #38c4e1;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.booking-form-control .b-control-box .b-control-count{
	color:#38c4e1;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #38c4e1;
	width: 34px;
	height: 34px;
	display: inline-block;
	line-height: 34px;
	background-color:#fff;
	margin-bottom: 30px;
}
.booking-form-control .b-control-box .b-control-name{	font-size:16px;	color:#8a8a8a;	margin-top:0px;}
@media only screen and (max-width:600px) {
.booking-form-control .b-control-box {
    margin: 0px 10px;
}
.booking-form-control .b-control-box .b-control-name {
    font-size: 14px;
}
}
@media only screen and (max-width:450px) {
.booking-form-control .b-control-box {
    margin: 0px 5px;
}
.booking-form-control .b-control-box .b-control-name {
    font-size: 12px;
}
.booking-form-control::after {
    width: calc(100% - 50px);
}
}

@media only screen and (max-width:360px) {
.booking-form-control .b-control-box {
    margin: 0px 3px;
}
.booking-form-control .b-control-box .b-control-name {
    font-size: 11px;
}
}

@media only screen and (max-width:340px) {
.booking-form-control .b-control-box {
    margin: 0px 2px;
}
.booking-form-control .b-control-box .b-control-name {
    font-size: 11px;
}
}


/*Right Section*/
.delivery-options{
	padding: 20px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	overflow: hidden;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#f1f6f7;
}
@media only screen and (max-width:991px) {
.delivery-options{
	margin-top:50px;
}
}

.delivery-options .option-title{	margin:50px 0px;}
.delivery-options .plan-card{
	background-color:#fff;
	margin-bottom:20px;
	padding:20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border:3px solid transparent;
}

.delivery-options .plan-card:hover{	border:3px solid #38c4e1;}
.delivery-options .plan-card:hover ul li{	color:#435356;}

.delivery-options .plan-card .plan-title{	margin-top:0px;	font-size:16px;	color:#566467;	text-transform:uppercase;}
.delivery-options .plan-card .plan-title span{	display:inline-block;	padding-left:5px;}

.delivery-options .plan-card:last-child{	margin-bottom:0px;}
.delivery-options .plan-card ul{	margin-bottom:0px;	list-style:none;}

.delivery-options .plan-card ul li{
	font-size:15px;
	color:#435356;
	color:#839295;
	font-weight:600;
	display: block;
	margin-bottom: 5px;
}
.delivery-options .plan-card ul li img{	padding-right:5px;}
.delivery-options .plan-card.active{	border:3px solid #38c4e1;}
.delivery-options .plan-card.active ul li{	color:#435356;}

.shadow-block{
	-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
}
.radius-md{	border-radius: 8px;	-webkit-border-radius: 8px;}

/*=== 4. TABS === */
.tabs-panel-heading{	border-bottom:1px solid #ddd;	padding:30px;}
.tabs-panel-heading h3{font-size:24px;color:#4a595c; font-weight:600;margin:0px;}
.tabs-panel-heading span{color:#000;}

@media only screen and (max-width:991px) {
.tabs-panel-heading{	border-bottom:1px solid #ddd;	padding:20px;}
}

.aon-tabs-one .nav-tabs { border-bottom: 2px solid #ddd;}
.aon-tabs-one .nav-tabs > li { margin:0; width: 33.33%;}
.aon-tabs-one .nav-tabs > li > a { border-radius:0; -webkit-border-radius:0px; border:none; position:relative; text-transform:uppercase;  font-size:15px;color:#a3acaf; font-weight:700;padding:20px 20px;}
.aon-tabs-one .nav-tabs > li > a strong {display:inline-block;padding-right:10px;}
.aon-tabs-one .nav-tabs > li > a strong span { display:block; text-transform:capitalize; font-size:14px; font-weight:normal; }

.aon-tabs-one .nav-tabs > li > a i{display: inline-block;font-size:16px; }
.aon-tabs-one .nav-tabs > li.active > a{color:#38c4e1;}

.aon-tabs-one .nav-tabs > li > a, 
.aon-tabs-one .nav-tabs > li > a:focus, 
.aon-tabs-one .nav-tabs > li > a:hover { border:none; background:none;}

.aon-tabs-one .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:#38c4e1; -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-tabs-one .nav-tabs > li.active > a:after { left:0%;  width:100%;}
.aon-tabs-one .tab-content { padding:30px;}

.pick-up-time{	margin-top:-30px;}
.pick-up-time ul {	margin:0px -15px; }
.pick-up-time ul li {display: block; padding:0px 15px;	float: left; margin-top:30px; width:25%;}
.pick-up-time ul li a {
	color:#4a595c;
	display: block;
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #38c4e1;
	-webkit-border-radius: 40px;
	border-radius: 40px;	
}
.pick-up-time ul li.active a{
	background-color:#38c4e1;
	color:#fff;
}
.pick-up-time ul li a:hover{
	background-color:#38c4e1;
	color:#fff;
}

.site-button.pink{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:600;
	background-color:#f2285c;
}

@media only screen and (max-width:991px) {
.aon-tabs-one .nav-tabs > li > a strong { padding-right:0px; font-size: 14px; }	
.aon-tabs-one .nav-tabs > li > a { padding:20px 10px;}
.aon-tabs-one .nav-tabs > li > a strong span { font-size: 13px; }
.pick-up-time ul {	margin:0px -15px; }
.pick-up-time ul li { padding:0px 10px; margin-top:25px; width:33.333%;}
}

@media only screen and (max-width:410px) {
.pick-up-time ul li { width:50%;}
.aon-tabs-one .nav-tabs > li > a strong { padding-right:0px; font-size: 12px; }	
.aon-tabs-one .nav-tabs > li > a { padding:20px 0px;}
.aon-tabs-one .nav-tabs > li > a strong span { font-size: 12px; }
}
@media only screen and (max-width:360px) {
.aon-tabs-one .nav-tabs > li { width:100%;}
.aon-tabs-one .nav-tabs > li > a { padding:10px 0px; }
}



/*pick-up-calender*/
.pick-up-calender ul{
	margin-bottom:0px;
	list-style:none;
}

.pick-up-calender ul li{
	display:inline-block;
}
.pick-up-calender ul.weekdays{
	margin:0px -10px 20px -10px;
}

.pick-up-calender ul.weekdays li{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:#38c4e1;
	text-transform: uppercase;
	width: 14.28%;
	display: block;
	float: left;
}
.pick-up-calender ul.weekdays li .weekday-block{
	margin: 10px;
}

.pick-up-calender ul.days{
	margin:0px -10px;
}
.pick-up-calender ul.days li {
	font-size: 14px;
	text-align: center;
	color:#838d90;
	text-transform: uppercase;
	width: 14.28%;
	display: block;
	float: left;
	padding:0px 10px;
	margin-bottom:20px;
}
.pick-up-calender ul.days li .day-block.day-on{
	border: 1px solid #ddd;
	padding:6px 2px;
	cursor:pointer;
}
.pick-up-calender ul.days li .day-block.day-on:hover,
.pick-up-calender ul.days li .day-block.day-on.active-date{
	border: 1px solid #38c4e1;
	color:#fff;
	background:#38c4e1;
}

.pick-up-calender ul.days li .day-block.day-off{
	background-color:#f9fafc;
	color:#c9c9c9;
	padding:6px 2px;
	border:1px solid #e9e9e9;
}
.pick-up-calender ul.days li .day-block.day-off:hover {
	border:1px solid #38c4e1;
}

.pick-up-calender ul.days li span{
	display:block;
}

@media only screen and (max-width:991px) {
.pick-up-calender ul.days{
	margin:0px -15px;
}
.pick-up-calender ul.days li {
	font-size: 12px;
	padding:0px 5px;
	margin-bottom:10px;
}
}
@media only screen and (max-width:360px) {
.pick-up-calender ul.days{
	margin:0px -15px;
}
.pick-up-calender ul.days li {
	font-size: 11px;
	padding:0px 4px;
	margin-bottom:10px;
}
.pick-up-calender ul.days li .day-block{
	padding:6px 0px;
}
}



/*booking-form*/

.label-space{
	padding-left:15px;
	display:block;
}
.input-group-addon-img{
	height:35px;
	position:absolute;
	left:5px; 
	top:5px;
}
.input-group-addon-img + .form-control {
	padding-left:65px;
}

.input-group-addon-img img{
	width:100%;
}
.referral-code-button input.form-control{
	border-right:0px;
}
.referral-code-button .input-group-addon .site-button{
	padding:8px 20px;
}

.form-control.line-input{
	border:0px;
	border-bottom:2px solid #ccd7d9;
	background:none;
	padding:10px 10px 10px 0px;
	box-shadow:none;
	border-radius:0;
	
}

/*FAQ*/
.f-icon{
	display: inline-block;
	border: 1px solid #38c4e1;
	background-color:#f9fafc;
	padding: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.faq-box-tabs.nav-tabs{
	border-bottom:0px;
}
.faq-box-tabs.nav > li{
	margin-right: 1%;
	width:24%;
	text-align:left;
}
.faq-box-tabs.nav > li:last-child{
	margin-right: 0%;
}

.faq-box-tabs.nav > li > a {
	position: relative;
	display: block;
	padding: 15px 15px;
	background:#f5f8f8;
	border: 2px solid #ebebeb;
	color:#000;
	min-height: 65px;
}

.faq-box-tabs.nav > li.active a.pink-bdr{
	border: 2px solid #f19cb8;
}
.faq-box-tabs.nav > li.active a.orange-bdr{
	border: 2px solid #f28a10;
}
.faq-box-tabs.nav > li.active a.green-bdr{
	border: 2px solid #34c75e;
}
.faq-box-tabs.nav > li.active a.blue-bdr{
	border: 2px solid #38c4e1;
}

.faq-box-tabs.nav > li > a > img{
	margin-right:20px;
}
.faq-box-tabs.nav-tabs > li.active > a,
.faq-box-tabs.nav-tabs > li.active > a:focus,
.faq-box-tabs.nav-tabs > li.active > a:hover {
	background:#f5f8f8;

}

@media only screen and (max-width:767px) {
.faq-box-tabs.nav > li{
	width:49%;
	margin-bottom:10px;
}
}
@media only screen and (max-width:380px) {
.faq-box-tabs.nav > li{
	width:100%;
}	
.faq-box-tabs.nav > li > a {
    padding: 8px 10px;
    min-height: 44px;
}
}

.faq-box-tabs-content{
	padding-top:50px;
}
.faq-box-tabs-content ul{
	margin-bottom:0px;
	list-style:none;
	position:relative;
}
.faq-box-tabs-content ul:before{
	position:absolute;
	left: 4px;
	top: 10px;
	content:'';
	width:6px;
	height:100%;
	background-color:#eceeee;	
}


.faq-box-tabs-content ul li{
	padding-bottom: 20px;
	padding-left: 30px;
	position:relative;
}

.faq-box-tabs-content ul li:after{
	position: absolute;
	left: 0px;
	top: 10px;
	content: '';
	width: 14px;
	height: 14px;
	background-color:#38c4e1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.faq-box-tabs-content ul li:last-child{
	padding-bottom: 0px;
}

.faq-box-tabs-content ul li span{
	display:block;
	font-size:22px;
	color:#363636;
	padding-bottom: 10px;
}

referral-code-button-outer{
	position:relative;
}
.referral-code-button{
	position: absolute;
	right: 3px;
	top: 2px;
}

.referral-code-button-outer .fs-inputicon-box .form-control {
    padding-right: 100px;
}

.order-summery-label h5 { color:#505c5f; }
.card-detail-img { text-align:center; margin-bottom:30px; }

@media only screen and (max-width:767px) {
.card-container.col-lg-6.col-md-6.col-sm-6 { width:50%; }
}
@media only screen and (max-width:410px) {
.card-container.col-lg-6.col-md-6.col-sm-6 { width:100%; }
}

.laundry-worker-pic { position:absolute; bottom:0px; right:0px; }
@media only screen and (max-width:767px) {
.laundry-worker-pic { position:static; text-align:center; }
}


@media only screen and (max-width:991px) {
.contact-info-icon-wrap { margin-bottom:30px; }
.contact-info-icon-wrap:last-child { margin-bottom:0px; }
.why-choose-wrap { margin-bottom:40px; }
.why-choose-wrap:last-child { margin-bottom:0px; margin:auto; float:none; clear:both; }
.why-choous-wrap { margin-bottom:40px; }
.why-choous-wrap:last-child { margin-bottom:0px; margin:auto; float:none; clear:both; }
}
@media only screen and (max-width:600px) {
.why-choous-wrap {width:100%;}
}

.trash-button { padding:2px 6px; }
.trash-button .fa { vertical-align:middle; font-size:14px; vertical-align:middle; line-height:14px; }

.site-header.header-left { position:fixed; top:0px; right:0px; }

.card-info-table tr th .sf-radio-checkbox { margin:0px; display:inline-block; vertical-align:bottom; }


.content-admin-maxwidth { max-width:1200px;  }

.login-btn-text { color:#555; }

.credit-card-btn { font-size:18px; }


@media screen and (max-width: 576px) {
  .card-form {
    margin: 0 auto;
  }
}
.card-form__inner {
  padding-top: 180px;
}
@media screen and (max-width: 480px) {
  .card-form__inner {
    padding: 25px;
    padding-top: 165px;
  }
}
@media screen and (max-width: 360px) {
  .card-form__inner {
    padding: 15px;
    padding-top: 165px;
  }
}
.card-form__row {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .card-form__row {
    flex-wrap: wrap;
  }
}
.card-form__col {
  flex: auto;
  margin-right: 35px;
}
.card-form__col:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .card-form__col {
    margin-right: 0;
    flex: unset;
    width: 100%;
    margin-bottom: 20px;
  }
  .card-form__col:last-child {
    margin-bottom: 0;
  }
}
.card-form__col.-cvv {
  max-width: 150px;
}
@media screen and (max-width: 480px) {
  .card-form__col.-cvv {
    max-width: initial;
  }
}
.card-form__group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.card-form__group .card-input__input {
  flex: 1;
  margin-right: 15px;
}
.card-form__group .card-input__input:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .card-form__button {
    margin-top: 10px;
  }
}

.card-item {
  max-width: 430px;
  height: 270px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .card-item {
    max-width: 310px;
    height: 220px;
    width: 90%;
  }
}
@media screen and (max-width: 360px) {
  .card-item {
    height: 180px;
  }
}
.card-item.-active .card-item__side.-front {
  transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}
.card-item.-active .card-item__side.-back {
  transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}
.card-item__focus {
  position: absolute;
  z-index: 3;
  border-radius: 5px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.65);
}
.card-item__focus:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #08142f;
  height: 100%;
  border-radius: 5px;
  filter: blur(25px);
  opacity: 0.5;
}
.card-item__focus.-active {
  opacity: 1;
}
.card-item__side {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);
  transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
  transform-style: preserve-3d;
  transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  backface-visibility: hidden;
  height: 100%;
}
.card-item__side.-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
  z-index: 2;
  padding: 0;
  height: 100%;
}
.card-item__side.-back .card-item__cover {
  transform: rotateY(-180deg);
}
.card-item__bg {
  max-width: 100%;
  display: block;
  max-height: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.card-item__cover {
  height: 100%;
  background-color: #1c1d27;
  position: absolute;
  height: 100%;
  background-color: #1c1d27;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.card-item__cover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(6, 2, 29, 0.45);
}
.card-item__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 0 10px;
}
@media screen and (max-width: 480px) {
  .card-item__top {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__top {
    margin-bottom: 15px;
  }
}
.card-item__chip {
  width: 60px;
}
@media screen and (max-width: 480px) {
  .card-item__chip {
    width: 50px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__chip {
    width: 40px;
  }
}
.card-item__type {
  height: 45px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  max-width: 100px;
  margin-left: auto;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .card-item__type {
    height: 40px;
    max-width: 90px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__type {
    height: 30px;
  }
}
.card-item__typeImg {
  max-width: 100%;
  object-fit: contain;
  max-height: 100%;
  object-position: top right;
}
.card-item__info {
  color: #fff;
  width: 100%;
  max-width: calc(100% - 85px);
  padding: 10px 15px;
  font-weight: 500;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .card-item__info {
    padding: 10px;
  }
}
.card-item__holder {
  opacity: 0.7;
  font-size: 13px;
  margin-bottom: 6px;
}
@media screen and (max-width: 480px) {
  .card-item__holder {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.card-item__wrapper {
  font-family: "Source Code Pro", monospace;
  padding: 25px 15px;
  position: relative;
  z-index: 4;
  height: 100%;
  text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
  user-select: none;
}
@media screen and (max-width: 480px) {
  .card-item__wrapper {
    padding: 20px 10px;
  }
}
.card-item__name {
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .card-item__name {
    font-size: 16px;
  }
}
.card-item__nameItem {
  display: inline-block;
  min-width: 8px;
  position: relative;
}
.card-item__number {
  font-weight: 500;
  line-height: 1;
  color: #fff;
  font-size: 27px;
  margin-bottom: 35px;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .card-item__number {
    font-size: 21px;
    margin-bottom: 15px;
    padding: 10px 10px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__number {
    font-size: 19px;
    margin-bottom: 10px;
    padding: 10px 10px;
  }
}
.card-item__numberItem {
  width: 16px;
  display: inline-block;
}
.card-item__numberItem.-active {
  width: 30px;
}
@media screen and (max-width: 480px) {
  .card-item__numberItem {
    width: 13px;
  }
  .card-item__numberItem.-active {
    width: 16px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__numberItem {
    width: 12px;
  }
  .card-item__numberItem.-active {
    width: 8px;
  }
}
.card-item__content {
  color: #fff;
  display: flex;
  align-items: flex-start;
}
.card-item__date {
  flex-wrap: wrap;
  font-size: 18px;
  margin-left: auto;
  padding: 10px;
  display: inline-flex;
  width: 80px;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .card-item__date {
    font-size: 16px;
  }
}
.card-item__dateItem {
  position: relative;
}
.card-item__dateItem span {
  width: 22px;
  display: inline-block;
}
.card-item__dateTitle {
  opacity: 0.7;
  font-size: 13px;
  padding-bottom: 6px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .card-item__dateTitle {
    font-size: 12px;
    padding-bottom: 5px;
  }
}
.card-item__band {
  background: rgba(0, 0, 19, 0.8);
  width: 100%;
  height: 50px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .card-item__band {
    margin-top: 20px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__band {
    height: 40px;
    margin-top: 10px;
  }
}
.card-item__cvv {
  text-align: right;
  position: relative;
  z-index: 2;
  padding: 15px;
}
.card-item__cvv .card-item__type {
  opacity: 0.7;
}
@media screen and (max-width: 360px) {
  .card-item__cvv {
    padding: 10px 15px;
  }
}
.card-item__cvvTitle {
  padding-right: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}
.card-item__cvvBand {
  height: 45px;
  background: #fff;
  margin-bottom: 30px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  color: #1a3b5d;
  font-size: 18px;
  border-radius: 4px;
  box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}
@media screen and (max-width: 480px) {
  .card-item__cvvBand {
    height: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 360px) {
  .card-item__cvvBand {
    margin-bottom: 15px;
  }
}

.card-list {
  margin-bottom: -130px;
}
@media screen and (max-width: 480px) {
  .card-list {
    margin-bottom: -120px;
  }
}

.card-input {
  margin-bottom: 20px;
}
.card-input__label {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #1a3b5d;
  width: 100%;
  display: block;
  user-select: none;
}
.card-input__input {
  width: 100%;
  height: 42px;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #ced6e0;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  padding: 5px 15px;
  background: none;
  color: #1a3b5d;
  font-family: "Source Sans Pro", sans-serif;
}
.card-input__input:hover, .card-input__input:focus {
  border-color: #3d9cff;
}
.card-input__input:focus {
  box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}
.card-input__input.-select {
  -webkit-appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC");
  background-size: 12px;
  background-position: 90% center;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.slide-fade-up-enter-active {
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
  position: relative;
}

.slide-fade-up-leave-active {
  transition: all 0.25s ease-in-out;
  position: absolute;
}

.slide-fade-up-enter {
  opacity: 0;
  transform: translateY(15px);
  pointer-events: none;
}

.slide-fade-up-leave-to {
  opacity: 0;
  transform: translateY(-15px);
  pointer-events: none;
}

.slide-fade-right-enter-active {
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
  position: relative;
}

.slide-fade-right-leave-active {
  transition: all 0.25s ease-in-out;
  position: absolute;
}

.slide-fade-right-enter {
  opacity: 0;
  transform: translateX(10px) rotate(45deg);
  pointer-events: none;
}

.slide-fade-right-leave-to {
  opacity: 0;
  transform: translateX(-10px) rotate(45deg);
  pointer-events: none;
}

.github-btn {
  position: absolute;
  right: 40px;
  bottom: 50px;
  text-decoration: none;
  padding: 15px 25px;
  border-radius: 4px;
  box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
  background: #24292e;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 16px;
  text-align: center;
  transition: all .3s ease-in-out;
}
@media screen and (min-width: 500px) {
  .github-btn:hover {
    transform: scale(1.1);
    box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
  }
}
@media screen and (max-width: 700px) {
  .github-btn {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 20px;
  }
  .github-btn:active {
    transform: scale(1.1);
    box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
  }
}


.login-signup-wrap { background-image:url(../images/background/bg8.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative; }



.login-signup-form { max-width:550px; width:100%; margin:80px auto 200px; background:#FFFFFF; padding:30px; position:relative; border-radius:10px; -webkit-border-radius:10px; }
.login-signup-overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0.9; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38c3e1+0,3b5998+100 */
background: #38c3e1; /* Old browsers */
background: -moz-linear-gradient(left,  #38c3e1 0%, #3b5998 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #38c3e1 0%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #38c3e1 0%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38c3e1', endColorstr='#3b5998',GradientType=1 ); /* IE6-9 */
 }
 
.login-signup-text { color:#fff; text-align:center; padding-top:100px; }
.login-signup-text p { font-size:16px; }
.login-signup-heading { color:#fff; text-transform:uppercase; margin:0 0 20px; }
.aon-tabs-one .nav-tabs { border-bottom: 2px solid #555; }
.login-signup-wrap .aon-tabs-one .nav-tabs > li { width:50%; } 
.login-signup-wrap .aon-tabs-one .nav-tabs > li a { font-size:12px; color:#555; } 
.login-signup-wrap .aon-tabs-one .nav-tabs > li.active a { color:#45c8e4; } 
.aon-tabs-one .tab-content { padding: 30px 0px 0px; }
.login-signup-icon { position:absolute; left:50%; top:0px; margin:-60px; width:120px; height:120px; line-height:120px; text-align:center; background:#fff; border-radius:100%; -webkit-border-radius:100%; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); }
.divider-line { display:table; width:100%; margin:20px 0px; }
.divider-line div,
.divider-line strong { display:table-cell; vertical-align:middle; }
.divider-line strong {  width:1%; padding:0px 20px; }
.divider-line div span { height:1px; background-color:#999; display:block; }

.sf-google-btn,
.sf-facebook-btn { padding:8px; font-size:14px; font-weight:600; color:#fff; border-radius:5px; -webkit-border-radius:5px;  }
.sf-google-btn:hover,
.sf-facebook-btn:hover { color:#fff; }

.sf-google-btn img,
.sf-facebook-btn img { margin-right:10px; }

.sf-google-btn { background-color:#4285f4; }
.sf-google-btn:hover { background-color:#3372d9; }

.sf-facebook-btn { background-color:#3b5998; }
.sf-facebook-btn:hover { background-color:#2a447b; }


@import url('https://fonts.googleapis.com/css?family=Bree+Serif&display=swap');
.thank-you-box { background-color:#fff; padding:50px 30px 250px; border-radius:10px; -webkit-border-radius:10px; background-image:url(../images/thank-you.jpg); background-repeat:no-repeat; background-position: bottom center; }
.thank-you-table { display:table; width:100%; }
.thank-you-cell { display:table-cell; width:50%; }
.thank-you-cell:first-child { text-align:center; vertical-align:bottom;}


.thank-you-title { text-align:center; font-size:90px; color:#45c8e4; font-weight:700; margin-bottom:20px;}
.thank-you-text { padding:0px 10px; font-family: 'Bree Serif', serif; font-size:20px; margin-bottom:50px; color:#7e9397; }

.thank-you-info { list-style:none; margin:0px 10px; font-size:16px; }
.thank-you-info li { width:50%; float:left; margin-bottom:20px; color:#515e60; }
.thank-you-info li.d-date { text-align:right; }
.thank-you-info li strong { margin-right:10px;  }
.thank-you-info li:last-child { margin-bottom:0px; width:100%; clear:both; }
.thank-you-info .th-address { text-align:center; }
.thank-you-info .th-address .fa { margin-right:5px; }