@charset "utf-8";
/* CSS Document */

.stephl {font-weight:600; border-bottom-color:#999; border-bottom-style:dashed; border-bottom-width:1px;}


.dropbtn {  background-color: #32908f;  color: white;  padding: 20px; padding-top:1px; padding-bottom:1px;  font-size: 14px;  border: none;  cursor: pointer; width:120px;}
/* The container <div> - needed to position the dropdown content */
.dropdown {  position: relative;  display: inline-block;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 120px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
/* Links inside the dropdown */
.dropdown-content a {  color: black;  padding: 4px 16px;  text-decoration: none;  display: block;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #9ee1e0}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {  display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {  background-color: #49a4a3;}
.dropdown-content {
  right: 0;
}
.gradred {background-image: linear-gradient(#c30d0c, white);} 
.gradi {background-image: linear-gradient(#e2f2ff, white);}
#grad {background-image: linear-gradient(, white); padding-bottom:50px; padding-top:50px; padding-left:50px; padding-right:50px;}
#grad .title {font-size:36px; font-weight:600;}
#grad .sub-title {margin-top:-8px; font-size:17px;}
#grad li { font-size:17px;}
#grad li span {font-weight:600;}
#grad li .hl {color:#F00; border-bottom-color:#CCC; border-bottom-style:dashed; border-bottom-width:1px; font-weight:400;}
#grad .screens {border-color:#c8bfbf; border-style:solid; border-width:1px; text-align:center; padding:15px;}
#grad .screens:hover { background-color:#b7d7f8;}
#grad .screens .icon {font-size:20px; color:#1f7ec1;}
#grad .video {border-color:#c8bfbf; border-style:solid; border-width:1px; text-align:center; padding:15px;}
#grad .video:hover { background-color:#b7d7f8;}
#grad .video .icon {font-size:20px; color:#d65151;}
#grad .guide {border-color:#c8bfbf; border-style:solid; border-width:1px; text-align:center; padding:15px;}
#grad .guide:hover { background-color:#b7d7f8;}
#grad .guide .icon {font-size:20px; color:#1f7ec1;}
#grad .docs {border-color:#c8bfbf; border-style:solid; border-width:1px; text-align:center; padding:15px;}
#grad .docs:hover { background-color:#b7d7f8;}
#grad .docs .icon {font-size:20px;}
#grad .bl-h {background-color:#c30d0c; color:#FFF; padding:5px; padding-bottom:1px; text-align:center;}
#grad .offer {border:#d3d8dd; border-style:solid; border-width:1px; width:230px;}
#grad .w200 { width:200px;}
#grad .w160 { width:160px;}

.pad-tb-50 { padding-bottom:50px; padding-top:50px;}

.pad-t-150 { padding-top:150px;}

.pad-r-20 { padding-right:20px;}
.pad-r-50 { padding-right:50px;}

.ul-red {border-bottom:#870000; border-bottom-color:#870000; border-bottom-style:solid; border-bottom-width:2px;}
.ul-blue {border-bottom:#0055b8; border-bottom-color:#0055b8; border-bottom-style:solid; border-bottom-width:2px;}
.h-light { color:#0055b8; font-weight:bold;}
.yellow-hl {color:#FF6;}


.hr-short { border-color:#0f4680; border-width:250px;}

.al-right { text-align:right;}
.al-left { text-align:left;}
.al-justify { text-align:justify;}
.al-center { text-align:center;}

.blink {animation-duration: 1s;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;    animation-timing-function: ease-in-out;}
@keyframes blink {from { opacity: 1;}
    to { opacity: 0;  }}
	
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.mtm-10 { margin-top:-10px;}
.mtm-15 { margin-top:-15px;}
.mtm-20 { margin-top:-20px;}
.mtm-30 { margin-top:-30px;}
.mtm-40 { margin-top:-40px;}
.mtm-50 { margin-top:-50px;}
.mtm-60 { margin-top:-60px;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}

.mbm-10 { margin-bottom:-10px;}
.mbm-20 { margin-bottom:-20px;}
.mbm-30 { margin-bottom:-30px;}
.mbm-40 { margin-bottom:-40px;}
.mbm-50 { margin-bottom:-50px;}
.mbm-60 { margin-bottom:-60px;}

/* ======= Start Vertical Tab Section ======= */

.offerTab .tabs-content {padding: 0}
.offerTab dl,
.offerTab ol,
.offerTab ul {padding-left: 0}
.offerTab .accordion .accordion-title {background: #fff}
.offerTab .accordion .accordion-item {border-bottom: 1px dashed #d6dfdf}
.offerTab .accordion .accordion-content {overflow: hidden;	padding: 5px 0 10px 28px}
.offerTab .innerTab .tabs-content {	border-top: 0}
.offerTab .innerTab .tabs-navigation li a {	padding: 2px 10px 5px}
.offerTab .innerTab .tabs-navigation li.active a:after {background: 0 0}
.offerTab .innerTab .tabs-navigation li:after {	top: 19px;	right: -25px;	height: 1px}

@media (max-width:471px) {
	.offerTab .accordion .accordion-content {overflow: hidden;	padding: 5px 0 10px	}
	.offerTab .resp-tab-content {display: none;	padding: 20px 15px}
}
@media (max-width:400px) {
	.offerTab .proTabTxt {font-size: 10px}
	.offerTab .innerTab .tabs-navigation li a {	padding: 0 5px 3px;	font-size: 12px}
}
@media (max-width:350px) {
	.offerTab .proTabTxt {font-size: 10px}
}



/* ======= End Vertical Tab Section ======= */


.overlay {
  position: relative;
}

.overlay::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .6;
}


.card-img-wrapper {
  position: relative;
}

.card-img-wrapper::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  transition: .2s;
}

.card:hover .card-img-wrapper::before {
  opacity: .4;
}


.translateY-58 {
  transform: translateY(-58px);
}





.card {
  margin: 0 auto;
}
.card .carousel-item {
  height: 200px;
}
.card .carousel-caption {
  padding: 0;
  right: 0;
  left: 0;
  color: #3d3d3d;
}
.card .carousel-caption h3 {
  color: #3d3d3d;
}
.card .carousel-caption p {
  line-height: 30px;
}
.card .carousel-caption .col-sm-3 {
  display: flex;
  align-items: center;
}
.card .carousel-caption .col-sm-9 {
  text-align: left;
}
.navi a {
    text-decoration:none;
}
a > .ico {
    background-color: grey;
    padding: 10px;
    
}
a:hover > .ico {
    background-color: #666;
}


.margin-sides-15{margin-left:15px!important;margin-right:15px!important}


.mySlides {display:none;}

.greyf {}
.greyf a {color:#999}
.greyf a:hover { text-decoration:none; color:#CCC;}

.f600 {font-weight: 600}


#offer-b {padding:20px; color:#FFF;}
#offer-b .style2 {padding:20px;}
#offer-b .style {border:#FF9; border-color:#FF9; border-style:dashed; border-width:2px; padding:20px;}
#offer-b .title {font-size:60px; font-weight:600; text-align:center;}
#offer-b .sub-title {font-size:30px; color:#FF9; font-weight:600; text-align:center;}

#offer-page {padding-top:60px; padding-bottom:60px;}
#offer-page .offer-p-div {border:#76a7de; border-color:#76a7de; border-style:solid; border-width:1px; padding-bottom:20px; padding-top:20px; border-left-color:#0066cc; border-left-style:solid; border-left-width:3px; border-bottom-color:#0066cc; border-bottom-style:solid; border-bottom-width:3px;background-color:#FFF;}
#offer-page .title {font-size:18px; line-height:28px; font-weight:700;}
#offer-page .price {font-size:28px;}
#offer-page .note {font-size:12px; margin-top:-30px;}
#offer-page .radio-style{margin:0!important; padding-left:30px; text-align:left;}
#offer-page .m-price {font-size:34px; font-weight:700;}
#offer-page .d-price {color:#F00; font-size:26px; font-weight:600;}
#offer-page .tab-title {font-size:18px; font-weight:600;}
#offer-page .gifty { margin-top:-5px;}
#offer-page .body-style {border-right:#0066cc; border-right-color:#0066cc; border-right-style:solid; border-right-width:2px;border-left:#0066cc; border-left-color:#0066cc; border-left-style:solid; border-left-width:2px; border-bottom:#0066cc; border-bottom-color:#0066cc; border-bottom-style:solid; border-bottom-width:2px; padding-bottom:60px; background-color:#e4f8e6;}
#offer-page .col-head {padding-bottom:20px; padding-top:20px; padding-left:5px;}
#offer-page .full {color:#06C; font-size:19px;}
#offer-page .lead24 {font-size:24px; font-weight:600;}
#offer-page .lead20 {font-size:20px; font-weight:600;}

.circleradio {display: block;position: relative;padding-left: 35px;margin-bottom: 14px;cursor: pointer;font-size: 18px;-webkit-user-select: none;    -moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default radio button */
.circleradio input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color:#CCC;border-radius: 50%;}
/* On mouse-over, add a grey background color */
.circleradio:hover input ~ .checkmark {background-color:#999;}
/* When the radio button is checked, add a blue background */
.circleradio input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.circleradio input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.circleradio .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}


.pro-page {background-color:#dbedf7; padding:10px; border-bottom:#2b7faf; border-bottom-color:#2b7faf; border-bottom-style:solid; border-bottom-width:5px; padding-bottom:30px;}
.btn-pad {padding-bottom:2px; padding-top:2px;}

.tick ul { list-style-type:none;}
.tick ul li {list-style-image:url(../aximg/tick12.png);}


.flag {}
.flag:hover { margin-top:-10px;}