@charset "UTF-8";
/* CSS Document */
.s_bg1 { background: #eef3f6; }
.navprice_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
  margin-left: -10px; margin-right: -10px;
}
.navprice_wrap > div { width: 33.33333%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;} 
.navprice_item { border: 1px solid #3ca5d5; background: url(../img/lines-BG.png) bottom center no-repeat transparent; }
.navprice_item h3 { font-size: 1.42rem; font-weight: 600; color: #434343; border-bottom: 1px solid #3ca5d5; text-transform: uppercase; text-align: center; padding-top: 15px; padding-bottom: 26px; padding-left: 10px; padding-right: 10px; line-height: 1.1; position: relative; }
.navprice_item h3 > span, .navprice_item h1 > span { font-weight: 400; font-size: 1.1rem; color: #999999; display: block; margin-top: 3px; }
.navprice_item h3 > span { position: absolute; margin-bottom: 10px; bottom: 0; left: 50%; transform: translateX(-50%); }
.navprice_item h3:after { content: "\e900"; position: absolute; font-family: "tp-icons"; color: #3ca5d5; font-size: 20px; line-height: 1; left: -10px; bottom: -10px; transform: rotate(0deg); transition: all 1s; -webkit-transition: all 1s; /* Safari 3.1 to 6.0 */}
.navprice_item > a:hover h3 { color: #3ca5d5; }
.navprice_item > a:hover h3:after { transform: rotate(360deg); }
.navprice_wrap > div:nth-child(even) .navprice_item { border-color: #003e6b;}
.navprice_wrap > div:nth-child(even) .navprice_item h3 { border-bottom-color: #003e6b; }
.navprice_wrap > div:nth-child(even) .navprice_item h3:after { color: #003e6b; }
.navprice_wrap > div:nth-child(even) .navprice_item > a:hover h3 { color: #003e6b; }
.navprice_item h5 { margin-bottom: 5px; text-align: center; font-weight: 400; font-size: 1.1rem; color: #999999; text-transform: uppercase; }
.navprice_item .navcode { display: flex; flex-flow: row nowrap; justify-content: center; margin-bottom: 20px; }
.navprice_item .navcode > div { position: relative; }
.navprice_item .navcode > div:before { content:""; position: absolute; height: 15px; width: 2px; top: 50%; transform: translateY(-50%); background-color: #cccccc; }
.navprice_item .navcode > div:first-child:before { width: 0; }
.navprice_item h1 { font-size: 1.85rem; font-weight: 600; color: #3ca5d5; margin-top: 0; text-align: center; line-height: 1.1; margin-bottom: 0; padding-left: 15px; padding-right: 15px; }
.navprice_item h1 > span  { margin-top: 2px; color: #3ca5d5; }
.navprice_wrap > div:nth-child(even) .navprice_item h1, .navprice_wrap > div:nth-child(even) .navprice_item h1 > span { color:#003e6b; }

.navprice_item > .tbl_wrap, .navprice_item > .asset_wrap { width: calc(100% - 30px); margin: 0 auto; margin-bottom: 20px; }
.navprice_item table { width: 100%; font-size: 1.5rem; line-height: 1.1; font-weight: 600; }
.navprice_item table tr { background: #f9f9f9; border-top: 1px solid #FFFFFF; }
.navprice_item table tr:first-child { border-bottom: 1px solid #cdcdcd; border-top: none; background: none; }
.navprice_item table th { font-size: 1.15rem; font-weight: 500; color: #434343; text-transform: uppercase; }
.navprice_item table th, .navprice_item table td { text-align: right; padding: 0.75rem 0.6rem; }
.navprice_item table th:first-child, .navprice_item table td:first-child { text-align: left; text-transform: uppercase; }
.navprice_item table th { padding-bottom: 0.25rem; }
.navprice_item table tr:nth-child(even) { background: #e9f1f4; }

.asset_wrap > .a_row { font-weight: 600; margin-bottom: 10px; font-size: 11px; text-transform: uppercase; line-height: 1.1; display: flex; justify-content: space-between; }
.asset_wrap > .a_row > div { width: calc(46% - 5px); }
.asset_wrap > .a_row > div:last-child { text-align: right; margin-left: 5px; margin-right: 0; width: calc(54% - 5px);}

.navprice_item .info_wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; color: #434343;}
.navprice_item .info_wrap div:first-child { margin-left: 15px; position: relative; width: calc(100% - 125px); font-style: italic; font-size: 10px; }
.navprice_item .info_wrap div:first-child > span { position: absolute; top: 50%; transform: translateY(-50%); }
.navprice_item .info_wrap div:last-child { width: 115px; }
.navprice_item .info_wrap div > a { line-height: 1.0; color: #FFFFFF; white-space: nowrap; overflow: hidden; display: block; position: relative; background-size: 200% 100%; background-image: linear-gradient(to right, transparent 50%, #3ca5d5 50%); -webkit-transition: background-position 0.5s linear; -ms-transition: background-position 0.5s linear; transition: background-position 0.5s linear; }
.navprice_item .info_wrap div > a span { display: none; }
.navprice_item .info_wrap div > a i { float: right; background: #3ca5d5; padding: 14px 8px; }
.navprice_item .info_wrap div > a:hover { background-position: 100% 0; }
.navprice_item .info_wrap div > a:hover span { padding: 14px 2px 14px 12px; display: inline-block; }
.navprice_wrap > div:nth-child(even) .navprice_item .info_wrap div > a { background-image: linear-gradient(to right, transparent 50%, #003e6b 50%); }
.navprice_wrap > div:nth-child(even) .navprice_item .info_wrap div > a i { background: #003e6b; }

/*** SPECIAL FOR PRICES ***/
@media only screen and (max-width: 1199px) {
	.navprice_wrap > div { width: 42.5%; }
}
@media only screen and (max-width: 992px) {
	.navprice_wrap > div { width: 50%; }
	.asset_wrap > .a_row > div { width: calc(57% - 5px); }
	.asset_wrap > .a_row > div:last-child { width: calc(43% - 5px);}
}
@media only screen and (max-width: 767px) {
	.asset_wrap > .a_row > div { width: calc(50% - 5px); font-size: 10.5px; }
	.asset_wrap > .a_row > div:last-child { width: calc(50% - 5px);}
}
@media only screen and (max-width: 694px) {
	.navprice_wrap { display: block; margin: 0; }
	.navprice_wrap > div { width: 310px; margin: 0 auto; margin-bottom: 20px; padding-left: 0; padding-right: 0; }
	.asset_wrap > .a_row > div { width: calc(55% - 5px); }
	.asset_wrap > .a_row > div:last-child { width: calc(45% - 5px);}
}
@media only screen and (max-width: 359px) {
	.navprice_wrap > div { width: 270px; }
}

.hvr4 {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.hvr4:hover:before {
	top: 0px;
  opacity: .9;
}
.hvr4 > a {
	color: #fff;
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 25px;
	font-weight: 600;
	line-height: 54px;
	height: 58px;
	width: 58px;
	text-align: center;
	border: 3px solid #fff;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
.hvr4.even > a {
	right: auto; left: 25px;
	top: auto; bottom: 25px;
}
.hvr4:hover > a {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.res-item { position: relative; overflow: hidden; z-index: 1; max-width: 300px; margin: 0 auto 20px auto; }
.res-item > a > img { 
	opacity: 0.9;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.res-item > a:hover > img { 
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.prtflo-inf {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px 10px;
	bottom: 0;
	background: rgba(60, 165, 213, 0.8);
	border-top: 1px solid #FFFFFF;
}
.prtflo-inf:before { content:"\e900"; font-family: "tp-icons"; position: absolute; font-size: 24px; line-height: 1; top: -12px; left: 5%; color: #FFFFFF; 	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear; }
.hvr4.even .prtflo-inf { top:0; bottom: auto; border-top: none; border-bottom: 1px solid #FFFFFF; }
.hvr4.even .prtflo-inf:before { top: auto; bottom: -12px; left: 85%;  }
.hvr4:hover > .prtflo-inf:before, .res-item a:hover > .prtflo-inf:before { left: 85%; }
.hvr4.even:hover .prtflo-inf:before { left: 5%; }
.res-item a:hover > .prtflo-inf { background: rgba(60, 165, 213, 0.9); }
.hvr4 .prtflo-inf > h5, .res-item .prtflo-inf > h5 {
	color: #fff;
	font-size: 16px;
	letter-spacing: .1px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
}

.feature .icon { width: 120px; }
.icon.icon-circle.icon-xl { width: 164px; background-color: #dce8ef; }

.affin-feature .wpb_wrapper {
	height: 100%;
	float: right;
	width: 565px;
}
.affin-feature .wpb_wrapper.right { float: left; }
.affin-feature .feature {
	color: rgba(255, 255, 255, 0.8);
	padding: 60px 60px 60px 150px;
	overflow: hidden;
	height: 100%;
	position: relative;
	margin-bottom: 0;
}
.affin-feature .wpb_wrapper.right .feature { padding: 60px 150px 60px 60px; }
.affin-feature .feature > div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.affin-feature .feature h4 { color: #FFFFFF; font-weight: 600; font-size: 2.5rem; }
.affin-feature p { font-size: 1.85rem; }
.affin-feature .feature .icon {
	color: #FFF;
	display: table;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.affin-feature .wpb_wrapper.right .feature .icon { left: auto; right: 0; }
.icon-bg i {
	display: table-cell;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	font-size: 32px;
}
.feature .form-control { background-color: #FFFFFF; }
.feature .form-control.input-sm { height: 38px; }
.feature .btn { border: none; padding: 9px 16px 9px; }
.btn-filled.btn-grd-blue {
	background: #53cbf1; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #53cbf1 0%, #53cbf1 25%, #0695c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #53cbf1 0%,#53cbf1 25%,#0695c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #53cbf1 0%,#53cbf1 25%,#0695c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53cbf1', endColorstr='#0695c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn-filled.btn-grd-blue:hover {
	background: #53cbf1; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #53cbf1 0%, #53cbf1 5%, #0695c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #53cbf1 0%,#53cbf1 5%,#0695c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #53cbf1 0%,#53cbf1 5%,#0695c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53cbf1', endColorstr='#0695c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.landscape #learnMore .col-sm-6:nth-child(2n+1) { clear: none; }

@media only screen and (max-width: 1200px) {
	.affin-feature { padding-right: 0; padding-left: 0; }
	.affin-feature .wpb_wrapper { width: 465px; }
	.affin-feature .feature { padding: 50px 50px 50px 120px; }
	.affin-feature .wpb_wrapper.right .feature { padding: 50px 120px 50px 50px; }
	.affin-feature .feature h4 { font-size: 2.05rem; }
	.affin-feature p { font-size: 1.55rem; }
	.affin-feature .feature .icon { width: 100px; }
}
@media only screen and (max-width: 992px) {
	.prtflo-inf { padding: 15px 10px; }
	
	#learnMore .col-sm-6 { margin-bottom: 20px; }.hvr4 .prtflo-inf > h5 { font-size: 14px; }
	.affin-feature .wpb_wrapper { width: 365px; }
	.affin-feature .feature { padding: 30px 30px 30px 120px; }
	.affin-feature .wpb_wrapper.right .feature { padding: 30px 120px 30px 30px; }
	.affin-feature .feature h4 { font-size: 1.8rem; }
	.affin-feature p { font-size: 1.45rem; }
}
@media only screen and (max-width: 767px) {
	#learnMore .container { width: 568px; }
	.col-sm-6.affin-feature { width: 100%; }
	.affin-feature .wpb_wrapper { float: none!important; margin: 0 auto!important; }
	.affin-feature .feature { padding: 40px 30px 40px 120px; }
	.affin-feature .wpb_wrapper.right .feature { padding: 40px 120px 40px 30px; }
	.affin-feature .feature > div { transform: none; top: auto; }
}
@media only screen and (max-width: 559px) {
	#learnMore .container { width: 310px; padding-left: 0!important; padding-right: 0!important; }
	.affin-feature .wpb_wrapper { width: 320px; }
	.affin-feature .feature { padding-right: 10px; }
	.affin-feature .wpb_wrapper.right .feature { padding-left: 15px; }
	.affin-feature .feature .icon { left: 5px; }
	.affin-feature .wpb_wrapper.right .feature .icon { left: auto; right: 5px; }
}
@media only screen and (max-width: 320px) {
  #learnMore .container { width: 270px; }
}

h3 .subHeader {
  display: block;
  opacity: 75%;
  font-size: 0.7em;
  margin-top: 4px;
}
.navTable {
  display: block;
  width: 100%;
  margin: 0 0 3em;
}

.navTable thead, .navTable tbody, .navTable thead tr, .navTable th {
  display: block;
}

.navTable thead { float: left; }

.navTable tbody {
  width: auto;
  position: relative;
  overflow-x: auto;
}

.navTable td, .navTable th {
  padding: .625em;
  line-height: 1.5em;
  border-bottom: 1px dashed #ccc;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.navTable th {
  text-align: left;
  background: rgba(0, 62, 107, 1.0);
  border-bottom: 1px dashed rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.9);
}

.navTable tbody tr {
  display: table-cell;
}

.navTable tbody td {
  display: block;
  white-space: nowrap;
}

.navTable tr { background: #e9f1f4; }
.navTable tr:nth-child(even) { background: #f9f9f9; }

.navTable .negative { color: #c91a1a; }

@media screen and (min-width: 50em) {

  .navTable {
    display: table;
  }
  
  .navTable thead {
    display: table-header-group;
    float: none;
  }
  .navTable th:nth-child(n+3), .navTable td:nth-child(n+3) { text-align: center; }
  
  .navTable tbody {
    display: table-row-group;
  }
  
  .navTable thead tr, .navTable tbody tr {
    display: table-row;
  }
  
  .navTable th, .navTable tbody td {
    display: table-cell;
  }
  
  .navTable td, .navTable th {
    width: auto;
  }
  
}