@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif;}
header{ background:#253b80; width:100%; float:left;}
.top{ float:right; width:100%; clear:both; height:25px; margin-right:29px !important;}
.top ul{ float:right;}
.top ul li a{ font-size: 13px;color: #fff;background: #3ea9f5; padding: 3px 12px;border-radius: 0 0px 5px 5px; margin-left: 15px;}
.top ul li a:hover{ color:#333333;}
nav ul li a{ color:#fff; font-size:16px;   padding-top:0px !important; padding-bottom:0px !important;}
nav ul li a:hover{ color:#3ea9f5; background:none !important;}
nav ul li{border-right:1px solid #fff;}
nav ul li:last-child{ border:none; margin:0px; padding:0px;}
nav{ display:block; margin:20px 0 0 0;}
.bannerWrapper{ width:100%; float:left;}
.bannerWrapper img{ width:100%; height:auto;}
.logo{ padding:35px 0 0 0;}
.wrapper{ width:100%; float:left; background:#eee; padding:40px 0px;  font-size:20px; color:#333333; text-align:center; line-height:30px;}
.wrapper .container{ padding:0 50px;}
.wrapperContent{ width:100%; float:left; margin:50px 0;}
.wrapperContent h2{ font-size:24px; color:#00529c; font-weight:bold; margin-bottom:20px;}
.wrapperContent p{ font-size:16px; line-height:24px; color:#2c2c2c;}
.wrapperContent figure{ margin:35px 0 0 0px; padding:0px;}
.wrapperContent figure img{ width:95%;}
.btnBox a{ background:#3ea9f5; font-size:19px; color:#fff; text-transform:uppercase; font-weight:bold; padding:8px 25px; text-shadow:0 0px 2px #0061a6;}
.btnBox a:hover{ background:#eee; text-shadow:none;}
.wrapperContent.greybg{ background:#f7f7f7; padding:30px 0; margin-bottom:0px;}
footer{ width:100%; float:left; background:#253b80; padding:40px 0 0 0;color:#fff; font-size:14px; }
footer h4{ font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
footer ul { margin:0px; padding:0px;}
footer ul li{ list-style-type:none;  margin:0px 0 0 5px;}
footer ul li a{color:#fff; font-size:14px; line-height:25px;}
footer ul li a:hover{ text-decoration:none; color:#3ea9f5;}
footer i{font-size:14px;}
footer p a{ color:#fff; font-size:14px;}
footer p a:hover{ text-decoration:none; color:#3ea9f5;}
.footerbottom{width:100%; float:left; background:#3ea9f5;font-weight:bold; text-transform:uppercase; padding:20px 0;color:#fff; font-size:14px; margin-top:40px; }
.innerwrapperContent{ width:100%; float:left; background:url(../images/inner-banner.jpg) no-repeat top center; background-size:contain;}
.innerwrapperContent .container{ padding:350px 0 0 0;}
.toggleMenu{ float:right; background:#3ea9f5;padding:5px 12px; text-decoration:none !important; margin-top:10px; position:relative; z-index:999999; margin-right:15px; color:#fff; margin-bottom:10px;}
a.toggleMenu:hover{ color:#333;}
ul.navbar-nav li{ list-style-type:none !important; float:right;}
.top ul.navbar-nav{ margin-top:0px;}
/* green panel */	
.price.panel-green>.panel-heading {color: #fff;background-color: #57AC57;border-color: #71DF71;border-bottom: 1px solid #71DF71;}
.price.panel-green>.panel-body {
			color: #fff;
			background-color: #65C965;
		}
				
		
		.price.panel-green>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}
		
		.price.panel-green .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* blue panel */
	
		
		.price.panel-blue>.panel-heading {
			color: #fff;
			background-color: #608BB4;
			border-color: #78AEE1;
			border-bottom: 1px solid #78AEE1;
		}
		
			
		.price.panel-blue>.panel-body {
			color: #fff;
			background-color: #73A3D4;
		}
				
		
		.price.panel-blue>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}
		
		.price.panel-blue .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* red price */
		
	
		.price.panel-red>.panel-heading {
			color: #fff;
			background-color: #D04E50;
			border-color: #FF6062;
			border-bottom: 1px solid #FF6062;
		}
		
			
		.price.panel-red>.panel-body {
			color: #fff;
			background-color: #EF5A5C;
		}
		
		
		
		
		.price.panel-red>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}
		
		.price.panel-red .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* grey price */
		
	
		.price.panel-grey>.panel-heading {
			color: #fff;
			background-color: #6D6D6D;
			border-color: #B7B7B7;
			border-bottom: 1px solid #B7B7B7;
		}
		
			
		.price.panel-grey>.panel-body {
			color: #fff;
			background-color: #808080;
		}
		

		
		.price.panel-grey>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}
		
		.price.panel-grey .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		
		/* white price */
		
	
		.price.panel-white>.panel-heading {
			color: #333;
			max-height: 110px;
			background-color: #f9f9f9;
			border-color: #ccc;
			border-bottom: 1px solid #ccc;
			text-shadow: 0px 2px 0px rgba(250,250,250, .7);
		}
		
		.panel.panel-white.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
		}
			
		.price.panel-white>.panel-body {
			color: #fff;
			background-color: #dfdfdf;
		}
				
		.price.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .8);
				color:#666;
		}
		
		.price:hover.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .9);
				color:#333;
		}
		
		.price.panel-white .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}
		.nav > li > a:hover, .nav > li > a:focus{ background:none !important;}
		@media screen and (max-width: 767px) {
    ul.nav{position: absolute; background: #3ea9f5; z-index: 9999999; width: 100%; left: 0px;margin-top:50px;}
	ul.nav li{width: 100%;text-align: center;padding: 10px 0;border-bottom: 1px solid #88c0e8; border-right:none;}
	ul.nav li:last-child{ padding:10px 0;}
	ul.nav li a{ color:#fff;}
	ul.nav li a:hover{color:#e4f4ff;}
	.logo{ text-align:center; padding:20px 0 0 0;}
	nav.navbar{float: right;width: 100%;min-height: auto !important;margin:8px 0 0 0px ;}
	.top{ margin-top:10px;}
	
}

table.GeneratedTable {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 1.5px;
  border-color: #253b80;
  border-style: solid;
  color: #000000;
}

table.GeneratedTable td, table.GeneratedTable th {
  border-width: 1.5px;
  border-color: #253b80;
  border-style: solid;
  padding: 3px;
  font-size: 13px;
}

table.GeneratedTable thead {
  background-color: #3ea9f5;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
a.btn.btn-primary.btn-sm {
    margin-bottom: 30px;
}
.price.panel-white>.panel-heading h3 {
    font-size: 16px;
}
.columain {
    min-height: 200px!important;
}
.columain1 {
    min-height: 250px!important;
}
/****Toggle****/
.switch {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 24px;
    margin: 10px;
    float: right;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
    height: 19px;
    width: 19px;
    left: 10px;
    bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/****Toggle****/
.reqd {
    color:red;
}
.fancyLine {
    display: block;
    border: none;
    color: white;
    height: 1px;
    background: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 700, from(#cbcbcb), to(#fff));
}
.clientDat {
    color: red;
    font-size: 12px;
    font-weight: 600;
}


/*=============== video popup=======================*/

 .popup__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 30, 30, 0.64);
  text-align: center;
  z-index: 100;
}

.popup__overlay:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: "";
}
 .popup__overlay1 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 30, 30, 0.64);
  text-align: center;
  z-index: 100;
}

.popup__overlay1:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: "";
}

.popup {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 790px;
  max-height: 500px;
  padding: 20px;
  border: 1px solid black;
  background: black;
  color: white;
  vertical-align: middle;
}

.popup-form__row {
  margin: 1em 0;
}

.popup__close {
    display: block;
    position: absolute;
    top: 0px;
    right: 5px;
    width: 12px;
    height: 12px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 12px;
    color: #3EA9F5;
    text-decoration: none;
    font-weight: bold;
}

.popup__close:hover {
  color: #eea200;
}

iframe {
  width: 100%;
  height: 100%;
}

/* other styles */

.btn_video {
 font-size: 13px;
    border: 1px solid #253B80;
    padding: 0px 6px;
    border-radius: 4px;
    line-height: 25px;
    background-color: #253B80;
    color:white;
  
}

.btn_video:hover {
  background-color: #3EA9F5;
}


.video_use {
    width: 100%;
    display: block;
}

.popup_btn {
    float: right;
    display: block;
    margin-top: -32px;
}

/*=============== video popup end=======================*/
/*-------------Loader-------------------------*/
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 37px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #3ea9f5;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}


a.all_clients_btn {
    padding: 5px 14px 5px 14px;
    background: #04B1EC;
    display: inline-block;
    margin-top: 5px;
    color: white;
    border-radius: 4px;
}


.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.5s infinite linear;
  -o-animation: bounce 0.5s infinite linear;
  -webkit-animation: bounce 0.5s infinite linear;
  animation: bounce 0.5s infinite linear;
  colr:000;
}
.fa-twitter{
	color: #027bdd;
  font-size: 30px;
  margin: 20px;
}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}