/*
Theme Name: ikeymonitor2015
Theme URI: https://ikeymonitor.com
Author: ikeymonitor.com
Author URI: https://ikeymonitor.com
Description: ikeymonitor.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ikeymonitor2015
Tags: 
*/

* {
	outline: 0 !important;
}

ol, ul {
	list-style: none;
}
.left {
	float:left;
}
.right {
	float:right;
}

body {
    -moz-osx-font-smoothing: grayscale!important;
    font: 18px/1.8 Roboto,Helvetica,Arial,sans-serif!important;
}
/* CSS Document */
.container, 
.container-page {
	max-width: 1170px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	
}
.hero-btn {    display: inline-block;
	background-color:#e7505a;
    border-radius: 30px;
    font-size: 20px;
    padding: 13px 23px;
    margin-bottom: 20px;
    color: #fff!important;
    margin-right: 20px;
    margin-top: 10px;}

#return-to-top {
	position: fixed;
	z-index: 999999;
	bottom: -1px;
	right: 50px;
	height: 44px;
	width: 52px;
	background-color: #2ab4c0;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	display: none;
	
}

.sticky-wrapper {
    height: auto !important;
}

.modal {
	z-index: 9999;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}



/*=============== end header =============*/




/*------------ end hero area -----------*/

.features {
	text-align: center;
	padding-top: 100px;
}

.features h2 {
	font-size: 45px;
    margin-top: 15px;
    margin-bottom: 28px;
}

.features p {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	margin-bottom: 20px;
}

.features p span {
	font-weight: bold;
}

.single-feature {
	margin-top: 70px;
max-height: 150px;
}

.single-feature figcaption {
	margin-top: 27px;
	font-size: 20px;
	color: #35363f;
}

.view-all-features-btn,
.view-all-features-btn:focus {
    margin-top: 94px;
    margin-bottom: 70px;
    width: auto;
    height: auto;
    line-height: 36px;
    font-size: 20px;
    border: 1px solid #0070c9;
    color: #0070c9;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    padding: 10px 25px;
    white-space: normal;
}


.view-all-features-btn:hover {
	color: #fff;
	background-color: #0070C9;
}


/*----------------- end features ----------*/

.quick-tour-area {
	text-align: center;
	background: url('./img/quick-tour-bg.png') repeat-x left bottom;
	position: relative;
	padding-top: 110px;
}

.quick-tour-area h2 {
    font-size: 45px;
    margin-bottom: 40px;
}

.quick-tour-btn {
    width: 156px;
    height: 46px;
    line-height: 34px;
    font-size: 20px;
    background-color: #26c281;
    color: #fff;
    margin-bottom: 60px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.quick-tour-btn:hover,
.quick-tour-btn:focus {
	color: #fff;
	background-color: rgba(38, 194, 129, 0.85)
}



.quick-tour-img {
    bottom: -30px;
    position: relative;
    margin: 0 auto;
	max-width: 100%;
}



/*------------- end quick tour area -----------*/

.why-choose-us {
	padding-top: 145px;
	padding-bottom: 155px;
	text-align: center;
}

.why-choose-us h2 {
    margin-bottom: 50px;
    font-size: 45px;
    line-height: 1;
}

.single-why-us {
	padding: 35px 15px;
	margin: 0 -15px 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.single-why-us:hover {
	/*-webkit-box-shadow: 0 0 68px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 68px 0 rgba(0,0,0,.2);*/
}

.single-why-us-img {
    min-height: 100px;
}

.single-why-us img {
	margin-top: 5px;
}

.single-why-us figcaption {

}

.single-why-us figcaption h4 {
    margin-top: 0;
    margin-bottom: 18px;
    font-weight: 600;
}

.single-why-us p {
	font-size: 15px;
    margin-bottom: 0;
    color: #666;
}



/*------------ end why choose us -----------*/

.no-webp .discover-truth {
    padding-top: 60px;
    padding-bottom: 60px;
    background: url('./img/discover-truth.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: left;
    position: relative;
}
.webp .discover-truth {
    padding-top: 60px;
    padding-bottom: 60px;
    background: url('./img/discover-truth.webp') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: left;
    position: relative;
}
.discover-truth:before {
	content: "";
	display: block;
	top:0;
	right:0;
	left:0;
	bottom:0;
	position:absolute;
	width:100%;
	height:100%;

	z-index: 0;
	background-color: rgba(0,0,0,.5);
}


.discover-truth h2 {
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 54px;
}

.discover-truth p {
	margin-bottom: 30px;
}

.try-free-btn {
    background-color: #e7505a;
    color: #fff;
    /*width: 255px;*/
    height: auto;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
	padding: 10px 25px;
    width: auto;
    white-space: normal;
}


.try-free-btn:hover,
.try-free-btn:focus {
	color: #fff;
	background-color: rgba(231, 80, 90, 0.9);
}





/*------------ end discover truth ---------*/

.testimonials {
	padding-top: 70px;
	padding-bottom: 75px;
}

.testimonials h2 {
    text-align: center;
    font-size: 45px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 100px;
}

.client-img {
	height: 95px;
	width: 95px;
	overflow: hidden;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}

.single-testimonial {
	text-align: center;
	padding: 0 10px 30px;
}

.single-testimonial figcaption p {
	font-size: 15px;
	color: #666;
}

.single-testimonial figcaption h4 {
    margin-top: 26px;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1;
}

.single-testimonial figcaption h5 {
	font-size: 14px;
	margin-top: 5px;
	color: rgba( 0, 0, 0, .5);
}



/*------------- end testimonial -------------*/

.money-back-guarantee {
	text-align: center;
	background-color: #f2f2f6;
	padding-top: 90px;
	padding-bottom: 50px;
}

.money-back-guarantee h3 {
	font-size: 25px;
    color: #a1a2ab;
    margin-top: 0;
    margin-bottom: 15px;
}

.money-back-guarantee h2 {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 40px;
}

.download-trial-btn, 
.view-plans-btn {
height: auto;
width: auto;
margin: 0 25px 15px;
color: #fff;
line-height: 30px;
font-size: 20px!important;
padding: 10px 25px;
min-width: 220px;
}
.download-trial-btn i, 
.view-plans-btn i {
	margin-right: 5px;
}

.download-trial-btn {
	background-color: #e7505a;
	color: #fff;
}

.download-trial-btn:hover,
.download-trial-btn:focus {
	color: #fff;
}

.view-plans-btn {
	background-color: #252d40;
	color: #fff;
}

.view-plans-btn:hover,
.view-plans-btn:focus {
	color: #fff;
}


/*------------- end money back guarantee -------*/

.our-clients {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
}

.our-clients ul li {
	margin: 0 30px 25px;
	vertical-align: middle;
}


.our-clients ul li:first-child {
	margin-left: 0;
}


.our-clients ul li:last-child {
	margin-right: 0;
}

.our-clients ul li a {
	display: inline-block;
}

.our-clients ul li a img {
	max-width: 100%;
}




/*------------- end our clients --------------*/

.footer {
	position: relative;
	z-index: 5;
	clear: both;
}

.footer .container-fluid {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.footer-top {
	background-color: #252d40;
	color: #fff;
	padding-top: 53px;
	padding-bottom: 18px;
}

.footer-top h4 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 22px;
	
}

.footer-top ul li {
	margin-bottom: 10px;
}

.footer-top ul li a {
	font-size: 15px;
    line-height: 1;
    text-decoration: none;
    color: rgba(255,255,255,.6);
    display: inline-block;
}

.footer-single-widget {
	margin-bottom: 40px;
}

.footer-middle {
	background-color: #30384a;
	padding: 0;
}

.copyright-text {
	color: #fff;
    font-size: 12px;
    margin-top: 15px;
}

.copyright-text img {
    vertical-align: text-bottom;
}

.footer-smi {
	text-align: center;
	margin: 20px 0;
}

.footer-smi li {
}

.footer-smi li a {
	color: #fff;
	height: 40px;
	width: 40px;
	font-size: 22px;
	background-color: rgba(255,255,255,.1);
	text-align: center;
	line-height: 44px;
	display: inline-block;
	border-radius: 40px;
}

.footer-bottom {
	background-color: #1f2738;
	padding: 33px 0 30px;
}

.footer-bottom p {
	color: #fff;
    line-height: 23px;
    margin-bottom: 20px;
}

.language-dropdown-btn {
	display: inline-block;
	margin: 20px 0;
}

.language-dropdown-btn .dropdown-menu {
	min-width: 134px;
    top: inherit;
    bottom: 100%;
    margin-bottom: -5px;
    background-color: #fff;
    padding: 5px 0;
}


.language-dropdown-btn .dropdown-menu li a i{
	margin-right: 5px;
}

.language-dropdown-btn .dropdown-menu>li>a {
	padding: 3px 12px;
    color: #000;
}

.language-btn {
	background-color: transparent;
	border: 1px solid #fff !important;
	color: #fff !important;
	margin-top: 5px;
	padding: 8px 24px !important;
}

.language-btn i.fa.fa-globe {
	margin-right: 5px;
}

.supported-cards {
	text-align: right;
}

.supported-cards img {
	margin-left: auto;
	margin-right: auto;
	
}



/*================== end homepage =================*/


/*============= start purchase page ==============*/
.example.example5 {
  background-color: #fff;
}

.example.example5 * {
    font-family: Source Code Pro, Consolas, Menlo, monospace;
    font-size: 16px;
    font-weight: 500;
}

.example.example5 form {
}

#example5-paymentRequest {
  max-width: 500px;
  width: 100%;
  margin-bottom: 10px;
}

.example.example5 fieldset {
  border: 0;
  padding: 15px;
}

.example.example5 fieldset legend {
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #24b47e;
}

.example.example5 fieldset legend + * {
  clear: both;
}

.example.example5 .card-only {
  display: block;
}
.example.example5 .payment-request-available {
  display: none;
}

.example.example5 .row {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}

.example.example5 .field {
  position: relative;
  width: 100%;
}

.example.example5 .field + .field {
  margin-left: 10px;
}

.example.example5 label {
  width: 100%;
  color: #cdd0f8;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.example.example5 .input {
  width: 100%;
  color: #32325d;
  background: transparent;
  padding: 5px 0 6px 0;
  border-bottom: 1px solid #cfd7df;
  transition: border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.example.example5 .input::-webkit-input-placeholder {
  color: #cfd7df;
}

.example.example5 .input::-moz-placeholder {
  color: #cfd7df;
}

.example.example5 .input:-ms-input-placeholder {
  color: #cfd7df;
}

.example.example5 .input.StripeElement {
color: #cfd7df;
}

.example.example5 .input.StripeElement--focus,
.example.example5 .input:focus {
  border-color: #cfd7df;
}
.example.example5 .input.StripeElement--invalid {
  border-color: #ffc7ee;
}

.example.example5 input:-webkit-autofill,
.example.example5 select:-webkit-autofill {
  -webkit-text-fill-color: #fce883;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}

.example.example5 .StripeElement--webkit-autofill {
  background: transparent !important;
}

.example.example5 input,
.example.example5 button,
.example.example5 select {
  -webkit-animation: 1ms void-animation-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
  border-radius: 0;
}

.example.example5 select.input,
.example.example5 select:-webkit-autofill {
  background-image: url('data:image/svg+xml;utf8,<svg width="10px" height="5px" viewBox="0 0 10 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#fff" d="M5.35355339,4.64644661 L9.14644661,0.853553391 L9.14644661,0.853553391 C9.34170876,0.658291245 9.34170876,0.341708755 9.14644661,0.146446609 C9.05267842,0.0526784202 8.92550146,-2.43597394e-17 8.79289322,0 L1.20710678,0 L1.20710678,0 C0.930964406,5.07265313e-17 0.707106781,0.223857625 0.707106781,0.5 C0.707106781,0.632608245 0.759785201,0.759785201 0.853553391,0.853553391 L4.64644661,4.64644661 L4.64644661,4.64644661 C4.84170876,4.84170876 5.15829124,4.84170876 5.35355339,4.64644661 Z" id="shape"></path></svg>');
  background-position: 100%;
  background-size: 10px 5px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.example.example5 button {
  display: block;
  width: 100%;
  height: 40px;
  margin: 20px 0 0;
  background-color: #24b47e;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.example.example5 button:active {
  background-color: #cdd0f8;
}

.example.example5 .error svg .base {
  fill: #e25950;
}

.example.example5 .error svg .glyph {
  fill: #fff;
}

.example.example5 .error .message {
  color: #e25950;
}

.example.example5 .success .icon .border {
  stroke: #abe9d2;
}

.example.example5 .success .icon .checkmark {
  stroke: #24b47e;
}

.example.example5 .success .title {
  color: #32325d;
  font-size: 16px !important;
}

.example.example5 .success .message {
  color: #8898aa;
  font-size: 13px !important;
}

.example.example5 .success .reset path {
  fill: #24b47e;
}


.purchase-page-wrap {
	min-height: 200vh;
	background-color: #f2f2f6;
}

.purchase-page-top-content {
	margin-bottom: 60px;
}

.purchase-page-top-gradient {
	min-height: 1300px;
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c3555+0,cd4c59+100 */
	background: #2c3555; /* Old browsers */
	background: -moz-linear-gradient(top,  #2c3555 0%, #cd4c59 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2c3555 0%,#cd4c59 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2c3555 0%,#cd4c59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3555', endColorstr='#cd4c59',GradientType=0 ); /* IE6-9 */

}

.purchase-page-top-gradient:after {
    content: "";
    right: 0;
    left: 0;
    top: 100%;
    position: absolute;
    width: 115%;
    height: 100%;
    z-index: 1;
    background: #f2f2f6;
    margin-top: -400px;
    -webkit-transform: rotate(-9.6deg);
    -ms-transform: rotate(-9.6deg);
    -o-transform: rotate(-9.6deg);
    transform: rotate(-9.6deg);
}

.purchase-page-inner {
	position: relative;
	z-index: 5;
	text-align: center;
}

.discount-rate {
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    display: inline-block;
    padding: 7px 22px;
    font-size: 23px;
}

.purchase-page-top-content h2, .purchase-page-top-content h1 {
	color: #fff!important;
    font-size: 45px;
    margin-bottom: 15px;
    line-height: 1;
}

.purchase-page-top-content h4 {
	color: rgba(255, 255, 255, .5);
	font-size: 25px;
}

.purchase-table-header {
	margin-bottom: 60px;
}


.purchase-table-header .btn {
	border: 1px solid #fff;
	background-color: transparent;
}

.purchase-table-header .btn a {
    text-decoration: none;
    color: #fff;
    display: block;
    background-color: transparent;
    padding: 2px 5px;
    font-size: 20px;
	min-width: 172px;
}

.purchase-table-header .btn.active{
	background-color: #ffffff;
}

.purchase-table-header .btn.active a {
	color: #000;
}

.tab-content {
	color: #fff;
}

.single-price-table {
    max-width: 462px;
    width: 100%;
    background-color: #fff;
    color: #000;
    display: inline-block;
    border: 1px solid #bdbdbd;
    vertical-align: top;
    position: relative;
    padding-bottom: 96px;
    margin: 0 15px 30px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.spt-top-icon {
	background-color: #c54b59;
	color: #fff;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 72px;
	border-radius: 70px;
	font-size: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
}

.single-price-table h3 {
	font-size: 35px;
}


.single-price-table h5 {
	font-size: 20px;
	margin-bottom: 18px;
}

.spt-current-price {
	font-size: 70px;
	line-height: 1;
	margin-bottom: 16px;
}

.spt-previous-price {
	font-size: 30px;
	color: rgba(0,0,0,.5);
	text-decoration: line-through;
	margin-bottom: 27px;
}

.spt-buy-now-btn {
	height: 70px;
	width: 276px;
	line-height: 68px;
	padding: 0;
	text-align: center;
	color: #fff !important;
	background-color: #3EB955;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px;
	border-radius: 70px;

	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}

.spt-buy-now-btn:hover {
	background-color: rgba(62, 185, 85, 0.85)
}

.main-spt-items {
	margin-top: 40px;
}

.spt-more-feature-btn {
    background-color: #bbbbbb;
    font-size: 25px;
    display: block;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.spt-more-feature-btn:hover,
.spt-more-feature-btn:focus {
	color: #fff;
	text-decoration: none;
}

.spt-more-feature-btn i {
	vertical-align: middle;
}

.spt-more-feature-list {
	margin-bottom: 0;
}

.purchase-money-back-guarantee {
	padding-top: 50px;
	padding-bottom: 60px;
}

.purchase-money-back-guarantee h2 {
    font-size: 45px;
    margin-top: 50px;
    line-height: 1;
    margin-bottom: 28px;
}


.purchase-money-back-guarantee p {
    font-size: 24px; 
    color: #a1a2ab;
    max-width: 1040px;
    margin: 28px auto 44px;
    letter-spacing: .5px;
    line-height: 36px;
}

.money-back-stars i {
	color: #d2a62e;
	font-size: 28px;
	margin: 0 1.5px;
}

#payment-modal .modal-content{
	width: 100% !important;
	max-width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

/*=================== end purchase page ===============*/


/*================= start features page ================*/



.features-page-header {
	padding-top: 90px;
	margin-bottom: 70px;
}

.features-page-header h2 , .features-page-header h1{
	text-align: center;
	font-size: 45px;
	line-height: 1;
	margin-bottom: 33px;
}

.features-page-header h4 {
	color: #666;
	text-align: center;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	
}

.single-feature-section {
	text-align: center;
	margin-top: 20px;
}

.single-feature-section h3 {
	color: #399fd8;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 27px;
    margin-bottom: 15px;
    line-height: 1;
	letter-spacing: .5px;
}

.single-feature-section p {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	color: #a1a2ab;
	font-size: 14px;
	letter-spacing: .5px;
}

.feature-item-list {
	text-align: center;
	margin-top: 105px;
}

.feature-item-list li {
	width: 194px;
	height: 194px;
	display: inline-block;
	text-align: center;
	position: relative;
	
}
.feature-page-ul li{width:220px;}
@media screen and (max-width:480px){.feature-page-ul li{float:left;width:50%}}
.feature-item-list li .sf-img {

}

.feature-item-list li {

}

.sf-img {
	width: 46px;
	height: 46px;
	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
	border-radius: 12px;
}

.sf-text {
	font-size: 16px;
	color: #000000;
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
}

.feature-page-buttons {
	text-align: center;
	min-height:154px;
	margin:0 auto;
}

.feature-page-buttons .btn {
	height: auto;
	width: auto;
	color: #fff !important;
	text-align: center;
	line-height: 30px;
	padding: 10px 25px;
	display: inline-block;
	margin: 50px 25px 0 15px;
	font-size: 20px;
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
    white-space: normal;
min-width: 350px;
}
@media screen and (max-width: 478px) {
.feature-page-buttons .btn {
	min-width: inherit!important;
	margin: 0 auto 15px;
	}
}
.feature-try-free-btn {
 	background-color: #e7505a;
}

.feature-view-plan-btn {
	background-color: #252d40;
}

.feature-page-buttons .btn:hover {
	opacity: .9;
}

#section-part {
	margin-top: 0px;
}

#content {
	padding-top: 0 !important;
}

.article-sect {
	padding-top: 30px;
}








/*==================== responsive style goes here ===================*/

@media screen and (max-width: 1199px) {
	.single-price-table {
		max-width: 430px;
	}
}


@media screen and (max-width: 991px) {
	.quick-tour-img {
		bottom: 0;
	}
		
	.footer-middle {
		text-align: center;
		padding-top: 15px;
		padding-bottom: 25px;
	}
	
	.copyright-text {
		margin-bottom: 20px;
	}

	.footer-smi {
		margin-bottom: 15px;
	}
	
	.single-price-table {
		margin: 0 0 50px;
	}

	.discover-truth {
	    padding: 50px 0;
	}

	.main-spt-items {
		margin-top: 30px;
	}


}



@media screen and (min-width: 768px) and (max-width: 991px) {
	.header .nav.navbar-nav.navbar-right {
		float: left !important;
	    margin: 0 -15px;
	    margin-top: 5px;
	    margin-left: -35px;
	}
}

@media screen and (min-width: 768px) {

	
	.header .navbar-nav>li>.dropdown-menu {
		display: block !important;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		margin-top: 20px;
		opacity: 0;
		visibility: hidden;
	    left: auto;
	    right: 0;
	    top: 100%;
	}

	.header .navbar-nav>li.dropdown.open>.dropdown-menu {
		margin-top: 0px;
		opacity: 1;
		visibility: visible;
	    border-top: 2px solid #000;
	    top: 100%;
	}

	.header .nav.navbar-nav > li > a:hover {
	    border-bottom: 3px solid #e7505a;
		color: #000000;
		background-color: transparent;
	}

	.header .nav.navbar-nav > li.dropdown > a:hover {
		border-color: transparent !important;
	}

	.header .nav.navbar-nav li.active a{
		border-bottom: 3px solid #e7505a;
	}


	#video-modal .modal-dialog {
		width: 980px;
	}

}




@media screen and (max-width: 767px) {

	.header .navbar{
		padding: 5px 0;
	}
	
	.header .navbar-brand {
		padding-top: 10px;
		margin-left: 15px;		
	}

	.header .navbar-header {
		margin-top: 5px !important;
	}

	.header .navbar-nav>li>.dropdown-menu:before {
		display: none;
	}

	.hero-area {
		padding: 0;
	}

	.header .nav.navbar-nav {
		margin-bottom: 0 !important;
	}

	.header .nav.navbar-nav li {
		padding-bottom: 0;
		border-bottom: 0 !important;
		margin-bottom: 5px !important;
		text-align: center;
		
	}

	.login-nav-btn, .free-trial-nav-btn {
		width: 49%;
		margin-top: 0px !important;
	}

	.free-trial-nav-btn {
		float: left;
	}

	.login-nav-btn {
		float: right;
	}

	.header .nav.navbar-nav li.login-nav-btn a,
	.header .nav.navbar-nav li.free-trial-nav-btn a {
	    margin-left: 0 !important;
	    padding-left: 14px !important;
	    padding-right: 14px !important;
	    max-width: 180px;
	    width: 100%;
	}

	.header .nav.navbar-nav .free-trial-nav-btn a {
		float: right;
	}


	.hero-text {
		text-align: center;
		padding-top: 40px;
	}

	.hero-text h2 {float:none;}
	.hero-right {
		text-align: center;	
	}

	.view-all-features-btn, 
	.view-all-features-btn:focus {
		margin-bottom: 20px;
	}

	.single-why-us {
		margin: 0 15px 20px;
		padding: 15px;
	}

	.single-why-us figcaption {
		padding-top: 20px;
	}

	.single-why-us figcaption h4 {
		margin-bottom: 10px;
	}
	
	.quick-tour-area {
		-webkit-background-size: auto 120px;
		background-size: auto 120px;
		padding-top: 30px;
	}
	
	.why-choose-us {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.features {
		padding-top: 20px;
	}

	.discover-truth {
		text-align: center;
	}
	
	.testimonials {
		padding-top: 30px;
		padding-bottom: 25px;
	}

	.testimonials h2 {
		margin-bottom: 50px;
	}

	.money-back-guarantee {
	    padding-top: 50px;
	    padding-bottom: 30px;
	}
	
	.footer-bottom p {
		text-align: center;
		
	}

	.footer-top .col-sm-3 {
		width: 50%;
		float: left;
	}
	
	.our-clients ul li {
	    margin: 0 5px 15px !important;
	}
	
	#return-to-top {
		right: 20px;
	}
	
	.purchase-page-top-gradient:after {
		width: 155%;
	}

	.feature-item-list {
		margin-top: 70px;
	}

	.features-page-header {
	    padding-top: 30px;
	    margin-bottom: 30px;
	}


	#section-part {
		margin-top: 0px !important;
	}

.footer-middle label {margin-left: -100px;}

}

@media screen and (max-width: 600px) {
	.all-feature-wrap .col-xs-4 {
		width: 50%;
		float: left;
	}




}

@media screen and (max-width: 480px) {
	.all-feature-wrap .col-xs-4 {
		width: 100%;
		float: none;
	}

	.footer-top .col-sm-3 {
		width: 100%;
		float: none;
	}
	
	.hero-area:after {
		width: 130%;
	}

	.footer-single-widget {
		text-align: center;
	}
	
	.download-trial-btn, .view-plans-btn {
		width: 260px;
		font-size: 18px;
		white-space: normal;
	}

	.purchase-table-header .btn a {
	    padding: 2px 0px;
	    font-size: 14px;
	    min-width: 110px;
	}	

	.spt-buy-now-btn {
	    width: 230px;
	    height: 60px;
	    line-height: 60px;
	}

	.spt-current-price {
		font-size: 60px;
	}
	
	.feature-item-list li {
		float: left;
		width: 50%;
	}


}

.jailbreak-vs-h2{margin:60px 0!important;}
.single-price-table ul li.text-grey{color:#b8b8b8!important;}
.spt-top-icon img {margin-top: -9px;}

.input {
	width: 100%;
	border:none;
	outline: 0;
	color: #a6a6a6;
}

@media (max-width:767px){
	.searchbtn {}
}
/* Apply CSS to iOS affected versions only */
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
.modal-open { position: fixed; }
}

/*==================== General Css ====================*/

.space0{margin-top:0px !important;margin-bottom:0 !important}
.space2{margin-top:2px !important;}
.space5{margin-top:5px !important;}
.space10{margin-top:10px !important;}
.space24{margin-top:24px !important;}
.space15{margin-top:15px !important;}
.space20{margin-top:20px !important;}
.space25{margin-top:25px !important;}
.space30{margin-top:30px !important;}
.space35{margin-top:35px !important;}
.space40{margin-top:40px !important;}
.space50{margin-top:50px !important;}
.space60{margin-top:60px !important;}
.space70{margin-top:70px !important;}
.space100{margin-top:100px !important;}
.f100{font-weight:100;}
.f200{font-weight:200;}
.f300{font-weight:300;}
.f400{font-weight:400;}
.f500{font-weight:500;}
.f600{font-weight:600;}
.f700{font-weight:700;}
.f900{font-weight:900;}
.gold_text{color:#e5c452 !important}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100{width:100%;}
.pad0{padding:0;}

/*===========================================================*/

/* Wizard Menu */
.wizard-modal {
    width: auto !important;
background-color: rgba(0,0,0,.0001) !important;
}
#signup-wizard .modal-content{
	width: 100% !important;
	max-width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}
.wizard_main {
    padding:100px 0;
        color: #555;
    font-weight: 300;
        background: #f5f6f7 url('./img/pexels-photo-88819.jpeg') no-repeat;
    background-size: cover;
}
.wizard_main2,.container2 {
width:100%;
padding:0;
}
#tabwizard {color: #555}
.wizard_box {
    padding: 20px 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    /*min-height: 520px;*/
    padding-bottom: 60px;
    position: relative;
}
.wbreset {
padding:0; box-shadow:none;
}

.display_table {
    display: table;
    width: 100%;
    height: 100%;
}

.display_cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.main-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: 'Ubuntu';
    font-weight: 400;
    color: #5d5c5b;
}
.main-title2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Ubuntu';
    font-weight: 400;
    color: #5d5c5b;
}


.wizard .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    margin-top: 20px;
    border: 0;
}

.wizard .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0;
}

.wizard > div.wizard-inner {
    position: relative;
}

#signup_div {
    margin-top: 50px;
}

/* .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
} */

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    border-color: #e7505a;
    background: #e7505a;
}

.wizard .nav-tabs > li.open_1 > a, 
.wizard .nav-tabs > li.open_1 > a:hover, 
.wizard .nav-tabs > li.open_1 > a:focus {
    color: #fff;
    cursor: default;
    border-color: #e7505a;
    background: #e7505a;
}

/*span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}*/
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33.333%;
    margin-bottom: 0;
}

.wizard li:after {
    /* content: " "; */
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    /* content: " "; */
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    height: 50px;
    margin: 20px auto;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 0;
    padding: 14px 0;
    background: #5d5c5b;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    border: 0;
    font-size: 15px;
   cursor: not-allowed;
}

.wizard .nav-tabs > li:first-child a {
    /*border-left: 1px solid #5b5941;*/
}

.wizard .nav-tabs > li a:hover {
    /*background: transparent;*/
}

.wizard .tab-pane {
    position: relative;
    margin-top: 20px;
    border: 1px solid #f5f6f7;
    padding: 15px;
}
#signup_div .row,#login .row {margin:10px 20px;}

.wizard h3 {
    margin-top: 0;
}

#tabwizard .control-label {
    margin-top: 12px;
    text-align: right;
}

#tabwizard .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    min-height: 45px;
    font-size: 16px
}

#tabwizard .btn {
    padding: 10px 15px;
}

.logo_list {
    margin-top: 20px;
    margin-bottom: 20px;
}

.logo_list li img {
    width: 60px;
	height: 60px;
    margin: 10px 30px;
    display: inline-block;
}

.logo_list li.logo_sm img {
    height: 30px;
    width: auto;
}

.compability_div {
    padding: 0 0px 30px;
    text-align: center;
}

.compability_div.android h2 {
    margin-bottom: 20px;
}

.compability_div h2 {
    margin-bottom: 20px;
    color: #666;
    font-size: 24px;
}

.comability_list li {
    width: 160px;
    padding: 0 5px;
}

.comability_list li a {
    display: block;
    padding: 15px 17px;
    color: #333;
    border-radius: 15px;
    border: 1px solid #f7d08a;
    text-decoration: none;
    font-weight: 500;
}

.comability_list li img {
    width: 54px;
	height:54px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 15px;
}

.form-control-feedback {
    right: 15px;
}

.frb ~ .frb {
    margin-top: 15px;
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
    display: none;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
    font-family: FontAwesome;
    /* content: '\f096'; */
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 15px;
    font-size: 22px;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
    /* content: '\f046'; */
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 2px solid #fce2e4;
    border-radius: 20px;
    background-color: #fff;
    width: 330px;
    padding: 20px 10px;
    display: inline-block;
    color: #5d5c5b;
    font-weight: 500;
    transition: all 0.6s ease;
    margin-bottom: 10px;
}

.frb input[type="radio"] ~ label:focus, .frb input[type="radio"] ~ label:hover, .frb input[type="checkbox"] ~ label:focus, .frb input[type="checkbox"] ~ label:hover {
    border-color: #e7505a;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    color: #333;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    border-color: #e7505a;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
    color: #333;
}

.iphone .frb input[type="radio"] ~ label, .iphone .frb input[type="checkbox"] ~ label {
    width: 250px;
    margin-bottom: 10px;
}

.comability_list li .frb input[type="radio"] ~ label, 
.comability_list li .frb input[type="checkbox"] ~ label {
    border-radius: 20px;
}

.tab-pane#select .help-block {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}

.tabw-content>.tab-pane {
    padding: 20px;
}

#checkemail p {
    font-weight: 500;
    line-height: 1.7;
}

.logo_list li {
    padding: 20px;
    /* width: 217px; */
}

ul.pager.wizard {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0;
    padding: 0 15px;
}

.pager li>a {
    font-weight: 400;
    transition: all 0.6s ease;
}

.pager li>a:focus, .pager li>a:hover {
    text-decoration: none;
    background-color: #fce2e4;
    color: #fff;
    border-color: #fce2e4;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    /*color: transparent;*/
    /*font-size: 0;*/
}

.has-error .help-block {
    /*font-size: 15px;*/
}

#check .help-block {
    font-size: 16px;
    text-align: center;
}

.form-control-feedback {
    top: 5px;
    display: none !important;
}

.wiztitle {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    margin: 20px 0;
}

.tab-content>.tab-pane#select {
    padding: 20px 1px 1px;
}

.icon-astrick{
    color: #f12;
    font-size: 10px;
    font-weight: 300;
    display: inline-block;
    vertical-align: text-top;
}

#tabwizard .btn-submit {
    padding: 10px 30px;
    color: #fff;
    background: #e7505a;
    border: 1px solid #e7505a;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.50px;
    margin-top: 10px;
    transition: all 0.6s ease;
    text-align: center;
}

.pager li>a {
    padding: 9px 33px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    width: 150px;
    line-height: 1;
}

.pager li.previous>a:link,
.pager li.previous>a:hover,
.pager li.previous>a:focus {
    background-color: #fff;
    color: #e7505a;
    border-color: #ddd;
}

.pager li.next>a {
    border: 1px solid #e7505a;
    background: #e7505a;
    color: #fff;
}

.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
}

.custom_modal.modal {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
    padding: 0 !important
}

.custom_modal.modal:before {
    content: '';
    display: inline-block;

    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.custom_modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.custom_modal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Ubuntu';
}

.custom_modal .btn-default {
    transition: all 0.5s ease;
}

.custom_modal .btn-default:hover {
    color: #fff;
    background-color: #5d5c5b;
    border-color: #5d5c5b;
}

div#notCompatible {
    color: #e60c1c;
}

@media (min-width: 768px) {
    .form-group .col-md-6,
    .form-group .col-sm-8 {
        padding-left: 0px;
    }
}


@media (max-width: 767px) {
    .comability_list li a {
        margin-bottom: 15px;
    }
    .wizard_box {
        margin: 30px auto;
    }
    .main-title {
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
   #tabwizard .tab-content>.tab-pane {
        padding: 20px 30px;
    }
    .compability_div {
        padding: 0 0px 0px;
    }
    .logo_list li {
         width: auto;
         white-space: nowrap;
    }    
    .comability_list {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .control-label {
        margin-top: 0px;
    }
    .custom_modal .modal-sm {
        width: 300px;
    }
    /*.custom_modal.modal .modal-dialog {
        top: 50%;
        left: 0;
        right: 0;
        margin: 10px auto;
        position: absolute;
    }
    .custom_modal.modal.fade .modal-dialog {
        -webkit-transform: translate(0,0%);
        -ms-transform: translate(0,0%);
        -o-transform: translate(0,0%);
        transform: translate(0,0%);
    }
    .custom_modal.modal.in .modal-dialog {
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }*/
}

@media( max-width : 585px ) {

    .wizard li.active:after {
        /* content: " "; */
        position: absolute;
        left: 35%;
    }
    .wizard li.active:after {
        /* content: " "; */
        position: absolute;
        left: -15px;
        opacity: 1;
        margin: 0 auto;
        bottom: 20px;
        border-top: 10px solid transparent;
        border-left: 10px solid #5bc0de;
        border-bottom: 10px solid transparent;
    }
    .wizard li:after {
        /* content: " "; */
        position: absolute;
        left: 46%;
        opacity: 0;
        margin: 0 auto;
        bottom: 20px;
        border-top: 10px solid transparent;
        border-left: 10px solid #5bc0de;
        border-bottom: 10px solid transparent;
    }
    /*.wizard .nav-tabs > li {
        width: 100%;
    }*/
    .wizard .nav-tabs {
        padding-left: 0;
    }
    .wizard .nav-tabs > li a {
        margin: 4px auto;
    }
    .nav-tabs {
        border-left: 0;
        border-bottom: 0;
    }
    .pager li>a {
        width: 120px;
        padding: 9px 14px;
    }
    .wiztitle {
        font-size: 18px;
        margin: 15px 0;
    }
    .main-title {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .main-title2 {
font-size:18px;
margin:20px 0 0 0;
    }
    #signup_div {
        margin-top: 0px;
    }
}

@media( max-width : 500px ) {
    .wizard .nav-tabs > li a {
        font-size: 13px;
    }
    .wizard .nav-tabs > li:first-child span {
        display: none;
    }
    .frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
        width: 300px;
    }
    .comability_list li {
        width: 148px;
        padding: 5px;
    }
    .comability_list li img {
        /* width: 45px; */
    }
    .comability_list  {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
        /* font-size: 12px; */
    }
    .comability_list li:nth-child(2) {
        clear: both;
    }
    .logo_list li img {
        width: 40px;
		height: 40px;
        margin-right:20px;
    }
    .logo_list li.logo_sm img {
        height: 20px;
    }
    .custom_modal .modal-sm {
        width: 270px;
    }
}

@media (max-width: 390px) {
    .comability_list {
        width: 285px;
    }
    .comability_list li {
        width: 120px;
    }
    .comability_list li img {
        width: 35px;
		height: 35px;
    }
    .frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
        font-size: 12px;
    }
    .wizard_box {
        margin: 15px auto;
    }
}

@media (max-width: 375px) {
    .frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
        width: 250px;
    }
    .comability_list .frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
        width: 100%;
        padding: 15px;
    }
    .wiztitle {
        font-size: 16px;
    }
    .comability_list li {
        width: 110px;
    }
    .comability_list {
        width: 230px;
    }
    .logo_list li {
        padding: 20px;
    }
}
.error{color: #a94442;}

/*--------------------------------------------------------*/
ol, ul {list-style: none;}
.text-m-btn {clear: both; overflow: hidden;}
.width90{width:90%; margin:0 5%;display: table;}.sys-ios{width:50%; background-color:#e7ebf1; padding-top:20px; border-radius: 10px 0 0 10px; text-align:center;display: table-cell;}.sys-andriod{width:50%;background-color:#cddaed; padding-top:20px; border-radius: 0 10px 10px 0; text-align:center;display: table-cell;}

.guide-main{ float:right;}
.guide-sidebar{ float:left;}
@media (max-width: 479px) {
.guide-main,.guide-sidebar{ float: none;}
}
.guide-sidebar{margin-top:20px;}
.guide-sidebar-li{float:left; text-align:left; text-shadow:none;}
.guide-sidebar-li a i{color:#333;}
h2.guide-title{ clear:both; margin:25px 0; padding:10px 0;  border-top:1px dotted #999; border-bottom:1px dotted #999; display:block; color:#46494D; }
.guide-ol,.procedure-text ol{ margin:20px 0 20px 20px;}
.guide-ol li, .procedure-text ol li{list-style:decimal; margin:0 0 8px 0; padding:0; }
.procedure-text p{ text-align:left; margin-bottom:30px; font-size:16px; line-height:24px; height:auto;}
.guide-img{ margin-top:20px;}
.guide-setting-dl{ clear:both; height:auto; display:block; overflow:visible;}
.guide-setting-dl dd{background:url(/wp-content/themes/ikeymonitor2015/images/f-icon.jpg) no-repeat left 7px; padding-left:18px; margin-bottom:10px; }
.dotted-line{ height:5px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin:0 0 20px 0;}

.procedure-text h4 span{font-weight: normal; font-size:13px; color:#555555;}
.bs-note{border:1px dashed #C4C4C4; background-color:#F0F4FA; margin:15px 0 30px 0; padding:10px; display:block;}
.bs-note ul {clear:both;}
.bs-note ul li{ background:url(/wp-content/themes/ikeymonitor2015/images/f-icon.jpg) no-repeat left 7px; padding-left:18px; margin:0 0 15px 0;}

.remote-title{ clear:both; background-color:#D5EBDF; padding-left:10px; padding-right:10px; margin-top:0; text-shadow: 0 1px 0 #FFF; 
-moz-box-shadow: 0 2px 2px #909090;/*firefox*/
-webkit-box-shadow: 0 2px 2px #909090;/*safari or chrome*/
box-shadow:0 2px 2px #909090;/*opera or ie9*/ 
}
.guide-p{ font-size:16px!important; text-align:left!important;}
.procedure-text ol{ clear:both;}

/*--------------------------------------------------------------------------
+  free apps   2015-07
--------------------------------------------------------------------------*/
#main .post-warp .features-list ul.f-list-ul p { margin:0; border-top:#fff 1px solid;border-bottom:#ddd 1px solid; padding:6px 10px; font-size:13px; line-height:17px; color:#66879D;}

.apps-box{overflow:hidden; border:1px solid #82BB07; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:40px;}
.apps-box h2{ background:#E4E7DB; text-align:center; width:100%; margin-top:15px; line-height:38px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; text-shadow: 0 1px 0 #FFF;}
.margin20px{margin:20px 0}

/*about us*/
h2.line-title, h3.line-title{ height:20px; border-bottom:1px dashed #999; color:#568ABC; font-size:14px!important;  line-height:20px; }
.comment{-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; background:#F1F1F4; padding:13px ; font: italic 13px/20px; margin:5px 0 25px 0; color:#5D6974;}
.contact{  margin-bottom:35px;}
.awosoft-map{width:586px; height:215px; margin-bottom:45px;}
#ikm-awards{ height:145px; -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; border:1px solid #DBDBDB; margin:50px 0 20px 0;}
#ikm-awards img{ margin:15px auto; }

/*--------------------------------------------------------------------------
+	Apple iPad Keylogger 2015 7
--------------------------------------------------------------------------*/
.ikey-b-left-li{background-color:#CDE0FF;  min-height:106px;}
#ikey-b-features{ margin:0 0 13px 10px; padding:0; width:190px; float:left;}

#ikey-b-features li, #ikey-b-feature li{background:url(/images/lit.png) no-repeat 0 7px; padding-left:10px; font-size:12px; margin-top:9px;  }
#ikey-b-feature{margin:0 0 13px 6px; padding:0; width:200px;float:left;}
a.button-learnmore, a.button-freetrial, a.button-buynow{width:96px; height:32px; display:block; margin-top:5px; text-align:center;}
a.button-learnmore, a.button-freetrial{background:#115DA8 url(/images/button-blue.jpg) no-repeat;}
a.button-buynow{background:#C45006 url(/images/button-orange.jpg) no-repeat;}
a.button-freetrial{ }
a.button-learnmore span, a.button-freetrial span, a.button-buynow span{ text-align:center; font-size:12px; line-height:32px; color:#FFF; font-weight:bold; }

.ikey-b-left-li, .whatsapp-b-left-li{
overflow: hidden;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;	
}
/*--------------------------------------------------------------------------
+	Log WhatsApp Messages with WhatsApp Spy on iPhone 2015 7 (2013-7-12)
--------------------------------------------------------------------------*/
.whatsapp-b-left-li{background-color:#CADFFE; min-height:131px; }
.whatsapp-b-features{ margin:0 0 5px 10px; width:190px; float:left; padding-bottom:0!important;}
.whatsapp-b-features li{background:url(/images/lit.png) no-repeat 0 7px!important; padding-left:10px!important; font-size:12px;  margin-top:8px!important;}
.step_number {
background:#AFAFAF; width:80px; height:30px; -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; text-align:center; float:left; color:#FFF; font-size:16px; font-weight:bold; line-height:30px; margin:10px 0 0 -20px;}
.step_p{float:left; margin:0 10px;}
.step_p h4{color:#568ABC;}

/*--------------------------------------------------------------------------
+	Know Kids with iPhone Monitoring Software 2015 7 (2013-7-16)
--------------------------------------------------------------------------*/

.iphone-banner{clear:both; margin:20px 0; padding:0; background-color:#CADFFE; overflow: hidden; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;}
.iphone-banner ul li{background:url(/images/lit.png) no-repeat 0 7px!important; padding-left:10px;  font-size:12px;}

/*--------------------------------------------------------------------------
+	iKeyMonitor – The Best iPad Spy App  2015 7 (2013-7-12)
--------------------------------------------------------------------------*/
.part_features .part_fs a {height:45px;}
.part_features .part_fs img { margin:0 8px 0 1px; width:45px; height:45px;}

/*--------------------------------------------------------------------------
+	Apply iPhone Parental Control with iKeyMonitor   2015 7 (2013-7-16)
--------------------------------------------------------------------------*/
h2.ikm-b-h2{ margin:10px 0 10px 5px; font-size:16px!important; font-weight:bold; line-height:25px; color:#0055AD;}
.ikm-control-banner{clear:both; margin-bottom:20px; padding:5px 10px 12px 12px; background: #E5EFFF; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;}
.ikm-control-banner p{font-size:13px; margin:0; padding:12px 0 0 0 ; line-height:18px;}
.ikm-control-banner p strong{ color:#3D3D3D;}
.ikm-control-banner img{margin-top:5px;}

/*--------------------------------------------------------------------------
+	All products  amend 2015 7  (2013-7-29)
--------------------------------------------------------------------------*/
.mac-products-title, .pc-products-title, .mobile-products-title, .free-products-title, .comparison-title{margin:20px 0; padding:0; line-height:35px; overflow:hidden; clear:both; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; 
background:#C9D5E3;  
background: -webkit-gradient(linear, left top, left bottom, from(#E8F2FA), to(#BAC7D8));
background: -moz-linear-gradient(top, #E8F2FA, #BAC7D8);
border:1px solid #82BB07;
border-color:#D8D8D8 #B8B8B8 #858585;
}
.mac-products-title h3, .pc-products-title h3, .mobile-products-title h3, .free-products-title h3, .comparison-title h3{ margin:0!important; padding:0 0 0 35px!important; font-size:16px; line-height:35px; font-weight:bold; text-shadow: 0 1px 0 #FFF; float:left; line-height:35px!important;}
.mac-products-title h3{background:url(/images/mac-products.png) no-repeat 9px 5px;}
.pc-products-title h3{background:url(/images/windows-products.png) no-repeat 9px 5px;}
.mobile-products-title h3{background:url(/images/mobile-products.png) no-repeat 9px 5px;}
.free-products-title h3{ background:url(/images/free-products.png) no-repeat 9px 5px;}

.products-table{clear:both; margin-top:25px; padding:0 0 40px 0; height: auto; overflow:hidden;}
.products-sign{margin:0; padding: 5px 0 0;}
.products-text{ margin:0; padding-left:5px; height:auto;}
.products-text p{margin:5px 0 10px 5px; padding:0;  color:#555555;}
.products-text p span{color:#52637C; padding-top:10px; font-size:13px;}
.products-press{position:relative; display:block; min-height:104px; overflow:hidden;  }
.products-press-download{position:absolute; bottom:8px; background:url(/images/download-icon.jpg) no-repeat left 3px; float:left; padding-left:19px; line-height:20px;}
.products-press-buy{position:absolute; bottom:8px; left:110px; background:url(/images/buy-icon.jpg) no-repeat left 2px; float:left; padding-left:21px; line-height:20px;}
.products-press-buy span{color:#F30;}
.products-press-donate{position:absolute; bottom:8px; left:180px; background:url(/images/donate-icon.jpg) no-repeat left 2px; float:left; padding-left:21px; line-height:20px;}

ul.all-products-top{ background:url(/images/all-products-top-ul.png) no-repeat 0 0 ; float:right; width:267px; height:23px; margin:5px 8px 0 0; padding:0;}
ul.all-products-top li{ background:none!important; float:left;  margin:2px 8px 0 13px!important; padding:0!important; line-height:23px;}
ul.all-products-top li a{background:none; color:#5E5E5E!important; font-weight:normal; font-size:12px; }
ul.all-products-top li a:hover{color:#EA6401!important;}

/*--------------------------------------------------------------------------
+	compatibility  amend 2015 7  (2014-5-12)
--------------------------------------------------------------------------*/
.comparison-title h3{ padding:0!important;}
.comparison{clear:both;overflow:hidden; padding:30px 0 15px 0; border-bottom:1px dashed #D4D4D4;}
.comparison-img{  width:100px; }
.comparison-img p{text-align:center; }

/*--------------------------------------------------------------------------
+	why-choose-ikeymonitor-ipadiphone-keylogger  amend 2015 7  (2014-5-12)
--------------------------------------------------------------------------*/
.top10{ width:100%; height:auto; margin-top:10px; clear:both; overflow: hidden;}
.top10-img{ float:left; width:106px; height:auto;margin-top:40px; margin-left:-5px;}
.top10-p{ float:left; height:auto; margin-top:10px; }
.top10-p strong{font-size:14px; color:#054A8B;}
.top10-p p{ margin:10px 0 0;}
.left120{ margin:30px 0 20px 120px; clear:both;}

#download-page{clear:both; width:867px; margin:0 auto; overflow:hidden; background-color:#FFF; text-align:center; padding:10px 30px;
-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;}
#download-page h1,#inline h3{font:bold 24px/40px; height:40px; margin:10px 0 20px 0; color:#133775;}
#download-page h2, #download-page h3, #download-page h4{ font-size:20px; line-height:40px; color:#444;}
#download-page h2{color:#133775;}
#download-page p{font-size:15px; line-height:26px; margin:6px 0; text-align:center;}
#download-page p a{font-size:15px; color:#06F; font-weight:normal; }
#download-page a, #download-page a:link, #download-page a:active, #download-page a:visited{color:#09F; text-decoration:none;}
#download-page a:hover{color:#EA6401; }

/*--------------------------------------------------------------------------
+	Online Cloud Panel 2015 11 
--------------------------------------------------------------------------*/

.comparison-case{clear:both; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border: solid 1px #D4D4D4; padding:10px; width:100%; margin:25px 0 30px 0;  overflow:hidden;}
.comparison-case table tbody tr th {padding-top:20px; }
.f-check{background:url(/images/check.jpg) no-repeat 10px;}
.f-no{ background:url(/images/ok.jpg) no-repeat 10px; }


p.text-muted {color: #697176; line-height:20px;  text-align:center;}
.grid-icon {margin-bottom: 8px;}

/*--------------------------------------------------------------------------
+	download 
--------------------------------------------------------------------------*/
.install-step{clear:both; padding:0; width:100%;}

.install-step-num{margin-top: 20px;width:80px;height:80px;line-height:80px;border-radius:80px;font-size:50px; font-family:Verdana, Geneva, sans-serif;background:#52aad8;color:#fff; text-align:center;}
.install-step li{margin:15px 0; padding:20px 0;  background-image:none!important; text-align:left!important; border-bottom:1px dashed #9A9A9A;}

.stepimg {float:right;}
.install-text p , .install-kame p{text-align:left!important;}

/*--------------------------------------------------------------------------
+	full features 2015 1
--------------------------------------------------------------------------*/
.in-press{ clear:both; min-width:220px; min-height:60px; display:inline-block; border:#E5E4E4 1px solid; padding:5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-top:20px; float: none !important;  }
.in-press a {color:#555555; }
.in-press:hover { color: #4f8db3; text-decoration: none; background:#efefef; border:#88BBE3 1px solid;}
.in-press a img {margin:5px 8px 0 1px; width:45px; height:45px;}
.in-press a span{font-size:14px; font-weight:bold; color:#0099FF; }
.in-press a small{font-size:11px; -webkit-text-size-adjust:none;}
.press-gray{background:#EFEFEF;}
.features-background{clear:both; background:#f5f7f8;}
.features-wrapper-row { padding: 10px 0;}
.features-image {text-align: center; margin-top:-20px;}
.features-wrapper-row h3 {clear:both; margin:35px 0 15px 0; text-shadow: 0 1px 0 #FFF; color:#2e76be;}
.features-wrapper-row h4{clear:both; padding-top: 15px; font-size:15px; font-weight:bold; color:#333; margin-top:60px;  text-shadow: 0 1px 0 #FFF;}
.features-wrapper-row p{text-align:left; font-size:16px; line-height:24px;}
.features-list{width:100%; border:#ddd 1px solid; background:#e8f2fc; border-bottom:none; margin:10px 0 30px 0; }
.features-list ul.f-list-ul { clear:both; margin:0;padding:0; list-style:none;}
.features-list ul.f-list-ul li { background:#e8f2fc url(/images/icon02.png) 10px 7px no-repeat; border-top:#fff 1px solid;border-bottom:#ddd 1px solid; padding-left:35px; font-size:13px; line-height:30px;  margin:0;}
.box-top20px, .text-top20px {margin-top: 20px;}
/*--------------------------------------------------------------------------
+	Affiliates 2015 4
--------------------------------------------------------------------------*/
.circular-box{ border:1px solid #CCC; display:block; height:auto; min-height:351px; width:100%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:url(/images/aff-bg.jpg) no-repeat #fff right; border:3px solid #D9E1E3; margin-bottom:60px;
}
.step-no {
position: relative;
padding-top: 11px;
padding-bottom: 1px;
margin-top: 0px;
margin-bottom: 0;
}
.step-no-title {
	clear:both;
position: relative;
counter-increment: post;
padding-left: 90px;
margin-top: 0;
font-size: 16px;
}

.step-no-i {
margin-left: 90px;
margin-bottom: 60px;
}
.title-s {
color:#337AB7;
font-size: 28px;
font-weight: 700;
margin: 1.5em 0 1em;
text-transform: uppercase;
}

.step-no-title:before {
position: absolute;
top: -11px;
left: 0;
content: counter(post,decimal) "";
background-color: #fafafa;
border: 1px solid #ddd;
box-shadow: 0 0 0 1px #fff inset;
display: block;
border-radius: 50%;
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
color:#337AB7;
font-size: 30px;
font-weight: 700;
font-style: normal;
}
img.img-responsive {
margin: 15px auto 12px;
display: block;
max-width: 100%;
height: auto;
}
.pay-out p {
text-align: center;
}
.pay-out h3 {
font-size: 26px;
margin-bottom: 12px;
font-weight: 800;
color: #0171bc;
}
.pay-out .comm-wrapper {
max-width: 340px;
margin: 0 auto;
max-width: 290px;
}
.pay-out .commission {
color: #555;
padding: 0;
text-align: left;
list-style-type: none;

}
.pay-out .commission li{
	font-weight: 400;
font-size: 18px;
background: none;
}
.pay-out .commission li span{
font-size: 24px;
font-weight:normal;
color: #005793;
}
.pay-out h4 {
font-size: 28px;
font-weight: 800;
color: #005793;
}
.pay-out h5 {
font-size: 34px;
font-weight: 800;
color: #005793;
}
	
ul.af-banner-ul{ float:left; margin:0; min-width:230px; margin: 12px 0 0 10px;}
ul.af-banner-ul li{ margin-top:10px; color:#272727; font-weight:600; font-size:13px; background: url(/images/red-triangle-icon.png) no-repeat left 5px;}
ul.af-banner-ul li span{ color:#0077D0; font-size:16px;}
.panel-title{ line-height:24px; margin:0;}
.af-h1{ margin:25px 0 25px 15px; color:#0D5286; font-weight:bold; text-shadow: 0 1px 0 #FFF;}	
p.af-text{ line-height:30px; font-size:16px; color:#555555;}

.aff-button{ padding:5px 0; font-weight:bold; margin-top:50px; width: auto; float:left; }
.bottom-btn{ clear:both; text-align:center; margin-bottom:30px; height:auto;}
.btn-big-blue-center {
	-moz-box-shadow: 0px 0px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 0px 0px 0px #f0f7fa;
	box-shadow: 0px 0px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #057fd0!important;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size:20px!important;
	font-weight:bold;
	padding:19px 27px;
	text-decoration:none;
	text-transform:uppercase;
}
.btn-big-blue-center:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.btn-big-blue-center:active {
	position:relative;
	top:1px;
}


/*--------------------------------------------------------------------------
+	page-spy 
--------------------------------------------------------------------------*/
.article-sect {
    padding: 40px 0;
}
#footer-part, #header-part, #section-part, .article-sect {
    width: 100%;
    float: left;
}
h1.article-title, h2.article-title {
	width:100%;
	float:left;
	margin:20px 0 35px;
	padding-bottom:20px;
	color:#35363f;
	text-align:center;
	font:400 40px/40px sans-serif;
	background:url(/images/ikm2015/heading-line.png) center bottom no-repeat
}
.article-sect p, .article-sect-bg p {
	width:100%;
}
.screens {
	width:100%;
	float:left;
	padding:0;
	position:relative
}
.screen-container {
	max-width:770px;
	margin:0 auto;
	width:100%;
	text-align:center
}
.screens .mac-screen {
	max-width:100%;
	width:100%;height: auto;
}
.mac-screen-img {
	max-width:100%;
	width:75%;
	margin:0 auto;
	position:relative
}

.mac-screen-img a {
	border:none;
}
.article-sect-bg, .article-sect-testimonial {
	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7
}
.screens .arrow-top {
	position:absolute;
	top:0;
	right:0;
	max-width:100%
}
.screens .arrow-bottom {
	position:absolute;
	bottom:35px;
	left:30px;
	max-width:100%
}
.screens>p {
	color:#35363f;
	float:none;
	margin-top:40px;
	font:400 28px sans-serif
}
.article-sect-bg {
	width:100%;
	float:left;
	background:#f5f7f8;
	margin-bottom:20px
}
.shadow {
	width:100%;
	float:left;
	text-align:center
}
.shadow img {
	max-width:100%;
	width:100%
}
.article-section-container {
	width:100%;
	float:left;
	margin:40px 0
}
ul.ikeyFeatures {
	width:100%;
	float:left;
	margin:0;
	padding:0
}
ul.ikeyFeatures li {
	width:33.33%;
	float:left;
	margin:38px 0 0;
	color:#464c4f;
	font-size: 18px;
    font-weight: 600;
	padding-left:0
}
.allfeatures, .offers {
	width:100%;
	text-align:center
}
ul.ikeyFeatures li span {
	margin-right:12px
}
ul.ikeyFeatures li, ul.ikeyFeatures li span {
	vertical-align:middle;
	display:inline-block
}
.allfeatures {
	clear:both;
	margin:0 auto;
	padding-top:30px
}
.allfeatures a {
	display:inline-block;
	color:#2e76be;
	text-decoration:underline;
	font:400 16px sans-serif
}
.bottom-part ul li a, .need-help a, .page-links ul li a, a {
	text-decoration:none
}
.allfeatures a:hover {
	background-size:18px;
	-moz-background-size:18px;
	-ms-background-size:18px;
	-o-background-size:18px;
	-webkit-background-size:18px
}
.art-margin {
	margin-top:0
}
.offers {
	float:left;
	margin:60px 0
}
.offers .banner-btn-shadow {
	margin:0 1%;
	width:48%;
	float:left;
	padding-bottom:19px;
	background:url(/images/ikm2015/btn-shadow.png) center 75px no-repeat
}
.article-sect-testimonial, .need-help, .testimonial, .testimonial-article, .testimonial-article p {
	width:100%;
	float:left
}
.offers .banner-btn-shadow:hover {
	background-position:center 68px
}
.offers .banner-btn-shadow a {
	width:100%;
	float:left;
	padding:17px 20px;
	border-radius:8px;
	font:400 32.89px sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none
}
.offers .banner-btn-shadow a span {
	font-weight:900
}
.need-help {
	text-align:center
}
.need-help a {
	color:#ff7d07;
	font:400 18px sans-serif
}
.need-help h3 {
	color:#35363f;
	font:400 28px sans-serif;
	margin:10px 0 0
}
.article-sect-testimonial {
	background:#e7f2f4;
	padding:50px 0
}
.testimonial {
	margin:40px 0 45px
}
.testimonial-article p {
    max-width: 100% !important;
    background: #fff;
    border-bottom: 5px solid #666;
    border-radius: 5px;
    padding: 15px 18px;
    position: relative;
    margin-bottom: 30px !important;
    font-size: 13px !important;
    line-height: 24px !important;
    text-align: left !important;
}
.testimonial-article p:after, .testimonial-article p:before {
	border-style:solid;
	border-right-color:transparent;
	border-left-color:transparent;
	position:absolute;
	display:block;
	width:0;
	height:0;
	content:""
}
.testimonial-article p:after {
	border-width:15px 21px 0 0;
	border-top-color:#666;
	bottom:-20px;
	left:30px;
	z-index:1
}
.testimonial-article p:before {
	border-width:15px 20px 0 0;
	border-top-color:#fff;
	bottom:-10px;
	left:35px;
	z-index:2
}
.author {
	width:100%;
	float:left
}
.author img {
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:50%;
	float:left;
	box-shadow:2px 1px 3px #666;
	margin-right:15px
}
.testimonial-article span {
	font:400 20px sans-serif;
	color:#35363f
}
.testimonial-article span small {
	font-size:14px;
	color:#35363f;
	display:block;
	margin-top:5px
}
.slides li {
float: left;
display: block;
width: 27%;
margin-right: 6%;
min-height: 430px;
}

@media (max-width: 1138px) {
.slides li {
width: 45%;
margin-right: 5%;
min-height: 430px;
}
}
@media (max-width: 860px) {
.slides li {
min-height: 440px;
}
}
@media (max-width: 710px) {
.slides li {
width: 88%;
margin-right: 0;
min-height: inherit;
margin-bottom: 30px;
}
.slides li:last-child{
margin-bottom: 0;		
}
}


@media (max-width:767px) {
.modal-body iframe {
height:350px
}
.banner-left h1, h2.article-title {
font-size:30px
}
.social-part .form-inline .form-group {
display:inline-block
}
ul.media-icon {
width:100%;
margin-top:15px
}
#foot-payment {
text-align:center!important;
margin-top:20px!important
}
.bottom-part ul.lang li {
margin-right:10px
}
.article-right {
text-align:center
}
.navbar-brand img {
max-width:125px;
margin-top:3px
}
.banner {
padding:30px 0 40px
}
.screen-container {
max-width:540px
}
.screens .arrow-bottom, .screens .arrow-top {
max-width:40px
}
.mac-screen-img button img {
width:70px
}
.screens>p {
font-size:22px
}
.screens .arrow-bottom {
bottom:65px;
left:45px
}
ul.ikeyFeatures li {
width:50%
}
.offers .banner-btn-shadow {
padding-bottom:10px
}
.offers .banner-btn-shadow a {
font-size:21px
}
.caret {
float:right;
left:-7px;
position:relative;
text-align:right;
top:9px;
width:10px
}
.page-header {
background:0 0!important;
height:auto;
left:0;
padding-top:0;
position:absolute;
top:0
}
.menu-link-primary {
background:url(/wp-content/themes/ikeymonitor2015/images/button-menu.png) center center no-repeat;
display:block;
height:36px;
left:-12px;
position:relative;
text-indent:-9999px;
top:10px;
width:36px
}
.navbar {
height:58px
}
#menu-primary {
margin:52px 0 0
}
a.menu-item-primary-1 {
padding:5px 4px!important;
line-height:35px!important;
font:700 14px sans-serif
}
}
@media (max-width:599px) {
.need-help h3 {
font-size:23px
}
.bottom-part, .social-part .form-inline {
text-align:center
}
.mac-screen-img {
max-width:290px
}
.mac-screen-img a {
top:21%;
left:32%
}
.mac-screen-img button img {
width:40px
}
.screens .arrow-bottom, .screens .arrow-top {
max-width:30px
}
.screens>p {
font-size:13px
}
.screens .arrow-bottom {
bottom:70px;
left:7px
}
.banner-left span {
font-size:25px
}
.screen-container {
max-width:310px
}
ul.ikeyFeatures li {
width:100%
}
.caret {
float:right;
left:-7px;
position:relative;
text-align:right;
top:9px;
width:10px
}
.container-page {
width:100%
}
}
@media (max-width:479px) {
.article-sect p, .article-sect-bg p {
font-size:16px
}
.modal-body iframe {
height:240px
}
.article-left h3, .need-help h3, .offers a, h2.article-title {
font-size:20px
}
.social-part form input {
width:200px
}
.testimonial-article h4 {
width:100%;
float:left
}
.need-help a {
font-size:14px
}
.need-help h3 {
font-size:16px
}
h1.article-title {
font-size:20px
}
.page-header {
background:0 0!important;
height:auto;
left:0;
padding-top:0;
position:absolute;
top:0;
width:100%
}
.page-links ul li {
padding-top:20px
}
.page-links ul li a {
font-size:18px;
color:#fff;
text-decoration:none
}
.bottom-part ul.lang li {
margin:10px;
font-size:18px
}
.bottom-part ul.lang li a {
font-size:18px
}
.quick-screen {
max-width:250px
}
.screens .arrow-bottom {
display:none
}
}
@media (min-width:768px) and (max-width:939px) {

#section-part {
margin-top:0px
}
.modal-body iframe {
height:460px
}
.screen-container {
max-width:720px
}
.screens .arrow-bottom {
left:62px
}
ul.ikeyFeatures li {
width:50%
}
.offers .banner-btn-shadow {
background-position:center 66px
}
.offers .banner-btn-shadow:hover {
background-position:center 63px
}
h2.article-title {
font-size:30px
}
.page-links h3 {
font-size:15px
}
.page-links ul li a, ul.breadcrums li a {
font-size:13px
}
.bottom-part ul.lang li {
margin-right:10px
}
.bottom-part p, .bottom-part ul li a {
font-size:11px
}
.social-part form p {
font-size:17px;
margin-right:10px
}
.social-part form input {
width:210px
}
.page-header {
width:100%
}
.container-page {
width:97%
}
.top-right-menu {
margin-bottom:15px;
margin-right:0
}
.menu-second-part {
margin-top:-40px;
width:100%
}
.menu-link-primary {
background:url(/wp-content/themes/ikeymonitor2015/images/button-menu.png) center center no-repeat;
display:block;
height:36px;
left:-21px;
position:relative;
text-indent:-9999px;
top:-10px;
width:36px
}
.menu-button {
display:none
}
a.menu-item-primary-1 {
padding:5px 4px!important;
line-height:35px!important;
font:700 14px Roboto, sans-serif
}
}
span.feat-img, span.index_why {
	background-repeat:no-repeat;
	display:block
}
@media (min-width:940px) and (max-width:1100px) {
.screens {
margin-left:-50px
}
.screen-part {
width:400px
}
.screen-part img {
max-width:100%
}
.screen-part button {
width:70px;
left:33%;
top:53px
}
.menu {
margin:0!important
}
.container-page {
width:98%
}
.top-right-menu {
margin-right:0
}
}
@media (min-width:480px) and (max-width:599px) {
.page-header {
border:none;
margin:0;
height:20px;
padding:0;
width:100%
}
}
@media (min-width:600px) and (max-width:767px) {
.page-header {
border:none;
margin:0;
height:20px;
padding:0;
width:100%
}
}
@media (min-width:1101px) and (max-width:1300px) {
.menu-second-part {
margin-top:-50px
}
}
.margin-t10px {
	margin-top:10px
}
.margin-t30px {
	margin-top:30px
}
.margin-t100px{margin-top:100px!important;}
#tips-home {
	clear:both
}
#tips-home li {
	background-color:#D2E4FF;
	border:1px dashed #D4D4D4;
	margin-top:15px;
	padding:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-border-radius:10px
}
p.text-mute {
	color:#697176;
	line-height:20px;
	font-size:13px;
	text-align:center
}
h5.i-choose-t {
	padding:10px 0
}
.container-page {
    color: #333;
    margin-bottom: 20px;
    line-height: 28px;
}
.container-page p {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    color: #666;
    margin-bottom: 20px;
    text-align: center;
}
#foot-payment {
	width:100%;
	float:right;
	text-align:right
}
.pic_1, .pic_10, .pic_11, .pic_12, .pic_13, .pic_14, .pic_15, .pic_17, .pic_18, .pic_19, .pic_2, .pic_20, .pic_21, .pic_22, .pic_23, .pic_24, .pic_25, .pic_26, .pic_27, .pic_28, .pic_29, .pic_3, .pic_30, .pic_31, .pic_4, .pic_5, .pic_6, .pic_7, .pic_8, .pic_9, .pic_32, .pic_33, .pic_34 {
	width:60px;
	height:60px
}
.person, .person p {
	text-align:center
}
.margin-left6 {
	margin-left:6px
}
span.feat-img {
	background-image:url(/images/ikm2015/index-features.png)
}
.pic_1 {
	background-position:0 0
}
.pic_2 {
	background-position:-60px 0
}
.pic_3 {
	background-position:-120px 0
}
.pic_4 {
	background-position:-180px 0
}
.pic_5 {
	background-position:-240px 0
}
.pic_6 {
	background-position:-300px 0
}
.pic_7 {
	background-position:0 -60px
}
.pic_8 {
	background-position:-60px -60px
}
.pic_9 {
	background-position:-120px -60px
}
.pic_10 {
	background-position:-180px -60px
}
.pic_11 {
	background-position:-240px -60px
}
.pic_12 {
	background-position:-300px -60px
}
.pic_13 {
	background-position:0 -120px
}
.pic_14 {
	background-position:-60px -120px
}
.pic_15 {
	background-position:-120px -120px
}
.pic_16 {
	background-position:-180px -120px;
	width:60px;
	height:60px
}
.pic_17 {
	background-position:-240px -120px
}
.pic_18 {
	background-position:-300px -120px
}
.pic_19 {
	background-position:0 -180px
}
.pic_20 {
	background-position:-60px -180px
}
.pic_21 {
	background-position:-120px -180px
}
.pic_22 {
	background-position:-180px -180px
}
.pic_23 {
	background-position:-240px -180px
}
.pic_24 {
	background-position:-300px -180px
}
.pic_25 {
	background-position:0 -240px
}
.pic_26 {
	background-position:-60px -240px
}
.pic_27 {
	background-position:-120px -240px
}
.pic_28 {
	background-position:-180px -240px
}
.pic_29 {
	background-position:-240px -240px
}
.pic_30 {
	background-position:-300px -240px
}
.pic_31 {
	background-position: -0px -300px;
}
.pic_32 {
	background-position: -60px -300px;
}
.pic_33 {
	background-position: -120px -300px;
}
.pic_34 {
	background-position: -180px -300px;
}
.why-choose-img {
	display:block;
	height:64px
}
span.index_why {
	background-image:url(/images/ikm2015/index-why.png);
	margin:0 auto
}
.person {
	margin-bottom:40px;
	float:left;
	width:100%
}
.why_1, .why_10, .why_11, .why_12, .why_13, .why_14, .why_15, .why_16, .why_17, .why_2, .why_3, .why_4, .why_5, .why_6, .why_7, .why_8 {
	width:64px;
	height:64px
}
.person p {
	color:#697176;
	line-height:20px!important;
	font-size:13px!important
}
.why_1 {
	background-position:0 0
}
.why_2 {
	background-position:-64px 0
}
.why_3 {
	background-position:-128px 0
}
.why_4 {
	background-position:-192px 0
}
.why_5 {
	background-position:-256px 0
}
.why_6 {
	background-position:-320px 0
}
.why_7 {
	background-position:0 -64px
}
.why_8 {
	background-position:-64px -64px
}
.why_9 {
	background-position:-128px -64px;
	width:64px;
	height:64px
}
.why_10 {
	background-position:-192px -64px
}
.why_11 {
	background-position:-256px -64px
}
.why_12 {
	background-position:-320px -64px
}
.why_13 {
	background-position:0 -128px
}
.why_14 {
	background-position:-64px -128px
}
.why_15 {
	background-position:-128px -128px
}
.why_16 {
	background-position:-192px -128px
}
.why_17 {
	background-position:-256px -128px
}
ul.share-buttons {
	width:100%;
	clear:both;
	list-style:none;
	padding:20px 0;
	text-align:center;
	display:inline-block
}
ul.share-buttons li {
	display:inline
}
ul.share-buttons .sr-only {
	position:absolute;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px,1px,1px,1px);
	padding:0;
	border:0;
	height:1px;
	width:1px;
	overflow:hidden
}
/*--------------------------------------------------------------------------
+  Jailbreak vs No-Jailbreak Spy for iPhone/iPad  - old pricing-table
--------------------------------------------------------------------------*/
.pricing-table a,.pricing-table li,.pricing-table ul{margin:0;padding:0;line-height:normal;display:block;list-style:none;text-decoration:none}.pricing-table{margin:0;padding:0;font-size:1em;position:relative;z-index:998}.pricing-table.hover-effect:hover{transform:scale(1.03,1.03);-moz-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03)}.pricing-table ul{border-radius:6px;background-clip:padding-box;background-color:#FFF;box-shadow:0 3px 5px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.03);position:relative;margin:50px 0 20px}.pricing-table li{width:100%}.pricing-table ul:after{content:"";display:block;margin:0 auto;padding:0;height:10px;width:90%;position:absolute;left:0;right:0;bottom:0;z-index:-1;-webkit-box-shadow:0 0 30px rgba(0,0,0,.55);box-shadow:0 0 30px rgba(0,0,0,.55)}.pricing-table ul .title{border-radius:6px 6px 0 0;background-clip:padding-box;background-image:linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-moz-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-webkit-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-ms-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);padding:26px;color:#606365;font-size:1.5em;text-shadow:0 1px 0 rgba(255,255,255,.75);position:relative;white-space:nowrap;font-weight:600;background-color:#f7f9fa}.pricing-table ul .options>span:after,.pricing-table ul .title:after{content:"";background-color:rgba(0,0,0,.1);box-shadow:0 1px 0 #fff;left:0;height:1px;width:100%;bottom:0}.pricing-table ul .title:after{display:block;position:absolute}.pricing-table ul .title span{font-weight:400;font-size:.4em;width:100%;display:block;color:#7c8081;letter-spacing:1px}.pricing-table ul .options>span{display:inline-block;width:100%;font-size:1em;padding:15px 25px 15px 50px;position:relative;color:#7c8081;white-space:normal}.pricing-table ul .options>span:after{display:block;position:absolute}.pricing-table .options span .glyphicon{background-clip:padding-box;color:#acb1ba;padding-right:5px;font-size:1em;margin-left:-24px}.pricing-table .options span strong{font-size:1.1em;color:#6f7272}.pricing-table .price{border-radius:0 0 6px 6px;background-clip:padding-box;background-image:linear-gradient(90deg,#e5eaeb 0,#f3f7f8 100%);background-image:-moz-linear-gradient(90deg,#e5eaeb 0,#f3f7f8 100%);background-image:-webkit-linear-gradient(90deg,#e5eaeb 0,#f3f7f8 100%);background-image:-ms-linear-gradient(90deg,#e5eaeb 0,#f3f7f8 100%);padding:28px 28px 91px;color:#4f5153;font-size:3.6em;text-shadow:0 1px 0 rgba(255,255,255,.75);text-align:center;background-color:#f7f9fa}.pricing-table .price span:nth-child(1){font-size:.5em;position:relative;top:-18px;left:14px}.pricing-table .price span:nth-child(3){font-size:.5em;position:relative;top:-16px;left:-14px;text-decoration:underline}.pricing-table .price span:nth-child(4){font-weight:400;font-size:.25em;width:100%;display:block;color:#7c8081;text-align:center;position:relative;margin:-6px 0 0;padding:0}.pricing-table .badge,.pricing-table .buy-button a,.pricing-table .radial-bar:before{font-weight:700;background-clip:padding-box}.pricing-table .buy-button{text-align:center;margin-top:-20px}.pricing-table .buy-button a{border:1px solid;border-radius:8px;background-color:#fff;display:inline-block;font-size:1em;text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.25);padding:10px 18px;margin:-88px auto 0;position:relative}.buy-button a.topclear{margin:20px auto 0}.pricing-table .buy-button.color-yellow a{color:#fff;border-color:#769d45;background-image:linear-gradient(90deg,#86af51 0,#9bc455 100%);background-image:-moz-linear-gradient(90deg,#86af51 0,#9bc455 100%);background-image:-o-linear-gradient(90deg,#86af51 0,#9bc455 100%);background-image:-webkit-linear-gradient(90deg,#86af51 0,#9bc455 100%);background-image:-ms-linear-gradient(90deg,#86af51 0,#9bc455 100%);background-color:#8bb452}.pricing-table .buy-button.color-yellow a:hover{background-image:linear-gradient(90deg,#9bc455 0,#86af51 100%);background-image:-moz-linear-gradient(90deg,#9bc455 0,#86af51 100%);background-image:-o-linear-gradient(90deg,#9bc455 0,#86af51 100%);background-image:-webkit-linear-gradient(90deg,#9bc455 0,#86af51 100%);background-image:-ms-linear-gradient(90deg,#9bc455 0,#86af51 100%)}.pricing-table .buy-button.color-blue a{color:#fff;border-color:#1480ae;background-image:linear-gradient(90deg,#3198c5 0,#50b7e4 100%);background-image:-moz-linear-gradient(90deg,#3198c5 0,#50b7e4 100%);background-image:-o-linear-gradient(90deg,#3198c5 0,#50b7e4 100%);background-image:-webkit-linear-gradient(90deg,#3198c5 0,#50b7e4 100%);background-image:-ms-linear-gradient(90deg,#3198c5 0,#50b7e4 100%);background-color:#39a0cd}.pricing-table .buy-button.color-blue a:hover{background-image:linear-gradient(90deg,#50b7e4 0,#3198c5 100%);background-image:-moz-linear-gradient(90deg,#50b7e4 0,#3198c5 100%);background-image:-o-linear-gradient(90deg,#50b7e4 0,#3198c5 100%);background-image:-webkit-linear-gradient(90deg,#50b7e4 0,#3198c5 100%);background-image:-ms-linear-gradient(90deg,#50b7e4 0,#3198c5 100%)}.pricing-table .buy-button.color-red a{color:#fff;border-color:#ae1414;background-image:linear-gradient(90deg,#c53131 0,#e45050 100%);background-image:-moz-linear-gradient(90deg,#c53131 0,#e45050 100%);background-image:-o-linear-gradient(90deg,#c53131 0,#e45050 100%);background-image:-webkit-linear-gradient(90deg,#c53131 0,#e45050 100%);background-image:-ms-linear-gradient(90deg,#c53131 0,#e45050 100%);background-color:#cf3b3b}#redcl{color:#cf3b3b}.pricing-table .buy-button.color-red a:hover{background-image:linear-gradient(90deg,#e45050 0,#c53131 100%);background-image:-moz-linear-gradient(90deg,#e45050 0,#c53131 100%);background-image:-o-linear-gradient(90deg,#e45050 0,#c53131 100%);background-image:-webkit-linear-gradient(90deg,#e45050 0,#c53131 100%);background-image:-ms-linear-gradient(90deg,#e45050 0,#c53131 100%)}.pricing-table .buy-button.extra a{position:relative;left:22px}.pricing-table .buy-button.extra a:after{content:attr(data-title);display:block;margin:0;padding:3px 0 0;position:absolute;height:40px;width:45px;white-space:normal;border-bottom-left-radius:3px;border-top-left-radius:3px;background-clip:padding-box;box-shadow:0 1px 0 rgba(255,255,255,.3),inset 0 2px 5px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.02);background-color:#dfe6e7;color:#4f5153;font-size:.9em;font-style:italic;text-shadow:0 1px 0 rgba(255,255,255,.5);left:-46px;top:-1px}.pricing-table .radial-bar{position:absolute;top:0;right:0;height:30px;width:30px;border-radius:100px;background-clip:padding-box;box-shadow:0 1px 0 #fff,inset 0 1px 3px rgba(0,0,0,.12);background-image:linear-gradient(90deg,rgba(0,0,0,.03137) 0,rgba(0,0,0,.07843) 100%);background-image:-moz-linear-gradient(90deg,rgba(0,0,0,.03137) 0,rgba(0,0,0,.07843) 100%);background-image:-o-linear-gradient(90deg,rgba(0,0,0,.03137) 0,rgba(0,0,0,.07843) 100%);background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.03137) 0,rgba(0,0,0,.07843) 100%);background-image:-ms-linear-gradient(90deg,rgba(0,0,0,.03137) 0,rgba(0,0,0,.07843) 100%);text-align:center;line-height:30px;margin:57px 16px 34px 34px;transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-ms-transition:all 0s linear 0s;-o-transition:all .2s linear 0s;z-index:1}.pricing-table:hover .radial-bar.color-yellow{border:5px solid #cbb73a}.pricing-table:hover .radial-bar.color-green{border:5px solid #8bb452}.pricing-table:hover .radial-bar.color-blue{border:5px solid #39a0cd}.pricing-table:hover .radial-bar.color-red{border:5px solid #cd3939}.pricing-table .radial-bar:before{content:attr(data-title);display:block;position:absolute;line-height:20px;top:0;left:0;right:0;bottom:0;margin:auto;padding:0;height:20px;width:20px;border-radius:100px;background-image:linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-moz-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-o-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-webkit-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);background-image:-ms-linear-gradient(90deg,#f4f7f8 0,#fbfbfc 100%);-webkit-box-shadow:0 1px 7px rgba(0,0,0,.3);box-shadow:0 1px 7px rgba(0,0,0,.3);color:#7C8081;font-size:.8em;z-index:99}.pricing-table .badge{border-radius:6px 6px 0 0;background-color:#a1a9b2;box-shadow:0 1px 0 #9096a0,inset 0 1px 0 rgba(255,255,255,.2);background-image:linear-gradient(90deg,#989fa8 0,#a8b0b9 100%);background-image:-moz-linear-gradient(90deg,#989fa8 0,#a8b0b9 100%);background-image:-o-linear-gradient(90deg,#989fa8 0,#a8b0b9 100%);background-image:-webkit-linear-gradient(90deg,#989fa8 0,#a8b0b9 100%);background-image:-ms-linear-gradient(90deg,#989fa8 0,#a8b0b9 100%);padding-top:15px;padding-bottom:15px;position:absolute;z-index:99;margin-top:-28px;color:#fff;font-size:1em;text-shadow:0 1px 0 rgba(0,0,0,.25)}.pricing-table .badge span{background-clip:padding-box;color:rgba(0,0,0,.36);text-shadow:0 1px rgba(255,255,255,.15);position:relative;top:2px;left:-3px}.pricing-table ul .product-logo{float:left;margin:-10px 10px 0 0}.pricing-table ul li.buylist{width:100%;font-size:1em;padding:25px 25px 10px 30px;line-height:36px;border-top:8px solid #999;background-clip:padding-box;background-image:linear-gradient(90deg,#ecf0f1 0,#f5f7f8 100%);background-image:-moz-linear-gradient(90deg,#ecf0f1 0,#f5f7f8 100%);background-image:-webkit-linear-gradient(90deg,#ecf0f1 0,#f5f7f8 100%);background-image:-ms-linear-gradient(90deg,#ecf0f1 0,#f5f7f8 100%);background-color:#ecf0f1;text-shadow:0 1px 0 rgba(255,255,255,.75)}.buylist-buy{clear:both;display:block;height:50px;margin:15px 0 10px}.buylist-buy span{display:block;margin:0 auto;cursor:pointer}.kame{clear:both;margin-top:20px;width:100%;border:1px dashed #C4C4C4;background-color:#F0F4FA;padding:10px;display:inline-block}@media (max-width:599px){.pricing-table ul .product-logo{float:left;margin:-10px 10px 0 -20px}.logoimg{width:40px}.pricing-table ul .title{font-size:1.2em}}
.options{ background-image:none; }

/*--------------------------------------------------------------------------
+  post bottom Products you might like
--------------------------------------------------------------------------*/
ul#might{overflow:hidden}
h4,ul#might{margin:20px 0}h4{font-size:20px;line-height:30px;font-weight:400}ul#might{clear:both;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;width:100%;border:1px solid #DADCDD;height:auto;padding-left: 0;}ul#might li{padding:15px;display:block;background:0 0}ul#might li img{width:85px;height:89px;display:block;margin:auto}ul#might li .might-title{text-shadow:0 1px 0 #FFF;background:#D4DCE4;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;width:115px;text-align:center;margin:5px auto;color:#2A3F52;font-size:13px;font-weight:700}ul#might li p{font-size:11px;text-align:center;margin:10px 0 0;padding:0;line-height:16px;color:#555}ul#might li p:hover{color:#09F}ul#might li#right-line{border-right:none}

/*=================== COMPATIBILITY PAGE CSS==============*/
.oj-top-gradient {
  min-height: 1000px;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  background: #2c3555;
  background: -moz-linear-gradient(top, #2c3555 0%, #cd4c59 100%);
  background: -webkit-linear-gradient(top, #2c3555 0%, #cd4c59 100%);
  background: linear-gradient(to bottom, #2c3555 0%, #cd4c59 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3555', endColorstr='#cd4c59',GradientType=0 );
}

.oj-top-gradient:after {
  content: "";
  right: 0;
  left: 0;
  top: 100%;
  position: absolute;
  width: 115%;
  height: 100%;
  z-index: 1;
  background: #f2f2f6;
  margin-top: -400px;
  -webkit-transform: rotate(-9.6deg);
  -ms-transform: rotate(-9.6deg);
  -o-transform: rotate(-9.6deg);
  transform: rotate(-9.6deg);
}

.oj-page-content {
  position: relative;
  z-index: 5;
  padding-top: 70px;
}
.oj-page-content .oj-page-top {
  text-align: center;
  font-size: 17.99px;
  color: #a1a2ab;
  max-width: 740px;
  margin: auto;
  width: 100%;
  margin-bottom: 60px;
}
.oj-page-content .oj-page-top h2 , .oj-page-content .oj-page-top h1{
  font-size: 45px;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 20px;
}

.oj-wrapper {
  background: #f2f2f6;
  width: 100%;
  float: left;
}

.ikey-moniter-box {
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 84px 90px 130px 90px;
  width: 100%;
  float: left;
  margin-bottom: 70px;
}
.ikey-moniter-box .ikey-title {
  text-align: center;
  font-size: 45px;
  margin-bottom: 50px;
  color: #252d40;
}
.ikey-moniter-box .ikey-title i {
  font-size: 67px;
  vertical-align: middle;
  line-height: 0.7;
}

.ikey-tabs .nav-tabs {
  border-bottom: none;
}
.ikey-tabs .nav-tabs li {
  margin-right: 10px;
}
.ikey-tabs .nav-tabs li a {
  color: #ffffff;
  background: #e7505a;
  font-size: 20px;
  min-width: 290px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}
.ikey-tabs .nav-tabs li a i {
  font-size: 30px;
  margin-right: 6px;
}
.ikey-tabs .nav-tabs li.active a {
  background: #ffffff;
  color: #e7505a;
  border: none;
  border-bottom: 1px solid #ffffff;
  box-shadow: -1px -6px 8px 5px rgba(0, 0, 0, 0.04);
}
.ikey-tabs .tab-content {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  float: left;
  padding: 70px 50px;
}

.ikey-list > h4 {
  font-size: 24.96px;
  margin-top: 0;
  margin-bottom: 40px;
  color: #252d40;
  font-weight: 600;
}
.ikey-list ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.ikey-list ul li {
  list-style: none;
  margin-bottom: 42px;
  color: #666;
  position: relative;
  padding-left: 40px;
}
.ikey-list ul li:last-child {
  margin-bottom: 0;
}
.ikey-list ul li:before {
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f111";
  left: 0;
  top: -2px;
  font-size: 18px;
  color: #e7505a;
}
.ikey-list ul li:nth-child(n):before {
  color: #e7505a;
}
.ikey-list ul li:nth-child(2n):before {
  color: #52d771;
}
.ikey-list ul li:nth-child(3n):before {
  color: #724ee6;
}
.ikey-list ul li:nth-child(4n):before {
  color: #e14ee6;
}
.ikey-list ul li:nth-child(5n):before {
  color: #4eabe6;
}
.ikey-list ul li h5 {
  color: #383f50;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 2px;
}

.column-box {
  text-align: center;
  margin-top: 20px;
}
.column-box .col-title {
  font-size: 20px;
  color: #3d4963;
  border-bottom: 1px solid #f2f2f6;
  position: relative;
  padding-bottom: 26px;
  margin-bottom: 22px;
}
.column-box .col-title:before {
  position: absolute;
  width: 57px;
  height: 4px;
  background: #e7505a;
  left: 50%;
  bottom: -2px;
  content: "";
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.column-box .col-title i {
  display: block;
  font-size: 30px;
  margin-bottom: 2px;
}
.column-box .col-title.blue:before {
  background: #4eabe6;
}
.column-box .col-content {
    color: #333;
}
.column-box .col-content p {
    color: #666;
}
.column-box .col-content h4 {
  font-size: 24.96px;
  font-weight: 600;
}

.custom-pad {
  padding-top: 70px;
  padding-bottom: 80px;
}

/*=================== ABOUT PAGE CSS==============*/
.ikey-section {
  margin-top: 95px;
  width: 100%;
  float: left;
}

.about-ikey-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 170px 0;
  position: relative;
}
.about-ikey-banner:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 45, 64, 0.7);
}
.about-ikey-banner .ikey-banner-content {
  position: relative;
  padding: 0 15px;
  color: #ffffff;
  text-align: center;
}
.about-ikey-banner .ikey-banner-content h1 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 700;
  margin: 0;
}

.ikey-sec-title {
  text-align: center;
  margin-bottom: 60px;
}
.ikey-sec-title h2 {
  color: #000000;
  font-weight: 600;
  font-size: 45px;
  margin: 0 0 10px;
}

.about-ikey-wrap {
  max-width: 970px;
  width: 100%;
  margin: auto;
  display: table;
}

.about-ikey {
  font-size: 17.99px;
  color: #a1a2ab;
  text-align: center;
  margin-bottom: 90px;
}

.about-ikey-map {
  padding: 0px 0 90px;
}
.about-ikey-map img {
  margin: auto;
}

.office-address .address-title {
  text-align: center;
  font-size: 17.98px;
  color: #9798a2;
  margin-bottom: 70px;
}
.office-address .address-title h3 {
  color: #252d40;
  margin: 0 0 10px;
  font-size: 34.96px;
}
.office-address .address-single {
  background: #ffffff;
  padding: 30px 40px;
  border: 1px solid #cfcfcf;
  margin-bottom: 30px;
  border-radius: 4px;
  text-align: center;
  color: #9798a2;
  font-size: 17.98px;
}
.office-address .address-single:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.office-address .address-single h4 {
  font-size: 20px;
  color: #252d40;
  margin: 0 0 10px;
}
.office-address .address-single p {
  margin-bottom: 0;
}
.office-address .address-single a {
  color: inherit;
  text-decoration: underline;
}

.about-media-wrap {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#252d40+0,252d40+35,e64e58+72,e64e58+100&1+0,0.96+33,1+100 */
  background: -moz-linear-gradient(left, #252d40 0%, rgba(37, 45, 64, 0.96) 33%, rgba(37, 45, 64, 0.96) 35%, rgba(230, 78, 88, 0.98) 72%, #e64e58 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #252d40 0%, rgba(37, 45, 64, 0.96) 33%, rgba(37, 45, 64, 0.96) 35%, rgba(230, 78, 88, 0.98) 72%, #e64e58 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #252d40 0%, rgba(37, 45, 64, 0.96) 33%, rgba(37, 45, 64, 0.96) 35%, rgba(230, 78, 88, 0.98) 72%, #e64e58 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252d40', endColorstr='#e64e58',GradientType=1 );
  /* IE6-9 */
  padding: 70px 0 50px;
}
.about-media-wrap .media-box {
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  min-height: 323px;
  margin-bottom: 20px;
  text-align: center;
  padding: 33px 40px;
  font-size: 17.95px;
  color: #a1a2ab;
}
.about-media-wrap .media-box img {
  margin: 0 auto 25px;
}
.about-media-wrap .media-box .media-name {
  margin-top: 25px;
  color: #252d40;
}
.about-media-wrap .ikey-sec-title h2 {
  color: #ffffff;
}

/*=======timeline===========*/
.ikey-timeline-wrap {
  margin-bottom: 100px;
}

.ikey-timeline {
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
  width: 100%;
  float: left;
}
.ikey-timeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 4px;
  border-right: 4px dotted #8e8e8e;
  
}
.ikey-timeline .timeline-box {
  width: 100%;
  float: left;
}
.ikey-timeline .timeline-box .timeline-date {
  background: #ffffff;
  border: 1px solid #cfcfcf;
  font-size: 20px;
  font-weight: 600;
  padding: 9px 14px 5px;
  width: 70px;
  margin: auto;
  border-radius: 6px;
  position: relative;
  line-height: 1;
  text-align: center;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.ikey-timeline .timeline-box .timeline-date:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  bottom: -9px;
  background-repeat: no-repeat;
  width: 20px;
  height: 9px;
  background-image: url(/images/ikm2017/bottom-arrow-point.png);
}
.ikey-timeline .timeline-box .timeline-content {
  max-width: 435px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 25px 40px;
  border-radius: 10px;
  font-size: 17.99px;
  color: #a1a2ab;
  position: relative;
  margin-top: -80px;
}
.ikey-timeline .timeline-box .timeline-content h4 {
  margin: 0 0 8px;
  font-size: 35px;
  font-weight: 600;
  color: #252d40;
}
.ikey-timeline .timeline-box .timeline-content:before {
  position: absolute;
  content: "";
  right: -22px;
  top: 40px;
  background-repeat: no-repeat;
  width: 22px;
  height: 45px;
}
.ikey-timeline .timeline-box:nth-child(even) .timeline-content {
  float: right;
}
.ikey-timeline .timeline-box:nth-child(even) .timeline-content:before {
  background-image: url(/images/ikm2017/left-arrow-point.png);
  left: -22px;
}
.ikey-timeline .timeline-box:nth-child(odd) .timeline-content {
  text-align: right;
}
.ikey-timeline .timeline-box:nth-child(odd) .timeline-content:before {
  background-image: url(/images/ikm2017/right-arrow-point.png);
}
.ikey-timeline .timeline-box:hover .timeline-date {
  background: #e64e58;
  border-color: #c53b44;
  color: #ffffff;
  transform: scale(1.3);
}
.ikey-timeline .timeline-box:hover .timeline-date:before {
  background-image: url(/images/ikm2017/bottom-arrow-point-red.png);
}
.ikey-timeline .timeline-box:hover .timeline-content {
  background: #252d40;
}
.ikey-timeline .timeline-box:hover .timeline-content h4 {
  color: #ffffff;
}
.ikey-timeline .timeline-box:hover:nth-child(odd) .timeline-content:before {
  background-image: url(/images/ikm2017/right-arrow-point-blue.png);
  right: -21px;
}
.ikey-timeline .timeline-box:hover:nth-child(even) .timeline-content:before {
  background-image: url(/images/ikm2017/left-arrow-point-blue.png);
  left: -21px;
}

.timeline-continue-box {
  max-width: 530px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding: 50px 40px 40px;
  font-size: 17.99px;
  color: #a1a2ab;
  margin: auto;
  display: table;
  text-align: center;
  margin-bottom: 100px;
  position: relative;
}
.timeline-continue-box h4 {
  margin: 0 0 15px;
  font-size: 35px;
  font-weight: 600;
  color: #252d40;
}
.timeline-continue-box:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  top: -23px;
  background-repeat: no-repeat;
  width: 64px;
  height: 24px;
  background-image: url(/images/ikm2017/top-arrow-point.png);
}

.timeline-pos {
  margin-left: 45px;
}

.timeline-pos2 {
  margin-right: 45px;
}

/*======= responsive css===============*/
@media (max-width: 1199px) {
  .ikey-section {
    margin-top: 70px;
  }

  .ikey-sec-title {
    margin-bottom: 40px;
  }

  .about-ikey {
    margin-bottom: 60px;
  }

  .about-ikey-map {
    padding-bottom: 60px;
  }

  .ikey-timeline .timeline-box .timeline-content {
    max-width: 340px;
    padding: 20px 20px 10px;
  }
}
@media (max-width: 991px) {
  .office-address .address-single {
    padding: 20px 15px;
  }

  .about-media-wrap .media-box {
    padding: 30px 20px;
  }

  .ikey-timeline-wrap .container {
    width: 100%;
  }

  .ikey-moniter-box {
    padding: 50px 30px;
  }

  .ikey-moniter-box .ikey-title {
    font-size: 40px;
  }

  .ikey-moniter-box .ikey-title i {
    font-size: 55px;
  }

  .ikey-tabs .tab-content {
    padding: 50px 20px;
  }

  .timeline-pos, .timeline-pos2 {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .about-ikey-banner {
    padding: 150px 0;
  }

  .about-ikey-banner .ikey-banner-content h1 {
    font-size: 40px;
  }

  .ikey-sec-title h2 {
    font-size: 38px;
  }

  .office-address .address-title h3 {
    font-size: 32px;
    margin-bottom: 6px;
  }

  .office-address .address-title {
    font-size: 16px;
    margin-bottom: 50px;
  }

  .office-address .address-single {
    font-size: 15px;
  }

  .about-media-wrap .media-box {
    min-height: auto;
  }

  .ikey-timeline .timeline-box .timeline-content {
    margin-top: 0;
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
  }

  .ikey-timeline .timeline-box:nth-child(2n+1) .timeline-content {
    text-align: center;
  }

  .ikey-timeline {
    margin-top: 15px;
  }

  .ikey-list {
    margin-bottom: 40px;
  }

  .ikey-list > h4 {
    margin-bottom: 22px;
  }

  .ikey-list ul li {
    margin-bottom: 20px;
  }

  .ikey-tabs .tab-content {
    padding-bottom: 15px;
  }

  .column-box {
    margin-top: 50px;
  }

  .ikey-tabs .nav-tabs li a {
    min-width: 200px;
  }

  .ikey-timeline .timeline-box .timeline-content::before {
    content: none;
  }

  
}
@media (max-width: 639px) {
  .about-ikey-banner {
    padding: 120px 0;
  }

  .about-ikey-banner .ikey-banner-content h1 {
    font-size: 34px;
  }

  .ikey-section {
    margin-top: 45px;
  }

  .ikey-sec-title {
    margin-bottom: 30px;
  }

  .ikey-sec-title h2 {
    font-size: 30px;
  }

  .about-ikey {
    font-size: 16px;
  }

  .office-address .address-title h3 {
    font-size: 28px;
  }

  .office-address .address-title {
    margin-bottom: 40px;
  }

  .office-address .address-single {
    margin-bottom: 15px;
  }

  .about-media-wrap {
    padding: 50px 0 40px;
  }

  .about-media-wrap .media-box {
    font-size: 16px;
  }

  .ikey-timeline .timeline-box .timeline-content h4 {
    font-size: 28px;
  }

  .ikey-timeline .timeline-box .timeline-content {
    font-size: 16px;
  }

  .timeline-continue-box {
    padding: 30px 20px;
  }

  .timeline-continue-box h4 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .timeline-continue-box {
    margin-bottom: 50px;
  }

  .ikey-timeline-wrap {
    margin-bottom: 50px;
  }

  .ikey-cta-btn .cta-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .oj-page-content .oj-page-top h2 , .oj-page-content .oj-page-top h1{
    font-size: 38px;
    margin-bottom: 12px;
  }

  .ikey-moniter-box {
    padding: 40px 20px;
  }

  .ikey-moniter-box .ikey-title {
    font-size: 35px;
  }

  .ikey-moniter-box .ikey-title i {
    font-size: 45px;
  }

  .ikey-moniter-box .ikey-title {
    margin-bottom: 35px;
  }

  .ikey-tabs .nav-tabs li a {
    min-width: 160px;
  }

  .ikey-tabs .nav-tabs li a i {
    font-size: 26px;
  }

  .ikey-list > h4 {
    font-size: 22px;
  }

  .ikey-moniter-box {
    margin-bottom: 50px;
  }

  .ikey-tabs .tab-content {
    padding-right: 0;
    padding-left: 0;
  }

  .ikey-list ul li {
    padding-left: 23px;
  }

  .ikey-list ul li::before {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .ikey-tabs .nav-tabs li a {
    min-width: auto;
    font-size: 16px;
    padding: 10px 12px;
  }
}
.padding-bottom0px{padding-bottom: 0px;}
.pricing-table ul li {
    background: none;
}

.check-list-ul {padding:15px 0 15px 5px;}
.check-list-ul li {line-height: 22px;padding-left: 13px!important;margin-top: 15px!important; background:none!important;}
.check-list-ul li:before {content: '\f00c';font-family: FontAwesome;color:#0C0;margin-right: 0.5em;font-size:1.3em;}

/*======= How to Spy  css===============*/
.how-spy-box li{clear:both; margin:20px 0 50px; min-height:50px; font-size: 20px; font-weight:600; color:#4e565c;}
.how-spy-icon{border: 1px solid #70767b; display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
text-align: center;
font-size: 1.66em;
line-height:80px;
margin:0 35px 15px 0; float:left;   }
.how-spy-icon i{font-size: 30px; line-height: 30px; width:30px;color:#4e565c;}
.how-spy-box p{ margin-top:20px; width:auto; font-weight:normal;text-align: left;font-size: 16px;}
.how-box-img{ width:308px; height:612px;}
@media (max-width: 479px) {
.how-spy-icon{width:60px!important;height:60px!important;	line-height:60px!important;}
.how-spy-icon i{font-size: 25px; line-height:25px; width:25px;}
.how-spy-box li{font-size: 18px;}
.how-box-img{ width:200px; height:397px;}
}
.ikey-moniter-text{color: #666;}
.ikey-title-w{text-align: center;font-size: 35px;margin-bottom: 50px;color: #252d40;}
.ikey-tabs-btn{min-width:auto!important;}

/*--------------------------------------------------------------------------
+	monitor-features-post - index banner background css 2017 6   
--------------------------------------------------------------------------*/
.features-banner {
    min-height: 770px;
    position: relative;
    padding-top: 50px;
    background: #2b3453;
    background: -moz-linear-gradient(top,#2b3453 0%,#cc4c59 100%);
    background: -webkit-linear-gradient(top,#2b3453 0%,#cc4c59 100%);
    background: linear-gradient(to bottom,#2b3453 0%,#cc4c59 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3453',endColorstr='#cc4c59',GradientType=0);
    color: #fff;
    overflow: hidden;
    padding-bottom: 50px;
}
.features-banner:after{content:"";right:0;left:0;top:100%;position:absolute;width:115%;height:100%;z-index:1;background:#fff;margin-top:-150px;-webkit-transform:rotate(-5.6deg);-ms-transform:rotate(-5.6deg);-o-transform:rotate(-5.6deg);transform:rotate(-5.6deg)}
.features-banner::before {
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .05;
}
/*--------------------------------------------------------------------------
+	monitor-features-post 2018-6
--------------------------------------------------------------------------*/
	.hero-features-body { max-width: 1170px; margin: 0 auto; box-sizing:border-box;padding:0 10px; }
	.hero-features-body-right { float:right; width:72%;max-width: 870px;}
	.hero-features-body-left { float: left; width:28%;max-width: 280px; }
	.features-c-box { position: relative;}

	.features-c-box h2, .features-c-box h4{ margin: 65px 0 35px; text-transform: uppercase;}
	.features-c-box h4{font-size:22px; color:#333;}
	.features-c-box h2{font-size:26px; color:#cc4c59;}
	
	.f-container { box-sizing:border-box; padding:0 20px; }

	.f-container p { font-size:16px; line-height: 1.5; margin: 2em 0; }


/*--------------------------------------------------------------------------
+	monitor-features-post -banner 2018 6
--------------------------------------------------------------------------*/
	.f-b-text { padding-top: 90px;}
	.f-b-text h1 { font-size: 40px; }
	.f-b-text h1 i {margin-right:5px; font-size:45px; color:#69b3e5;}
	.f-b-text h2 { margin-top: 40px; margin-bottom: 24px; font-size: 18px; padding-right: 10px; color: rgba(255,255,255,.5);}
	.f-b-text h2 span { margin-left: 15px;}
	.f-b-text p { margin:40px 0; font-size: 17px; color:#e5e5e5;}
	.f-b-btn { display: inline-block!important; font-size:20px!important; padding:10px 8%!important; color: #fff; border-radius: 30px!important; margin:20px 20px 0 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
	.f-b-btn-red { background: #e7505a; }
	.f-b-btn-plans { background: none; }
	.f-b-btn:hover, .f-b-btn:active ,.f-b-btn:visited{color: #fff!important;}
	.free-trial-txt {color: rgba(255,255,255,.7); font-size: 18px; margin-top:40px;}
	.free-trial-txt strong {font-size: 20px;}

.f-b-right { display:inline-block; float: right; z-index: 5; position: relative;z-index: 5;padding-top: 20px;}
.f-device-box{position: relative;margin:0; margin-right:1px; max-width: 100%;}
.f-device-box .inner{position: absolute;top: 13.7%;left:15.9%;right: 0%;overflow: hidden;}

.margin-bottom80px{ margin-bottom:80px; display:block;}
.margin-bottom50px{ margin-bottom:50px;display:block;}
@media (max-width:1199px){
	.f-b-text { padding-top: 60px;}
	.f-device-box .inner{left:15.8%;}
}
@media (max-width:998px){
	.features-banner{padding-top:30px;}
	.f-b-text h1 {font-size:36px; }
	.f-b-text h1 i {font-size:40px; }
	.f-b-text { padding-top:40px;}
	.f-b-right {padding-top: 50px;}
	.f-device-box img, .f-device-box .inner img{width: 100%!important;}
	.f-device-box .inner img{width: 60.8%!important; }
	.f-b-btn{padding:7px 7%!important;}
	.f-device-box .inner{left:15.6%;right: -29%;}
	.features-banner {padding-bottom: 0;}
	.features-c-box h2{ margin-top:0;}	
	
}
@media (max-width:776px){
.features-banner{padding-top:10px;}
.f-b-text {text-align:center; }
.f-b-right { display:none;}
.f-b-text { padding:30px 15px 0;}
.f-b-text h1 { padding-top:0; font-size:30px; display: block; text-align:center; }
.f-b-text h1 i{ margin: 0 0 20px 0; font-size:40px; display:block;}
.f-b-text h2, .f-b-text p, .free-trial-txt{}

}
@media (max-width:492px){
.features-banner {min-height: 870px;}
.f-b-btn-red, .f-b-btn-plans{ width:80%; margin:0 auto; margin-top:30px!important;vertical-align: middle; margin:0 10px 10px;}
.f-b-text h1 { padding-top:0;display: block; }
.f-b-text h1 i{ margin: 0 0 20px 0; display:block;}

}
@media (max-width:398px){
.features-banner {min-height: 970px;}
}
@media (max-width:320px){
.features-banner {min-height: 1050px;}
.f-b-btn-red, .f-b-btn-plans{ width:95%;}
}

.features-c-uesful { padding:65px 0; }
.features-c-uesful h3 { font-size: 28px; color:#fff; text-transform: uppercase;}
.features-c-uesful h4 { font-size: 22px; color:#e7505a; }
.features-c-uesful p { font-size:16px; margin:2em 0; color:#c9c9c9  }
.underline {display: block;margin-top: 5px;width: 50px;height: 1px;border-bottom: 2px solid #e7505a;}
.features-c-uesful .f-c-u-bg{
	position: absolute;
	z-index: -1;
	left:-9999px;
	right:-9999px;
	top:0;
	bottom:0;
	background:#32333e top left;
	background-repeat: repeat-x;
}

.aside-box { 
	margin-top:30px; 	
	background: #f7f7f7;
	border-radius: 5px;
	border: 1px solid #d4d5d6;
	box-sizing: border-box;
	padding: 30px 20px;
	pointer-events: all;
	display: block;
	margin-bottom: 60px;}

.aside-box h2{font-size:14px; font-weight:bold; color:#333; font-weight: bold; margin:0 0; padding:10px 6px 15px 0; line-height:18px; text-shadow: 0 -1px 0 #FFF; text-transform:uppercase;}
.aside-box ul{margin-bottom: 20px; padding:0;}
.aside-box ul li{padding:12px 10px 12px 7px; font-size:13px; border-bottom:1px solid #ededed;}
.aside-box ul li a{ display:block; color:#555;}
.aside-box ul li a:hover {color:#e7505a; text-decoration: none;}
.aside-box ul li:active, .aside-box ul li:visited , .aside-box ul li:hover{border-bottom: 3px solid #e7505a;}
.aside-box ul li a i{ width:14px; text-align:center; font-size:14px; margin-right:5px;}

.clearfix {zoom: 1;}.clearfix:before,.clearfix:after {content: "";display: block;clear: both;}
.toggle-bar {position: relative;}
.collapse-disabled {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

 @media (min-width:999px) {
 .collapse {
display:block!important;
height: auto!important;
}
 .collapse-disabled {
display: block;
}
.aside-title-phone{display: none;}
.aside-title{display: block;}
}

@media (max-width:998px){
	.aside-box {position: static; float:none; }
	.hero-features-body-right{width: 100%; max-width:100%;}
	.hero-features-body-left {width: 100%; max-width:none;}
	.aside-title{display: none;}
	.aside-title-phone{display: block; margin-bottom: 30px;}
	.toggle-bar a {text-decoration:none!important;}
	.toggle-bar a h2{ text-shadow: none; color:#09F; }
	.features-c-uesful .f-c-u-bg {left: 0px; right: 0px;}
}



/*--------------------------------------------------------------------------
+	monitor-features-post 2017 5   amend-2018-6
--------------------------------------------------------------------------*/
.mam-fs-ul{clear:both; background-color:#fff; border-radius:10px; border:1px #e7e7e7 solid; margin:3em auto!important;  padding:0!important; }
.mam-fs-ul li{ clear:both; margin:0!important; background: none!important;  padding:15px 15px 15px 18px!important; border-bottom:1px solid #e7e7e7; color:#333; font-size:14px!important; font-weight:bold; line-height:30px!important; height: auto; overflow:hidden;}
.mam-fs-ul li img{margin-right:15px;}
.mam-fs-ul li span{ display:block;}
.mam-fs-ul li i{ margin-right:15px; font-size:30px; width:30px; height:30px; line-height:30px!important;text-align:center; vertical-align:middle; }
.no-border-bottom{border-bottom: none!important;}
.mam-fs-ul li:last-child{border-bottom:none !important;}

ul.mam-device{clear:both; display:block; height:auto;  padding:0!important; min-height: inherit; width:100%; margin: 60px 0; overflow: hidden;}
ul.mam-device li{margin:10px 0!important; background: none!important; float:left; width:20%!important; font-size:11px; color:#888; text-align:center; padding-left:0px!important;}

ul.mam-device li b{color:#999; display:block;}
ul.mam-device li img{margin:0; padding:0; width:16px; height:16px; display:block; margin:0 auto 5px!important;}


/*--------------------------------------------------------------------------
+	color
--------------------------------------------------------------------------*/
.bg-red {color:#e7505a;}
.bg-blue-madison {color: #578ebe;}
.bg-blue-steel {color:#4B77BE;}
.bg-green {color: #32c5d2;}
.bg-green-jungle{ color:#26C281;}
.bg-green-turquoise{color:#36D7B7;}
.bg-purple {color: #8E44AD;}
.bg-purple-soft {color: #8877a9;}
.bg-yellow-lemon {color:#F7CA18;}
.bg-yellow-gold {color:#E87E04;}


@media (min-width:270px) and (max-width:360px){
ul.mam-device li{font-size:10px;}
}
@media (max-width:499px){
ul.mam-device{padding:0 0 0 20px!important;}
ul.mam-device li{width:100%!important; text-align:left!important; }
ul.mam-device li img, ul.mam-device li b { display: inline; margin:0 0 5px!important; }
}

ul.share-buttons{margin-bottom: 60px;}

.margin30px{margin:30px 0;}
.ikey-moniter-text>h3{color: #399fd8;
font-weight: 700;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
letter-spacing: .5px;
}
.page-choose-ul{
text-align:center;
}
.page-choose-ul>li{ 
margin:12px 0;	
padding: 35px 5px;
font-size: 15px;
line-height: 24px;

color: #868791;
}
.page-choose-ul>li>h3{
font-size: 20px;
line-height: 30px;
color: #5b5f62;
font-weight: 400;
}
@media (max-width:1098px){
	.page-choose-ul>li>h3{ height:60px;}
}
.kame > p {
    float: left;
    font-size: 13px;
    padding: 0;
    display: inline-block;
	margin: 1.5em;
}
.kame ul li:first-child {
    clear: both;
    padding-left: 18px;
}
.kame ul li {
    margin-top: 15px;
    line-height: 22px;
    background: url(images/f-icon.jpg) no-repeat left 7px;
    padding-left: 18px;
}

/*--------------------------------------------------------------------------
+	All Products
--------------------------------------------------------------------------*/
.ikey-products-box{color: #666;}
.ikey-products-box h2{color: #252d40;}
.ikey-products-h3{ display:block; margin-top:20px;}
.ikey-products-box h3{
font-size: 20px;
line-height: 1.4;
margin: 30px 0;
}
@media (max-width:998px) {
	.phone-ikey-products{ display:none;}
	.ikey-products-box{text-align: center;}
}

.post-warp ol li ul li { list-style: none;}
/*--------------------------------------------------------------------------
+	Affiliates
--------------------------------------------------------------------------*/
.affiliates-ikey-banner{background-position:center center;background-repeat:no-repeat;background-size:cover;padding:70px 0;position:relative}
.affiliates-ikey-banner::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(23,28,41,.7)}
.affiliates-ikey-banner .ikey-banner-content{position:relative;padding:0 15px;color:#fff;text-align:center;max-width:1000px;margin:0 auto}
.affiliates-ikey-banner .ikey-banner-content h1{color:#fff;font-size:50px;font-weight:700;margin:0}
.affiliates-ikey-banner P{font-size:18px;margin:20px auto 30px}
.earn-list{margin-top:40px}
.earn-list>ul>li{margin-bottom:22px;text-align:left;padding-left: 30px;}
.earn-list>ul>li>span{color: #e7505a;font-size: 16px;font-weight: 700;}
.column-need-to-do{text-align:center;display:inline-block;overflow:hidden;width:100%}
.todo-img img{margin-bottom:23px}
.need-elements p{text-align:center!important}
.panel-body ol li ul,.step-no-i ul{padding-left:0}
.panel-body ol li ul li,.step-no-i ul li{margin-top:15px;line-height:22px;background:url(http://ikeymonitor.com/wp-content/themes/ikeymonitor2015/images/f-icon.jpg) no-repeat left 7px;padding-left:18px}
.panel-title a,.step-no-i p a{color:#09F}
.panel-body>ol>li{margin-top:15px;line-height:22px;list-style:decimal;margin-bottom:25px}
.panel-body ol li ul li{list-style:none}
.commission li span{color:#e7505a}
.comm-wrapper h4{color:#252d40;font-size:20px;font-weight:600}
.comm-wrapper h5{margin-top:25px;color:#e7505a;font-size:24px;font-weight:700}
.step-no{text-align:left}
.panel-img{margin: 15px 0 12px!important}
.panel-body code{word-wrap: break-word;}
@media (max-width:998px){.affiliates-faq{text-align: left!important}}
@media (max-width:767px){.affiliates-ikey-banner .ikey-banner-content h1{font-size:40px} .earn-list {margin-top: 0px;}}		
@media (max-width:639px){.affiliate-ikey-img{display:none}.affiliates-ikey-banner .ikey-banner-content h1{font-size:34px}}
/*--------------------------------------------------------------------------
+	About
--------------------------------------------------------------------------*/
.about-info-box{display:block; text-align:center;}
.about-info-i{margin-top:10px;}
.about-info-i i{font-size:65px; color:#bcbcbc;}
.about-info-num{color:#e64f59;font-size: 50px;margin: 0 0 8px;}
.about-info-text{font-size: 20px;line-height: 1.1;}
@media (max-width:800px){
.about-info-i i{font-size:45px;}
.about-info-num{font-size:40px;}
.about-info-text{font-size:14px;}
}
/*--------------------------------------------------------------------------
+	purchase
--------------------------------------------------------------------------*/
.purchase-list{padding:0 75px 40px 95px;text-align:left}
.purchase-list li i{width:30px;color:#c54b59;text-align:center;margin-right: 5px;}
.single-price-table ul li{color:#666;font-size:18px;margin-top:10px;}
.single-price-table ul li a, .single-price-table ul li a:link, .single-price-table ul li a:visited {color: #666;cursor: pointer;}
.single-price-table ul li a:hover{color: #337ab7;text-decoration: none;}
.purchase-list-title h5, .purchase-list-title-pro h5{margin-bottom:50px!important}
.purchase-list-title h5 span, .purchase-list-title-pro h5 span{position:relative;display:block;padding-left:33px;color:#212121;font-size:3em;font-size:18px}
.purchase-list-title h5 span i, .purchase-list-title-pro h5 span i{color:#c54b59; font-style:normal;}
.purchase-list-title h5 span:before, .purchase-list-title-pro h5 span:before{position:absolute;top:52%;width:9%;width:20px;height:2px;background:#c54b59;content:''}
.purchase-list-title h5 span:before, .purchase-list-title-pro h5 span:before{left:2px}
.purchase-list-title h5 span:after{left:280px}
.purchase-list-title-pro h5 span:after{left:255px}
.price-normal{text-decoration:none!important}

.list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
.list-group-ikmuesful > .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}
.list-group-ikmuesful > .list-group-item{position:relative;display:block;padding:10px 0;margin-bottom:0!important;background-color:#32333e!important;border:none;border-bottom:1px solid #4d4e57;color:#c9c9c9}
.list-group-ikmuesful > .list-group-item:before{content:"●";padding-right:10px;font-size:16px;color:#e7505a}
.margin-top-30px{margin-top:30px}
.purchase-pricing-box{background-color:#f2f2f6;padding:20px 0;margin-bottom: 60px;min-height: 210px;}
ul.purchase-pricing-list{padding:0 75px 20px 95px;text-align:left}
ul.purchase-pricing-list li span{color:#c54b59;font-weight:600;}
.purchase-list-title h5,.purchase-list-title-pro h5{margin:50px 0}
ul.purchase-pricing-list p {text-align: left;color: #c54b59;font-weight: 600;}
ul.purchase-pricing-list li {margin-bottom: 5px;}
@media (max-width:478px){
.purchase-list{padding:0 25px 40px;text-align:left}
}
@media (max-width:329px){.purchase-list-title h5 span:after{left:172px}
}


/*--------------------------------------------------------------------------
+	iphone-spy - What Can You Do with iKeyMonitor?
--------------------------------------------------------------------------*/
.with-list-ul { list-style-type: none;display: inline-block;color: #000;padding: 0 20px;}
.with-list-ul li{font-size: 90%; line-height:24px; margin-bottom:20px;}
.with-list-ul li b{font-size: 20px;color: #e7505a;}
h3.page-s-title{text-align: center;color: #35363f;margin-bottom: 25px;}
.margin50px{ margin:50px 0;}
/*--------------------------------------------------------------------------
+	index - What Can You Do with iKeyMonitor?
--------------------------------------------------------------------------*/
@media (max-width:992px){.article-item {margin-bottom:30px;}}
.article-item img{border-radius: 20px;width: 100%;}
.article-cont { margin:0 15px; padding: 20px; border:1px solid rgba(0,0,0,0.1); border-top:none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.cando-title h3,.cando-title h4 {margin: 0; line-height: 1.5em;}

.cando-title h3 { font-weight: bold; font-size: 20px;}

.cando-title h4 { font-size:14px; color:#000; margin-top:12px; }

.article-info { margin:0 ;}
.article-info b{font-size: 20px;color: #e7505a;}

.separator { font-size:26px; color:#ccc; }

/*--------------------------------------------------------------------------
+	index - triple best olution - features
--------------------------------------------------------------------------*/
.triple-best-Solution{margin-top:50px;padding:90px 0;border-color:#dedede;border-style:solid;border-width:1px 0 1px 0;background-color:#f3ffff;text-align:center}
.triple-best-Solution h2{margin-top:15px;margin-bottom:50px;font-size:40px}
.triple-best-Solution h3 {margin-bottom: 80px;font-weight: normal;color: #000000;}
.single-triple-box{padding:15px 20px}
.single-triple-box h4{margin-top:40px;color:#333;text-transform:uppercase;font-weight:700;font-size:22px}
.single-triple-box p{color:#666;}
.client-icon{margin:0 auto;width:80px;height:80px;border-radius:80px;background-color:#fff;box-shadow:3px 3px 0 0 rgba(0,0,0,.14);text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.12)}
.client-icon i{display:inline-block;color:#e7505a;font-size:40px;line-height:80px}
.ikm-index-features{padding-top:145px;padding-bottom:155px;border-bottom:1px solid #dedede;text-align:center}
.ikm-index-features h2{margin-bottom:50px;font-size:45px;line-height:1}
.sss_left{text-align:left}
.ikm-index_service{margin-top:40px}
.ikm-index_service_text,.ikm-index_service_title{display:block;margin-left:100px}
.ikm-index_service_title h4{font-size:28px}
.ikm-index_service_icon_section{position:relative;clear:both;display:block;width:80px}
.ikm-index_service_icon{position:absolute;top:0;left:0;display:inline-block;margin-top:-60px;margin-right:25px;width:60px;height:60px;border-radius:50%;background:#d07dd2;box-shadow:3px 3px 0 0 rgba(0,0,0,.14);text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.12)}
.ikm-index_service.sss_right {text-align: left;}
@media only screen and (min-width:980px){.ikm-index_service.sss_right{text-align:right}
.sss_right .ikm-index_service_icon_section{float:right}
.sss_right .ikm-index_service_icon_holder{float:left}
.sss_right .ikm-index_service_icon{right:0;left:auto;margin-right:0;margin-left:27px}
.sss_right .ikm-index_service_text,.sss_right .ikm-index_service_title{margin-right:106px;margin-left:0}
}
.ikm-index_service_text{clear:both;color:#666;}

dd.step-no-i ol li {margin: 15px 0;line-height: 22px;list-style: decimal;}


.about-cyberbullying{background-color:#fff;padding:100px 0;font-size:15px}
.cyber-ikey{text-align:center;margin-bottom:90px;color:#000;line-height:28px}
.ikey-sec-title h3{margin:0 0 10px;font-size:34px}
p.intro-desc{color:#000;margin-top:100px;line-height:28px}
.cyber-title h2{display:block;font-size:12px;line-height:26px;text-transform:uppercase;color:#a1a2ab;font-weight:normal}
.cyber-title h3{color:#34539c;font-weight:600;margin-top:0}
.cyber-title .underline{display:block;margin-top:10px;width:59px;height:1px;border-bottom:2px solid #e7505a}
p.intro-desc{color:#000;margin-top:40px}
.cyber-img{width:100%;display:block;margin-top:30px}
.cyber-img img{width:250px;display:block;margin:10px auto}
.cyber-addon-content ol{margin-bottom:50px}
.cyber-addon-content ol li{margin:10px 0;line-height:22px;list-style:decimal;color:#000}
.hr-dashed{border-bottom:1px dashed #ddd;margin:50px auto}

.page-two-btn{padding: 50px 0 40px;}
.feature-page-ulli {text-align: center;margin-top: 0;}
.dangerous-box {margin-bottom: 50px;text-align: left;border-bottom: 1px dashed #e9e9e9;padding-bottom: 40px;}
.dangerous-title h3 {font-size: 20px;line-height: 24px;}

.top10-text h4{font-size:16px;margin-bottom:0;padding-bottom:0;line-height:50px;color:#252d40;font-weight:600}
.top10-text p{color:#000;line-height:28px}
.top10-text ol,.top10-text ul{color:#000}
.top10-text ol li{list-style-type:decimal;}
.top10-text ul li{list-style-type:square;}
.top10-text ol li,.top10-text ul li{list-style-position:outside;margin:10px 0;line-height:22px;font-size:14px}
.top10-title h3{padding-left:40px;color:#337ab7;font-size:20px;line-height:26px;}
.top10-title h3 span{position:absolute;top:14px;left:10px;display:block;width:35px;height:35px;border:1px solid #ddd;border-radius:50%;background-color:#fafafa;box-shadow:0 0 0 1px #fff inset;color:#337ab7;text-align:center;font-weight:700;font-style:normal;font-size:22px;line-height:35px;}
@media only screen and (max-width:991px){.top10-title h3 span{top:-5px;}
}
/*--------------------------------------------------------------------------
+	page - iKeyMonitor Reseller Program
--------------------------------------------------------------------------*/
.reseller-banner{position:relative;padding:0 15px;color:#fff;text-align:left;max-width:1200px;margin:0 auto}
.reseller-left h1{color:#fff;font-size:50px;line-height:1.2;margin-top:0}
.reseller-left p{padding:30px 0 20px;font-size:16px;color:#c5c5c5;max-width:500px;line-height:1.4;margin-left:0}
a.btn.resrller-btn,a.btn.resrller-btn-white{margin-top:10px}
a.btn.resrller-btn{background-color:#e7505a;color:#fff;font-weight:700;text-transform:uppercase;padding:10px 25px}
a.btn.resrller-btn-white{background-color:#fff;color:#e7505a;font-weight:700;text-transform:uppercase;padding:10px 25px;border:1px solid transparent;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);margin-left:15px}
.reseller-right .s-title{text-transform:uppercase;margin:30px 0 34px;font-weight:700}
.reseller-right p{font-size:16px;color:#c5c5c5;max-width:500px;line-height:1.4;margin-left:0}
.reseller-right .margin-rates{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0 0 0}
.reseller-right .margin-rates .rates-i{position:relative}
.reseller-right .margin-rates .rates-i .img-box img {width: 100%;}
.rates-i .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;text-align:center}
.rates-i .inner .inner-t{font-size:40px}
.rates-i .inner .inner-t span{font-size:24px}
.rates-i .inner .inner-b{font-size:11px;font-weight:500;text-transform:uppercase;margin:5px 0 0 0}
a.btn.reseller-plan-btn{height:auto;width:auto;color:#fff!important;text-align:center;line-height:30px;padding:10px 25px;display:inline-block;margin:0 25px 15px;font-size:20px;-webkit-transition:.25s;-o-transition:.25s;transition:.25s;white-space:normal;margin-top:20px;width:80%;background-color:#252d40}
.mleft-15px {margin-left: 15px;}
.comm-wrapper h4.text-red {color: #e7505a;}
.license-text{min-height:100px;padding:0;margin:0}
.license-text li{margin-top:10px;text-align:center}
.license-text li span{font-size:22px;color:#e7505a;font-weight:500}
.licensing-p{color:#fff;font-size:16px;margin:25px auto}
@media screen and (min-width: 767px) and (max-width: 914px) {
	a.btn.resrller-btn-white {margin-left: 0;}
}
@media screen and (max-width: 462px) {
	a.btn.resrller-btn-white {margin-left: 0;}
	.rates-i .inner .inner-t {font-size: 18px;}
	.rates-i .inner .inner-t span {font-size: 18px;}
	.rates-i .inner .inner-b {color: #e7505a;}
}
.box-portfolio img {width: 100%;}

.post-arc h2 {margin: 50px 0 10px;}