@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

@import url(http://fonts.googleapis.com/css?family=Oswald:700);

body{position:relative;font-family:'Open Sans',sans-serif;}

.body{padding-top:80px;}

.body1{padding-top:40px;}

.top{background-color:#303540;color:#fff;height:30px;}

.top p{line-height:30px;margin:0px;}

.top a{font-size:24px;color:#979CA2;line-height:30px;margin:0px 1px;}

.carousel-control.left{background-image:none;}

.navbar-brand img{height:80px;margin-top:-10px;}
.navbar-collapse{background:white;}
.menu{height:100px;}

.navbar{background:#fff;border:none;box-shadow:0px 0px 2px rgba(0,0,0,0.2);}

.active a{background:#40BEF0!important;color:#fff!important;font-weight:bold;}

.carousel .item img{width:100%;}

section{padding:7% 0px;}

section h1{font-family: 'Oswald', sans-serif;}

#welcome{background:#40BEF0;color:#fff;}

section .lead{width:80%;margin:20px auto;}

#welcome .lead{color:#fff;}

.bck {background:rgba(0,0,0,.3);padding:2%}

hr.light{border:none;border-bottom:3px solid #fff;width:20%;}

hr.dark{border:none;border-bottom:3px solid #40BEF0;width:20%;}

hr.left{margin-left:0px;}

.box{background:#fff;padding:3%}

.alt{background:#fafafa;padding:3% 0;}

.clear{width:100%;height:20px;}

.img-wide{width:100%;height:auto;}

.img-left{width:200px;height:auto;float:left;margin-right:20px;}

.img-right{width:200px;height:auto;float:right;margin-left:20px;}

#pricing{background:#ECF0F1;}

.btn-default{background-color:#40bef0 !important;color:#fff;}

.btn-default:hover{background-color:#52c6f4 !important;color:#fff;transition:.3s;}

@media(max-width:768px){

	.navbar-brand img{height:33px;margin-top:-6px;}

	.menu{height:50px;}

	.wrapper-main{padding-top:98px;}

}





#features{padding-bottom:2%;}

#options{background:#fafafa;}



footer{background:#40BEF0;color:#fff;margin:0px;padding:2%;}

footer a{color:#fff;font-weight:bold;}

.scrollup {
opacity: 0.5;
position: fixed;
bottom: 10px;
right: 10px;
}

.scrollup:hover {
opacity: 1;
}



.modal-content {
          background: #ffffff;
          padding: 10px 20px 20px;
          margin: 20px 0px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          max-width: 450px;
        }

        .modal-content input.form-fields,
        .modal-content button.form-fields,
        .modal-content textarea.form-fields {
          padding: 0 0 0 40px;
          display: block;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 380px;
          font-size: 17px;
          margin: 0px auto;
          border: 1px solid #00c3e1;
          opacity: 1;
          outline: none;
         border-radius: 5px;
          min-height: 45px;
          text-shadow: none;
          position: relative;
        }

        .modal-content #dropdown{
           padding: 0 0 0 10px;
          display: block;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 380px;
          font-size: 17px;
          margin: 0px auto;
          border: 1px solid #00c3e1;
          opacity: 1;
          outline: none;
         border-radius: 5px;
          min-height: 45px;
          text-shadow: none;
          position: relative;
        }

        .modal-content .form-control:focus {
         
          outline: none !important;
          box-shadow: none;
        }

        .modal-content textarea.form-fields {
          padding: 8px 40px;
          resize: none;
        }

        .modal-content label{
          border-radius: 6px;
        }

        .modal-content button.form-fields.button {
          font-size: 20px;
          padding: 0;
          opacity: 1;
          color: #ffffff;
          text-transform: uppercase;
          background-color: #00c3e1 !important;
        }

        .modal-content button.form-fields.button:hover {
          background: #00c3e1;
          color: #ffffff;
          cursor: pointer;
          opacity: 1;
        }
        .modal-content button.form-fields.button i {
          margin-left: 10px;
        }
        .modal-content .form-group .cntfrmicn {
          color:  #00c3e1;
          padding: 14px;
          position: absolute;
          z-index: 99;
          margin-top: 2px;
        }
        button.close:focus{
            outline:none;
        }

        @media (max-width: 460px) {
          .modal-content {
            max-width: 400px;
          }
          .modal-content input.form-fields,
          .modal-content button.form-fields,
          .modal-content textarea.form-fields {
            width: 300px;
            margin: 0 auto;
          }
          .section2 .contactform {
            max-width: 100%;
          }
          .contactform input.form-fields,
          .contactform button.form-fields,
          .contactform textarea.form-fields {
          padding: 0 0 0 40px;
          display: block;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 350px;
          font-size: 17px;
          border: 1px solid #00c3e1;
          border-radius: 5px;
          outline: none;
          min-height: 45px;
          text-shadow: none;
          position: relative;
          margin-right: auto;
          margin-left: auto;
          opacity: 1;
          }
          .contactform textarea.form-fields {
            padding-top: 8px !important;
          }
          .contactform{
              margin-top:690px;
          } 
          .footer{
              margin-top:670px;
          }
        }

        @media (max-width: 380px) {
          .modal-content {
            max-width: 350px;
          }
          .modal-content input.form-fields,
          .modal-content button.form-fields,
          .modal-content textarea.form-fields {
            width: 270px;
            margin: 0 auto;
          }
        }

        @media (max-width: 350px) {
          .modal-content {
            max-width: 320px;
          }
          .modal-content input.form-fields,
          .modal-content button.form-fields,
          .modal-content textarea.form-fields {
            width: 230px;
            margin: 0 auto;
          }
        }
        .error{
          display: none;
        }
        .recaptcha_text{
          padding: 5px 15px;
          background-color: #00c3e1;
          border-radius: 5px;
          float: left;
          margin-bottom: 5px;
          z-index: 99;
          color: white;
          font-weight: 600;
          letter-spacing: 0.5px;
          font-size: 18px;
        }
        #msg{
          width: 100%;
          margin: 10px auto;
          padding:10px;
          border-radius: 5px;
          color:#fff;
          background: #00c3e1;
          border: 1px solid #00c3e1;
          text-align: center;
          font-weight:bold;
          font-size:20px;
        }
        .swal-text{
          color: #CC0000 !important;
        }