body{
     padding:0;
     margin:0;
     font-family: 'Ubuntu', sans-serif;
     font-size:15px;
     line-height:1.2em;
     color: #666;
     position:relative;
     height:100%;
     background:#eaeaea;
}
.clear{
     display:block;
     clear:both;
}
a{
     text-decoration:none;
     color:#00cae2;
}
a:hover{
     text-decoration:underline;
}
a img{
     border: 0;
}
header{
     background:#494949;
     position:fixed;
     width:100%;
     z-index:9999;
     border-bottom:5px solid #08b4c8;
}
.logo{
     width:200px;
     height:auto;
     display:block;
     float:left;
     margin:10px 0;
}
.logo img{
     width:100%;
     height:auto;
}
nav{
     float:right;
     background:#494949;
}
.mwidth{
     width:1200px;
     margin:0 auto;
     box-sizing: border-box;
}
#menu{
     padding:0;
     margin:0;
     list-style-type:none;
}
#menu li{
     float:left;
}
#menu li span{
     display:block;
     line-height:60px;
     padding:0 20px;
     font-size:1.1em;
     color:white;
     -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}
.active_menu{
     background:#08b4c8;
     color:white !important;
     text-decoration:none;
     cursor:pointer;
}
.active_menu:hover{

}
#menu li span:hover{
     cursor:pointer;
     color:#08b4c8;
}
#menu li i{
     margin-right:3px;
     font-size:1.2em;
}
.loginAuto{
     background:#63b012;
     line-height:36px !important;
     margin:12px 0 12px 20px;
     display:inline-block;
     padding:0 10px;
     font-size:1em;
     color:white;
     -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}
.loginAuto:hover{
     background:#71cc17 !important;
     text-decoration:none;
}
.thepadding_div{
     height:65px;
     width:100%;
}
.rounded{
     border-radius:8px;
}
.white_content{
     background:white;
     margin-top:30px;
     padding:20px;
}
.index_holder{
     height:100vh;
     background-image:url('../design/var4.jpg');
     background-repeat:no-repeat;
     background-size:cover;
     background-position:top center;
     position:relative;
}
.overlay{
     z-index:999;
     background:rgba(0,0,0,0.25);
     width:100%;
     height:100%;
}
.index_top{
     padding-top:80px;
}
.centered{
     text-align:center;
}
.index_h1{
     color:white;
     font-size:4em;
     font-weight:500;
     text-shadow: 0 0 3px rgba(0,0,0, 1);
     line-height:1em;
}
.index_h2{
     font-size:3em;
     line-height:1em;
     font-weight:500;
     color:#464646;
}
.index_h2_white{
     font-size:3em;
     line-height:1em;
     font-weight:500;
     color:#f3f3f3;
}
.one_of_three{
     width:31.33%;
     margin-right:3%;
     float:left;
     box-sizing: border-box;
}
.one_of_three:nth-child(3n){
     margin-right:0;
}
.white_hox{
     background:rgba(255,255,255,1);
     padding:15px 15px 0 15px;
     box-sizing: border-box;
     box-shadow: 0 0 3px rgba(0,0,0, 0.5);
}
.box_title{
     font-size:1.5em;
     font-weight:500;
     color:#000;
}
.box_content{
     margin-top:20px;
}
.index_top_boxes{
     margin-top:60px;
     padding-bottom:20px;
}
.box_icon{
     margin-bottom:10px;
}
.box_icon i{
     font-size:2em;
     background:#08b4c8;
     height:60px;
     line-height:60px;
     width:60px;
     color:white;
     border-radius:50%;
}
.seemore{
     position:absolute;
     left:50%;
     bottom:0;
     text-align:center;
     width:160px;
     margin-left:-75px;
     text-shadow: 0 0 3px rgba(0,0,0, 1);
     font-size:1.2em;
}
.seemore a{
     display:block;
     color:white;
     background:rgba(8,180,200,0.8);
     padding-top:30px;
     border-top-left-radius:25%;
     border-top-right-radius:25%;
     overflow:hidden;
}
.seemore span{
     display:block;
}
.seemore a:hover{
     text-decoration: none;
     background:rgba(8,180,200,1);
}
.one_reason{
     background:white;
     padding:20px 20px 0 20px;
     margin-bottom:20px;
     width:49%;
     margin-right:2%;
     float:left;
     box-sizing: border-box;
}
.one_reason:nth-child(2n){
     margin-right:0;
}
.one_reason:nth-child(2n+1){
     clear:both;
}
.one_reason_image{
     float:left;
     width:300px;
     margin:0 20px 20px 0;
     overflow:hidden;
}
.one_reason_image img{
     width:100%;
     height:auto;
     border-radius:5px;
}
.one_reason_title{
     font-weight:500;
     font-size:1.5em;
     line-height:1em;
     color:#000;
}
.about_div{
     background:white;
     padding:5px 0;
     margin-top:30px;
     padding-bottom:30px;
}
.image_in_about{
     float:left;
     margin:0 20px 20px 0;
     border-radius:10px;
     width:500px;
     height:auto;
}
.contacts_div{
     background:#494949;
     padding:5px 0;
     color:#cacaca;
     padding-bottom:30px;
}
.end_div{
     background:#000;
     padding:5px;
     color:#999;
}
.left_of_two{
     float:left;
     width:45%;
     box-sizing: border-box;
}
.right_of_two{
     float:right;
     width:45%;
     box-sizing: border-box;
}
.contacts_div h3{
     font-size:1.6em;
     border-bottom:1px solid #666;
     color:#dadada;
     font-weight:500;
     line-height:1em;
     padding-bottom:10px;
}
.one_input{
     border:none;
     border-radius:4px;
     padding:0 10px;
     line-height:30px;
     min-width:75%;
}
.bluebut{
     background:#08b4c8;
     border:none;
     padding:10px 15px;
     color:white;
     cursor:pointer;
}
.bluebut:hover{
     background:#00cae2;
     text-decoration:none;
}
#whatweoffer{
     padding:5px 0;
}
.goto_home i{
     font-size:1.5em !important;
}
.goto_home{
     text-align:center;
}
.show_mobile_nav{
     float:right;
     line-height:60px;
     padding:0 20px;
     font-size:1.7em;
     color:white;
     margin-right:-2%;
     -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      display:none;
}
.show_mobile_nav:hover{
     background:#08b4c8;
     color:white;
     text-decoration:none;
     cursor:pointer;
}
nav.mobile_menu{
     position:absolute;
     top:65px;
     right:0;
     display:none;
}
nav.mobile_menu #menu li{
     float:none;
     display:block;
}
nav.mobile_menu .loginAuto{
     margin:10px;
}
.success{
     border:2px solid #63b012;
     color:#222;
     background:#e5f7d2;
     padding:10px 20px;
     margin-top:20px;
}
.error{
     margin:10px;
     border:1px solid #bf1604;
     background: #f2d1ce;
     padding:15px;
     border-radius:5px;
     color:#000;
}
