/*
Author: Luke Cliff;
Description: An Awesome Theme for HorseNannies.com > Havanese Special;
Version: 1.0;
Developers Web Site: LukeCLiff.com;
Copyright 2018 - Luke Cliff; 
*/

.hitworksWrapp{
	background-color:#efefef;
}
.hero-middleC{
	margin:auto;
	padding:0px;
	height:300px;
	width:100%;

}

.hero-middleC h1{
	font-family: "alright_sansregular", sans-serif;
}

@media screen and (max-width:400px){.hero-middleC h1{font-size:40px;}}

.header-topHN{
  width: 100%;
  background-image: url("https://www.horsenannies.com/havanese//images/carouselHN_2.jpg");
  background-size: cover;
  o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;
}


.indexHIW{ 
	background-color:#efefef;
}

.indexHIW .mainTextAreaHIW{
	background-color:#fff;
	max-width: 1500px;
	margin:auto; 
}

.indexHIW .innerMainAreaHIW{
	margin:auto;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	font-size: 14pt;
  font-family: "alright_sansregular", sans-serif;
}

.innerTextWordHIW{
	margin: auto;
	width:65%;
}

.innerTextWordHIW h2{
	
	padding-top:60px;
	padding-bottom:20px;
 
	font-size: 20pt;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	text-align: left;
}

.innerTextWordHIW p{
	line-height: 25px;
	padding-bottom: 20px;
	text-align: left;
}

.innerTextWordHIW .largertetxt{
	font-weight: 600;
	font-size:20px;
}
.innerTextWordHIW .boldtxt{font-weight: 600;}

.btn-hiw-spacer{
	display: inline;
}

.btn-hiw-viewplans{
    border-radius: 25px;
	 	border: none;
    text-align: center;
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    width:250px;
    padding:15px;
    position:relative;
    outline:none;
		background-color:#e4f0f6;
		color:#000;
}
.btn-hiw-join{
    border-radius: 25px;
	 	border: none;
    text-align: center;
    font-size: 12pt;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    width:250px;
    padding:15px;
    position:relative;
    outline:none;
		background-color:#1c8a37;
		color:#fff;
}


.hiwlink{text-decoration: none;}

.spacerHIW{
	padding:20px;
	font-family: 'alright_sansregular', Arial, sans-serif;
	font-size: 18pt;
	padding-bottom:20px;
	display: block;
}


.hiwIconsection{
	margin: auto;
	width:60%;
	background-color:#fff;
	padding:0px;
	

}
.hiwIconsection h2{
	font-size:30px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom:50px;
	background-color: #efefef;
	height:50px;
	width:100%;
}

.hiwIconsection2{
	margin: auto;
	width:54.2%;
	background-color:#174061;
}

.hiwIconsection2 h2{
	font-size:30px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
color:#fff;
	
	height:50px;
	width: 100%;
}
.hiwIconsection2 .header2{
	position: relative;
	top:10px;

}



.hiwIconsection h3{
	font-size:25px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	padding-bottom:10px;
	text-align: left;
	padding-left:0px;
}


.indexHIW .iconBoxTAB{
	display: table;
	width:100%;
	background-color:#fff;
	padding-bottom:20px;
}
.indexHIW .iconBoxROW{
	display:table-row;
}
.indexHIW .iconBoxCELLIMG{
	display:table-cell;
	padding: 10px;
	background-color:#fff;
	width:150px;
}
.indexHIW .iconBoxCELL{
	display:table-cell;
	padding: 10px;
	padding-left:20px;
	background-color:#fff;
	width:100%;
	vertical-align: top;
}

.indexHIW .iconBoxImage{
	background-color:#fff;
	margin: auto;
	float:left;
}

.dropshadHIW{
	border-radius:100px;
	width:170px;
	height:170px;
	padding:0px;
	background-color:#194160;
	 -webkit-box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  margin-bottom:20px;
}
.dropshadHIW2{
	border-radius:100px;
	width:170px;
	padding:0px;
}


.plan-panel-featuresHIW{}
.plan-panel-btnHIW{
	text-align: left;
}
.plan-panel-featuresHIW ul{text-align: left;list-style:none; }
.plan-panel-featuresHIW li {
	list-style-position: inside;
	line-height: 140%;
	font-weight: 600;
	margin-bottom: 20px;
}
.plan-panel-featuresHIW li::before {
	font-family: "FontAwesome";
	content: "\f00c";
	font-size: 1rem;
	color:#FFF;
	margin-right: 3px;
	border-radius: 50%;
	padding: 5px;
	background-color: #1c8a37;
}

@media screen and (max-width:2215px){.header-topHN{background-position:-70px 0px;}}
@media screen and (max-width:1853px){.header-topHN{background-position:-400px 0px;}}
@media screen and (max-width:1784px){.innerTextWordHIW{width:85%;}}
@media screen and (max-width:1325px){.indexHIW .innerMainAreaHIW{width:80%;}}
@media screen and (max-width:1320px){.header-topHN{background-position:-600px 0px;}}
@media screen and (max-width:1302px){.hero-middleC h3{display:none;}}
@media screen and (max-width:1288px){.innerTextWordHIW{width:100%;}}
@media screen and (max-width:1018px){.header-topHN{background-position:-800px 0px;}}

@media screen and (max-width:1678px){.hiwIconsection{width:80%;}}

@media screen and (max-width:798px){.header-topHN{background-position:-1000px 0px;}}

@media screen and (max-width:688px){
	.innerTextWordHIW h2{display:none;}
	.innerTextWordHIW{padding-top:20px;font-size:0.9em;}
	.innerTextWordHIW .boldtxt{font-weight:700;font-size:0.9em;}
	.innerTextWordHIW .largertetxt{font-size:1em;}
}

@media screen and (max-width:646px){.btn-hiw-spacer{display:block;padding-bottom:20px;}}

@media screen and (max-width:636px){
	.indexHIW .iconBoxTAB{display:block;width:100%;}
	.indexHIW .iconBoxROW{display:block;width:100%}
	.indexHIW .iconBoxCELLIMG{display:block;width:100%}
	.indexHIW .iconBoxImage{display:block;width:100%;margin:auto;}
	.indexHIW .iconBoxCELL{display:block;width:100%}
	.hiwIconsection h3{text-align:center;margin-top:100px;}
	.innerTextWordHIW p{line-height:20px;}
}

@media screen and (max-width:555px){.indexHIW .iconBoxTAB{position:relative;left:-20px;}}
@media screen and (max-width:518px){.indexHIW .iconBoxTAB{position:relative;left:-30px;}}







.indexHIW .compareTAB{
	display: table;
	width:100%;
	background-color:#fff;
	
}
.indexHIW .compareROW{
	display:table-row;
}
.indexHIW .compareCELL{
	display:table-cell;
	background-color:#fff;
	width:50%;
	vertical-align: top;
	padding-left:20px;
	padding-right:20px;
}

.indexHIW .compareCELLHEAD{
	display:table-cell;
	padding: 0px;
	vertical-align: top;
	background-color:#fff;
	vertical-align: top;
	height: 50px;
	
}

.indexHIW .compareCELLHEAD h2{
	font-size:30px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom:50px;
	background-color: #194160;
	color:#fff;
	height:50px;
	width:100%;

}

.indexHIW .compareCELLHEAD .header2{
	position: relative;
	top:10px;
}


.indexHIW .compareCELL p{
	padding-bottom: 20px;
	line-height:25px;
}

.indexHIW .compareTAB2{
	display: table;
	width:50%;
	background-color:#fff;
	padding-bottom:20px;	
}
.indexHIW .compareCELL2{
	display:table-cell;
	padding: 10px;
	padding-left:20px;
	background-color:#fff;
	width:500px;
	vertical-align: top;
	text-align: center;
}

.indexHIW .compareCELL2 h3{text-align: center;}

.indexHIW .imagearraw{
	width:130px;
	margin:auto;
}


.indexHIW .imagearrawDL{
	width:100px;
	margin:auto;
	-ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
	float:right;
	position:relative;
	left:-150px;
}

.indexHIW .imagearrawDR{
	width:100px;
	margin:auto;
	-ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  float:left;
 	position:relative;
	left:150px;
}

.indexHIW .imagearrawDL2{
	width:130px;
	margin:auto;
	-ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
	float:left;
	position:relative;
	left:180px;
}

.indexHIW .imagearrawDR2{
	width:130px;
	margin:auto;
	-ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  float:right;
 	position:relative;
	left:-180px;
}

.hiwIconsection3{display: none;}

@media screen and (max-width:1030px){
	.hiwIconsection{display: none;}
	.hiwIconsection3{display:inline;}
}






.indexHIW .hiwIconsection3{
	background-color:#fff;
	text-align: center;
	margin: auto;
	overflow:hidden;
}
.hiwIconsection3 .compareTAB{
	width:90%;
	background-color:#fff;
	text-align: center;
}

.hiwIconsection3 h3{
	font-size:25px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	padding-bottom:10px;
	text-align: left;
	padding-left:0px;
	padding-top:0px;
	width:90%;
	margin: auto;
}

.hiwIconsection3 .fh1{
	font-size:25px;
  font-family: 'alright_sansregular', Arial, sans-serif;
	font-weight: bold;
	padding-bottom:10px;
	text-align: left;
	padding-top:30px;
	width:90%;
	margin: auto;
}

.hiwIconsection3 p{
	padding-bottom: 20px;
	width:90%;
	margin: auto;
}
.hiwIconsection3 .compareTAB p{text-align: left;}

.hiwIconsection3 .imagearraw{
	width:100px;
	margin:auto;
}
.compareTAB .textcontent{
	text-align: center;
	width:80%;
	margin: auto;
}

.hiwIconsection3 .dropshadHIW{
	border-radius:100px;
	width:100px;
	height:100px;
	padding:0px;
	background-color:#194160;
	 -webkit-box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 2px 12px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  margin-bottom:20px;

}

.hiwIconsection3 .dropshadHIW2{
	border-radius:100px;
	width:115px;
	padding:0px;
}

.hiwIconsection3 .compareCELLHEAD{
	display:table-cell;
	vertical-align: top;
	background-color:#fff;
	vertical-align: top;
	height: 50px;
}

.hiwIconsection3 .compareCELLHEAD .header2{
	font-size:30px;
	color:#fff;
	position: relative;
	top:10px;
}

.submitbutton{
	background-color:#174061;
	padding:20px;
}
.submitbutton:hover{
 	color: #fff;
 	cursor: pointer;
 	background-color:#174061;
}