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



.modal-content
{
padding: 30px 40px 10px;
    border-radius: 5px;
    box-shadow: -2px -2px 6px 0 rgba(0,0,0,.1);
    background-color: #525e6c;
    background-color: #fff;
    overflow: hidden;
      background-color: #fff;
    padding: 10px;
}

modal-content::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.modal-header .close
{
	margin-top: -2px;
    background: #4c4c4c;
    opacity: 1;
    padding: 6px 11px;
    color: #fff;
}

.modal-title
{
	    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #046b81;
}
.modal-header
{
	border-bottom:none;
}
.modal-dialog {
    width:40%;
    margin: 0 auto;
	overflow:hidden;
	top:10%
}


.modalbutton
{
    background: #8bcb5a!important;
	width: 100%;
    padding: 19px 15px!important;
    border-radius: 5px;
}
.modalform
{
	padding: 23px 15px!important;
    border-radius: 5px!important;
}

.modal-footer {
    padding: 1px;
    text-align:left;
    border-top: none;
}

/* Pricing 3 Plans Outlined */
.pricing-3po .info {
    padding: 3px 2px;
    
    text-align: center;


}
.colcenter
{
	 
     margin-right: 5px; 
     margin-left: 5px; 
	
}
.colwhite
{
	color:#fff;
}
.cent
{
	background:#048ca9;
}



.pricing-3po .category {
   font-weight: 900;
    font-size: 15px;
    line-height: 3px;
    margin-bottom: 5px;
    border-bottom:none;
	
   
    text-align: center; 
}
.pricing-3po .info .price {
    font-size: 16px;
    font-weight: 900;
    padding-top: 3px;
    padding-bottom: 10px;
   
}
.pricing-3po .info .price span.currency{
    font-size: 10px;
    font-weight: 600;
}
.pricing-3po .pricing-details {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0px;
}

.pricing-3po
{
    display: table;
    width: 100%;
  
}
.modal-body {
    position: relative;
    padding: 14px 43px;
}
.default-col 
{
	
	float: none;
    display: table-cell;
    vertical-align: top;
  
	
}

#bord
{
	    border: 1px dashed #ccc;
}

.pricing-3po .info.bg-color {
    border-color: transparent;
}

.pricing-3po .green .info{
    border-color: #56B68B;
}

.pricing-3po .info .price {
    font-size: 25px;
    font-weight: 900;
    padding-top: 3px;
    padding-bottom: 10px;

}

.pricing-3po .info .price .currency {
    font-size: 30px;
    font-weight: 400;
    vertical-align: super;
    margin-right: 0px;
}

.pricing-3po .details li  {
    margin-bottom: 10px;
}

.pricing-3po .details {
    padding-left: 0;
    list-style-type: none;
}

@media (max-width: 979px)
{
.modal-dialog {
  width:350px;
}


.pricing-3po .info .price {
    font-size: 12px;
    font-weight: 900;
    padding-top: 3px;
    padding-bottom: 5px;
}

.pricing-3po .category {
    font-weight: 900;
    font-size: 8px;
    line-height: 3px;
    margin-bottom: 5px;
    margin: 10px 0 0;
    border-bottom: none;
    text-align: center;
}

.pricing-3po .pricing-details {
    margin-bottom: 10px;
    font-size: 8px;
    line-height: 8px;
    padding: 0px 0px;
}
}



.custom-input {
    
    border-radius: 30px;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    display: inline-block;
	margin-bottom:10px;
}
.custom-input-field {
	padding-left: 51px;
	width: 100%!important;
	background: transparent;
	-webkit-transform: translate3d(1em, 0, 0);
	transform: translate3d(1em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	height: 50px!important;
	border-radius: 30px!important;
	
}
.custom-input-field:focus {
	outline: 0px !important;
	-webkit-appearance: none;
}
.custom-input-field:focus .custom-input {
	background: blue;
}
.custom-input-label {
	position: absolute;
    padding: 14px;
    width: 52px;
    height: 50px;
    top: 0px;
    z-index: 1;
}
.contactform textarea {
	color: #aaa;
	border-radius: 30px;
	box-shadow: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.custom-input-label::before {
 content: "";
 position:absolute;
 top: 0;
 left: 0;
 z-index: 0;
 width: 50px;
 height: 50px;
 -webkit-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}
.icon-field {
	color: #fff;
	-webkit-transform: scale3d(1, 1, 1);
	/* Needed for Chrome bug */
    
    transform: scale3d(1, 1, 1);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 20px;
	margin: 0;
}


.custom-button {
	border: none;
	color: #fff;
	text-decoration: none;
	background: #00bbda;
	cursor: pointer;
	display: inline-block;
	text-transform: lowercase;
	border-radius: 0px;
	outline: none;
    padding: 16px 34px;
	
	    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
	box-shadow: none;
	text-shadow: none;
	position: relative;
	letter-spacing: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}
.custom-button, .custom-button:hover, .custom-button:focus {
	color: #fff;
	text-decoration: none;
}
.custom-button:before {
	content: "\f1d8";
	font: 15px/1.2em FontAwesome;
	color: #fff;
	position: absolute;
	height: 100%;
	right: 12px;
	top: 50%;
	margin-top: -8px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
.custom-button span {
	position: relative;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.custom-button:hover span {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.custom-button:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.custom-input-field:focus {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.custom-input-field:focus + .custom-input-label::before {
 -webkit-transform: scale3d(0.8, 1, 1);
 transform: scale3d(0.8, 1, 1);
}
.custom-input-field:focus + .custom-input-label .icon-field {
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
}
.custom-button, .portfolio .nav-pills li:hover, .portfolio .nav-pills li.active, #back-top a:hover, .social-icons ul li a:hover, .custom-input-label::before, .testimonials #quote-carousel .carousel-indicators .active, .custom-form-group .input-group .input-group-addon, .submit-form button, .blog-page ul.pagination li.active a, .blog-page ul.pagination li.active a:hover, body.dark.blog-page ul.pagination li.active a, body.dark.blog-page ul.pagination li.active a:hover, body.double-diagonal .about::before, body.double-diagonal .services::before, body.double-diagonal .portfolio::before, body.double-diagonal .team::before, body.double-diagonal .blog::before, body.double-diagonal .contact::before, body.double-diagonal .logos::before, .team-member:hover .team-member-caption {
    background-color: #046b81;/*#8bcb5a;*/
}


.custom-input-label::before {
    content: ""!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    z-index: -1!important;
    width: 50px!important;
    height: 50px!important;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.jumbotron
{
background:#fff;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
text-align: center;
}