body { background-color: #e1e1e1; font-size: 18px; font-family: 'Roboto', sans-serif; color: #333; font-weight: 300; 
line-height: 32px; -webkit-font-smoothing: antialiased; }
a{color: #333;}
h1 { margin: 0; margin-bottom: 30px; font-size: 32px; }
p { color: #333; margin-bottom: 30px; font-weight: normal; }
ul li { list-style: none; }
strong { color: #1769ff; }
hr { border-top: 3px solid #0d59e6; }
.btn { padding: 15px 20px 15px 20px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; border: transparent; }
.btn-default { background: #c45d3c; color: #fff; border: transparent; }
.btn-default:hover { background-color: #ba451f; color: #fff; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #ba451f; border-color: #ba451f; }
.btn-primary { background: #446a73; color: #fff; }
.btn-primary:hover { background-color: #385860; color: #fff; border: transparent; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #385860; border-color: #385860; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.hero-section { margin-bottom: 20px; background-image: url(../images/hero-image.jpg); padding-top: 120px; padding-bottom: 120px; text-align: center; }
.hero-img { }
.hero-logo { margin-bottom: 30px; }
.hero-logo .badge { margin-left: 20px; }
.hero-text { color: #fff; margin-bottom: 30px; font-size: 21px; line-height: 33px; font-weight: 400; }
.hero-text a { color: #fff; }
.call-to-action { background-color: #fff; padding-top: 120px; padding-bottom: 120px; text-align: center; }
.head-title { padding-top: 60px; }
.template-area { margin-bottom: 100px; }
.template-section { margin-bottom: 620px; padding: 60px; }
.template-thumb { margin-bottom: 30px; display: inline-block; }
.template-box { background-color: #fff; border-radius: 0px; -moz-box-shadow: 0 4px 4px 0px rgba(49, 48, 53, 0.2); -webkit-box-shadow: 0 4px 4px 0px rgba(49, 48, 53, 0.2); box-shadow: 0 4px 4px 0px rgba(49, 48, 53, 0.2); transition: all 0.2s ease-in-out 0s; transform: translateY(0) !important; }
.template-box:hover { -moz-box-shadow: 0 10px 25px 5px rgba(49, 48, 53, 0.2); -webkit-box-shadow: 0 10px 25px 5px rgba(49, 48, 53, 0.2); box-shadow: 0 10px 25px 5px rgba(49, 48, 53, 0.2); transform: translateY(-8px) !important; }
.template-pic { list-style-type: none; margin: 0px; }
.template-pic { padding: 0px; position: relative; overflow: hidden; }
.template-pic:hover .caption { opacity: 1; }
.template-pic img { margin: 0px; padding: 0px; float: left; z-index: 4; opacity: .8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.template-pic img:hover { margin: 0px; padding: 0px; float: left; z-index: 4; opacity: 1; }
.template-pic .caption { cursor: pointer; position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; display: none; }
.template-pic .blur { background-color: rgba(23, 105, 255, 0.8); height: 450px; width: 600px; z-index: 5; position: absolute; }
.template-pic .caption-text h1 { text-transform: uppercase; font-size: 24px; }
.template-pic .caption-text { z-index: 10; color: #fff; position: absolute; width: 600px; height: 450px; text-align: center; top: 180px; }
.template-pic img { }
.template-title { padding: 28px 40px; }
.template-title h1 { color: #222; font-size: 13px; margin: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; }
select.form-control { background-color: #ebf2ff; border: 0px; height: 40px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-size: 20px; }
.badge { background-color: #c45d3c; font-size: 10px; margin-left: 10px; }
@media (max-width:767px) {
    .template-section { margin-bottom: 120px; padding: 10px; }
    .hero-section { background-color: #fff; padding: 20px; margin-bottom: 30px; }
    .template-pic .blur { background-color: rgba(23, 105, 255, 0.8); height: 320px; width: 380px; z-index: 5; position: absolute; }
    .template-pic .caption-text { z-index: 10; color: #fff; position: absolute; width: 380px; height: 450px; text-align: center; top: 80px; }
}