@font-face {

  font-family: 'hind';

  src:  url('hind.light.ttf')  format('truetype')

      

}







@font-face {

  font-family: 'Poppins';

  src:  url('Poppins-Regular.ttf')  format('truetype')

      

}





@font-face {

  font-family: 'Open Sans';

  src:  url('https://www.surveyking.com/OpenSans-Regular.ttf')  format('truetype')

      

}









#maincon *:not(.fa){

  font-family: "Gt America Web", sans-serif;

  etter-spacing: .6px;

  

}



.nav-button{

  font-family: "Gt America Web", sans-serif!important;

  font-size: 14px;



}









.modal-header .close {

  float: right;

  font-size: 21px;

  font-weight: bold;

  line-height: 1;

  color: #000;

  text-shadow: 0 1px 0 #fff;

  filter: alpha(opacity=20);

  opacity: .2;

}

.modal-header .close:hover,

.modal-header .close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

  filter: alpha(opacity=50);

  opacity: .5;

}

.modal-header button.close {

  -webkit-appearance: none;

  padding: 0;

  cursor: pointer;

  background: transparent;

  border: 0;

}







.modal-open {

  overflow: hidden;

}

.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: auto;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  outline: 0;

}

.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

     -moz-transition:    -moz-transform .3s ease-out;

       -o-transition:      -o-transform .3s ease-out;

          transition:         transform .3s ease-out;

  -webkit-transform: translate(0, -25%);

      -ms-transform: translate(0, -25%);

          transform: translate(0, -25%);

}









.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

      -ms-transform: translate(0, 0);

          transform: translate(0, 0);

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}

.modal-content {

  position: relative;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #999;

  border: 1px solid rgba(0, 0, 0, .2);

  border-radius: 4px;

  outline: none;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

}



.fa-check {



  color:rgba(88, 134, 183, 0.94)!important;

}



.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}

.modal-backdrop.fade {

  filter: alpha(opacity=0);

  opacity: 0;

}

.modal-backdrop.in {

  filter: alpha(opacity=50);

  opacity: .5;

}

.modal-header {

  min-height: 16.42857143px;

  padding: 15px;

  border-bottom: 1px solid #e5e5e5;

      padding-top: 0;

}

.modal-header .close {

  margin-top: -2px;

}

.modal-title {

  margin: 0;

  line-height: 1.42857143;

}

.modal-body {

  position: relative;

  padding: 20px;

}

.modal-footer {

  padding: 19px 20px 20px;



  text-align: right;

  border-top: 1px solid #e5e5e5;

}

.modal-footer .btn + .btn {

  margin-bottom: 0;

  margin-left: 5px;

}

.modal-footer .btn-group .btn + .btn {

  margin-left: -1px;

}

.modal-footer .btn-block + .btn-block {

  margin-left: 0;

}





 @media (max-height: 739px) and (min-height: 620px){





.modal-dialog{





    margin: 40px auto 0!important;



}



 }





@media (min-width: 768px) {

  .modal-dialog {

    width: 35%;



    margin: 90px auto;

  }

  .modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

  }

  .modal-sm {

    width: 300px;

  }

}

@media (min-width: 992px) {

  .modal-lg {

    width: 900px;

  }

}

.tooltip {

  position: absolute;

  z-index: 1030;

  display: block;

  font-size: 12px;

  line-height: 1.4;

  visibility: visible;

  filter: alpha(opacity=0);

  opacity: 0;

}

.tooltip.in {

  filter: alpha(opacity=90);

  opacity: .9;

}

.tooltip.top {

  padding: 5px 0;

  margin-top: -3px;

}

.tooltip.right {

  padding: 0 5px;

  margin-left: 3px;

}

.tooltip.bottom {

  padding: 5px 0;

  margin-top: 3px;

}

.tooltip.left {

  padding: 0 5px;

  margin-left: -3px;

}

.tooltip-inner {

  max-width: 200px;

  padding: 3px 8px;

  color: #fff;

  text-align: center;

  text-decoration: none;

  background-color: #000;

  border-radius: 4px;

}

.tooltip-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.tooltip.top .tooltip-arrow {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.top-left .tooltip-arrow {

  bottom: 0;

  left: 5px;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.top-right .tooltip-arrow {

  right: 5px;

  bottom: 0;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.right .tooltip-arrow {

  top: 50%;

  left: 0;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-right-color: #000;

}

.tooltip.left .tooltip-arrow {

  top: 50%;

  right: 0;

  margin-top: -5px;

  border-width: 5px 0 5px 5px;

  border-left-color: #000;

}

.tooltip.bottom .tooltip-arrow {

  top: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.tooltip.bottom-left .tooltip-arrow {

  top: 0;

  left: 5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.tooltip.bottom-right .tooltip-arrow {

  top: 0;

  right: 5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1010;

  display: none;

  max-width: 276px;

  padding: 1px;

  text-align: left;

  white-space: normal;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, .2);

  border-radius: 6px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

}

.popover.top {

  margin-top: -10px;

}

.popover.right {

  margin-left: 10px;

}

.popover.bottom {

  margin-top: 10px;

}

.popover.left {

  margin-left: -10px;

}

.popover-title {

  padding: 8px 14px;

  margin: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 18px;

  background-color: #f7f7f7;

  border-bottom: 1px solid #ebebeb;

  border-radius: 5px 5px 0 0;

}

.popover-content {

  padding: 9px 14px;

}

.popover > .arrow,

.popover > .arrow:after {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.popover > .arrow {

  border-width: 11px;

}

.popover > .arrow:after {

  content: "";

  border-width: 10px;

}

.popover.top > .arrow {

  bottom: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-color: #999;

  border-top-color: rgba(0, 0, 0, .25);

  border-bottom-width: 0;

}

.popover.top > .arrow:after {

  bottom: 1px;

  margin-left: -10px;

  content: " ";

  border-top-color: #fff;

  border-bottom-width: 0;

}

.popover.right > .arrow {

  top: 50%;

  left: -11px;

  margin-top: -11px;

  border-right-color: #999;

  border-right-color: rgba(0, 0, 0, .25);

  border-left-width: 0;

}

.popover.right > .arrow:after {

  bottom: -10px;

  left: 1px;

  content: " ";

  border-right-color: #fff;

  border-left-width: 0;

}

.popover.bottom > .arrow {

  top: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-width: 0;

  border-bottom-color: #999;

  border-bottom-color: rgba(0, 0, 0, .25);

}

.popover.bottom > .arrow:after {

  top: 1px;

  margin-left: -10px;

  content: " ";

  border-top-width: 0;

  border-bottom-color: #fff;

}

.popover.left > .arrow {

  top: 50%;

  right: -11px;

  margin-top: -11px;

  border-right-width: 0;

  border-left-color: #999;

  border-left-color: rgba(0, 0, 0, .25);

}

.popover.left > .arrow:after {

  right: 1px;

  bottom: -10px;

  content: " ";

  border-right-width: 0;

  border-left-color: #fff;

}

.carousel {

  position: relative;

}

.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}

.carousel-inner > .item {

  position: relative;

  display: none;

  -webkit-transition: .6s ease-in-out left;

          transition: .6s ease-in-out left;

}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  line-height: 1;

}

.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

  display: block;

}

.carousel-inner > .active {

  left: 0;

}

.carousel-inner > .next,

.carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}

.carousel-inner > .next {

  left: 100%;

}

.carousel-inner > .prev {

  left: -100%;

}

.carousel-inner > .next.left,

.carousel-inner > .prev.right {

  left: 0;

}

.carousel-inner > .active.left {

  left: -100%;

}

.carousel-inner > .active.right {

  left: 100%;

}

.carousel-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 15%;

  font-size: 20px;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

  filter: alpha(opacity=50);

  opacity: .5;

}

.carousel-control.left {

  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control.right {

  right: 0;

  left: auto;

  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control:hover,

.carousel-control:focus {

  color: #fff;

  text-decoration: none;

  filter: alpha(opacity=90);

  outline: none;

  opacity: .9;

}





html {

    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */

}







#cssmenu{



    ox-shadow: 0 2px 1px 0px #9aa3a7;

 



}



body{



  margin: 0px;

}





body:not(.logo){



  background-color: #f0f0f0;

}



.footer-distributed {

      margin-top: 250px;  /* 0 cause we want the plan thing to be the last tiem*/

}



#cssmenu li:not(.active) a{

  

 

  font-weight:normal!important;



}



























#maincon * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



#maincon *:before,

#maincon *:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }









.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px; }

  .container:before, .container:after {

    content: " ";

    display: table; }

  .container:after {

    clear: both; }

  @media (min-width: 768px) {

    .container {

      width: 750px; } }

  @media (min-width: 992px) {

    .container {

      width: 970px; } }

  @media (min-width: 1200px) {

    .container {

      width: 1170px; } }



.container-fluid {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px; }

  .container-fluid:before, .container-fluid:after {

    content: " ";

    display: table; }

  .container-fluid:after {

    clear: both; }



#maincon .row {

  argin-left: -15px;

  argin-right: -15px; }





.icontainer .row:before, .icontainer .row:after {

    content: " ";

    display: table; }

 



  #maincon .row:after {

    clear: both; }



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  position: relative;

  min-height: 1px;

  adding-left: 15px;

  adding-right: 15px; }



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

  float: left; }



.col-xs-1 {

  width: 8.3333333333%; }



.col-xs-2 {

  width: 16.6666666667%; }



.col-xs-3 {

  width: 25%; }



.col-xs-4 {

  width: 33.3333333333%; }



.col-xs-5 {

  width: 41.6666666667%; }



.col-xs-6 {

  width: 50%; }



.col-xs-7 {

  width: 58.3333333333%; }



.col-xs-8 {

  width: 66.6666666667%; }



.col-xs-9 {

  width: 75%; }



.col-xs-10 {

  width: 83.3333333333%; }



.col-xs-11 {

  width: 91.6666666667%; }



.col-xs-12 {

  width: 100%; }



.col-xs-pull-0 {

  right: auto; }



.col-xs-pull-1 {

  right: 8.3333333333%; }



.col-xs-pull-2 {

  right: 16.6666666667%; }



.col-xs-pull-3 {

  right: 25%; }



.col-xs-pull-4 {

  right: 33.3333333333%; }



.col-xs-pull-5 {

  right: 41.6666666667%; }



.col-xs-pull-6 {

  right: 50%; }



.col-xs-pull-7 {

  right: 58.3333333333%; }



.col-xs-pull-8 {

  right: 66.6666666667%; }



.col-xs-pull-9 {

  right: 75%; }



.col-xs-pull-10 {

  right: 83.3333333333%; }



.col-xs-pull-11 {

  right: 91.6666666667%; }



.col-xs-pull-12 {

  right: 100%; }



.col-xs-push-0 {

  left: auto; }



.col-xs-push-1 {

  left: 8.3333333333%; }



.col-xs-push-2 {

  left: 16.6666666667%; }



.col-xs-push-3 {

  left: 25%; }



.col-xs-push-4 {

  left: 33.3333333333%; }



.col-xs-push-5 {

  left: 41.6666666667%; }



.col-xs-push-6 {

  left: 50%; }



.col-xs-push-7 {

  left: 58.3333333333%; }



.col-xs-push-8 {

  left: 66.6666666667%; }



.col-xs-push-9 {

  left: 75%; }



.col-xs-push-10 {

  left: 83.3333333333%; }



.col-xs-push-11 {

  left: 91.6666666667%; }



.col-xs-push-12 {

  left: 100%; }



.col-xs-offset-0 {

  margin-left: 0%; }



.col-xs-offset-1 {

  margin-left: 8.3333333333%; }



.col-xs-offset-2 {

  margin-left: 16.6666666667%; }



.col-xs-offset-3 {

  margin-left: 25%; }



.col-xs-offset-4 {

  margin-left: 33.3333333333%; }



.col-xs-offset-5 {

  margin-left: 41.6666666667%; }



.col-xs-offset-6 {

  margin-left: 50%; }



.col-xs-offset-7 {

  margin-left: 58.3333333333%; }



.col-xs-offset-8 {

  margin-left: 66.6666666667%; }



.col-xs-offset-9 {

  margin-left: 75%; }



.col-xs-offset-10 {

  margin-left: 83.3333333333%; }



.col-xs-offset-11 {

  margin-left: 91.6666666667%; }



.col-xs-offset-12 {

  margin-left: 100%; }



@media (min-width: 768px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left; }

  .col-sm-1 {

    width: 8.3333333333%; }

  .col-sm-2 {

    width: 16.6666666667%; }

  .col-sm-3 {

    width: 25%; }

  .col-sm-4 {

    width: 33.3333333333%; }

  .col-sm-5 {

    width: 41.6666666667%; }

  .col-sm-6 {

    width: 50%; }

  .col-sm-7 {

    width: 58.3333333333%; }

  .col-sm-8 {

    width: 66.6666666667%; }

  .col-sm-9 {

    width: 75%; }

  .col-sm-10 {

    width: 83.3333333333%; }

  .col-sm-11 {

    width: 91.6666666667%; }

  .col-sm-12 {

    width: 100%; }

  .col-sm-pull-0 {

    right: auto; }

  .col-sm-pull-1 {

    right: 8.3333333333%; }

  .col-sm-pull-2 {

    right: 16.6666666667%; }

  .col-sm-pull-3 {

    right: 25%; }

  .col-sm-pull-4 {

    right: 33.3333333333%; }

  .col-sm-pull-5 {

    right: 41.6666666667%; }

  .col-sm-pull-6 {

    right: 50%; }

  .col-sm-pull-7 {

    right: 58.3333333333%; }

  .col-sm-pull-8 {

    right: 66.6666666667%; }

  .col-sm-pull-9 {

    right: 75%; }

  .col-sm-pull-10 {

    right: 83.3333333333%; }

  .col-sm-pull-11 {

    right: 91.6666666667%; }

  .col-sm-pull-12 {

    right: 100%; }

  .col-sm-push-0 {

    left: auto; }

  .col-sm-push-1 {

    left: 8.3333333333%; }

  .col-sm-push-2 {

    left: 16.6666666667%; }

  .col-sm-push-3 {

    left: 25%; }

  .col-sm-push-4 {

    left: 33.3333333333%; }

  .col-sm-push-5 {

    left: 41.6666666667%; }

  .col-sm-push-6 {

    left: 50%; }

  .col-sm-push-7 {

    left: 58.3333333333%; }

  .col-sm-push-8 {

    left: 66.6666666667%; }

  .col-sm-push-9 {

    left: 75%; }

  .col-sm-push-10 {

    left: 83.3333333333%; }

  .col-sm-push-11 {

    left: 91.6666666667%; }

  .col-sm-push-12 {

    left: 100%; }

  .col-sm-offset-0 {

    margin-left: 0%; }

  .col-sm-offset-1 {

    margin-left: 8.3333333333%; }

  .col-sm-offset-2 {

    margin-left: 16.6666666667%; }

  .col-sm-offset-3 {

    margin-left: 25%; }

  .col-sm-offset-4 {

    margin-left: 33.3333333333%; }

  .col-sm-offset-5 {

    margin-left: 41.6666666667%; }

  .col-sm-offset-6 {

    margin-left: 50%; }

  .col-sm-offset-7 {

    margin-left: 58.3333333333%; }

  .col-sm-offset-8 {

    margin-left: 66.6666666667%; }

  .col-sm-offset-9 {

    margin-left: 75%; }

  .col-sm-offset-10 {

    margin-left: 83.3333333333%; }

  .col-sm-offset-11 {

    margin-left: 91.6666666667%; }

  .col-sm-offset-12 {

    margin-left: 100%; } }



@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left; }

  .col-md-1 {

    width: 8.3333333333%; }

  .col-md-2 {

    width: 16.6666666667%; }

  .col-md-3 {

    width: 25%; }

  .col-md-4 {

    width: 33.3333333333%; }

  .col-md-5 {

    width: 41.6666666667%; }

  .col-md-6 {

    width: 50%; }

  .col-md-7 {

    width: 58.3333333333%; }

  .col-md-8 {

    width: 66.6666666667%; }

  .col-md-9 {

    width: 75%; }

  .col-md-10 {

    width: 83.3333333333%; }

  .col-md-11 {

    width: 91.6666666667%; }

  .col-md-12 {

    width: 100%; }

  .col-md-pull-0 {

    right: auto; }

  .col-md-pull-1 {

    right: 8.3333333333%; }

  .col-md-pull-2 {

    right: 16.6666666667%; }

  .col-md-pull-3 {

    right: 25%; }

  .col-md-pull-4 {

    right: 33.3333333333%; }

  .col-md-pull-5 {

    right: 41.6666666667%; }

  .col-md-pull-6 {

    right: 50%; }

  .col-md-pull-7 {

    right: 58.3333333333%; }

  .col-md-pull-8 {

    right: 66.6666666667%; }

  .col-md-pull-9 {

    right: 75%; }

  .col-md-pull-10 {

    right: 83.3333333333%; }

  .col-md-pull-11 {

    right: 91.6666666667%; }

  .col-md-pull-12 {

    right: 100%; }

  .col-md-push-0 {

    left: auto; }

  .col-md-push-1 {

    left: 8.3333333333%; }

  .col-md-push-2 {

    left: 16.6666666667%; }

  .col-md-push-3 {

    left: 25%; }

  .col-md-push-4 {

    left: 33.3333333333%; }

  .col-md-push-5 {

    left: 41.6666666667%; }

  .col-md-push-6 {

    left: 50%; }

  .col-md-push-7 {

    left: 58.3333333333%; }

  .col-md-push-8 {

    left: 66.6666666667%; }

  .col-md-push-9 {

    left: 75%; }

  .col-md-push-10 {

    left: 83.3333333333%; }

  .col-md-push-11 {

    left: 91.6666666667%; }

  .col-md-push-12 {

    left: 100%; }

  .col-md-offset-0 {

    margin-left: 0%; }

  .col-md-offset-1 {

    margin-left: 8.3333333333%; }

  .col-md-offset-2 {

    margin-left: 16.6666666667%; }

  .col-md-offset-3 {

    margin-left: 25%; }

  .col-md-offset-4 {

    margin-left: 33.3333333333%; }

  .col-md-offset-5 {

    margin-left: 41.6666666667%; }

  .col-md-offset-6 {

    margin-left: 50%; }

  .col-md-offset-7 {

    margin-left: 58.3333333333%; }

  .col-md-offset-8 {

    margin-left: 66.6666666667%; }

  .col-md-offset-9 {

    margin-left: 75%; }

  .col-md-offset-10 {

    margin-left: 83.3333333333%; }

  .col-md-offset-11 {

    margin-left: 91.6666666667%; }

  .col-md-offset-12 {

    margin-left: 100%; } }



@media (min-width: 1200px) {

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    float: left; }

  .col-lg-1 {

    width: 8.3333333333%; }

  .col-lg-2 {

    width: 16.6666666667%; }

  .col-lg-3 {

    width: 25%; }

  .col-lg-4 {

    width: 33.3333333333%; }

  .col-lg-5 {

    width: 41.6666666667%; }

  .col-lg-6 {

    width: 50%; }

  .col-lg-7 {

    width: 58.3333333333%; }

  .col-lg-8 {

    width: 66.6666666667%; }

  .col-lg-9 {

    width: 75%; }

  .col-lg-10 {

    width: 83.3333333333%; }

  .col-lg-11 {

    width: 91.6666666667%; }

  .col-lg-12 {

    width: 100%; }

  .col-lg-pull-0 {

    right: auto; }

  .col-lg-pull-1 {

    right: 8.3333333333%; }

  .col-lg-pull-2 {

    right: 16.6666666667%; }

  .col-lg-pull-3 {

    right: 25%; }

  .col-lg-pull-4 {

    right: 33.3333333333%; }

  .col-lg-pull-5 {

    right: 41.6666666667%; }

  .col-lg-pull-6 {

    right: 50%; }

  .col-lg-pull-7 {

    right: 58.3333333333%; }

  .col-lg-pull-8 {

    right: 66.6666666667%; }

  .col-lg-pull-9 {

    right: 75%; }

  .col-lg-pull-10 {

    right: 83.3333333333%; }

  .col-lg-pull-11 {

    right: 91.6666666667%; }

  .col-lg-pull-12 {

    right: 100%; }

  .col-lg-push-0 {

    left: auto; }

  .col-lg-push-1 {

    left: 8.3333333333%; }

  .col-lg-push-2 {

    left: 16.6666666667%; }

  .col-lg-push-3 {

    left: 25%; }

  .col-lg-push-4 {

    left: 33.3333333333%; }

  .col-lg-push-5 {

    left: 41.6666666667%; }

  .col-lg-push-6 {

    left: 50%; }

  .col-lg-push-7 {

    left: 58.3333333333%; }

  .col-lg-push-8 {

    left: 66.6666666667%; }

  .col-lg-push-9 {

    left: 75%; }

  .col-lg-push-10 {

    left: 83.3333333333%; }

  .col-lg-push-11 {

    left: 91.6666666667%; }

  .col-lg-push-12 {

    left: 100%; }

  .col-lg-offset-0 {

    margin-left: 0%; }

  .col-lg-offset-1 {

    margin-left: 8.3333333333%; }

  .col-lg-offset-2 {

    margin-left: 16.6666666667%; }

  .col-lg-offset-3 {

    margin-left: 25%; }

  .col-lg-offset-4 {

    margin-left: 33.3333333333%; }

  .col-lg-offset-5 {

    margin-left: 41.6666666667%; }

  .col-lg-offset-6 {

    margin-left: 50%; }

  .col-lg-offset-7 {

    margin-left: 58.3333333333%; }

  .col-lg-offset-8 {

    margin-left: 66.6666666667%; }

  .col-lg-offset-9 {

    margin-left: 75%; }

  .col-lg-offset-10 {

    margin-left: 83.3333333333%; }

  .col-lg-offset-11 {

    margin-left: 91.6666666667%; }

  .col-lg-offset-12 {

    margin-left: 100%; } }









.vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

}





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



.con {

    text-align: center;

}



.lefti{



text-align: center!important;



}





}









@media (min-width: 769px) {



.lefti{



text-align: left!important;



}







}









.icontainer {

    position: relative;

}





/* container break points for width */



@media (min-width: 769px) and (max-width: 1199px) 

{

.icontainer {

    max-width: 85%;

}

}





















@media (min-width: 1200px)

{

.icontainer {

    max-width: 1070px;

}

}







@media (min-width: 1300px)

{

.icontainer {

    max-width: 1110px;

}

}





@media (min-width: 1400px)

{

.icontainer {

    max-width: 1150px;

}

}





@media (min-width: 1400px)

{

.icontainer {

    max-width: 1190px;

}

}





@media (min-width: 1500px)

{

.icontainer {

    max-width: 1230px;

}

}





@media (min-width: 1600px)

{

.icontainer {

    max-width: 1270px;

}

}





@media (min-width: 1700px)

{

.icontainer {

    max-width: 1310px;

}

}





@media (min-width: 1800px)

{

.icontainer {

    max-width: 1350px;

}

}





@media (min-width: 1900px)

{

.icontainer {

    max-width: 1390px;

}

}





@media (min-width: 2000px)

{

.icontainer {

    max-width: 1430px;

}

}







@media (min-width: 2100px)

{

.icontainer {

    max-width: 1470px;

}

}







@media (min-width: 1000px)

{





.featurebox2 p {









padding-right:40px!important;



}



}





@media (min-width: 1500px)

{





.featurebox2 p {









padding-right:60px!important;



}



}





@media (min-width: 700px)

{





.feathold h4 {



margin-bottom:8px;



margin-top:0px;



}



}





@media (max-width: 768px)

{





.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, 

.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,

.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 

.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8,

.col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,

.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {











padding-right:0px;



}



.textleft{

  

  

  text-align:center!important;

}









.imgcol{

  

    text-align: center!important;

    padding-right: 15px!important;

  

}







.buttonleft{

  

  text-align:center!important;

  padding-left:0px!important;

}





.buttonright{

    text-align:center!important;

  padding-left:0px!important;

  

}





.lightp{

  

  margin-bottom:40px!important;

}





.feat-margin-bottom{

  

  margin-bottom:70px!important;

}





.feat-margin-bottom2{

  

  margin-bottom:35px!important;

}





.margin-top{

  

    margin-top:80px!important;

}



.learnmore{

  

  margin-top:20px!important;

  color:#2e92dc!important;

  

}



.featurebox2{

  

    padding-bottom: 75px;

  

}





.margin-bottom{

  

  margin-bottom:40px!important;

  

}





.margin-bottom2{

  

  margin-bottom:25px!important;

  

}





.margin-vtop{

  

  margin-top:30px!important;

  

}



.margin-vbottom{

  

  margin-bottom:40px!important;

  

}





}





.margin-vtop{

  

  margin-top:45px;

  

}



.margin-vbottom{

  

  margin-bottom:50px;

  

}





.textleft{

  

  text-align:left;

}





.icontainer {



    margin-right: auto;

    margin-left: auto;

}



.con p, .con h4 {

  padding: 8px;

  padding-left:15px;

}



.con p:not(.learnmore) {

margin-top:0px;

}



.con p {

margin-bottom:7px;

}



.img {



  text-align: center;

}















/*

#cssmenu ul li:not(.active):hover .hov{

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;

color:  rgba(48, 116, 218, 0.81)!important;



}

*/





.imgcol{

  

    text-align: right;

    padding-right: 0px!important;

  

}











.right {



    width: 100%;

    height: 65px;

    float: right;

    text-align: center;

    display: flex;

    border-top: 1px solid rgba(88, 134, 183, 0.44);

    border-bottom: 1px solid rgba(88, 134, 183, 0.44);

    margin-top: 90px;

        margin-bottom: 45px;

}







.mid {

    height:85%;

    width:75%;

    margin:auto;

     text-align:center;

     padding:40px;

     font-size:30px;

    

}



.plan {

    width: 100%;

    margin: auto;

    background: #d29c3a;

    color: white;

   

    text-align: center;

    border-top: 5px solid white;

    border-bottom: 1px solid #b7b7b7;

    align-self: center;

    padding-top: 5%;

    padding-bottom: 5%;

}



.plan p {

    width: 100%;

    margin: auto;

    font-size: 22px;

   

}



.featinfo {

    width: 80%;

   

    float: right;

    color: white;

    font-size:25px !important;



    

    line-height: 45px;

    display: flex;

    justify-content: flex-end;

    align-self: center;



    

}



.featinfo p {

    font-size: 25px !important;

}



.feat {

    width: 90%;

    margin: auto;

    text-align: left;

    font-size: 20px;

  

    padding-bottom: 150px;

}



#feature {

    border-spacing: 25px !important;

}



#feature tr {

       color: #354449;

    font-weight: 500;

  

}



#feature td {

    padding: 7px;

    font-size: 18px;

}



#feature td:nth-child(even) {

    width: 45%;

}









      



        .feats {

            color: white;

    font-size:30px;

 

    text-align: center;

    line-height: 164px;

        }



        .landing {

            position: relative;

          color: #666!important;

            display: flex;

            align-items: center;

            height: 15%;

            

            width: 52%;

            margin: auto;

            margin-top: 30px;

            background: rgb(255, 255, 255);

            background: rgba(255, 255, 255, .8);

            border-radius: 0px;

            box-shadow: 10px 0px 4px 1px white, -10px 0px 4px 1px white, 0px 2px 1px 1px #c7c7c7, 0px -2px 1px 1px #c7c7c7;



        }



        #landingleft {

            

            clear: both;

            height: 80%;

            width: 50%;

            font-weight: bold;

            rder-right: 1px solid #c7c7c7;

            font-size:24px;

                color: #666!important;

                display: flex;

                align-items: center;

                justify-content: center;

            



        }



        #landingright {

            font-weight: bold!important;

            height: 80%;

            width: 50%;

            font-weight: 500;

            font-size:24px;

                color: #666!important;

        clear: both;

        display: flex;

                align-items: center;

                justify-content: center;

        }



        .templateinfo {

            position: relative;

            height: 80%;

            width: 75%;

            margin: auto;      



        }



        #templateinfotop {

            font-size: 28px;

            height: 13%;

            color: #68d1e8;



        }



        #templateinfomain {

            height: 78%;

            display: flex;

            align-items: center;

            justify-content: center;



        }



        #templateinfobottom {

            height: 9%;

            font-size: 24px;

            cursor: pointer;

            width: 200px;

            margin: auto;

            -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;



        }



           .ti:visited, .ti{

            height: 9%;

            text-decoration: none;

                color: #767676;

            font-size: 24px;

            cursor: pointer;

            width: 200px;

            margin: auto;

            -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;



        }



        #templateinfobottom:hover {

            -webkit-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    transition: all .5s ease-in;

            color: white;

            

        }



        #templates {

            display: flex;

            height: 50%;

            width: 100%;

            align-items: center;

            ustify-content: center;



        }



        .templateclick {

            width: 180px;

            height: 220px;

           margin-left: 40px;

            border-radius: 20px;

            border: 2px solid white;

            ox-shadow: 0 0 3px;

            background: #b18536;

            margin: auto;

            cursor: pointer;

            -webkit-transition: all .3s ease-in;

            -moz-transition: all .3s ease-in;

            -o-transition: all .3s ease-in;

            transition: all .3s ease-in;

        }

        .templateclick p {

            font-size:18px;

            font-weight: bold;

            color: white;

            -webkit-transition: all .3s ease-in;

            -moz-transition: all .3s ease-in;

            -o-transition: all .3s ease-in;

            transition: all .3s ease-in;

        }









.featurebox2:hover {

   

    box-shadow: 0 0 2px 1px #d29c3a;

}



.featurebox2:hover  .learnmore{

  

  

  

  color:#2e92dc!important;

  

}





.learnmore{

  margin-top:125px;

    -webkit-transition-duration: .9s;

    -moz-transition-duration:.9s;

    transition-duration: .9s;

    -o-transition-duration: .9s;

  

  

}





.featurebox2 {

  

  border-radius:15px;

               -webkit-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    transition: all .5s ease-in;

  

min-height:75px;

  



}







  .icontainer a{

    

    color: inherit;

    text-decoration:none;

  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  button{

    

    font-size:16px;

    -webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;

    

  }

  

  

  

  

  



















.lightp, .infotext p:not(.learnmore){

  

  color: rgb(146, 146, 146);

  

} 



.infotext h4{



color: rgba(53, 68, 73, 0.83);



}







.margin-bottom{

  

  margin-bottom:0px;

  

}





.margin-bottom2{

  

  margin-bottom:90px;

  

}



.margin-top{

  

  margin-top:150px;

  

}





.infotext{

  

  font-size:18px;

}





.learnmore{

  

  

  color:white;

  

}





.plan {

    width: 100%;

    margin: auto;

    background: #d29c3a;

    color: white;

   

    text-align: center;

    border-top: 5px solid white;

    border-bottom: 1px solid #b7b7b7;

    align-self: center;

    padding-top: 5%;

    padding-bottom: 5%;

}







.featinfo {

    width: 80%;

   

    float: right;

    color: white;

    font-size:25px !important;

   

    

    line-height: 45px;

    display: flex;

    justify-content: flex-end;

    align-self: center;



    

}



.buttonleft{

  

  text-align:left;

  padding-left:30px;

}





.buttonright{

    text-align:right;

  padding-left:30px;

  

}



































































































html {

 max-width: 100%!important; 

margin: 0;

    padding: 0;

}



body {

width: 100%;  

margin: 0;

    padding: 0;

   max-width: 100%!important; 



ackground-color: #F3F3F3;

}



#websiteheader {

  box-shadow: 0 0 2px 2px #9aa3a7;

}

       

     #maincon { 

      min-height: 900px;  /* this will need to change on each page depending on what we put in it*/

      text-align: center; 



      

      margin: 0;

      color: #666;



            }



            #about {

              

                padding: 25px;

                margin:auto;

                width: 65%;

                position: relative;

                display:inline-block;

                height: 100%;

              

                

            }



      .simple {

text-align: center;

     font-weight: 400;

        text-align:left;

        font-size: 40px;

      color: black;

        padding-top: 30px;





        

        }





            .paragraph {margin: 7px;

                padding-bottom: 40px;

                font-size: large;

               text-align: left;

                

            }



            .customer {  

                

                color: black;

                padding-top: 10px;

                padding-bottom: 20px;

                font-weight: normal;

                font-size: large;

                text-align: left;

                margin-left:25px;

                line-height:35px;

                

            } 



            #pictures {

                position: relative;

                float: right;

              

                width: 20%;

                text-align:center;

                 }



      able {

          border-collapse: collapse;

          border-radius: 12px 12px 12px 12px;

          width: 100%;

          height: auto;

          argin-bottom: 40px;

          text-align: center;

          

          }



        







      .head {



            background-color: #b8d6fa;

            color: black;

            font-size: 20px;

            font-weight:bold;

            text-align:center;

            height: 42px;

            border-radius: 10px 10px 2px 2px;

            width:100%;

            margin:auto;



}







 



.pur:hover {

   

    box-shadow:inset 1px 1px 3px white;



background: green; /* Old browsers */



}





.can:hover {

   

    box-shadow:inset 1px 1px 3px white;



background: red; /* Old browsers */



}



.noty_message {



background: #18789a;

color: white;



}





.noty_buttons {



border: none!important;



}











ul, menu, dir {



}



    .content {

        height:auto;

        position:relative;

        margin:auto;

        

        display:inline-block;

       

    }



    .ist {

        float:left;

        width:100%;

        height:100%;

      

        padding-top:15px;

        

    }



    .info1 {



            text-align: left;

            vertical-align: top;

            font-size: 17px;

            color: #196666;

            

        }



        .info2 {



            text-align: left;

            vertical-align: top;

            font-size: 19px;

            color:#548c92;

         

            

        }









.greyout {





background: #cecece!important;



color:#a2a2a2!important;



}





.pay, .pay2{

    width: 98%;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 6px;

    color: #fff;

 

    resize: none;

    text-decoration: none;

    cursor: pointer;

    background: rgb(250, 255, 189);

    border: solid 1px #b8d6fa;

    font-weight: normal;

    color: black;

    font-size: 18px;

    height: 30px;

resize: none;

}



p {



padding: 0px;

  margin: 0px;

}









.pay2{



  width: 40%;

}

   

.noty_bar, .noty_type_information, #noty_center_layout_container{





width: 380px;



}

 



#noty_center_layout_container li{





width: 380px!important;



}





.qtip-content {

z-index: 99999999;

}





[tooltip]:before {

    /* needed - do not touch */

    content: attr(tooltip);

    position: absolute;

    opacity: 0;

    

    /* customizable */

    transition: all 0.15s ease;

    padding: 10px;

    color: #333;

    border-radius: 10px;

    box-shadow: 2px 2px 1px silver;    

white-space: pre-line;

}



[tooltip]:hover:before {

    /* needed - do not touch */

    opacity: 1;

    

    /* customizable */

   

    margin-top: -120px;

    margin-left: 20px;    



background: #f9ecd2 !important;

    font-size: 14px;

   white-space: pre-line;

    border-radius:10px;

    border:#00324d 2px solid;







}



[tooltip]:not([tooltip-persistent]):before {

    pointer-events: none;

white-space: pre-line;

}





.ex, .ex:visited{

    color: #39a9ca;

    text-decoration: none!important;



}

    

.plan-box{





float: left;

width: 50%;

height: 400px;

background-color: gree;

}







#plan-holder{

height: 450px;

  width: 70%;

  margin: 0 auto;

}

   



.inner-box{





  width:90%;

  background-color: yellow;

  margin: 0 auto;

height: 90%;

}



.top{



text-align: center;

color:white;

eight: 15%;

width: 100%;

font-weight: bold;

font-size: 16px;

ackground-color: #4199b4;

}

  



 





.plan-dollar-sign {





    font-size: 32px;

    font-weight: 900;

    position: relative;

    top: -29px;





}



 

.plan-price-dollar {



    font-size: 72px;

    line-height: 1em;

    font-weight: 900;

    margin-top: 42px;





  }

    



.btn.btn-blue {

    background-color: #33798f;

    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(6%,#33798f),color-stop(7%,#4199b4),color-stop(100%,#4199b4));

    background-image: -webkit-linear-gradient(-270deg,#33798f 6%,#4199b4 7%,#4199b4 100%);

    background-image: linear-gradient(0deg,#33798f 6%,#4199b4 7%,#4199b4 100%);

    background-color: #50b4d2;

}









a, button {

    -webkit-transition: .15s ease-in-out all;

    -moz-transition: .15s ease-in-out all;

    transition: .15s ease-in-out all;

}







  

#fea-hold{

margin: 0 auto;



  width: 82%;

  height: 400px;

  background-color: pin;

text-align: left;

}

    

.sk-container .fa:before{

 content:   "\f00c";

    color: rgba(88, 134, 183, 0.94)!important;

}



.sk-container .fared:before{

 font-family: FontAwesome;

 content:   "\f00d";

    color:red;

}



    

.fa2:before{

 font-family: FontAwesome;

 font-size: 10px;

 content:    "\f111";

  color: #3c3c3c;

top:10px!important;

}



.quesm:after{

 font-family: FontAwesome;

 font-size: 16px;

 content:    "\f059";

  color: grey;

top:10px!important;

margin-left: 15px;

}









.fa{

 

  text-align: left;

}



.fac{

font-size: 20px;

font-weight: 400;



}





.fac:before{

 font-family: FontAwesome;

 font-size: 40px;

 content:   "\f0c0";

  color: #354449;

}









button {

    outline: none;

}





#maincon li{

    list-style-type: none;

    position: relative;

    padding: 0px;



}







#maincon li:before{



 

    position: absolute;

    top: 3px;

    left: -25px;

}



.ex {



  text-decoration: underline;

}

 



 .ex:hover {

color: blue;

  text-decoration: underline;

}    





td {



 padding-top: 20px;

 padding-bottom: 20px;

vertical-align: top;

ont-size: 15px;





}

   

















        .demo-container {

           float: left;

           width: 95%;

            

            margin: 30px auto;

        }

        form, #proc {

            argin: 6px;

            argin-top: 15px;

        }

        input {

            width: 200px;

            argin: 10px auto;

            display: block;

        }

    

#holder {

background-color: #fff;

overflow: hidden;

width: 800px;

height: 530px;

    top: 20%;

margin: 0 auto;

padding-top: 1px;

border-radius: 10px;

z-index: -999;

-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

position: fixed;

margin-left: auto;

margin-right: auto;

left: 0;

right: 0;

transition: all .8s ease;

margin-top: -7%;

 border-style: solid;

    border-width: 10px 10px 10px 10px;

border-color: #354449;

visibility: hidden;

}









#inside {



    z-index: 9999;

}



.ccinput{



border-radius: 5px;

    -webkit-appearance: none;

    background-color: #fff;

    font-family: inherit;

    border: 1px solid #cccccc;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    color: rgba(0, 0, 0, 0.75);

    display: block;

    font-size: 16px;

    margin: 0 0 1rem 0;

    padding: 0.5rem;

    height: 2.3125rem;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;

    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;

    max-width: 350px;





}



.ccinput:focus {

  box-shadow: 0 0 10px rgba(81, 203, 238, 1);

   outline: none;

  border: 1px solid rgba(81, 203, 238, 1);

}





.hide {

visibility: hidden;

}





#purinfo {





height: 30px;

padding: 0px;

}





.none{



display: none;

}

  



.appear {

display: a;



}





.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 3;

    background-color: #000;

 opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */



}



#left-info{

height: 100%;

    width: 40%;

    float:left;

}



#inputs {

width: 100%;

margin: auto;



}



#plan-info {

padding-top: 35px;

width: 100%;

height: 50%;

background-color: gree;



}



    



    #more-info {

width: 100%;

height: 50%;

background-color: pin;





    }



.top-small-plan{

line-height: 40px;

font-size: 21px;

color: white;

font-weight: bold;

border-radius: 5px 5px 0px 0px;

height: 15%;

width: 100%;

background-color: #4199b4;

margin: auto;



}

 





.bottom-small-plan{

border-radius: 0px 0px 5px 5px;

height: 60%;

width: 100%;

background-color: #e6e6ff;

margin: auto;

color: #222;



}



#wrapper1 {

   margin: auto;

    box-shadow: 0 0 14px 0 rgba(221,221,221,1);

width: 60%;

}



.pricing-list{



margin-top: 0px!important;

padding-left: 0px;

}





.nf{

color: #666!important;

font-weight: 400;







}





.qtip {

    z-index:999999999 !important;

    background: #f9ecd2 !important;

    font-size: 14px;

    text-align: center;

    color: #00324d;

    

    padding:15px;

    line-height:20px;

    border-radius:10px;

    border:#00324d 2px solid;



  }



  .qtip-content {

    text-align: center;

  }





  .disbut {



background-color: grey;





  }





























img {



  padding: 0px!important; 

}















.sk-container{display:table;margin:0 auto;width:82%;



background: rgba(88, 134, 183, 0.94)!important;









}



.price{font-size:26px; color:rgba(33, 31, 31, 0.68);}.price .dollar{font-size:60%;vertical-align:text-top}.package-dollars .price{font-size:inherit}.package-dollars .price .dollar{font-size:inherit}.full-price{text-decoration:line-through;color:#999}.full-price .dollar{font-size:inherit}



.sk-column{   





    position: relative;

    width: 100%;







}



.sk-column:before{display:block;content:"";width:100%;height:5px}



.sk-column.sk-column-package-4:before{background: rgba(88, 134, 183, 0.94)!important;}



.sk-column .pricing-header,.sk-column .pricing-list{order-style:solid;order-color:#ccc;order-width:1px 1px 1px 1px}



    .sk-column .pricing-header,.sk-column .pricing-info,.sk-column .pricing-list{background-color:white}





    .pricing-header{height:132px;padding-top:17px}





.pricing-list li{height:50px;border-bottom:1px solid #ccc;display:table;width:100%;padding:0 10px}



.pricing-list li .feature-label{display:table-cell;width:100%;height:100%;vertical-align:middle;font-size: 15px; }



.pricing-info{color:#fff;height:68px;display:table;width:100%;vertical-align:middle;text-align:center;border-width:0}





.pricing-info .your-plan{font-size:19px;display:table-cell;vertical-align:middle}





.sk-column-package-1 .pricing-list li .feature-label{display:table-cell;width:100%;height:100%;vertical-align:middle;font-size: 15px;text-align: left;padding-left: 10%; }









.sk-column-package-4 .pricing-info,.sk-column-package-7 .pricing-info{background: rgba(88, 134, 183, 0.94)!important;}



.btn-gold {

padding: 8px;

    background: linear-gradient(to bottom, #f8f777, #dfc235);

color:#333;

      

border: solid 1px #BBB;

font-size: 15px;

font-weight: 600;

}



.btn-gold:hover {



        box-shadow: 0 0 4px 1px #dfc235;

}





.bz {



    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius:6px;

    color: #fff;

    margin-left: 50px;

    text-decoration: none;

    cursor: pointer;

    border:none;

} 



.slideshow-back {

padding: 8px;

    background: linear-gradient(to bottom, #ff3333,#e60000);

color:white;



border: solid 1px #BBB;

font-size: 15px;

font-weight: 600;

}



.slideshow-back:hover {



        box-shadow: 0 0 4px 1px #e60000;

}







.slideshow-next {

padding: 8px;

    background: linear-gradient(to bottom, #00e64d, #009933);

color:white;

      

border: solid 1px #BBB;

font-size: 15px;

font-weight: 600;

}



.slideshow-next:hover {



        box-shadow: 0 0 4px 1px #009933;

}



       

.headp{



  font-size: 22px;

  font-weight: bold;

}



.container{



  margin-top:-35px;

}



.feature-label a{



color: rgba(88, 134, 183, 0.94)!important;



}



.btn2 {

       color: rgb(255, 255, 255);

 margin:auto;

    cursor: pointer;

    height: 40px;

    text-decoration: none solid rgb(255, 255, 255);

    text-size-adjust: 100%;

    touch-action: manipulation;

    vertical-align: middle;

    white-space: nowrap;

 

    column-rule-color: rgb(255, 255, 255);

    perspective-origin: 33.2344px 17px;

    transform-origin: 33.2344px 17px;

    user-select: none;

    caret-color: rgb(255, 255, 255);

    background: rgba(88, 134, 183, 0.94) none repeat scroll 0% 0% / auto padding-box border-box;

    border: 1px solid rgb(255, 255, 255);

    border-radius: 4px 4px 4px 4px!important;

    font: normal normal normal normal 16px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    outline: rgb(255, 255, 255) none 0px;

    padding: 6px 12px;

}/*#BUTTON_1*/





.btn2:hover {

    color: rgba(88, 134, 183, 0.94)!important;

    background-color: rgb(255, 255, 255);

 

}







  .md1, .surveypop {







}/*#DIV_1*/



.md2 {



    height: 90%;

position: relative;

    



   

    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box;

    border: 1px solid white;

    border-radius: 2px 2px 2px 2px;

 

    outline: rgb(51, 62, 72) none 0px;

}/*#DIV_2*/



.md3 {

    bottom: 594px;

    color: white;

    cursor: pointer;

    height: 25px;

    left: 100%;

    position: absolute;

    right: -30px;

   

    top: -30px;

    width: 24px;

  font-size:24px;

}/*#DIV_3*/



.md4 {



    border-top: 0px none rgb(51, 62, 72);

    border-right: 0px none rgb(51, 62, 72);

    border-bottom: 1px solid rgb(208, 210, 211);

    border-left: 0px none rgb(51, 62, 72);



}/*#DIV_4*/



.md5 {

    color: rgb(51, 62, 72);

  

    

    padding: 15px 0px 10px;

}/*#DIV_5*/



.md6 {

    color: rgb(51, 62, 72);

    display: inline-block;

    height: 28px;

    overflow-wrap: break-word;

    

    



    margin: 0px 28px;



}/*#H2_6*/



.md7 {



font-size:26px;

}/*#DIV_7*/







.md8 {

   

   display:flex;

    height: 435px;

    overflow-x: hiddensta;

    overflow-y: auto;

    background:#eaeaea;

}/*#DIV_15*/





.md1 .md8{



  overflow-y: hidden;

}



















.md9 {

    bottom: 0px;

    box-sizing: border-box;

    color: rgb(51, 62, 72);

    height: 80px;

   

    padding: 16px;

}/*#DIV_33*/





body.modal-open {

    overflow: hidden;

}





.ulinfo li{

  

  margin-bottom:20px;

  

}

.ulinfo{

      text-align: left;

   list-style-type: none;

}



li .fa {

  

  ont-size:18px;

     olor: rgba(76, 174, 76,.65);

  argin-right:15px;

}









.abtn, .saveps {

    color: rgb(255, 255, 255);

     -webkit-transition: .2s; /* Safari */

    transition: .2s;

   

    cursor: pointer;

    height: 30px;

    text-decoration: none solid rgb(255, 255, 255);

    text-size-adjust: 100%;

    touch-action: manipulation;

    vertical-align: middle;

    white-space: nowrap;



    column-rule-color: rgb(255, 255, 255);

    perspective-origin: 33.2344px 17px;

    transform-origin: 33.2344px 17px;

    user-select: none;

    caret-color: rgb(255, 255, 255);

    background: rgba(92, 184, 92,.65) none repeat scroll 0% 0% / auto padding-box border-box;

    border: 1px solid rgba(76, 174, 76,.65);

    border-radius: 4px 4px 4px 4px!important;

    font: normal normal normal normal 16px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;

    outline: rgb(255, 255, 255) none 0px;

 

}/*#BUTTON_1*/





.abtn:hover {

    color: #fff;

    background-color: rgba(92, 184, 92,.95);

    border-color: #398439;

}



.jp-card-container{



  

  height: 175px!important;

}





.leftb {



    border-left: 1px solid #ccc;



}



.rightb{



 border-right: 1px solid #ccc;  

}



.feature-label a {



text-decoration: underline;



}



.jp-card-container{



  width:320px;

}









  @media (max-width: 768px) {

    .toph {

      text-align: center!important;

padding-right: 15px!important;

padding-left: 15px!important;



      











      }





.sk-column-package-1 .pricing-list li .feature-label{



  padding-left: 0px!important;

}



.jp-card-container{



      width: 300px!important;

    

}







       }







        @media (min-width: 769px) { 





          .toph {

      text-align: left;







      } }









  @media (max-width: 768px) {

    .mobile-center {

      text-align: center!important;





      } }







        @media (min-width: 769px) { 





        .mobile-center {

      text-align: left;







      } }











        @media (max-width: 768px) {

    .mobile-hide {

display: none!important;





      } 



#maincon .mobiletop{





  margin-top: 95px;

}





    }







        @media (min-width: 769px) { 





        .mobile-hide {

    display: block;







      } 





.mobiletop{





  margin-top: 0px;

}



    }





    .modal-content{





      padding: 0px;

    }





    .modal-body {

      overflow-y: auto;

    padding: 0;

    overflow-x: hidden;

    background: #eaeaea; 



    overflow-y: auto;

}







.modal {

z-index: 9999999;



}





.modal-body{

 



<?php



if($query4[5]!=""){



echo 'display: flex;

    align-items: center;';



}



    

 ?>





  min-height: 200px;

}





















































































table {

    border-collapse: collapse;

    border-spacing: 0;

    order: 1px solid #bbb;

}

/*
td, th {
border-top: 1px solid #ddd;
padding: 4px 8px;
}
*/








 @font-face  {

    

  font-family:  'Open Sans';

    

  font-style:  normal;

    

  font-weight:  400;

    

  src:  local('Open Sans'),  local('OpenSans'),  url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');

    

}

@font-face  {

    

  font-family:  'Open Sans';

    

  font-style:  normal;

    

  font-weight:  700;

    

  src:  local('Open Sans Bold'),  local('OpenSans-Bold'),  url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');

    

}

  









/*

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

    





        table {

    width: 100%}

thead {

    display: none;

}



        tbody tr: nth-of-type(2n+1) {

    background-color: inherit;

}

tr td:first-child {

    background: pink;

    font-weight: bold;

    font-size: 1.3em;

}

tbody td {

    display: block;

    text-align: center;

}

tbody td:before {

    content: attr(data-th);

    display: block;

    text-align: center;

}

}
*/
#header {

    background-color: #fff;

    padding: 20px 0;

    border-bottom: 1px solid #D9D9CF;

    text-align: center;

}

#footer {

    color: #fff;

    background-color: #676767;

    padding: 2em 0;

    font-size: 0.9em;

}

#footer a {

    color: #fff;

}

.nav-wrap {

    line-height: 1;

    font-size: 1.1em;

    font-weight: bold;

}

.nav-wrap a {

    color: #777;

}

.nav a {

    transition: all .5s ease;

}

.nav a:hover {

    box-shadow: 0 5px 0px 0px #F4594F, 0 0px 0px 0px rgba(255, 255, 255, 0), 0 0 0 0 transparent, 0 0 0 0 transparent;

}

.wp-nav a {

    height: 120px;

    background-color: #64a5b4;

    border-radius: 50%;

    display: inline-block;

    width: 120px;

    line-height: 120px;

    text-align: center;

    color: #fff;

    font-size: 1.2em;

}

.logo2 {

    display: inline-block;

    margin: 0 auto;

    text-decoration: none;

    text-indent: -9999px;

    overflow: hidden;

    background: url("/wp-content/themes/sfp1/img/SitesForProfit@2x.png") 0 no-repeat;

    background-size: contain;

    text-decoration: none;

    width: 147px;

    height: 12px;

}

.logo2:hover {

    color: #ddd;

    text-decoration: none;

}

.nav {

    list-style: none;

    margin: 0;

    padding: 0;

}

.nav>li {

    display: inline-block;

    vertical-align: middle;

    float: none;

    margin-left: .47em;

    margin-right: 1em;

    margin-bottom: 0;

}

.nav>li:first-child {

    margin-left: 0;

}

.nav>li:last-child {

    margin-right: 0;

}

.nav-toggle {

    display: none;

    visibility: hidden;

}

.text-center {

    text-align: center;

}

.text-right {

    text-align: right;

}

.text-left {

    text-align: left;

}

.float-left {

    float: left;

}

.float-center {

    float: none;

    margin-left: auto;

    margin-right: auto;

}

.float-right {

    float: right;

}

.no-space {

    margin: 0;

    padding: 0;

}

.no-space-bottom {

    margin-bottom: 0;

    padding-bottom: 0;

}

.no-space-top {

    margin-top: 0;

    padding-top: 0;

}

.space-bottom {

    margin-bottom: 2em;

}

.space-bottom-small {

    margin-bottom: .470em;

    padding-bottom: 0;

}

.space-top {

    padding-top: .823em;

}

.space-top-big {

    padding-top: 2.5em;

}

.screen-reader {

    position: absolute;

    top: -9999em;

    left: -9999em;

}

.group:before, .group:after, .container:before, .container:after, .row:before, .row:after {

    display: table;

    content: "";

    *zoom: 1;

}

.group:after, .container:after, .row:after {

    clear: both;

}

.avatar {

    float: left;

    margin-right: .823em;

    width: 37px;

}

.alignleft, .alignright, .aligncenter, .alignnone {

    display: block;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

.do-retina {

    max-width: 50%}

.wp-caption-text {

    font-size: .882em;

    text-shadow: 1px 1px 0 #fff;

    color: #808080;

    padding-top: .47em;

    padding-bottom: .47em;

    text-align: center;

}













        @media (min-width:  40em) {







.comment ul {

    padding-left: 4%}

.visible-tablet {

    visibility: visible;

    display: block;

}

.entry-content {

    padding: 2em;

}

.alignleft {

    float: left;

    margin-right: .82em;

}

.alignright {

    float: right;

    margin-left: .82em;

}

.alignnone {

    margin-left: 0;

    margin-right: 0;

}

}@media (min-width: 46em) {

    .logo2 {

    width: 295px;

    height: 24px;

}





.row {

    argin-left: -1.51%;

    argin-right: -1.51%}







[class^="grid-"], [class*=" grid-"] {

    float: left;

    width: 96.97%;

    margin-left: 1.51%;

    margin-right: 1.51%}

.grid-third {

    width: 30.3%}

.grid-half, .grid-img {

    width: 46.97%}

.grid-two-thirds {

    width: 63.63%}

.grid-flip {

    float: right;

}

.logo2 {

    float: left;

}

.nav {

    text-align: right;

}

.text-tall {

    font-size: 1.35em;

}

input, textarea, select {

    ine-height: 1.5;

}

}@media (min-width: 61em) {

    #adsidebar, #adsidebar2 {

    width: 300px;

    height: 250px;

    display: inline-block;

    padding-top: 3em;

}

.home #adsidebar {

    padding-top: 0;

}

.visible-wide {

    visibility: visible;

    display: block;

}









.grid-1 {

    width: 13.63%}

.grid-2, .grid-third, .grid-img {

    width: 30.3%}

.grid-3, .grid-half {

    width: 46.97%}

.grid-4, .grid-two-thirds {

    width: 63.63%}

.grid-5 {

    width: 80.3%}

.grid-6, .grid-full {

    width: 96.97%}

.offset-1 {

    margin-left: 18.18%}

.offset-2 {

    margin-left: 34.84%}

.offset-3 {

    margin-left: 51.51%}

.offset-4 {

    margin-left: 68.18%}

.offset-5 {

    margin-left: 84.84%}

}@media (min-width: 60em) {

    .grid-img {

    width: 13.63%}

}.accordion.js>* {

    overflow: hidden;

}

.accordion.js>*:not(.expanded)>*:not(h2) {

    max-height: 0;

    margin-top: 0;

    margin-bottom: 0;

    opacity: 0;

    visibility: hidden;

}

.accordion.js>.expanded>*:not(h2) {

    max-height: 10em;

    opacity: 1;

    visibility: visible;

}

.accordion.js>*>h2 {

    cursor: pointer;

    visibility: visible;

    font-size: 1.2em;

    margin-top: 0;

    padding-top: 0;

}

.accordion.js>*>h2:after {

    content: " ▾"}

.accordion.js>*>*:not(h2) {

    transition: max-height 1s,  visibility 1s,  margin 1s,  opacity 1s;

}

code[class*="language-"], pre[class*="language-"] {

    color: black;

    text-shadow: 0 1px white;



    direction: ltr;

    text-align: left;

    white-space: pre;

    word-spacing: normal;

    word-break: normal;

    line-height: 1.5;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4;

    -webkit-hyphens: none;

    -moz-hyphens: none;

    -ms-hyphens: none;

    hyphens: none;

}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {

    text-shadow: none;

    background: #b3d4fc;

}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {

    text-shadow: none;

    background: #b3d4fc;

}

@media print {

    code[class*="language-"], pre[class*="language-"] {

    text-shadow: none;

}

}pre[class*="language-"] {

    padding: 1em;

    margin: .5em 0;

    overflow: auto;

}

:not(pre)>code[class*="language-"], pre[class*="language-"] {

    background: #f5f2f0;

}

:not(pre)>code[class*="language-"] {

    padding: .1em;

    border-radius: .3em;

}

.token.comment, .token.prolog, .token.doctype, .token.cdata {

    color: slategray;

}

.token.punctuation {

    color: #999;

}

.namespace {

    opacity: .7;

}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {

    color: #905;

}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {

    color: #690;

}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {

    color: #a67f59;

    background: rgba(255, 255, 255, 0.5);

}

.token.atrule, .token.attr-value, .token.keyword {

    color: #07a;

}

.token.function {

    color: #DD4A68;

}

.token.regex, .token.important {

    color: #e90;

}

.token.important {

    font-weight: bold;

}

.token.entity {

    cursor: help;

}





.tablenav p{



padding-top: 35px;

padding-bottom: 10px;



}























.nav-button{





   -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;



     background: rgb(43, 85, 130)!important;

    /* padding-top: 10px; */

    /* padding-bottom: 10px; */

    padding-left: 10px;

    padding-right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 65px;

    height: 65px;





}









.nav-button2{



-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;



  background:rgba(88, 134, 183, 0.94)!important;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  padding-right: 10px;



}





  @media (min-width: 768px) {



.nav-button:hover:not(.noth),.nav-button:hover a, .nav-button2:hover{

border-bottom: 5px solid white;



}





  }



.nav-button:hover:not(.noth),.nav-button:hover a, .nav-button2:hover{



color:white;



    background: rgb(77, 123, 171)!important;

}





 .accountnav a {



  text-decoration: none!important;

  color: white;



}









.row-center {

  text-align:center;

}



.col-center {

  display:inline-block;

  float:none;

}





  @media (min-width: 768px) {



.b1 {



border-radius: 0px 3px 0px 0px;

}



.b4 {



border-radius: 3px 0px 0px 0px;

}



}









.accountnav{



    margin-bottom: 0px;

    margin-top: 80px;



}



  @media (max-width: 768px) {



#exis tbody  td:first-child, #exis thead  th:first-child,.leftbutton {



padding-left: 0px;

text-align: center;



}



}







  @media (min-width: 769px) {



#exis tbody  td:first-child, #exis thead  th:first-child,.leftbutton {



padding-left: 30px;

text-align: left;



}



}



 #exis thead  th{

padding-top: 20px;

color:white;

padding-bottom: 20px;

  background:rgba(88, 134, 183, 0.94)!important;

 }





 #exis tbody td{

padding-top: 20px;



padding-bottom: 20px;



 }





  @media (max-width: 769px) {



 #exis tbody  td:not(:first-child){



  background:white;

 }



}





  @media (min-width: 769px) {



 #exis tbody  td{



  background:white;

 }



}







.btn:not(.btn-sm) {

color: rgb(43, 85, 130);

    cursor: pointer;

    text-decoration: none solid rgb(255, 255, 255);

    vertical-align: middle;

    width: 140px;

    background: #ffffff;

    border: 1px solid #ffffff;

    border-radius: 4px 4px 4px 4px!important;

    font: 15px;

    outline: rgb(255, 255, 255) none 0px;

    padding: 6px 12px;

    font-size: 13px;



}/*#BUTTON_1*/





.btn:not(.btn-sm):hover {

    color: #fff;

    background-color: rgb(43, 85, 130);

    border-color: #fff;

}

























.btnd {

    color: rgb(255, 255, 255);

    

    cursor: pointer;



    text-decoration: none solid rgb(255, 255, 255);

    



    vertical-align: middle;

   

  

 

  



   background-color: rgba(255, 102, 102,.95);

  

    border: 1px solid rgba(255, 128, 128,.65);

    border-radius: 4px 4px 4px 4px!important;

    font: 15px;

    outline: rgb(255, 255, 255) none 0px;

    padding: 6px 12px;

}/*#BUTTON_1*/





.btnd:hover {

   

   





    background: rgba(255, 128, 128,1);

 

}















.btna {

  



    color: #292929;

    cursor: pointer;

    eight: 40px;

    text-decoration: none solid rgb(255, 255, 255);

    vertical-align: middle;

    background: rgb(249, 249, 146);

       border: 1px solid rgb(247, 247, 169);

    border-radius: 4px 4px 4px 4px!important;

    font: 15px;

    outline: rgb(255, 255, 255) none 0px;

    padding: 6px 12px;



}/*#BUTTON_1*/





.btna:hover {

     

    background-color: rgba(245, 245, 162, 0.95);

}































.vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

}





.surveypanel{

    min-height: 100px;

    background: white;

    border-bottom: 1px solid rgba(0, 0, 0, 0.27);

    /* display: flex; */

    align-items: center;

    justify-content: center;

    padding-top: 35px;



}



.surveyrow p {

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;



}





.surveyrow{



 border-left: 1px solid rgba(0, 0, 0, 0.27);

 border-right: 1px solid rgba(0, 0, 0, 0.27);

    color: #000000;





}





.surveyrow:hover {



    color: rgb(0, 30, 62)!important;





}







.surveyrow:hover p,.surveyrow:hover .div_panel{







background: rgba(57, 104, 154, 0.22)!important;



}







.surveyrow:hover  a{







text-decoration: underline!important;



}







.topblack {

    order-top: 1px solid rgba(0, 0, 0, 0.27);

}









@media (max-width: 769px) 

{

.topblackmin {



    border-top: 1px solid rgba(0, 0, 0, 0.27);



}

}





.activepanel {



    color: white!important;

       background: rgb(77, 123, 171)!important;





ont-weight: bold!important;

}





  @media (min-width: 768px) {



.activepanel{









border-bottom: 5px solid white;

}



    }



.fa{



}



.fa-times:hover{

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;





  color:#ff9999;

}





.fa-archive:hover{

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;



color: #ffffcc;



}



.fa-copy:hover{

-webkit-transition-duration: .3s;

    -moz-transition-duration:.3s;

    transition-duration: .3s;

    -o-transition-duration: .3s;



color: #5ea97d;



}



.fa:hover{



  cursor: pointer;

}





.btn-sm, .btn-group-sm > .btn {

    padding: 5px 10px;

    font-size: 14px;

    line-height: 1.1;

    border-radius: 3px;

}





.modal-body {

    min-height: 200px;

}