:after,:before {
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .page-template-cover-letter-templates h1, .page-template-resume-example-alpha h1, .page-template-examples-alpha h1  {
    font: 400 33px / 36px sans-serif;
    margin: 0 0 40px;
}
.page-template-cover-letter-templates h2 {
    font: 300 26px / 32px sans-serif;
    margin: 0 0 20px;
}
.page-template-resume-example-alpha h2,
.page-template-examples-alpha h2 {
    margin: 0 0 20px;
}
.page-template-examples-alpha h3{
    margin: 0 0 30px;
}
.page-template-cover-letter-templates p, .page-template-resume-example-alpha p, .page-template-examples-alpha p  {
    margin: 0 0 25px;
}
 .page-template-resume-example-alpha p:last-child, .page-template-examples-alpha p:last-child {
    margin: 0;
}
 .page-template-cover-letter-templates .text-center, .page-template-resume-example-alpha .text-center,
.page-template-examples-alpha .text-center {
    text-align: center;
}
.page-template-cv-templates img, .page-template-cover-letter-templates img, .page-template-resume-example-alpha img,
.page-template-examples-alpha img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.page-template-examples-alpha .p1p-jh-faq .jh-h2 {
    margin-bottom: 6.4rem;
}
.cv-templates .p1p-jh-faq .accordian-faq-body p {
    margin-top: 0;
}
.page-template-examples-alpha p.categ-desc, .page-template-cover-letter-templates .more-cover-letter-sec .content-section .para-large, .page-template-resume-example-alpha p.categ-desc {
    margin: 0;
}
@media (max-width:767px) {
.page-template-examples-alpha .p1p-jh-faq .jh-h2 {
margin-bottom: 4.8rem;
}
}
.earp {
	display: flex;
    flex-wrap: wrap;
	width: 100%;
}
#wp_pagination {
	display: block;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
#wp_pagination a {
    margin: 0 15px;
    text-decoration: none;
}
#wp_pagination a.active {
    font-weight: bold;
}
.earp .quote {
	width: 30.5%;
	margin: 0 2em 2em 0em;
}
.earp .quote img {
    border-radius: 0px !important;
    box-shadow: none !important;
	margin-bottom: 15px;
}

.how-to-become-listing .deeppurple,
.how-to-become-listing .category-planning,
.how-to-become-listing .blog-page {
    float: left;
}

.deeppurple {
    float: left;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.earp .quote {
		width: 30%;
		margin: 0 2em 2em 0em;
	/*	border: 1px solid;*/
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.earp .quote {
		width: 45.7%;
		margin: 0 2em 2em 0em;
	/*	border: 1px solid;*/
	}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.earp .quote {
		width: 100%;
		    margin: 2em 0px;
	/*	border: 1px solid;*/
		text-align: center;
}
}

@media only screen and (min-width : 1200px) {
	.deeppurple .top-related-holder img{height:149px;}
	.chart-wrapper{width:760px}
}

/*****************COST-6100**************/
.deeppurple .top-related+.top-related {
    padding-left: 0!important
}
.deeppurple .top-related.top-related {
    padding-left: 0!important
}
.deeppurple .top-related-wrap>div {
    display: block;
    height: 287px;
    float: left;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
    width: 29.3%;
    padding: 0;
}
.deeppurple .top-related-wrap a{
    text-decoration: none;
}
.deeppurple .top-related .title {
    display: block;
    margin: 14px 0 5px;
    text-align: center;
    color: #1D8665;
    font-size:1.6rem;
    font-weight: 700;
    line-height:1.8rem;
    text-transform: uppercase;
    transition: all .1s ease-in-out
}
.deeppurple .top-related-holder {
    border: 1px solid #e0e0e0;
    padding: 0;
    transition: all .1s ease-in-out
}
.deeppurple .top-related-wrap {
    width: 105.4%;
    margin: 0
}
.deeppurple .related-descript {
    font-size:1.4rem;
    line-height:1.6rem;
    color: #333;
    font-size:1.4rem;
    line-height:1.8rem;
    padding: 0 20px;
    transition: all .1s ease-in-out
}
.deeppurple .trition {
    color: #333;
    font-size:2.3rem;
    line-height:3.0rem;
    font-weight: 400
}
.deeppurple .linen-trition {
    color: #333;
    font-size:2.0rem;
    font-weight: 300;
    line-height:2.8rem
}
.deeppurple .breids input {
    outline: 0;
    width: 100%;
    color: #1D8665;
    font-size:1.6rem;
    text-transform: uppercase;
    padding: 18px 20px;
    border: 1px solid #dedede;
    background-color: #fff
}
.deeppurple .breids::placeholder {
    color: #1D8665;
    font-size:1.6rem;
    opacity: 1
}
.deeppurple .breids:-ms-input-placeholder {
    color: #1D8665;
    font-size:1.6rem
}
.deeppurple .breids::-ms-input-placeholder {
    color: #1D8665;
    font-size:1.6rem
}
.breids,.deeppurple #abbadancing {
    position: relative
}
.deeppurple .breids:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 14px;
    font-size:2.0rem;
    color: #00c48a;
    z-index: 1;
    font-family: FontAwesome;
    padding: 10px;
    background: #fff url(/webpages/images/icon-search.png) no-repeat 50% 50%;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    width: 32px;
    height: 32px
}
.deeppurple .breids {
    margin-bottom: 3.5%
}
.deeppurple .no-results {
    text-transform: capitalize;
    font-weight: 500
}
.deeppurple .top-related-holder img {
    width: 100%
}
@media only screen and (max-width: 768px) {
    .deeppurple .top-related-wrap {
        width:100%;
        margin: 0
    }
    .deeppurple .top-related-wrap>div {
        display: block;
        height: auto;
        float: left;
        margin-right: 0;
        margin-bottom: 3.5%;
        width: 100%;
        padding: 0
    }
    .deeppurple .related-descript {
        padding: 0 20px 20px
    }
}
@media only screen and (max-width: 767px) {
.jh-breadcrumb-wrapper.jh-breadcrumb-bg-grey .jh-breadcrumb-inner {margin-top:121px}
.jh-breadcrumb-wrapper.jh-breadcrumb-bg-grey .jh-breadcrumb-inner.no-header-cta {margin-top:65px}

}
@media only screen and (min-width: 768px) {
    .deeppurple .top-related a:hover {
        text-decoration: none
    }
    .deeppurple .top-related a:hover .top-related-holder {
        background-color: #1D8665;
    }
    .deeppurple .top-related a:hover .title, a:hover .related-descript {
        color: #fff
    }
    .more-link:hover {
        text-decoration: none;
    }
}