/* Common */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    line-height: 1.2;
}

.vmt-1 {margin-top:15px !important}
.vmt-2 {margin-top:20px !important;margin-bottom: 20px;}
.vmt-3 {margin-top:30px !important}
.vmt-4 {margin-top:25px ​!importan}
.vmt-5 {margin-top: 90px !important;}

.vmb-1 {margin-bottom:20px !important}
.vmb-2 {margin-bottom:25px !important}
.vmb-3 {margin-bottom:45px !important}
.vmb-4 {margin-bottom:4vw !important}
.vmb-5 {margin-bottom:15px !important}

.vml-1 {margin-left:15px !important}
.vml-2 {margin-left:2vw !important}
.vml-3 {margin-left:75px !important}
.vml-4 {margin-left:20px !important}
.vml-5 {margin-left:5vw !important}

.vmr-1 {margin-right:1vw !important}
.vmr-2 {margin-right:2vw !important}
.vmr-3 {margin-right:3vw !important}
.vmr-4 {margin-right:20px !important}
.vmr-5 {margin-right:5vw !important}

.vpt-1 {padding-top:10px !important}
.vpt-2 {padding-top:40px !important}
.vpt-3 {padding-top:50px !important}
.vpt-4 {padding-top:55px !important}
.vpt-5 {padding-top: 35px !important;}

.vpb-1 {padding-bottom:10px !important}
.vpb-2 {padding-bottom:30px !important}
.vpb-3 {padding-bottom:55px !important}
.vpb-4 {padding-bottom:55px !important}
.vpb-5 {padding-bottom:80px !important}

.vpl-1 {padding-left:1vw !important}
.vpl-2 {padding-left:2vw !important}
.vpl-3 {padding-left:3vw !important}
.vpl-4 {padding-left: 60px !important;}
.vpl-5 {padding-left:5vw !important}

.vpr-1 {padding-right:1vw !important}
.vpr-2 {padding-right:2vw !important}
.vpr-3 {padding-right:3vw !important}
.vpr-4 {padding-right:4vw !important}
.vpr-5 {padding-right:5vw !important}


#link-strategy-viewport .vml-1{
	margin-left: 0px !important;
}

#link-strategy-viewport .col{
	padding: 0px !important;
}

.border-radius-none {
    border-radius:0 !important;
}

.text-dark {
    color:#474746 !important;
}

.dark-bg {
    background:#474746 !important;
}

.dark-gray-bg {
    background-color: #ebebeb !important;
}

.col {
    padding: 0 20px;
}

#ity-heading {
	font-size: 2.5rem;
}

.btn.btn-dark {
    background:#474746 !important;
}
#ity-container{
padding: 0px 45px;
}

#ity-container h2 {
	font-size: 2rem;
}


#ity-container li , #ity-container p{
	font-size: 1rem;
	line-height: 1.2;
}

#cards-links1 {
.corner-ribbon {
	font-size: 0.9rem;
}
.corner-ribbon.top-left {
	top: 28px;
	left: -130px;
}
}


h1, .h1 {
  font-size: 2.5rem;
}

h3.font-foco {
    font-size: 1.2rem;
}

.abc-link-insertion-header {
	background-image: url(../jpg/link-insertion-banner.jpg);
}

.triangle-container {
    width: 58vw;
    margin-top: 120px;
    z-index: 2;
}

#cards-links1 .corner-ribbon.top-left {
	top: 29px;
	left: -129px;
}

.triangle-container:before, .triangle-container:after {
    content: "";
    position: absolute;
    top: -20%;
    height: 80vw;
    left: -8%;
    z-index: -1;
}

#ity-box {
	max-width: 1080px !important;
	margin: 0 auto;
}

.triangle-container::before {
    background-image: url(../png/abc-triangle-header.png);
    background-repeat: no-repeat;
    animation: mover 5s infinite alternate;
    width: 74vw;
    background-size: 100%;
    opacity: 1;
}

.triangle-container h1, .col-triangle h1{
	font-size: 3rem;
	margin: 25px 0px;
}

.triangle-container h3{
	font-size: 1.2rem;
	color: #fff;
	width: 500px;
    margin:0 auto 20px auto;
    line-height: 1.2;
}

.triangle-container h2{
	font-size: 1.2rem;
	color: #fff;
	width: 500px;
	margin:0 auto 20px auto;
	line-height: 1.2;
}

.viewport-content {
	max-width: 1080px;
	margin: 0 auto;
}

.viewport-container , #abc-plus .viewport-content{
	margin: 0 auto !important;
	max-width: 1080px;
}

/* The ribbons */
.corner-ribbon{
    width: 375px;
    background: #82B826;
    position: absolute;
    top: 2.5vw;
    left: -5vw;
    text-align: center;
    line-height: 50pxc;
    letter-spacing: 2px;
    color: #ffffff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	font-size: 1rem;
}
  
.corner-ribbon.sticky{
  position: fixed;
}
.corner-ribbon.absolute{
  position: absolute;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
	top: 39px;
	right: -126px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
  
.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #82B826;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

#section-benefits h5{
	font-size: 1.2rem;
	padding: 0 15px;
	line-height: 1.2;
}

#section-benefits .icon{
	height: 100px;
	max-height: 100px;
	margin: 0 auto 20px auto;
	background-blend-mode: multiply;
	width: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(71, 71, 70, 0.11);
}
#section-book-meeting {
	max-width: 1080px;
	margin: 0 auto;
}

#abc-plus #section-book-meeting .book-meeting-bg{
	background-image: url(../jpg/book-meeting-bg.jpg);
	width: 1080px;
	background-repeat: no-repeat;
	background-position: 540px -55px;
	z-index: 1;
	background-size: 750px;
	margin: 0 auto;
	height: 345px;
}

#abc-plus  #section-book-meeting .book-meeting-dark-bg{
	background-image: url(../png/book-meeting-dark-bg.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 735px 400px;
	height: 349px;
	display: inline-block;
	width: 735px;
}

#abc-plus #section-book-meeting .book-meeting-dark-bg .col{
	top: -89px;
	width: 600px;
	margin: 55px 0px 80px 63px;
	position: relative;
}





#abc-plus #section-book-meeting .book-meeting-dark-bg .col p{
    font-size: 1.5vw;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    line-height: 1.3;
}

/* Forms */

.native-form {

}
.form-control {
	font-size: 1.1rem !important;
	padding: 5px 8px;
}
.is-focused .bmd-label-floating, .is-filled .bmd-label-floating {
	font-size: 1rem !important;
}
.native-form .form-group {
	margin-top: 25px;
    margin-bottom: 0;
}

.native-form .form-group label {
	color: #474746;
	font-size: 1.2rem;
	margin: 0 0 6px;
	letter-spacing: 2px;
	font-family: 'FocoBlack';
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
	font-size: 1rem !important;
}
.native-form .form-group input {
	width: 100%;
	border: none;
	outline: none;
	background-color: white;
	padding: 10px 15px;
	margin: 0 0 6px;
	box-shadow: inset 0px 0px 5px #ccc;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
}

.native-form .form-group input::placeholder {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #999999;
}

.native-form .form-group input#website::placeholder, 
.native-form .form-group input#email::placeholder,
.native-form .form-group input#url::placeholder,
.native-form .form-group input#site::placeholder {
    text-transform: lowercase !important;
}

.native-form label.error, .error {
    color: #e32416 !important;
    font-size: 1vw;
    font-family: 'Foco' !important;
    text-transform: inherit !important;
}

.strikeout {
    position: relative;
}

.strikeout::after {
    border-bottom: 0.1em solid #666666;
    content: "";
    left: 0;
    margin-top: calc(0.1em / 2 * -1);
    position: absolute;
    right: 0;
    top: 45%;
    margin: 0 auto;
}
.strikeout.package::after{width: 60%}
.strikeout.checkout::after{width: 94%}


.section ol.count-list {
    list-style: none;
    counter-reset: my-awesome-counter;
    position: relative;
  }
  .section ol.count-list li {
    counter-increment: my-awesome-counter;
    position: relative;
  }
  .section ol.count-list span.li-text {
    display: block;
      padding: 10px 0px;
      line-height: 1.2;
  }
  .section ol.count-list li::before {
    content: counter(my-awesome-counter) "";
    background: #87CB16;
    color: #ffffff;
    position: absolute;
    left: -50px;
    line-height: 34px;
	  top: 5px;
    border-radius: 50%;
    text-align: center;
    width: 34px;
    height: 34px;
    font-weight: bold;
  }

  #link-strategy-viewport {
	  margin: 0 10vw !important;
	  max-width: 1920px;
  }
  
/* start mobile */

@media (min-width: 1921px){

	.viewport-content {
		max-width: 1080px;
	}
	#ity-container .section ol.count-list li::before {
		top: 10px;
	}

}

@media all and (max-width:1250px){

	.triangle-container:before, .triangle-container:after {
		content: "";
		position: absolute;
		top: 0% !important;
	}
}


@media all
and (min-width: 1024px)
and (max-width: 1366px) {



	title text-center{
		font-size: 3.8vw !important;
	}


	#section-solution .text-content p {
		color: #72787a;
		font-size: 1.6vw !important;
		text-align: left;
		line-height: 1.2;
		margin-top: 2vw;
	}

	#section-abc-plus-subscription .block-content img {
		width: 16vw;
	}
	#section-abc-plus-subscription .block-content {
		max-width: none !important;
	}
	#section-abc-plus-subscription .block-content img {
		margin: 0 5.4vw 2vw 0 !important;
		width: 15vw !important;
	}

	.section-sites-added .texts-on-img {
		position: absolute;
		top: 0;
		width: 100%;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		line-height: 1.2;
		margin: 0;
		text-align: center;
		color: #ffffff;
	}

	#abc-plus .section-what-do-you-get .text-content .body-content ul.list li {
		margin: 0;
		padding: 1vw 20px 1vw 4vw;
		list-style: none;
		background-image: url(../png/plus.png);
		background-repeat: no-repeat;
		background-position: left 22px;
		background-size: 2vw;
		font-size: 3.46vw;
		color: #81b726;
		text-align: left;
		line-height: 42px;
	}


	#abc-plus .section-what-do-you-get .text-content .body-content ul.list li {
		margin: 0;
		padding: 1vw 0 1vw 3vw;
		list-style: none;
		background-image: url(../png/plus.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 2vw;
		font-size: 3.46vw;
		color: #81b726;
		text-align: left;
		line-height: 1.2;
	}

	.custom-add-on-bg {
		height: 640px !important;
	}
	#custom-link-building  .custom-list-container P {
		width: 100% !important;
		margin: 25px 0px 0px 0px!important;
	}

	.section-custom-list .custom-list-container P {
		width: 100% !important;
		margin: 2vw 0 0 0vw !important;
	}


	#section-home-abc-plus .texts-content .title-content h5 {
		position: absolute;
		top: -6%;
	}
	#section-home-abc-plus .texts-content .title-content h1 {
		text-align: left;
	}

	#section-home-abc-plus .texts-content .body-content p.title {
		text-align: left;
		width: 100%;
	}

}



@media all and (max-width:1150px){

	#section-benefits h5 {
		line-height: 1.2 !important;
	}

	#addon-header{
		height: 410px !important;
	}
	#addon-container {
		margin-top: -20px !important;
	}

}
@media all and (max-width:1100px) {
	#ity-box {
		max-width: 720px !important;
	}

	#link-strategy-viewport{
		margin: 0 auto !important;
		max-width: 1000px !important;
	}
	.corner-ribbon.top-right {
		top: 41px;
		right: -133px;
		left: auto;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		line-height: 35px;
	}
	.triangle-container:before, .triangle-container:after {
		top: 6% !important;
	}
	#addon-container{
		width: 100% !important;
		max-width: 1080px !important;
	}
}
@media all and (max-width:1024px) {

	.col {
		flex-basis: inherit !important;
		-webkit-box-flex: inherit !important;
		flex-grow: 1;
		max-width: 100%;
	}

	.home-header {
		height: 350px !important;
	}

	.triangle-container h1, .col-triangle h1 {
		margin: -10px 0px 25px !important;
	}

	.triangle-container h1, .col-triangle h1 {
		font-size: 2.5rem;
	}

	#custom-link-building .custom-add-on-bg {
		height: 640px !important;
	}
	#custom-link-building #second-lb-ladd{
		height: 615px !important;
	}

	.corner-ribbon.top-right {
		top: 45px;
		right: -120px;
		left: auto;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		line-height: 50px;
		font-size: 1.1rem;
	}
	.viewport-container {
		width: 85%;
	}
	#addon-container h1{
		font-size: 2.7rem !important;
	}


	#received-container {
		margin-top: 130px !important;
		margin-bottom: 30px !important;
	}

	.vmb-3 {
		margin-bottom: 35px !important;
	}

	div#how-it-works .section.pt-0 {
		padding: 0px !important;
	}

	div#how-it-works .pl-5, .px-5 {
		padding-left: 1rem !important;
		margin-top: -3.5vw;
	}
	#abc-plus-order-details {
		margin-top: 40px !important;
	}


	div#how-it-works buttton#slide_to_packages{
		margin-bottom: 50px !important;
	}
	#how-it-works .col-md-6 img {
		margin-top: -1vw !important;
	}
	#abc-plus-order-details #card-checkout .card-body h4 {
		font-size: 3.2vw !important;
		margin: 1vw 0 !important;
	}

	#abc-plus-order-details #card-checkout #card-package .card-body h2.package-title {
		margin: 0 0 0.5vw !important;
	}

	#abc-plus-order-details #card-checkout #card-package .card-body h2.package-name-title {
		margin: 0 0 0.5vw !important;
	}

	#abc-plus-order-details #card-checkout #card-package .card-body p.package-desc {
		text-align: center;
		margin: 2vw 4vw;
		line-height: 1.5;
		font-weight: 600;
	}

	#abc-plus-order-details #card-checkout #card-package .package-price h1 span {
		padding-left: 1vw;
		margin-left: 0.8vw;
		border-left: 1px solid #ddd;
		color: #bbb;
		text-align: left;
		display: inline-block;
	}
	#abc-plus-order-details #card-checkout #card-package {
		border: 1px solid #82B826;
		margin-top: 20px !important;

	}

	#abc-plus-order-details #card-checkout #card-features h3 {
		font-size: 3.82vw;
		margin-bottom: 3vw;
		margin-top: 5vw !important;
		margin-left: 20px !important;
	}
	.checkout-features p {
		line-height: 20px !important;
	}


	#abc-plus-order-details #card-order-details #order-details-input .bootstrap-select button {
		background: #ffffff;
		color: #999999;
		border-radius: 0;
		font-size: 17px;
		letter-spacing: 0.1vw;
		padding: 0.94vw 1.57vw;
		margin: 0 0 0.4vw;
		width: 100%;
		height: 30px !important;
	}
	.native-form .form-group {
		margin-top: 1vw !important;
		padding: 10px !important;
	}
	span.btn-text-skew-fix {
		font-size: 1.6vw !important;
		line-height: 32px !important;padding-top: 2px !important;
	}

	a.btn.btn-parallelogram, button.btn.btn-parallelogram {
		padding: 0.5vw 4.5vw !important;
		font-size: 1.2rem !important;
	}
	#abc-plus-order-details #card-checkout #card-package .package-price h1 small {
		position: relative;
		top: -1.3vw !important;
	}
	#abc-plus-order-details #card-checkout #card-package .card-body {
		padding: 10vw 0 !important;
	}
	.checkout-bg-img {
		DISPLAY: NONE !IMPORTANT;
	}
	#abc-plus-order-details #card-checkout #card-package .package-price h1 {
		margin-bottom: 0 !important;
	}
	.pl-4, .px-4 {
		padding-left: 1.5rem !important;
		padding-bottom: 20px;
		padding-top: 30px;
	}
	h1 small.currency:first-child {
		position: relative;
		top: -3px;
		font-size: 26px;
	}
.item-box {
		  text-align: center;
		  margin: 0 0.2vw;
		  width: 38vw !IMPORTANT;
		  height: 29vw;
	  }
	.vertical-align {
		display: flex;
		align-items: center;
		padding: 10px;
		margin: 0 auto;
	}

	#abc_pr_get_started, #slide_to_pr_faq {
		 padding: 0.5vw 2.5vw !important;
		 font-size: 1vw !important;
		 MARGIN-BOTTOM: 50PX !important;
	 }
	footer .footer-top .logo img {
		max-width: 100%;

	}
	.abc-pr-list-container {
		width: 30%;
		margin: 12.5vw 0 0 4vw !important;
		display: inline-block;
	}
	.nav .nav-item {
		position: relative;
		width: 100% !important;
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 8px;
	}

	.phases-image-wrapper.bg-light-gray.p-4 {
		text-align: center;
	}
	.texts-on-img h1 {
		 padding-right: 40px !important;
		 margin-left: -50px !important;
	 }
#abc-plus-order-details #card-checkout .card-body h4 {
		 font-size: 3.2vw !important;
		 margin: 1vw 0 !important;
		 display: none !important;
	 }.checkout-bg-img {
		  background-image: url(../checkout-bg.html);
		  background-repeat: no-repeat;
		  position: absolute;
		  bottom: 0;
		  left: 260px;
		  width: 460px;
		  height: 200px;
		  z-index: 1;
		  display: none !important;
	  }.section-faq .card-collapse .card-header a i {
		   float: left;
		   top: 0.4vw;
		   position: relative;
		   font-size: 1.1vw;
		   margin-right: 0.5vw;
	   }
	.section-faq .card-body {
		font-size: 2.2vw !important;
		padding: 0 0 10px 0px;
		line-height: 1.4;
	}
	.section-faq a.faq-a {
		color: #82B826 !important;
		line-height: 1.5;
		font-family: 'FocoBlack';
	}
	.page-header.header-filter.infographic-header .col-triangle:before, .col-triangle:after {
		   content: "";
		   position: absolute;
		   z-index: -1;
		   width: 100% !important;
		   height: 766px;
		   left: 0 !important;
		   top: -50%;
		   opacity: 0.8;
	   }
	.pl-5, .px-5 {
		padding-left: 1rem !important;
	}.section.pt-0 .pl-5, .px-5 {
		 padding-left: 1rem !important;
	 }
	div#how-it-works .pt-5, .py-5 {
		padding-top: 1rem !important;
	}

	.section-faq a.faq-a {
		color: #82B826 !important;
		line-height: 1.5;
		font-family: 'FocoBlack';
		text-align: left !important;
	}
	.section-faq .card-body {
		font-size: 3.2vw !important;
		padding: 0 0 10px 0px;
		line-height: 1.4;
		text-align: left !important;
	}
.pt-0, .py-0 {
		 padding-top: 0 !important;
		 padding-bottom: 20px !important;
	 }
.section-custom-list .custom-list-container {
		 margin: 4vw 0 0 4vw !important;
		 width: 100% !important;
	 }.section-custom-list .custom-list-container {
		  margin: 4vw 0 0 4vw !important;
		  width: 100% !important;
	  }.custom-add-on-bg {
		   background-image: url(../custom-list-image-bg.html);
		   background-repeat: no-repeat;
		   background-position: 36vw -5vw;
		   background-size: 70vw !important;
		   height: 79vw  !important;
		   background: #474746  !important;
	   }
	.section-faq .card-body {
		font-size: 1.2rem !important;
		padding: 0 0 10px 25px;
		line-height: 1.4;
	}.abc-pr-list-container {
		 width: 50% !important;
		 margin: 12.5vw 0 0 4vw !important;
		 display: inline-block;
	 }
	.custom-add-on-bg {
		background-image: url(../custom-list-image-bg.html);
		background-repeat: no-repeat;
		background-position: 36vw -5vw;
		background-size: 70vw;
		height: 59vw  !important;
		background: #474746  !important;
	}.native-form label.error, .error {
		 color: #e32416 !important;
		 font-size: 13px !important;
		 font-family: 'Foco' !important;
		 text-transform: inherit !important;
	 }	textarea::placeholder {
			  font-size: 14px !important;
			  line-height:17px !important;
		  }
	input::placeholder {
		font-size: 14px !important;
		line-height:17px !important;
	}

	.nav .nav-item {
		position: relative;
		width: 100% !important;
		max-width: 100% !important;
		margin: 4px auto;
	}
	.abc-pr-header .col-triangle:before, .col-triangle:after {
		content: "";
		position: absolute;
		z-index: -1;
		width: 100% !important;
		height: 766px;
		left: auto !important;
		top: -50%!important;
		opacity: 0.8;
	}.nav-main .nav-pills {
			 padding: 100px 0vw 0vw 10px !important;
		 width: 90%;
	 }


	i.fas.fa-bars {
		 font-size: 24px !IMPORTANT;
		 line-height: 52px !IMPORTANT;
	 }
	i.fab.fa-twitter {
		color: #82B826 !IMPORTANT;
	}
	i.fab.fa-facebook-f {
		padding-right: 10px  !IMPORTANT;     color: #82B826 !IMPORTANT;
	}
	.fab {
		font-family: "Font Awesome 5 Brands";
		font-weight: 400;
		color: #6fba00;
	}.header-menu .register p, .header-menu .sign-up p {
		 color: white;
		 font-size: 18px !important;    margin: 1vw !important;

	 }.section-login {
		  z-index: 100;
		  display: block;
		  position: relative;
		  padding: 3vw 0;
	  }

	#custom-link-building .col-md-8{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

.fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	color: #6fba00;
}.corner-ribbon.green {
	 background: #82B826;
 }


@media (max-width: 991px) {

	.nav-main .nav-pills {
		width: 90%;
	}
	h1{
		font-size: 2.5rem !important;
	}
	#price-check {
		font-size: 3rem !important;
	}
	.triangle-container h1, .col-triangle h1 {
		font-size: 2.5rem !important;
	}


}
@media all
and (max-width: 880px) {
	.corner-ribbon.top-right {
		top: 45px !important;
		right: -120px !important;
		left: auto !important;
		transform: rotate(45deg) !important;
		-webkit-transform: rotate(45deg) !important;
		line-height: 50px !important;
		font-size: 1.1rem !important;
	}
}

@media all
	and (max-width: 800px){



	.triangle-container {
	    width: 218px;
	}

  	

  	#slide_to_solutions {
  		font-size: 15px !important;
  		padding: 2px 9px !important;
  	}


	#section-home-abc-plus .texts-on-img h1 {
		width: 100% !important;
		top: -85px;
		left: -31px;
	}

}

@media all
	and (min-width: 320px)
  	and (max-width: 880px){
	.col {
	    flex-basis: INHERIT;
	    -webkit-box-flex: INHERIT;
	    flex-grow: INHERIT;
	    max-width: 100%;
	    width: 100%;
	}
	#infographic-header {
		margin-top: 13px !important;
	}
	span.btn-text-skew-fix {
		font-size: 2vw !important;
	}
	
	#section-solution .text-content h2 {
	    text-align: center;
	}
	
	#section-solution .text-content p {
	    color: #72787a;
	    text-align: center;
	    line-height: 1.4;
	    margin-top: 2vw;
	}
	

	#section-solution .card h3 {
	    text-align: center;
	    color: #81b726;
	    font-size: 5.9vw;
	    transition: color .5s;
	    margin-bottom: 0;
	}
	
	#section-solution .card .card-icon {
	    height: 12.2vw;
	    max-height: 100%;
	    margin: 0 0 1.15vw;
	    background-blend-mode: multiply;
	    width: 14vw;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    transition: background-color .7s;
	    margin: 0 auto;
	}
	
	#section-solution .card .note {
	    height: 15.5vw;
	    color: #333333;
	    font-size: 2.4vw;
	    font-family: 'Poppins';
	    text-align: center;
	    margin: 0 auto;
	    transition: color .5s;
	    line-height: 1.2;
	}
	
	a.btn.btn-parallelogram, button.btn.btn-parallelogram {
	    padding: 0.5vw 2.5vw !important;
	    font-size: 3vw !important;
	}
	
	#section-abc-plus-subscription .block-content p {
	    width: 60%;
	    line-height: 3vw;
	    font-size: 2.2vw;
	    margin: 0;
	}
	
	#section-abc-plus-subscription .block-content img {
	    margin: 0 2.4vw 0 0;
	    width: 21vw;
	}
	
	.pt-5, .py-5 {
	    padding-top: 3rem !important;
	    padding-bottom: 3rem !important;
	}
	
	.text-left {
	    text-align: left !important;
	}

	#addon-header{
		margin-top: 0px !important;
	}
	
	.triangle-container::before {
	    background-image: url(../png/abc-triangle-header.png);
	    background-repeat: no-repeat;
	    animation: mover 5s infinite alternate;
	    width: 100% !important;
	    background-size: 100%;
	    opacity: 1;
	}
	
	.triangle-container {
	    width: 100%;
	    z-index: 2;
	}
	
	.triangle-container:before, .triangle-container:after {
	    content: "";
	    position: absolute;
	    top: -15%;
	    height: 80vw;
	    left: 0% !important;
	    z-index: -1;
	}
	
	header {
    	padding: 12vw 2.56vw 2.56vw;
	}


	
	.header-menu .top-menu-text {
	    margin: 0 0.27vw 0 0;
	    align-items: center;
	    padding: 0;
	    display: none !important;
	}
	


	
#section-book-meeting iframe {
    border: none;
    position: relative !important;
    left: -5.1vw !important;
    height: 89vw !important;
    width: 100vw !important;
    transform: inherit !important;
    top: 1vw !important;
    background: #474746 !important;
}
	
	h2.title {
	    margin-bottom: 1rem;
	}
	
	.abc-packages-header {
	    background-image: url(../abc-packages-header-bg.html);
        background-position: 59% 46%;
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 57vw;
	}
	

	
	.w-100 {
	    width: 100% !important;
	}
	
	.text-white {
	    color: #fff !important;
	    font-size: 36px;
	}
	
	h5, .h5 {
	    font-size: 1.0625rem;
	    margin-bottom: 15px !important;
	    text-align: center;
	}
	
	.abc-link-insertion-header {
		background-image: url(../jpg/link-insertion-banner.jpg);
	    background-position: 100% 0%;
	    background-repeat: no-repeat;
	    height: 57vw;
	}
	
	#link-insertion ul.features-ul li {
	    margin: 0;
	    padding: 3vw 0 2vw 4vw;
	    list-style: none;
	    background-image: url(../png/plus.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: 2vw;
	    font-size: 3.4vw;
	    color: #474746;
	    text-align: left;
	}
	
	#link-insertion .section .texts-on-img h1 {
	    position: absolute;
	    top: 0;
	    padding: 1.5vw 2.7vw;
	    width: 75%;
	    font-weight: 600;
	    font-size: 4.8vw;
	    font-family: 'Poppins', sans-serif;
	    line-height: 1.2;
	    margin: 0;
	}
	
	#link-insertion .section .card-pricing.card-packages-popular-wrapper h1.card-price {
	    font-size: 10vw;
	}
	

	#link-insertion .section .card-pricing ul li {
	    padding: 1.2vw;
	    font-size: 3vw;
	    color: #999999;
	    line-height: 1;
	}
	
	.corner-ribbon.top-right {
	    top: 4.4vw;
	    right: -3.7vw;
	    left: auto;
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}
	
	#link-insertion .section .card-pricing .card-body h5 {
	    font-size: 3.2vw;
	}
	
	#section-faq .col img {
	    height: 64vw;
	    width: 100vw;
	}
	
	#section-faq .faq-content a.faq-a {
	    color: #82B826 !important;
	    font-family: 'FocoBlack';
	}

	.abc-plus-header {
	    background-image: url(../png/abc-plus-header-bg.png);
	    background-position: 100% 12%;
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 57vw;
	}
	
.section-faq a.faq-a {
    color: #82B826 !important;
    line-height: 1.5;
    font-family: 'FocoBlack';
}


.section-faq .card-collapse .card-header a i {
    float: left;
    top: 0.4vw;
    position: relative;
    font-size: 1.1vw;
    margin-right: 0.5vw;
}

.custom-list-dark-bg {
    padding-right: 0px !important;
}

	@media (max-width: 800px) {
		.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
			font-size: 0.9rem !important;
		}
	}
@media (max-width: 768px) {
  .custom-list-dark-bg {
     padding-right: 0px !important;
  }
	#ity-box {
		max-width: 540px !important;
	}
	#addon-container{
	max-width: 480px;
		margin-top: 0px;
	}
	#custom-link-building .custom-add-on-bg {
		height: 725px !important;
	}
	#custom-link-building #second-lb-ladd {
		height: 660px !important;
	}
}

	#abc-plus .section-what-do-you-get .text-content .title-content h1 {
	    font-size: 6.7vw;
	    margin-top: 0;
	}
	
	#abc-plus .section-what-do-you-get .text-content .body-content ul.list li {
	    margin: 0;
	    padding: 1vw 0 1vw 4vw;
	    list-style: none;
	    background-image: url(../png/plus.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: 2vw;
	    font-size: 3.46vw;
	    color: #81b726;
	    text-align: left;
	    line-height: 21px;
	}
	
	#abc-plus .section-what-do-you-get .text-on-img h1 {
	    position: absolute;
	    top: 0;
	    padding: 1.5vw 4.7vw 1.5vw 28vw;
	    font-weight: 600;
	    font-size: 5.8vw;
	    font-family: 'Poppins', sans-serif;
	    line-height: 1.2;
	    margin: 0;
	}
	a.btn.btn-parallelogram, button.btn.btn-parallelogram {
		padding: 0.5vw 2.5vw;
	}
}
@media (max-width: 640px) {

	.triangle-container:before, .triangle-container:after {
		top: 6% !important;
	}
	#custom-link-building #second-lb-ladd {
		height: 700px !important;
	}
}

@media (max-width: 555px) {
	#section-solution .card .note {
		margin-bottom: 25px !important;

	}
	#custom-link-building #second-lb-ladd {
		height: 745px !important;
	}
	.page-header {
		height: 370px !important;
	}
	.abc-pr-header{
		height: 304px !important;
		margin-top: 10px !important;
		background-position: 0px -10px !important;
	}
	.triangle-container {
		width: 58vw;
		margin-top: 60px !important;
	}
	.abc-pr-header .triangle-container {
		width: 100% !important;
		margin-top: 120px;
	}
	#addon-container {
		max-width: 400px;
		margin-top: -15px;
	}
	#ity-box {
		max-width: 445px !important;
	}

	.nav__container .header-btn {
		margin-top: 2vw;
	}


}

@media all and (max-width:1024px) {
.col {
    flex-basis: inherit !important;
    -webkit-box-flex: inherit !important;
    flex-grow: 1;
    max-width: 100%;
}
	.abc-pr-header {
		height: 350px;
	}
	.triangle-container {
		width: 100%;
	}
	.triangle-container::before {
		background-repeat: no-repeat;
		animation: mover 5s infinite alternate;
		width: 100%;
		background-size: 100%;
		opacity: 1;
		left: 0px;
	}
	#digital-pr-triangle{
		margin-top: 160px !important;
	}
	#link-insertion .viewport-container {
		width: 100% !important;
	}

div#how-it-works .section.pt-0 {
    padding: 0px !important;
}
	
div#how-it-works .pl-5, .px-5 {
    padding-left: 1rem !important;
}
#abc-plus-order-details {
    margin-top: 40px !important;
}



#abc-plus-order-details #card-checkout .card-body h4 {
    font-size: 3.2vw !important;
    margin: 1vw 0 !important;
}

#abc-plus-order-details #card-checkout #card-package .card-body h2.package-title {
    margin: 0 0 0.5vw !important;
}

#abc-plus-order-details #card-checkout #card-package .card-body h2.package-name-title {
    margin: 0 0 0.5vw !important;
}

#abc-plus-order-details #card-checkout #card-package .card-body p.package-desc {
    text-align: center;
    margin: 2vw 4vw;
    line-height: 1.5;
    font-weight: 600;
}

#abc-plus-order-details #card-checkout #card-package .package-price h1 span {
    padding-left: 1vw;
    margin-left: 0.8vw;
    border-left: 1px solid #ddd;
    color: #bbb;
    text-align: left;
    display: inline-block;
}
#abc-plus-order-details #card-checkout #card-package {
    border: 1px solid #82B826;
    margin-top: 20px !important;

}

#abc-plus-order-details #card-checkout #card-features h3 {
    font-size: 3.82vw;
    margin-bottom: 3vw;
    margin-top: 5vw !important;
    margin-left: 20px !important;
}
.checkout-features p {
    line-height: 20px !important;
}

#abc-plus-order-details #card-order-details #order-details-input .bootstrap-select button {
    background: #ffffff;
    color: #999999;
    border-radius: 0;
    font-size: 17px;
    letter-spacing: 0.1vw;
    padding: 0.94vw 1.57vw;
    margin: 0 0 0.4vw;
    width: 100%;
    height: 30px !important;
}
.native-form .form-group {
    margin-top: 1vw !important;
    padding: 10px !important;
}
span.btn-text-skew-fix {
    font-size: 1.2rem !important;
    line-height: 32px !important;padding-top: 2px !important;
}

a.btn.btn-parallelogram, button.btn.btn-parallelogram {
	padding: 0.1rem 2rem !important;
    font-size: 1.2rem !important;
}
#abc-plus-order-details #card-checkout #card-package .package-price h1 small {
    position: relative;
    top: -1.3vw !important;
    font-size: 7vw !important;
}
#abc-plus-order-details #card-checkout #card-package .card-body {
    padding: 10vw 0 !important;
}
.checkout-bg-img {
    DISPLAY: NONE !IMPORTANT;
}
#abc-plus-order-details #card-checkout #card-package .package-price h1 {
    margin-bottom: 0 !important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important;
    padding-bottom: 20px;
    padding-top: 30px;
}
h1 small.currency:first-child {
    position: relative;
    top: -3px;
    font-size: 26px;
}
.item-box {
    text-align: center;
    margin: 0 0.2vw;
    width: 38vw !IMPORTANT;
    height: 29vw;
}
.vertical-align {
    display: flex;
    align-items: center;
    padding: 10px;
}#abc_pr_get_started, #slide_to_pr_faq {
    padding: 0.5vw 2.5vw !important;
    font-size: 1vw !important;
    MARGIN-BOTTOM: 50PX !important;
}

.abc-pr-list-container {
    width: 30%;
    margin: 12.5vw 0 0 4vw !important;
    display: inline-block;
}
.nav .nav-item {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 8px;
}
	
.phases-image-wrapper.bg-light-gray.p-4 {
    text-align: center;
}
.texts-on-img h1 {
    padding-right: 40px !important;
    margin-left: -50px !important;
}
#abc-plus-order-details #card-checkout .card-body h4 {
    font-size: 3.2vw !important;
    margin: 1vw 0 !important;
    display: none !important;
}.checkout-bg-img {
    background-image: url(../checkout-bg.html);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 260px;
    width: 460px;
    height: 200px;
    z-index: 1;
    display: none !important;
}.section-faq .card-collapse .card-header a i {
    float: left;
    top: 0.4vw;
    position: relative;
	   font-size: 2rem;
	   margin-right: 1.3vw;
}

.section-faq a.faq-a {
    color: #82B826 !important;
    line-height: 1.5;
    font-family: 'FocoBlack';
}
	.page-header.header-filter.infographic-header .col-triangle:before, .col-triangle:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100% !important;
    height: 766px;
    left: 0 !important;
    top: -50%;
    opacity: 0.8;
}
.pl-5, .px-5 {
    padding-left: 1rem !important;
}
	#abc-pack-od-cont .card-body.pt-4.pb-4.pl-5.pr-4 {
		padding-left: 3rem !important;
	}
	.section.pt-0 .pl-5, .px-5 {
    padding-left: 1rem !important;
}
div#how-it-works .pt-5, .py-5 {
    padding-top: 1rem !important;
}


	.pt-0, .py-0 {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}
.section-custom-list .custom-list-container {
    margin: 4vw 0 0 4vw !important;
    width: 100% !important;
	padding: 30px 40px;
}.section-custom-list .custom-list-container {
    margin: 0 auto !important;
    width: 100% !important;
}.custom-add-on-bg {
    background-image: url(../custom-list-image-bg.html);
    background-repeat: no-repeat;
    background-position: 36vw -5vw;
    background-size: 70vw !important;
    height: 79vw  !important;
    background: #474746  !important;
}
.abc-pr-list-container {
    width: 50% !important;
    margin: 12.5vw 0 0 4vw !important;
    display: inline-block;
}
.custom-add-on-bg {
    background-image: url(../custom-list-image-bg.html);
    background-repeat: no-repeat;
    background-position: 36vw -5vw;
    background-size: 70vw;
    height: 59vw  !important;
    background: #474746  !important;
}.native-form label.error, .error {
    color: #e32416 !important;
    font-size: 13px !important;
    font-family: 'Foco' !important;
    text-transform: inherit !important;
}	textarea::placeholder {
  font-size: 14px !important;
		line-height:17px !important;
}
	input::placeholder {
  font-size: 14px !important;
		line-height:17px !important;
}

.nav .nav-item {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px auto;
}
.abc-pr-header .col-triangle:before, .col-triangle:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100% !important;
    height: 766px;
    left: auto !important;
    top: -50%!important;
    opacity: 0.8;
}


i.fas.fa-bars {
    font-size: 24px !IMPORTANT;
    line-height: 52px !IMPORTANT;
}
i.fab.fa-twitter {
    color: #82B826 !IMPORTANT;
}
i.fab.fa-facebook-f {
    padding-right: 10px  !IMPORTANT;     color: #82B826 !IMPORTANT;
}
.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #6fba00;
}.header-menu .register p, .header-menu .sign-up p {
    color: white;      margin: 6px auto!important;
}.section-login {
    z-index: 100;
    display: block;
    position: relative;
    padding: 3vw 0;
}
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #6fba00;
}.corner-ribbon.green {
    background: #82B826;
}
.text-lowercase {
    text-transform: lowercase !important;
}

@media only screen 
  and (min-width: 1024px)
  and (max-width: 1366px){
	h1, .h1 {
    font-size: 2.5rem !important;
}

#section-solution .text-content p {
    color: #72787a;
    font-size: 1.2rem !important;
    text-align: left;
    line-height: 1.2;
    margin-top: 2vw;
}

.section-sites-added .texts-on-img {
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    color: #ffffff;
}






#abc-plus .section-what-do-you-get .text-content .body-content ul.list li {
    margin: 0;
    padding: 1vw 20px 1vw 4vw;
    list-style: none;
    background-image: url(../png/plus.png);
    background-repeat: no-repeat;
    background-position: left 22px;
    background-size: 2vw;
    font-size: 3.46vw;
    color: #81b726;
    text-align: left;
    line-height: 42px;
}

#abc-plus .section-what-do-you-get .text-content .body-content ul.list li {
    margin: 0;
    padding: 1vw 0 1vw 3vw;
    list-style: none;
    background-image: url(../png/plus.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2vw;
    font-size: 3.46vw;
    color: #81b726;
    text-align: left;
    line-height: 42px;
}}


@media (max-width: 650px) {
	#custom-link-building .custom-add-on-bg {
		height: 770px !important;
	}

}

@media (max-width: 556px) {
	.nav-main .nav-pills {
		padding: 100px 0vw 0vw 0px !important;
		width: 90%;
	}
	.page-header {
		height: 315px !important;
	}
	.triangle-container h1, .col-triangle h1 {
		margin: 20px 0px 25px !important;
	}
	#digital-pr-triangle {
		margin-top: 110px !important;
	}

}
@media (max-width: 550px) {
	#custom-link-building .custom-add-on-bg {
		height: 800px !important;
	}
	.guestpost-header .triangle-container h1, .col-triangle h1 {
		font-size: 2.5rem !important;
	}
	.triangle-container h3 {
		width: 380px;
	}
	#received-container {
		margin-top: 110px !important;
	}

}

@media (max-width: 530px) {
	#custom-link-building .custom-add-on-bg {
		height: 880px !important;
	}
	.abc-pr-header .triangle-container h3 {
		width: 340px;
	}
}

@media (max-width: 500px) {
	#custom-link-building .custom-add-on-bg {
		height: 910px !important;
	}
	.section-custom-list .custom-list-container {
		padding: 25px !important;
	}
	.triangle-container:before, .triangle-container:after {
		top: 25% !important;
	}
	#custom-link-building #second-lb-ladd {
		height: 790px !important;
	}
	.abc-pr-header {
		background-position: 0px 20px !important;
	}
}

@media (max-width: 450px) {


	#ity-box {
		max-width: 400px !important;
	}
	#digital-pr-triangle {
		margin-top: 85px !important;
	}
	#section-book-meeting .vmt-3 {
		margin-top: 0vw !important;
	}
	#custom-link-building #second-lb-ladd {
		height: 820px !important;
	}

	#custom-link-building .custom-add-on-bg {
		height: 1000px !important;
	}
	#inf-order-details-h {
		margin-top: -50px;
	}

	.page-header {
		height: 290px !important;
	}
	#abc-ty-content .vpb-5 , #abc-ty-pr-content .vpb-5{
		height: 380px !important;
	}


}
@media (max-width: 433px) {

	#custom-link-building .custom-add-on-bg {
		height: 1100px !important;
	}
	.bootstrap-tagsinput input{
		height: 55px !important;
	}
}

@media (max-width: 410px) {
	#ity-box {
		max-width: 350px !important;
	}
	#custom-link-building .custom-add-on-bg {
		height: 1273px !important;
	}
	#addon-header{
	height: 125vw !important;
}
	.triangle-container:before, .triangle-container:after {
		top: 35% !important;
	}
	#custom-link-building #second-lb-ladd {
		height: 940px !important;
	}
}


@media (max-width: 400px) {
	#abc-pack-od-cont .card-body.pt-4.pb-4.pl-5.pr-4 {
		padding-left: 1rem !important;
	}
	.guestpost-header .triangle-container h1 {
		margin: 25px 0px 15px;
	}

	.triangle-container h3 {
		width: 301px;
	}
	#received-container {
		margin-top: 90px !important;
	}
	.abc-pr-header .triangle-container h3 {
		width: 301px;
	}
}

/* end mobile */