/*Color Css*/
.TextColor { color:#02ccb2;}
.BackgroundColor { background:#02ccb2;}
.DefaultBackground { background:#02ccb2;}
.DefaultBorderColor{ border-color:#02ccb2;}
.DefaultColor  { color:#02ccb2;}
.MultiColor-bg { background:#02ccb2; }
A, A:link, A:active, A:visited{
    color: #02ccb2;
}
.how-to-use h3 {
    border-left: 3px solid #02ccb2;
}
/*Button*/
.btn-defaultColor, .btn-defaultColor:link, .btn-defaultColor:active, .btn-defaultColor:visited {
    background: #02ccb2;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-defaultColor:hover { background:#333;}
.btn-gray,
.btn-gray:link,
.btn-gray:active,
.btn-gray:visited{
    background: #333;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-gray:hover { background:#02ccb2;}
/*Login*/
.dnnlogin {
    float: right;
    border-radius: 5px;
    color: #FFF !important;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 0 0;
	background:#02ccb2;
}

/*Search*/
.search_bg a, .search_bg a:link, .search_bg a:active, .search_bg a:visited { background:#02ccb2;}

/*Footer*/
.TermsCss:hover {
  color: #02ccb2;
}
/*back to top*/
.goup a img {
    border: 2px solid #02ccb2;
}
/*breadcrumb*/
.skin-breadcrumb a:hover { text-decoration:underline; color:#02ccb2;}



/*HomePage*/
.home-banner .box h1 span { color: #02ccb2;}

.TitleBar h2:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 4px;
    background: #02ccb2;
    bottom: 0;
    margin: 0 0 0 -25px;
    left: 50%;
}
.TitleBar.white h2:after,
.TitleBar.white h2:before { background:#02ccb2;}

.FeatureIcons em {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    font-size: 30px;
    background: #02ccb2;
    color: #fff;
	position:relative;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.FeatureIcons em:after {
    content: "";
    position: absolute;
    border: 5px solid #02ccb2;
    width: 100px;
    height: 100px;
    left: -5px;
    border-radius: 50%;
    top: -5px;
	opacity: 0.3;
}
.FeatureIcons .box:hover { background:#02ccb2; color:#fff;}
.FeatureIcons .box:hover p{  color:#fff;}

.FeatureIcons .box:hover em { background:#fff; color:#02ccb2;}
.PhotoGallery .hover-icon span:hover { background:#02ccb2; color:#fff;}
.PhotoGallery .hover-text { background:#02ccb2;}
.hm-popular .hm-pricing-footer { background:#02ccb2;}
.hm-pricing-footer:hover{ background:#02ccb2;}

.hm-popular header {
    background: #02ccb2;
	color:#fff;
}
.footer-social a:hover { color:#02ccb2; }
.contact-btn em {
    background:#02ccb2;
    width: 90px;
    height: 70px;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    color:#FFF;
    margin: 0px 0px 30px;
	position:relative;
}
.contact-btn em:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #02ccb2;
    content: "";
    bottom: -10px;
    margin: 0 0 0 -10px;
    left: 50%;
}
.OurServices .box em {
	color:#02ccb2;
}
.OurServices .box:hover h4 { color:#02ccb2;}
.OurTeam .box h6:after{
    width: 40px;
    height: 1px;
    background: #02ccb2;
    position: absolute;
    content: "";
    left: 50%;
    margin: 0px 0px 0px -20px;
    top: 0px;
}

.OurTeam .box .social a {
    color: #02CCB2;
    font-size: 28px;
    margin: 0 5px;
}
.OurTeam .box:hover { border-bottom:3px solid #02CCB2;}

.Testimonial .text:hover { background:#02CCB2; color:#fff;}

.OurProjects .box em {
    background: #fff;
	border:3px solid #02ccb2;
	color:#02ccb2;
}
.OurProjects .featured-pro:hover em{ background:#02ccb2; color:#fff;}
/*Container*/
.Container002 .titleline {
    border-bottom: 3px solid #02ccb2;
}
.Container007 .dnntitle .title-bg:after {
  border-bottom: 45px solid #02ccb2;
}
.Container014 .dnntitle { border-left:3px solid #02ccb2;}

.Container016 .titleline:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background: #02ccb2;
    left: -55px;
    top: 50%;
}

.Container016 .titleline:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background: #02ccb2;
    right: -55px;
    top: 50%;
}


/*Standard Menu*/
.DNNStandard li.current a{
    color: #02CCB2;
}
.DNNStandard li.hover a, 
.DNNStandard li a:hover{
	color:#02ccb2;
}

.DNNStandard li li a:hover { color:#02ccb2;}
.DNNStandard li li.selected a { color:#02ccb2;}
.DNNStandard li li.selected a:hover { color:#02ccb2;}
.DNNStandard li li.selected li a { color:#fff;}

/*Mega Menu*/
ul.dnnmega li a:hover { color:#02ccb2;}
ul.dnnmega li li a:hover { color:#02ccb2;}
ul.dnnmega li.mmSelected a { color:#02ccb2;}
ul.dnnmega li.mmBreadcrumb a { color:#02ccb2;}

ul.dnnmega li li.mmSelected a { color:#02ccb2;}
ul.dnnmega li li.mmSelected li a:hover { color:#02ccb2;}


/*Mobile Menu*/

.MobileMenu .treeview a.selected {
	color:#02ccb2;
}

.MobileMenu .treeview a:hover {
	color:#02ccb2;
}

.MobileMenu .treeview li li a:hover { background:rgba(255,255,255,0.05); color:#02ccb2;}
.MobileMenu .treeview li li.collapsable a:hover { color: #02ccb2;}
.MobileMenu .treeview li.collapsable ul a:hover { color:#02ccb2; background:rgba(255,255,255,0.05);}
.MobileMenu .treeview li li a.selected { color:#02ccb2;background: none;}
.MobileMenu .treeview li li a.selected:hover { background:rgba(255,255,255,0.05); color:#02ccb2;}

/*OnePageNav*/

.OnePageNav li.hover a, 
.OnePageNav li a:hover{
	color:#02ccb2;
}
.OnePageNav li.current a {
    color:#02ccb2;
}



/*OnePageMobile Menu*/
.OnePageMobile li.current a,
.OnePageMobile li.hover a, 
.OnePageMobile li a:hover{
	color:#02ccb2;
}



/*Slider*/
.btn-style1 .bx-wrapper .bx-pager.bx-default-pager a { background:#02ccb2; opacity:0.5;}


.btn-style2 .bx-wrapper .bx-controls-direction a{
    background-color: #02ccb2;
}


.btn-style2 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.btn-style2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #02ccb2;
}

.button-controls a, .button-controls a:link, .button-controls a:active, .button-controls a:visited {
  color: #02ccb2;
  text-align: center;
  top: inherit;
  border: 1px solid #02ccb2;
  border-radius:50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
}
.button-controls a:hover { color:#fff; background:#02ccb2;}
#bx-thumbnail-pager a.active img,
#bx-thumbnail-pager img:hover { border:2px solid #02ccb2;}

.owl-theme .owl-controls .owl-buttons div:hover { background:#02ccb2;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #02ccb2;
}