@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); /* light, regular, medium, bold, black */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700'); /* light, regular, medium, semi-bold, bold */

html {font-size:14px;}
html,
body {min-height:100vh;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, i, header, section, footer, a {font-family:"Roboto";}
body {background:#fff;}
a,
a:hover {color:#333;text-decoration: none;}
ul, ol {margin:0; padding:0; list-style:none;}
ul:after, ol:after,.container:after,.clearAfter:after,.mainHeader nav ul {clear:both; content:""; display:block;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.table {display:table;width:100%; height:100%; margin:0;}
.table-cell {display:table-cell;width:100%; height:100%; text-align:center; vertical-align:middle;}
h1,h2, h3, h4, h5, h6 {font-family:"Roboto"; font-weight:600;position: relative;}
h1 {font-size: 2em; font-weight: 500;}
h2,
h5{color:#222;position:relative; display:inline-block; text-transform:uppercase; margin-bottom:70px;position: relative;}
h2[data-bigletter]:before,
h3.title[data-bigletter]:before{content: attr(data-bigletter);font-size: 2em;opacity: .06;position: absolute;top: -.5em;left: 50%;text-align: center;text-transform: uppercase;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 1;}
h3.title[data-bigletter]:before {left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
h5:after{position:absolute;content:"";display:block; left:50%; top:-20px; -webkit-transform:translateX(-50%);transform:translateX(-50%); height:1px; width:50%;background:#7ea94c;}
h3 {font-size: 18px;margin: 0 0 12px;text-transform: uppercase; text-align: left;}
p {text-align: left;}
.blockquote {display: block; padding: 10px 0; text-align: center; font-weight: 700; background: #fafafa; border-left: 5px solid #719942;}
.row-eq-height {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-eq-height div[class^=col-] {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
_:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .row:before,
_:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .row:after {display: none !important;}

/*
=============================
	Bootstrap Template
=============================
Advhtech Colors
Blue : #1563a1
Green : #719942
*/
input {-webkit-appearance: none;}
.btn {border-radius:3.57rem; border:none;overflow: hidden;-webkit-transition: .2s;transition: .2s; position: relative; -webkit-appearance: none;}
.btn:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 100%;
  left: 0px;
  top: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.btn:after {
  -webkit-transform: skewX(-15deg);
          transform: skewX(-15deg);
  visibility: hidden;
  -webkit-transition: 2s;
  transition: 2s;
}
.btn-primary {background:#1563a1;}
.btn-success {background:#719942;}
.btn:hover:not(.btn-link),
.btn-primary:hover,
.btn-success:hover {background:#333;color:#fff;}
.btn:focus {outline: none;}
.btn-link {color: #888;}
.btn-link:hover {text-decoration: none;}


.btn:focus{color:#fff}
.btn:after{content:'';position:absolute;top:0;left:-200%;width:50%;height:100%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);background-image:-webkit-gradient(linear,left top, right top,from(transparent),color-stop(rgba(255,255,255,0.4)),to(transparent));background-image:linear-gradient(to right,transparent,rgba(255,255,255,0.4),transparent)}
.btn:hover:after{-webkit-animation-delay:0s;animation-delay:0s;left: 200%;visibility: visible;} 

body {background: #fafafa;}
header {text-align: center; background: #fff; border-bottom:1px solid #e6e6e6;}
header img {margin: 15px 0;width: 180px;}
h1,
h2 {text-align: center; display: block;}
h1 {margin-bottom: 5px;}
h2 {font-size: 20px; text-transform: capitalize; margin-top: 0; margin-bottom: 20px;}
.heading {text-align: right; font-weight: bold;}
.detail {text-align: left;}
section {width: 340px; margin: 30px auto 0; background: #fff; border: 1px solid #e6e6e6;}
section .container {width: 100% !important;}
section div[class^=col] {padding-top: 5px; padding-bottom: 5px;}
footer {border-top:1px solid #e6e6e6; background: #efefef; margin-top: 20px;}
footer h6 {margin-bottom: 0;}
footer,
footer p{text-align: center;}
footer a {color: #de2920;}
@media (max-width:340px) {
    section {width: 95%;}
}