
#whyHivo{
	background-color:#1e2126;
	color:#c1c1c1
}
#whyHivo h3{
	color: white;
}
#whyHivo i{
	color: #f9d823;
}
#whyHivo .about_bottom_list p span{	
	color: #f9d823;
}
#service .icon-fea::before{
	color: #f1cd09;
}

.pageHeaderMain{
	background-color: unset ;
	background-image: none ;
}
.pageHeaderMain a:hover{
	color: #f9d823;
}
.pageHeaderOtherMain{
	/*background-color: white;*/
	/*background-image: linear-gradient(to bottom right, #efca0094, #f9d823);*/
	/*background-color: #f9d823;*/
	background-color: white;
}
.pageHeaderOtherMain a:hover{
	color: black !important;
}

.footer-section{
	background-color: #1e2126;
}
/*.row-expert-items > .expert-items {
	border-bottom: 1px solid gray !important;
}*/
.simpleFeature{
	color: #005C97
	text-decoration: underline;
}
.simpleFeatureDiv{
	text-align: left;
}
.note-form{
	font-size:11px !important;
	color:grey !important;
}
.imgBorder{
	border: 1px solid gainsboro;
	border-radius:3px;
}

.contactAHref{
	color: #f9d823 !important;
}
.contactAHref:hover{
	color: #f9d823 !important;
    text-decoration: underline #f9d823 !important;
}
.contactAHref2{
	color: #f9d823 !important;
}
.contactAHref2:hover{
	color: #f9d823 !important;
    text-decoration: underline #f9d823 !important;
}
.divHeaderContact{
    /*background-color: #2d2d2d;*/
    border-radius: 5px;
}
.divHeaderContact a{
    /*color: white !important;*/
    padding: 10px !important;
    margin: 20px 10px !important;
}
.aMoreInfo{
	color: #f9d823;
}
.aMoreInfo:hover{
	color: #ffe100;
}
.aMoreInfo:after{
	font-family: FontAwesome;
	content: ' \f101';
}

.btnMoreInfo{
	/*white-space: nowrap;
	padding: 10px 25px;
	border-radius: 5px;
	
	background-color: #f9d823;
	color:black;
	border: 1px solid #b5b5b5;
	*/
	
    white-space: nowrap;
    text-decoration: underline;
    color: #6a6a6a;
}
/* 
.btnMoreInfo.aMoreInfo:hover{
    background-color: #2d2d2d;
    color: #f9d823 !important;
} */
.btnMoreInfo:hover{
	/*
    color: #2d2d2d !important;
    background: #ffe800;
	*/
    color: #6a6a6a !important;
}

.btnContactUs{
	white-space: nowrap;
	padding: 10px 25px;
	border-radius: 5px;
	
	background-color: #f9d823;
	color:black;
	border: 1px solid #b5b5b5;
}
.btnContactUs:hover{
    color: #2d2d2d !important;
    background: #ffe800;
}


/* PRICE */
.pricing-box h3 {

	padding-bottom: 20px;
	padding-top: 20px;
	font-weight: bold;
}

.pricing-box-premium:hover{
	border-top: 4px solid #5a5a5a;
	box-shadow: 0 25px 45px #5a5a5a;
	background-image: linear-gradient(180deg, #a9a9a9, #fdfdfd26);
}
.pricing-box-premium h3{
	color: #5a5a5a;
}
.pricing-box-premium .btn-chos{
	background-color: #5a5a5a;
	border: none;
	color:white;
}
.pricing-box-premium .btn-chos:hover{
	background-color: white;
	color: #5a5a5a;
	border: 3px solid #5a5a5a;
}

.pricing-box-pro:hover{
	border-top: 4px solid #005C97;
	box-shadow: 0 25px 45px #005C97;
	background-image: linear-gradient(180deg, #005c9770, #fdfdfd26);
}
.pricing-box-pro h3{
	color:#005c97;
}
.pricing-box-pro .btn-chos{
	background-color: #005c97;
	border: none;
	color:white;
}
.pricing-box-pro .btn-chos:hover{
	background-color: white;
	color: #005c97;
	border: 3px solid #005c97;
}

.pricing-box-ultimate:hover{
	border-top: 4px solid #977600;
	box-shadow: 0 25px 45px #977600;
	background-image: linear-gradient(180deg, #97760073, #fdfdfd26);
}
.pricing-box-ultimate h3{
	color: #977600;
}
.pricing-box-ultimate .btn-chos{
	background-color: #977600;
	border: none;
	color:white;
}
.pricing-box-ultimate .btn-chos:hover {
	background-color: white;
	color: #977600;
	border: 3px solid #775d00;
}

	.priceCross{
		text-decoration: line-through;
		color:red !important;
		font-size: 20px !important;
	}
	.priceCross span{
		font-transform: none !important;
	}
	.pricing-box-premium h2 span, .pricing-box-premium h2 sub{
		color: gray;
	}
	.pricing-box-pro h2 {
		color:#005c97;
	}
	.pricing-box-pro h2 span, .pricing-box-pro h2 sub{
		color: gray;
	}
	.pricing-box-ultimate h2 {
		color: #977600;
	}
	.pricing-box-ultimate h2 span, .pricing-box-ultimate h2 sub{
		color: gray;
	}
					
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #b92929;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #db3434;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}







.footer-section .col-sm-9 h2 {
	margin-bottom: 15px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-section .col-sm-9 h3 {
	margin: 0;
	font-family: roboto;
	font-weight: 600;
	color: #ccc;
	font-size: 16px;
	display: inline-block;
}
.footer-section .col-sm-9 p {
	color: #ccc;
	font-family: roboto;
	font-weight: 400;
	font-size: 16px;
	margin-top: 1px;
	margin-bottom: 5px;
	display: inline-block;
}
.footer-section{
	padding-top:50px;
}
.footer-section .row:last-child {
	border-top: 1px solid #525252;
}
.widgets-area{
	margin-bottom:30px;
}
.sliderUl{
	font-size:18px;
}

.btn-black{
	border-radius: 5px;
	white-space: nowrap;
	padding:10px 20px;
	
	background-color: #2d2d2d;
	color: white;
}
.btn-black:hover{
	border:1px solid white  !important;
	background: #f9d823  !important;
	border:1px solid white !important;
}
.btn-black i{
	color: #f9d823;
}
.btn-black:hover i{
	color:#2d2d2d;
}

.divModuleTopHelper{
	margin-top:140px;
}
.divModuleBottomHelper{
	margin-bottom:30px;
}

.iconModuleDiv{
	color: #005C97;
	font-size: 40px;
	text-align: center;
	width: 100%;
	margin-bottom:30px;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 10px;
	background-color: white;
	cursor: pointer;
}
.iconModuleDiv:hover{
	box-shadow: 0 0 5px #f1cd09;
}
.iconModuleDiv .fa{
	color: #676767;
}
.iconModuleDiv .iconModuleTitle{
	text-align:center;
	font-weight: bold;
	letter-spacing: 2px;
	
	font-size: 16px;
	font-weight: none;
	color: #676767;
}
.iconModuleDiv:hover, .iconModuleDiv.divActive {
    background-color: #f9d823;
	
	border: 1px solid #f1cd09;
	
}
.iconModuleDiv:hover .fa, .iconModuleDiv.divActive .fa{
	color: white;
}
.iconModuleDiv:hover .iconModuleTitle, .iconModuleDiv.divActive .iconModuleTitle{
    color: black;
}

.choose-us{
	background: none;
    background-color: #efefef;
	color:black !important;
}


.contact-info{
    width: 100%;
	height: 400px;
}
.contactH3{
	margin-bottom:5px;
	display: inline-block;
	color:white;
	font-size:25px;
    font-weight: bold;
	padding-right:10px;
}
.contactA{
	margin-bottom:5px;
	display: inline-block;
	padding-left:5px;
}
.contactA a{
	font-size:20px;
}
.contact-section{
	background: none;
    background-color: #fafafa;
}

.contact-logo{
    height: 100%;
    text-align: center;
    padding-top: 165px;
}
.contact-addrs{
	border-radius: 0 0 0 0;
	background-color: #1d1d1d;
	border-bottom: 1px solid #3c3c3c;
}

.logoTopLeft{
	height:60px;
	margin-top:-3px;
}
	
@media (min-width: 768px) and (max-width: 1200px) {
	
	.contact-logo{
		padding:50px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.divModuleTopHelper{
		margin-top:180px;
	}

	#contactUs .base-header2{
		padding-top:100px !important;
	}
	.contact-logo{
		padding:30px;
	}
}

@media only screen and (max-width: 767px){
	
	.logoTopLeft{
		height:50px;
		margin-top:-1px;
	}

	.divModuleTopHelper{
		margin-top:100px;
	}

	.contact-addrs {
		padding: 22px 25px 60px 25px;
	}
	.contact-logo{
		padding: 30px 25px 60px 25px;
	}
	
	.divHeaderContact a{
		margin: 5px 10px !important;
	}
	
	.pricing-box-premium{
		margin-bottom:50px;
		border-top: 4px solid #5a5a5a;
		box-shadow: 0 25px 45px #5a5a5a;
		background-image: linear-gradient(180deg, #a9a9a9, #fdfdfd26);
	}
	.pricing-box-pro {		
		margin-bottom:50px;
		border-top: 4px solid #005C97;
		box-shadow: 0 25px 45px #005C97;
		background-image: linear-gradient(180deg, #005c9770, #fdfdfd26);
	}
	.pricing-box-ultimate{
		margin-bottom:50px;
		border-top: 4px solid #977600;
		box-shadow: 0 25px 45px #977600;
		background-image: linear-gradient(180deg, #97760073, #fdfdfd26);
	}
	
	#contactUs h3 {
		font-size:16px;
		letter-spacing:1px;
	}
	#contactUs .base-header2{
		padding-top:10px !important;
	}
	#contactUs .contact-logo{
		padding:25px;
	}
	
}


