/*
Author : Shameer
Company: colorbourne
*/

/*
/* IMAGE -----------*/
img { max-width: 100%; }
a img { border: none; outline: none; }
.index-dummy-img {
	width:100%; max-width:500px; height: 200px; 
	object-fit: cover; object-position: center;
}

/* font alignment ------*/
.text-upper { text-transform: uppercase; }
.text-capital { text-transform: capitalize; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-center img { float:none; display: inline-block; }
.text-noline { text-decoration: none; }
.text-uline { text-decoration: underline; }

.font-7 { font-weight: 700 }
.font-6 { font-weight: 600; }
.font-5 { font-weight: 500; }
.font-4 { font-weight: 400; }

/* blocks and alignment -*/
.fl-left {float:left;}
.fl-right { float:right; }

.section, .full-block { width:100%; float:left; }
.default-page { padding:20px 0; }
.d-none { display: none; }
.d-inline { display:inline; }
.d-block { display:block; }
.d-inblock { display:inline-block; }

.block-show {opacity:1; }
.block-hide {opacity:0; }

.full-width{ width:100%; }

.opacity1 { opacity: 0.1; }.opacity2 { opacity: 0.2; }
.opacity3 { opacity: 0.3; }.opacity4 { opacity: 0.4; }
.opacity5 { opacity: 0.5; }.opacity6 { opacity: 0.6; }
.opacity7 { opacity: 0.7; }.opacity8 { opacity: 0.8; }
.opacity9 { opacity: 0.9; }

/* LISTING ---------*/
ul, ol {
	list-style:none; margin:0; padding:0; 
}
ul li::before {
	position: absolute; top:0; left:2px; 
	width:15px; height:20px; 
	content:'\f30b'; display: inline-block; line-height:20px; color:#2ec3e8;
	font-family: "Font Awesome 5 Free"; font-weight:700; font-size:13px;
}
ul li, ol li {
	position: relative; font-size:14px;
	margin:0 0 10px; padding:0 0 0 25px;
}
ul li a, ol li a { text-decoration: underline; }

ul.nostyle {
	list-style: none; margin:0; padding:0;
}ul.nostyle li {  }

ul.circle-checklist,
ul.arrowlist {
	list-style: none; margin:0 0 20px; padding:0;
}
ul.circle-checklist li,
ul.arrowlist li {
	position: relative;
	margin:0 0 10px; padding:0 0 0 20px;
}
ul.circle-checklist li::before {
	position: absolute; left: 0; top:0;
	content: "\f058"; color:#2d2d2d;
	font-family: "Font Awesome 5 Free"; font-weight:500;
}
ul.circle-checklist li a,
ul.arrowlist li a  { 
	text-decoration: none; }


ul.arrowlist li::before {
	position: absolute; left: 0; top:0;
	content: "\f105"; color:#2d2d2d;
	font-family: "Font Awesome 5 Free"; font-weight:700;
}
ul.arrowlist li a {}







/* SPACING -------- */
.mcenter{ margin-left: auto; margin-right: auto; }
.m-0p { margin:0; }.m-10p {margin:10px;}.m-20p {margin:20px;}.m-30p {margin:30px;}.m-40p {margin:40px;}.m-50p {margin:50px;}.m-60p {margin:60px;}
.mt-0p{margin-top:0;}.mt-10p {margin-top:10px;}.mt-20p {margin-top:20px;}.mt-30p {margin-top:30px;}.mt-40p {margin-top:40px;}.mt-50p {margin-top:50px;}.mt-60p {margin-top:60px;}
.mb-0p{margin-bottom:0;}.mb-10p {margin-bottom:10px;}.mb-20p {margin-bottom:20px;}.mb-30p {margin-bottom:30px;}.mb-40p {margin-bottom:40px;}.mb-50p {margin-bottom:50px;}.mb-60p {margin-bottom:60px;}
.ml-0p{margin-left:0;}.ml-10p {margin-left:10px;}.ml-20p {margin-left:20px;}.ml-30p {margin-left:30px;}.ml-40p {margin-left:40px;}.ml-50p {margin-left:50px;}.ml-60p {margin-left:60px;}
.mr-0p{margin-right:0;}.mr-10p {margin-right:10px;}.mr-20p {margin-right:20px;}.mr-30p {margin-right:30px;}.mr-40p {margin-right:40px;}.mr-50p {margin-right:50px;}.mr-60p {margin-right:60px;}
.mrl-0p {margin-left:0; margin-right:0;}.mrl-10p {margin-left:10px; margin-right:10px;}.mrl-20p {margin-left:20px; margin-right:20px;}.mrl-30p {margin-left:30px; margin-right:30px;}.mrl-40p {margin-left:40px; margin-right:40px;}.mrl-50p {margin-left:50px; margin-right:50px;}.mrl-60p {margin-left:60px; margin-right:60px;}
.mtb-0p {margin-top:0; margin-bottom:0;}.mtb-10p {margin-top:10px; margin-bottom:10px;}.mtb-20p {margin-top:20px; margin-bottom:20px;}.mtb-30p {margin-top:30px; margin-bottom:30px;}.mtb-40p {margin-top:40px; margin-bottom:40px;}.mtb-50p {margin-top:50px; margin-bottom:50px;}.mtb-60p {margin-top:60px; margin-bottom:60px;}

.p-0p {padding:0; }.p-10p {padding:10px;}.p-20p {padding:20px;}.p-30p {padding:30px;}.p-40p {padding:40px;}.p-50p {padding:50px;}.p-60p {padding:60px;}
.pt-0p {padding-top:0px; }.pt-10p {padding-top:10px;}.pt-20p {padding-top:20px;}.pt-30p {padding-top:30px;}.pt-40p {padding-top:40px;}.pt-50p {padding-top:50px;}.pt-60p {padding-top:60px;}
.pb-0p {padding-bottom:0px; }.pb-10p {padding-bottom:10px;}.pb-20p {padding-bottom:20px;}.pb-30p {padding-bottom:30px;}.pb-40p {padding-bottom:40px;}.pb-50p {padding-bottom:50px;}.pb-60p {padding-bottom:60px;}
.pl-0p {padding-left:0px; }.pl-10p {padding-left:10px;}.pl-20p {padding-left:20px;}.pl-30p {padding-left:30px;}.pl-40p {padding-left:40px;}.pl-50p {padding-left:50px;}.pl-60p {padding-left:60px;}
.pr-0p {padding-right:0px; }.pr-10p {padding-right:10px;}.pr-20p {padding-right:20px;}.pr-30p {padding-right:30px;}.pr-40p {padding-right:40px;}.pr-50p {padding-right:50px;}.pr-60p {padding-right:60px;}
.prl-0p {padding-left:0;padding-right:0;}.prl-10p {padding-left:10px;padding-right:10px;}.prl-20p {padding-left:20px;padding-right:20px;}.prl-30p {padding-left:30px;padding-right:30px;}.prl-40p {padding-left:40px;padding-right:40px;}.prl-50p {padding-left:50px;padding-right:50px;}.prl-60p {padding-left:60px;padding-right:60px;}
.ptb-0p {padding-top:0;padding-bottom:0;}.ptb-10p {padding-top:10px;padding-bottom:10px;}.ptb-20p {padding-top:20px;padding-bottom:20px;}.ptb-30p {padding-top:30px;padding-bottom:30px;}.ptb-40p {padding-top:40px;padding-bottom:40px;}.ptb-50p {padding-top:50px;padding-bottom:50px;}.ptb-60p {padding-top:60px;padding-bottom:60px;}


/* FORM CONTENT ----------*/
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"], 
textarea, select, option {
	color:#707070; font-size:13px;
	background:#F3F3F3; border:1px solid #e7e7e7;
	border-radius: 30px; 
	-webkit-border-radius: 30px; -moz-border-radius: 30px;
}

input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"] { 
	width:100%; height: 42px; padding:10px 15px; margin:0 0 30px;
}
input[type="date"] {
	max-width: 150px;
}
input[type="number"] {
	max-width: 130px;
}
select {
	width:100%; height: 40px; padding:10px 15px; margin:0 0 15px;
}
textarea { 
	width:100%; height: 90px; padding:10px 15px; margin:0 0 15px;
	resize:none; outline: none; border-radius:10px;
}
input[type="submit"],
input[type="button"] { 
	cursor: pointer; padding:0 20px; min-height: 45px;
	font-size:14px;	min-width: 140px; 
	color:white; font-weight:600; text-transform:uppercase;
	background:#602D91; border:2px solid #602D91; border-radius: 30px; 
	-webkit-border-radius: 30px; -moz-border-radius: 30px;
}
input[type="submit"]:hover,
input[type="button"]:hover { 
	background:#000; border-color:#333; }


/*  MENU  ----------*/
.menu-area {
	margin:0 15px 0 0;
	width: auto; float:right; transition: height 1s; }
.top-menu { 
	width:100%; float:left;
	padding:0; margin:0; text-align: center; }
.top-menu a {
	font-size:14px; 
	text-decoration: none; color:#333; font-weight:700; }
.top-menu a:hover, .top-menu a.active, .current-menu-item a { 
	color:#602D91; }
.top-menu li::before { display: none; }
.top-menu ul {
	float: right; display: inline-block; 
	margin:0; padding:0;
	list-style: none;
}
.top-menu ul li {
	clear:none; margin:0; padding:10px 10px;
	float:left; position: relative;
	border: none; line-height: 1em;
}
.top-menu ul li a { 
	text-transform: uppercase;
	padding:2px 2px; margin:0 5px; display: inline-block;
}
.top-menu ul li a:hover {  }
.top-menu ul li a:focus { border: none; outline: none; }
.top-menu ul li ul { padding:5px 0; }
.top-menu ul li ul li a {  }
.top-menu ul li ul li a:hover { background:#eee; }


/* DROP DOWN MENU  -*/
.top-menu .sub-menu { display: none; }
.top-menu ul li.menu-item-has-children { cursor: pointer; }
.top-menu ul li.menu-item-has-children a { padding-right: 30px; }

ul.sub-menu { 
	width: 250px; position: absolute; left:4px; top:28px; z-index: 2001;
	margin:0; padding:0;
  	background:#f9f9f9; border-radius: 3px; }
ul.sub-menu li { 
	width:100%; float:left; clear:both; 
	margin:0; padding:0; border-bottom:1px solid #eee; }
ul.sub-menu li a {
	width:100%; float:left; clear:both; text-transform: capitalize;
	margin:0; padding:8px 10px; min-height: auto;  text-align: left;
	color:#333; font-size:13px; font-weight: 400;
}ul.sub-menu li a:hover {color:#2d2d2d;}
ul.sub-menu li:last-child { border:none; }

.top-menu .drop-down-icon {
	position:absolute; right:25px; top:9px; display:inline-block;
	width:20px; height:20px; line-height:20px;
	text-align:center; cursor: pointer;
	z-index:2001; 
}
.drop-down-icon i { line-height: 20px; color:#333; }
.top-menu .submenu-active { display: block; }

.menu-button { 
	display: none;  
	cursor: pointer; float: right; 
	display:none; width:50px; height:40px; 
	margin:0 0 0 15px; padding:0; line-height:38px;
	color:#fff; text-align:center; font-size:16px;
	background:#602D91;
	border:1px solid #602D91; border-radius:40px;
	-webkit-border-radius:40px; -moz-border-radius:40px;
}
.menu-close {
	display: none; background:#fff;
	width:30px; height:30px;
	position: absolute; top:18px; right:20px;
	text-align: center; line-height: 30px;
	font-size:1.1em; color:#d20001; cursor: pointer;
	border-radius: 30px; -webkit-border-radius: 30px; 
	-moz-border-radius: 30px; /*border:1px solid #3a88fa;*/
}
@media (max-width: 991px) { 
	.menu-button { display: block; margin:5px 0 0 5px;}
	.menu-close { display: block; }
	.menu-area { 
		height:0px; overflow:hidden;
		width: 100%; 
		position: fixed; top:0; left: 0; z-index: 2001;
		background:#602D91; }
	.menu-area .top-menu { margin:15% 0; }
	.menu-area ul { margin:0; padding:0; }
	.menu-area ul li { 
	  width:100%; float:left; text-align: center; margin:10px 0 20px; padding:0; }
	.menu-area ul li a { 
		font-size:1.4em; color:#fff; padding-right:2px !important; }
	.menu-area ul li a:hover { color:#333; }

	
	.top-menu .drop-down-icon {
		width:30px; height:34px; 
		line-height: 34px; color:#fff;
		right:10px; top:0; background:#737373; }
	.top-menu .sub-menu { 
		float:left;
		width:100%; margin:5px auto 0 auto; float:none; padding:0; clear:both; position:relative; top:0; left:0; }
	.top-menu .sub-menu li { margin:0; padding:0; text-align: center; border:none; }
	.top-menu .sub-menu li a { text-align: center; font-size:18px; border:none; margin:20px 0 0;} 
	.sub-menu {}
	.top-menu { text-align: center; }
	.top-menu ul { width:100%; }
	.menu-area .top-phonecall { display: none; }
	.menu-area .quick-quote { display: none; }
	 
}
@media (max-width: 767px) { 
    .menu-button {  margin-top:0; }
}
@media (max-width:575px) { 
	.menu-button { /*position:fixed; right:40px; top:30px;*/ }
	.menu-area { top: auto; bottom:0; }
}
@media (max-width:360px) {
	
}

/* menus script ---*/
.menu-active { 
	height: 100vh; display: block; overflow-y:scroll; }




/* OWL CAROUSEL ---------- */
/*.owl-carousel .owl-nav {
	/*position: absolute; top:0px; right:0; z-index: 2001; ////
}
.owl-carousel .owl-nav div {
	width:40px; height:40px; line-height:40px;
	margin:0; padding:0; float: left;
	color:#fff; text-align:center; font-size:1.4em;
	background: #2d2d2d; }*/

.owl-carousel .owl-nav {
/* 	position: absolute; top:35%; right:0; z-index: 2001; */
}
.owl-carousel .owl-nav div {
	width:35px; height:35px; line-height:36px;
	margin:0; padding:0; float: left;
	color:#fff; text-align:center; font-size:17px;
	background: #2d2d2d90; border-radius:35px; }

.owl-carousel .owl-nav div.owl-next { position: absolute; bottom:50%; right:-20px; }
.owl-carousel .owl-nav div.owl-prev { position: absolute; bottom:50%; left:-20px;  }
.owl-carousel .owl-nav div:hover {background: #602D91; }


@media(max-width:767px){
	.owl-carousel .owl-nav { display: none; }
}




.owl-carousel .owl-dots {
	margin:0 0 10px;
	text-align: center; }
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	width:8px; height: 8px;
	margin:0 2px; padding:0;
	background: #333; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; }
.owl-carousel .owl-dots .owl-dot.active {
	background:#1568b2; }
.next-slide, .prev-slide { cursor: pointer; }


.customnav { display: block; text-align: center; }
.customnav ul { list-style: none; margin:0; padding:0; }
.customnav ul li { 
	display: inline-block; cursor: pointer;
	width: 30px; height: 30px; line-height: 30px; 
	text-align: center; font-size:1.2em;
	background:#2d2d2d; color:#fff; }