/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
		body {
  background-color: #f8f8f8;
  color: #222;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 15px;
}

.thecolumn { 
border:none;
padding: 4px 0;
background-color:#fff;
display:block;
float:left;
font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 10px;
}

h3 { margin: 1em;}

@font-face {
  font-family: 'alegreya-sans-sc.regular';
  src: url('fonts/alegreya-sans-sc.regular.eot');
  src: url('fonts/alegreya-sans-sc.regular.woff2') format('woff2'),
       url('fonts/alegreya-sans-sc.regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.maincontent h5 { word-wrap: break-word; margin:0px; font-family:'alegreya-sans-sc.regular';
font-style: normal;font-weight: 700;font-size: 50px;line-height: 1.22;
font-weight:bold;  }


.thecolumn p { line-height: 27px;  }

.thecolumn,.thefbox {
box-shadow:0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);
width:22%;margin-top:1em;margin-left:1em;
background-color:#fff;
padding:25px 15px 15px;
position:relative;
-webkit-transition:transform .2s ease,-webkit-box-shadow .2s ease;
-moz-transition:transform .2s ease,-moz-box-shadow .2s ease;
transition:transform .2s ease,box-shadow .2s ease;
top:0!important
}

 .thecolumn.thefbox:hover, .thefbox:hover {
transform:translateY(-4px)!important;
-webkit-transform:translateY(-4px)!important;
box-shadow:0 17px 25px rgba(0,0,0,0.13)!important;
-webkit-box-shadow:0 17px 25px rgba(0,0,0,0.13);
-moz-box-shadow:0 17px 25px rgba(0,0,0,0.13);
-o-box-shadow:0 17px 25px rgba(0,0,0,0.13)
}

@media  (max-width:1500px){
.thefbox { width:21.7%;}
}

@media  (max-width:1350px){
.thefbox { width:20%;}
}

@media  (max-width:1370px){
.thefbox { width:21.4%;}
}

@media  (max-width:1200px){
.thefbox { width:45.5%;}
}

@media  (max-width:1000px){
.thefbox { width:20%;}
}

@media  (max-width:900px){
.thefbox { width:44%;}
}

@media  (max-width:750px){
.thefbox { width:43%;}
}

@media  (max-width:700px){
.thefbox { width:85%;}
}

@media  (max-width:680px){
.thefbox { width:40.5%;}
}


@media  (max-width:640px){
.thefbox { width:40.5%;}
}

@media  (max-width:620px){
.thefbox { width:40.5%;}
}


@media  (max-width:500px){
.thefbox { width:85%;}
}


input,textarea{outline:none;margin:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%;font-size:18px;font-family:inherit}
input:disabled{background:0 0;cursor:pointer}
textarea{resize:none}button{cursor:pointer}
.input-group{position:relative;margin-bottom:35px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}
.input-group-big{padding:10px 20px;padding-right:60px}.input-group-symbol{position:absolute;font-size:36px;color:#ccc;right:30px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.input-group-icon{position:relative;width:100%}.input-icon{font-size:24px;color:gray;position:absolute;line-height:60px;right:0;top:0;width:20px;background:#fff;text-align:center;cursor:pointer}
.input-icon::before{display:block;-webkit-transition:all .4s ease;-o-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.label{font-size:18px;color:#333;text-transform:capitalize;display:block;font-weight:700;white-space:nowrap;margin-right:30px}
.input--style-1{font-size:18px;padding:19px 0;color:#666;font-family:inherit}
.input--style-1::-webkit-input-placeholder{color:#ccc}
.input--style-1:-moz-placeholder{color:#ccc;opacity:1}
.input--style-1::-moz-placeholder{color:#ccc;opacity:1}
.input--style-1:-ms-input-placeholder{color:#ccc}
.input--style-1:-ms-input-placeholder{color:#ccc}
.input--style-1-small{font-size:16px;padding:20.5px 0}

.input-group,.btn-submit { margin: 0.5em; }

.btn-submit{display:block;width:30%;line-height:60px;font-family:inherit;background:#0c61b0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;color:#fff;font-size:18px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.btn-submit:hover{background:#053461;}

.mainarea {
   background: #f2f2f2;
    width: 100%;
    
}
.maincontent {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
section { margin:0px; }
section p { line-height:2em; font-family:'Raleway light'; font-weight:bold;}
.mainboxcontent {
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
}


.lbox { width: 29%; background:#ffffff;padding:0.6em;margin:1em;border-radius: 5px 5px 5px 5px; float:left;}
.lbox img { width: 100%;}


@media  (max-width:1100px){
.lbox { width:45%;margin-left:1em;}
}

@media  (max-width:950px){
.lbox { width:27%;margin-left:1em;}
}

@media  (max-width:750px){
.lbox { width:42%;margin-left:1em;}
}



@media  (max-width:600px){
.lbox { width:85%;margin-left:1em;}
}

div.gallery {
  
    padding:1em;
    border: 1px solid #ccc;
	margin-left:1em;

    width: 700px;
}
div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
  
}
@media (max-width:800px) {
div.gallery { width:80%; margin-left:1em;}

}

.yout-con{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.yout-con iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 800px) {
.yout-con iframe{ }
}

 .error { background: #ff3d1f; padding: 1.2em;font-size:20px; width:85%; border: #444 solid 1px; color: #ffffff; }