*
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
}

/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0px auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1em}
.medium{font-size:1.5em}
.large{font-size:2em}
.extra-large{font-size:2.9em;line-height:1.5}
.line-ht{ line-height:1.5 }

.light{font-family: 'Montserrat', sans-serif; font-weight:normal}
.bold{font-family: 'Montserrat', sans-serif; font-weight:bold}
.upperCase{text-transform:uppercase}

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both; }

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}

.disNone{display:none !important}
.show{display: block;}
.lePort{margin-bottom:10px}

/* padding */
.pad_5{padding:5px}
.pad_10{padding:10px}
.pad_14{padding:0.8em}
.pad_15{padding:15px}
.pad_20{padding:20px}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0em 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0em 1.5em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}

/* margin */
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space20{height:1.2em; display:block;}
.space25{height:1.5em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}

/* coloumn structure*/
.col_1200{width:1200px;margin:0px auto}
.col_1_2{width:600px; float:left;}
.col_1_3{width:400px; float:left;}
.col_1_4{width:300px; float:left;}
.col_1_5{width:240px; float:left;}
.col_1_6{width:200px; float:left;}
.col_2_3{width:800px; float:left;}
.col_980{width:980px; }
.col_800{width:800px; float:left}
.col_400{width:400px; float:left}

.col_570{width:570px; float:left}
.col_760{width:760px; float:left}
.col_380{width:380px; float:left}
.col_900_full{width:900px}
/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block; width:100%;}

/*text transform*/
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/*Error Message Classes*/
.info, .success, .warning, .error {margin: 10px 0px;padding:12px;padding-left:36px !important;display:block}
.info {color: #00529B;background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;}
.success {color: #4F8A10;background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;}
.warning {color: #9F6000;background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;}
.error {color: #D8000C;background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;}


/*================================================== Lucid Edge CSS Starts ==================================================*/

/*Theme colors*/


.themeBgPrimary{background:#2fd3ae;}
.themeClrPrimary{color:#2fd3ae;}
.themeClrSecondary{color:#000000}
.themeBgSecondary{background:#000000}

.bgWhite{background:#ffffff}
.bgWhitef8{background:#f8f8f8}
.bgWhitef7{background:#f7f7f7}
.clrWhite{color:#fff;}
.clr555{ color:#555 }
.clrGrey{color:#959696;}
.clr888{color:#888888}

/*Text color*/
.clrPrimaryTxt{color:#000000}
.clrRegTxt{color:#888888}
.clrSecTxt{color:#555555}


/* header */
/*header*/

#call{position:absolute;right:10px;top:10px;background:url("../images/icons/call_Header.png") no-repeat left center;padding-left:30px; color:#333; font-weight:500; display:block; text-decoration:none; line-height:1.8; cursor:pointer; z-index:99 }
#callResp{position:absolute;right:4px;top:5px;background:url("../images/icons/call_Header.png") no-repeat center center;display:none; height:30px; width:30px}

.topSocial{float:left; height:38px}
.topSocial a{ display:inline-block; float:left; height:32px; width:32px; cursor:pointer }
.topSocial a.fb-dark{background:url("../images/icons/fb-dark.png") no-repeat center center; margin-right:10px}
.topSocial a.tw-dark{background:url("../images/icons/tw-dark.png") no-repeat center center;margin-right:10px}
.topSocial a.lin-dark{background:url("../images/icons/lin-dark.png") no-repeat center center;margin-right:10px}
.topSocial a.gp-dark{background:url("../images/icons/g-plus-dark.png") no-repeat center center;margin-right:10px}

#header{z-index:9999 !important;  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
 -moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
 box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);}


/* master page fix menu navigation */
.fixed{position:fixed; width:100%; left:0; top:0;   background:#ffffff; z-index:999 !important;}
.logoSmall{display:none;}

/* deafult page fix menu navigation */
.fixed #topNavDefault{margin-top:18px;}
.logoContainer{ padding:15px 0px 15px 0px; float:left; z-index:9999 }
/*.logoBig{float:left;width:220px;height:100px}*/

#navBtn{cursor:pointer; position:absolute; top:40px; right:10px; background:url(../images/icons/nav-sprite.png) no-repeat 0px 0px; height:48px; width:48px; z-index:9999 }

/*New Classes for Menu*/
aside {	position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:rgba(47, 211, 174, 0.9); 	opacity: 0;visibility: hidden;transition: all .5s ease;	z-index: 2;}
.open {	opacity: 1;	visibility: visible;}
.close {
	position: fixed;
	top: 40px;
	right: 60px;
	color: white;
	z-index: 3;
    background:url(../images/icons/nav-sprite.png) no-repeat -48px 0px;
	cursor: pointer;
	height:48px; width:48px;
  }

.outer-close {position: absolute;right: 0;top: 0;width: 85px;height: 85px;cursor: pointer;}
nav.main {
	text-align: center;
	height: 95vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
nav.main ul { list-style-type:none }
nav.main ul li{ font-size:2.3em; line-height:1.5 }
nav.main ul li a{ color:#fff; text-decoration:none; }
nav.main ul li a:hover{text-decoration:underline; color:#555}

.hamburger {display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;  color: inherit;text-transform: none;background-color: transparent;  border: 0;margin: 0;overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #2fd3ae; }
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #2fd3ae;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }

.hamburger--slider .hamburger-inner {top: 2px; }
.hamburger--slider .hamburger-inner::before {top: 10px;transition-property: transform, opacity;transition-timing-function: ease;transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {top: 20px; }
.hamburger--slider.is-active .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {transform: translate3d(0, -20px, 0) rotate(-90deg); }


#topNavPanel{float:right; margin-top:20px}
#topNav{list-style:none;margin-top:30px; }
#topNav li{display:inline-block; position:relative;}
#topNav li a{display:block;text-decoration:none;  font-size:1.1em; line-height:1.3; color:#000000; padding:0.3em 0.8em;}
#topNav li a:hover{color:#2fd3ae}

#topNav ul{position:absolute; display:none; top:33px; left:0px;padding:0.5em;background-color:#282e3e}
#topNav ul li{display:block;}
#topNav ul li a{display:block;text-decoration:none;color:#fff;padding:7px 10px; width:160px;}
#topNav ul li a:hover{color:#708d91}
#topNav li:hover > ul{display:block; z-index:3}


.themeAnchor{color:#2fd3ae; text-decoration:none; display:inline-block}
.themeAnchor:hover{ color:#000; }


/*banner*/
canvas {width: 100%;height: 600px;background-color: #2fd3ae;}
#particles-js{height:600px}
#banner{position:absolute;top:0px; left:0px; height:600px; width:100%; display:grid; font-size:1.5em; }
/*.banner{ background-size:contain;  height:600px; background:#2fd3ae }*/
/*.bannerOverlay{background:rgba(0,0,0,0.6); height:600px;}*/
.bannerSpacer{height:150px;}
.bannerTitle{font-size:3em}
.bannerSutText{font-size:1.5em}
.learnMore{text-decoration:none; font-size:1.2em; padding:15px 40px; background-color:#2fd3ae; color:#404041;}
.learnMore:hover{background-color:#404041; color:#fff; cursor: pointer;-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 2s ease-out;-o-transition: background-color 2s ease-out;transition: background-color 2s ease-out;}

/*Banner text slider*/
.hero-section, .hero-section__wrap {position: relative; overflow: hidden;}
.hero-section .container, .hero-section__wrap .container {z-index: 2; top: 50%; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hero-section__option {top: 0; left: 0; right: 0; bottom: 0; position: absolute;}
.hero-section__words .title__effect {display: block; position: absolute; left: 0; top: 0; right: 0; opacity: 0;}
.hero-section__words .title__effect.is-visible {position: relative; opacity: 1;}
.hero-section.clip .title__heading > span, .hero-section.clip .title__effect {display: inline-block; padding: .2em 0;}
.hero-section.clip .hero-section__words {overflow: hidden; vertical-align: top;}
.title_shadow{text-shadow: 1px 3px 3px rgba(0,0,0,0.53);}
/*About us*/
#about{background:url(../images/about-bg.png) repeat center center }
.lineHt{line-height:1.6}
.sidebarImg{ width:100% }

.clientBox{ float:left; width:180px; }
.clientBox img{ width:100% }
.border-1p{ border:1px solid #ccc }

.inline-anch{ text-decoration:none; font-size:1em; cursor:pointer }
.inline-anch:hover{ text-decoration:underline }

/*Services*/
.circleDiv{width:120px; height:120px; border-radius:50%; color:#fff; background-color:#2fd3ae; display:table;}
.circleDiv img{ padding:5px; width:115px; border-radius:50%; color:#fff; display:table-cell; vertical-align:middle;}
.Rm{text-decoration:none; font-size:1.2em; background-color:#2fd3ae; padding:15px 40px; color:#404041;}
.Rm:hover{background-color:#404041; color:#fff; cursor: pointer;-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 2s ease-out;-o-transition: background-color 2s ease-out;transition: background-color 2s ease-out;}

/*Services Page*/
.srv_img{margin: 0 auto; display: block; width:130px }

.homeSrv{position:relative; top:0px; -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2)); filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2));}
.homeSrv:hover{top:-10px; transition-duration: 0.3s;}

.srvHomeNew {width:175px; -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3)); filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));}
.srvHomeNew img{margin:0 auto}
.srvHomeNew:hover{top:-10px; transition-duration: 0.3s;}

.service_Box{border:1px solid #ececec; height:220px }
.serv_boxShadow {position :relative; top:0px;webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 5px 0px  rgba(0,0,0,0.3);box-shadow: 2px 2px 5px 0px  rgba(0,0,0,0.3);}
.serv_boxShadow:hover{ top:-10px; transition-duration: 0.3s;}

/*Buttons*/
.button{display: inline-block; border: 1px solid; border-radius: 3px; padding: 12px 30px; font-size: 12px; line-height: 24px; font-weight: bold; letter-spacing: .06em; transition: .33s all ease; text-transform: uppercase; cursor: pointer; text-align: center; text-decoration:none;}
.button-small{border: 1px solid; border-radius: 3px; padding: 12px 30px; font-size: 12px; line-height: 24px; font-weight: bold; letter-spacing: .06em; transition: .33s all ease; text-transform: uppercase; cursor: pointer; text-align: center; text-decoration:none;}

.btnGreen{color: #fff; background-color: #2fd3ae; border-color: #2fd3ae;}
.btnGreen:hover{color: #fff; background-color: #000; border-color: #000;}

.btnBlack{color: #fff;background-color: #000;border-color: #000;}
.btnBlack:hover{color: #fff;background-color: #2fd3ae;border-color: #2fd3ae;}

.btnWhite{color: #fff;background-color: transparent;border-color: #fff;}
.btnWhite:hover{color: #fff;background-color: #2fd3ae;border-color: #2fd3ae;}


.btnBlack{color: #000; background-color:transparent; border-color: #e0e0e2;}
.btnBlack:hover{color: #fff;background-color: #2fd3ae; border-color: #2fd3ae}

.button-link {border: 0; padding: 0;}

.button-link, .button-link:active, .button-link:focus {color: #2fd3ae; font-size:0.9em; text-decoration:none;}
.button-link:hover {color: #2fd3ae;}
.button-link:after {display: inline-block; padding-left: 8px; content: '\25BA';}

/*Like what we offer*/
.offerBanner{background:url("../images/parallax-01.jpg") no-repeat fixed center; background-size:cover;}

.blog-container{width:600px; float:left;}
.blog-anchor{text-decoration:none; width:250px;height: 250px; float:left; position:relative; overflow: hidden !important;}
.blog-anchor img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  max-width: 100%;max-height: 100%;}
.blgImg{width:250px; float:left; display:inline-block}
.blgBox{margin-left:270px; display:inline-block}

.blogBgClr{background-color:#edf3f3}
/*.blogImg{width:250px; float:left;}*/
.blogBox{margin-left:250px; height:250px; position:relative}
.blogTittle{text-decoration:none; }
.newblog{ font-size:1em; color:#888888; margin-right:10px;font-weight:lighter}
.bgBlog{background:#edf3f3; position:absolute; left:0px; bottom:0px; width:100% }
.blogStats{background:#edf3f3; width:100% }

.blog-shadow{box-shadow: 0px 0px 5px rgba(0,0,0,.1); border: 1px solid #ddd;}
.blogDate{background:url("../images/icons/calendar.png") no-repeat top left; padding-left:20px; line-height:1.1; display:block; color:#555;font-size:0.8em; margin-bottom:5px}
.blogSubject{background:url("../images/icons/blogSubject.png") no-repeat top left; padding-left:20px; line-height:1.1; display:block; color:#555; font-size:0.8em}
.blogDetail-shadow{border-radius: 3px; box-shadow: 1px 1px 4px rgba(0,0,0,.10);}
.ionIco{list-style:none;}
.ionIco li{ font-size:0.9em; display:inline-block; margin-right:20px; font-weight:400; }
/*.ionIco li i{ font-size:0.9em; color:#888888; margin-right:10px;font-weight:lighter}*/
.ionIco li i.date{ background:url(../images/icons/time.png) no-repeat left center; padding-left:20px;}
.ionIco li i.author{background:url(../images/icons/author.png) no-repeat left center; padding-left:20px;}
.ionIco li i.views{background:url(../images/icons/view.png) no-repeat left center; padding-left:20px;}

.blogStats{list-style:none}
.blogStats li{display:inline-block; padding-left:20px; margin-right:40px}
.blogStats li .clock{background:url() no-repeat left center} 
.blogStats li .author{background:url() no-repeat left center} 
.blogStats li .views{background:url() no-repeat left center} 
.BlogDetails_Tittle{font-size:1.7em }
.BlogDetails_Text{font-size:0.9em; line-height:1.6; color:#888888}
.blogAll_Tittle{color:#555555; font-size:1.3em;}
/*Features*/
.featuresBg{background:#fafafa}
.featuresBoxShadow{}
.featuresBoxShadow:hover{-webkit-box-shadow: 4px 4px 5px 0px rgba(219,212,219,0.76); -moz-box-shadow: 4px 4px 5px 0px rgba(219,212,219,0.76); box-shadow: 4px 4px 5px 0px rgba(219,212,219,0.76);}
.featuresBoxHeight{height:200px}
.featuresSpacer{}
.featuresSpacer50{height:3.1em; display:block;}

/*Footer*/
.footer{background-color:#000000;}
.footer p{line-height:1.4;}
.footerCaption{font-size:1.1em; line-height:1.8;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0em;color:#54c6ac;font-size:0.9em; line-height:1.3;}
.footerNav li a:hover{color:#555;}
.footerLiner{background-color:#848282; height:1px; display:block; }
.intellect{text-decoration:none; color:#CEA123;}
.intellect:hover{color:#FED524;}

/*Footer Social Links*/
.fb{background:url("../images/icons/social-sprite.png") no-repeat 0px 0px; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.fb:hover{background:url("../images/icons/social-sprite.png") no-repeat 0px -32px;}
.twt{background:url("../images/icons/social-sprite.png") no-repeat -32px 0px; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.twt:hover{background:url("../images/icons/social-sprite.png") no-repeat -32px -32px;}
.linkedin{background:url("../images/icons/social-sprite.png") no-repeat -96px 0px; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.linkedin:hover{background:url("../images/icons/social-sprite.png") no-repeat -96px -32px;}
.gPlus{background:url("../images/icons/social-sprite.png") no-repeat -64px 0px; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.gPlus:hover{background:url("../images/icons/social-sprite.png") no-repeat -64px -32px;}
.instagram{background:url("../images/icons/insta.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.instagram:hover{background:url("../images/icons/insta-invert.png") no-repeat left center;}


/*Contact Info - Home Page*/
.call{background:url("../images/icons/call.png") no-repeat top left; padding-left:36px; font-size:0.9em; line-height:2; display:block; cursor:pointer }
.email{background:url("../images/icons/email.png") no-repeat top left; padding-left:36px; font-size:0.9em; line-height:2; display:block; word-wrap: break-word;}

.pgTitleBar{ width:100%; background:url(../images/about-bg.png) repeat center center; border-bottom:2px solid #2fd3ae }
.pgTitle{ font-size:2.2em; font-weight:600; color:#2fd3ae }
/* Breadcrumb */
.bcPanel{padding:0.9em 0;margin-bottom:10px}
.bcNav{list-style:none;}
.bcNav li{display:inline-block; color:#787878; font-size:1em; line-height:1.3;}
.bcNav li a{display:inline-block;text-decoration:none;color:#787878;font-size:1em; line-height:1.3; font-weight:700; padding-right:28px; background:url("../images/icons/right.png") no-repeat right center}
.bcNav li a:hover{ color:#2fd3ae; text-decoration:underline }


/*Form Controls*/
.labelCap{ font-weight:600; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:10px; display:block}
.textBox{padding:0.3em; border:1px solid #cccccc; border-radius:3px; display:block; resize:none; width:97% ; font-size:0.9em }
.cmbBox{padding:0.3em; border:1px solid #cccccc; border-radius:3px; display:block; resize:none; width:98%; font-size:0.9em}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w95{width:95%}
.w70{ width:70%; margin:0 auto }
.mar_b_15{margin-bottom:0.9em}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input { padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#2fd3ae; color:#fff; font-size:1em; padding:8px 15px; border-radius:3px; cursor:pointer; }
.buttonForm:hover{background:#404041}
.buttonForm-Orange{background-color:#f4b123; color:#fff; font-size:1em; padding:5px 8px; border-radius:5px; cursor:pointer; background-image: -webkit-linear-gradient(top, #f4b123, #c08b1a); background-image: -moz-linear-gradient(top, #f4b123, #c08b1a); background-image: -ms-linear-gradient(top, #f4b123, #c08b1a); background-image: -o-linear-gradient(top, #f4b123, #c08b1a); background-image: linear-gradient(to bottom, #f4b123, #c08b1a);}
.buttonForm-Orange:hover{background:#f4b123}

.button-gray{color:#fff;padding:0.3em 0.5em;font-size:1.1em; background-color:#cccccc; cursor:pointer; border-radius:3px}

/*Contact-us*/
#map-canvas {width:100%; height: 350px; margin: 0; padding: 0; }

.Contact_Box{-webkit-transition: background 0.7s; border:1px solid #ececec; min-height:240px }
.boxShadow {
    -webkit-box-shadow: 1px 1px 0px 0px #d5d4d4;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 0px 0px #d5d4d4;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 0px 0px #d5d4d4;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.boxShadow:hover{
    -webkit-box-shadow: 3px 3px 0px 0px #d5d4d4;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 0px 0px #d5d4d4;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 0px 0px #d5d4d4;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.location-Contact{background:url("../images/icons/location.png") no-repeat top left; padding-left:30px; line-height:1.5; display:block; color:#555; font-size:1em;}
.call-Contact{background:url("../images/icons/tel.png") no-repeat top left; padding-left:35px; line-height:1.5; display:block; font-size:1em; color:#555;}
.email-Contact{background:url("../images/icons/mail.png") no-repeat top left; padding-left:35px; line-height:1.5; display:block; font-size:1.1em; color:#555; }
.addr{display:block; padding-left:30px; }
.contactForm{margin:0 auto; width:600px;}

/*Portfolio page*/
.hvrbox {position:relative; display:block; overflow: hidden; width: 100%;}
.hvrbox-layer_top {opacity: 0; position: absolute; top: 0; left: 0; right: 0;  bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: #fff; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top {opacity: 1;}
.hvrbox-text {text-align: center; font-size: 18px; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.hvrbox-layer_slideleft {-moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {-moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.portfolio-item {float: left; display: block; width:100%; overflow: hidden;}
.portfolio-item img {width: 100%; display:block}

.pf-caption-box{ background:#555; text-align:center; min-height:60px; }

.ico{ font-size:1em; color:#888888; margin-right:8px;font-weight:lighter}

/*Home Page Testimonials*/
.tm-box{width:800px; border-radius:5px; background:#edf3f3; }
.tm-image{width:200px; float:left; border-radius:50%; }
.tm-image img{width:200px; height:200px; border-radius:50%;-webkit-box-shadow: 6px 10px 25px -6px rgba(0,0,0,0.75);-moz-box-shadow: 6px 10px 25px -6px rgba(0,0,0,0.75); box-shadow: 6px 10px 25px -6px rgba(0,0,0,0.75); }
.tm-content{ width:580px; float:left;text-align:left; }
.tm-content p.quote{background:url(../images/icons/quotes.png) no-repeat top left; padding-left:24px; color:#888888; font-size:0.8em; font-weight:200; margin-bottom:20px; }
.tm-content span{ color:#2fd3ae; font-weight:500; font-size:0.9em; float:right; margin-right:10px }
.tm-content span span{font-weight:300;}


#preLoad{position: fixed;top: 0;left: 0;background-color:#000000;opacity:3;height:100%;width:100%;z-index:9999;text-align:center;display:table;}

#svgLoader{margin:0 auto;  }

#filterNav{}
#filterNav li{display:inline-block; padding:5px 10px}

#filterNav li a{text-decoration:none; color:#000; padding:12px 18px; background:#888888; border-radius:15px; transition: .33s all ease; display:block}
#filterNav li a:hover{background:#2fd3ae}
#filterNav li a.active{background:#2fd3ae}

#testBlock{background:#fff}

#backTop {display: inline-block;background: #2fd3ae url(../images/icons/backTop.png) no-repeat center center;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;visibility: hidden;z-index: 1000;}
#backTop:hover {cursor: pointer;background-color: #ccc;}
#backTop:active {background-color: #555;}
#backTop.show {opacity: 1;visibility: visible;}


.spinner-overlay {display:none; position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(76, 79, 79, 0.5);justify-content: center;align-items: center;z-index: 2;}
.spinner {width: 50px;height: 50px;border-radius: 50%;background: conic-gradient(#2fd3ae 0deg 180deg, #e3bdbd 180deg 360deg);animation: rotate 1.5s linear infinite;mask: radial-gradient( farthest-side, transparent calc(100% - 7px), black calc(100% - 15px) );}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* === PRICING SECTION === */
.pricing-section {padding: 60px 20px;background: #f9fafc;text-align: center;}
.section-title {font-size: 2rem;font-weight: 700;margin-bottom: 10px;color: #222;}
.section-subtitle {font-size: 1rem;	color: #666;margin-bottom: 40px;}
.pricing-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.pricing-card {background: #fff;border: 1px solid #e5e7eb;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);width: 300px;	padding: 30px 20px;	transition: all 0.3s ease;}
.pricing-card:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(0,0,0,0.1);}
.plan-title {font-size: 1.3rem;	font-weight: 600;color: #0a0a0a;margin-bottom: 8px;}
.plan-price {font-size: 1.8rem;font-weight: 700;color: #2FD3AE;	margin-bottom: 20px;}
.plan-features {list-style: none;padding: 0;margin: 0 0 20px;color: #444;font-size: 0.95rem;text-align: left;}
.plan-features li {padding: 6px 0;border-bottom: 1px solid #eee;}
.btn {display: inline-block;	background: #2FD3AE;color: #fff;padding: 10px 25px;border-radius: 6px;text-decoration: none;font-weight: 600;transition: background 0.3s; cursor:pointer}
.btn:hover {background: #22b18f;}

/* Featured (middle) card styling */
.featured {background: #2FD3AE;color: #fff;transform: scale(1.05);border: none;}
.featured .plan-price,.featured .plan-title {color: #0a0a0a;}
.featured .plan-features li {border-color: rgba(255, 255, 255, 0.3);}
.featured .btn {background: #fff;color: #2FD3AE;}
.featured .btn:hover {background: #e0e0e0;}

/* Responsive Design */
@media (max-width: 768px) {
	.pricing-container {
		flex-direction: column;
		align-items: center;
	}

	.pricing-card {
		width: 90%;
	}
}

/* Popup Background */
.popup-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.45);display: none;justify-content: center;align-items: center;z-index: 9999;}
/* Popup Box */
.popup-box {background: #fff;border-radius: 10px;width: 90%;max-width: 380px;padding: 25px 25px 35px;position: relative;box-shadow: 0 8px 25px rgba(0,0,0,0.15);animation: popupShow 0.25s ease;}
@keyframes popupShow {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.popup-box h3 {margin-bottom: 15px;font-size:2em;color: #2FD3AE; font-weight:bold}


/* Close Button */
.popup-close {position: absolute;top: 8px;right: 15px;font-size: 26px;cursor: pointer; color: #666;}


/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
    #banner{font-size:1.2em}
}
@media screen and (max-width: 1140px)
{
    .col_1200{width:97%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67% }
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70% }
	.col_340{ width:30%}

    .blog-container{ float:none; margin:0 auto  }


	#navBtn{display:block; top:40px; right:10px}
    #topNavPanel{display:none;float:none;position:absolute;right:10px; top:80px; margin-top:0; z-index:100; -webkit-box-shadow: 0px 0px 2px 2px rgba(229,229,229,5);    -moz-box-shadow: 0px 0px 2px 2px rgba(229,229,229,5);    box-shadow: 0px 0px 2px 2px rgba(229,229,229,5);}
    /*#topNavPanel{display:none;float:none; position:absolute z-index:100; height:100%; width:100%; background:#fff }*/
    #topNav{background:#fff; margin-top:0; }
    #topNav li{display:block;padding:5px 10px;border-bottom:solid 1px #e0e0e0; }
    #topNav li a{display:block;color:#282e3e !important;padding:5px 15px; font-size:1em}
    
    #topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff}
    #topNav ul li{border:none !important}
    #topNav ul li a{display:block;padding:0.2em 0em; font-size:0.9em; color:#282e3e !important;text-align:left}
    #topNav ul li a:hover{background:#fff;color:#555}
    
    .titleOffset{ padding:20px 10px }
    
    .pfImgCol{ width:30%; }
	.pfDetailCol{ width:65%}

    #banner{font-size:1.1em}
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
	.col_960{width:100%}
    
}
@media screen and (max-width: 920px)
{
    .col_800{ width:100%; float:none }
	.col_340{ width:100%; float:none}
	.pad_L_30{padding-left:0}
    

	.bannerSpacer{height:50px;}
	.bannerOverlay{height:500px;}
	.servicesOverlay{height:auto;}
	.sidebarImg{ width:auto; margin-top:20px }
	

    
}
@media screen and (max-width: 860px) 
{
    .tm-box{width:100%}
    .tm-image{ display:none; float:none }
    .tm-content{ width:100%; float:none }
    #banner{font-size:1em}
    .extra-large{ font-size:2.5em}
}
@media screen and (max-width: 800px)
{
    .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3{width:100%; float:none;}
	
    .projectImg{float:none; margin:0 auto; margin-bottom:10px }
	.projBox{margin-left:0;}
	
	.pfImgCol{ width:50%; float:none; margin:0 auto	 }
	.pfDetailCol{ width:100%; float:none }
	.pfDetOff{ padding-left:0; margin-top:20px}
    

    .portfolio-item{float:none;display:block;width:100%;}
    .portfolio-item .portfolio-info{margin-top:0 !important;width:100% !important;height:auto !important;display:block;}

    
}
@media screen and (max-width: 768px)
{
    #header { height:80px }
	.logo{width:180px}
	
	#navTopPanel{top:70px; }
	#pfImage{ width:100% }
	.footerNav li a{padding:5px;}
	.port_col{ width: 50% }

    .logoBig{ width:200px }
	
}
@media screen and (max-width: 640px)
{
    .col_1_3{width:100%}
	.col_2_3{width:100% }
	.col_1_2{width:100%}


	.medium{font-size:1em}
	.extra-large{font-size:2.1em}
	.projCenter{ text-align:center }
	
	.pfImgCol{ width:100%}
	
	.cmbBox{width:99%}
	.w50{width:100%}
    .w20{width:100%}
    .w95{width:97%}
	.w80{width:95%}
	.app_r_padding{padding-right:0px}
	
	.userProfile{display:block; float:none; margin:0 auto; margin-bottom:20px }
	.testBox{margin:0px; text-align:center;}
	.port_col{ width: 100%; float:none }

    .contactForm{width:100%;}
}
@media screen and (max-width: 600px)
{
    .blog-container{width:100%}
    .blog-anchor{ display:none !important }
    .blogBox{margin-left:0px; width:100%; height:200px}

    .col_340 img{ width:100% }
}
@media screen and (max-width: 480px)
{
    .extra-large{font-size:1.5em}
	.news-img{float:none;width:100%;}
	.news-info{margin-left:0; margin-top:10px}
	
	#call{display:none}
	#callResp{display:block}
	.cmbBox{width:100%}

    
}
@media screen and (max-width: 360px) {
    .sidebarImg {
        width: 100%;
    }
}