/*
    Template Name : Hosty
    Author: Art Rage ( M.I.Daniel )
    Version: v1.0 Html
*/

/* Style In style.css :
    1. CSS Reset
    2. Bootstrap fix for WinPhone 8 and IE10 
    3. Typography
    4. Basic Document Style
    5. Basic Layout Style
    6. Tipper
    7. Flexslider
    8. Preloader
    9. Header
    10. What We Offer
    11. Pricing
    12. Testimonials
    13. Other Details
    14. Footer
    15. About Pages
    16. Support Pages
    17. Blog Page
    18. Form
*/

/* ==================================================================
CSS 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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==================================================================
Bootstrap fix for WinPhone 8 and IE10 
================================================================== */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* ==================================================================
Typography
================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    color: #ce1126;
}

h1 {
    font-size: 30px;
    padding-bottom: 20px;
}

h2 {
    font-size: 28px;
    padding-bottom: 18px;
}

h3 {
    font-size: 24px;
    padding-bottom: 16px;
	text-transform:uppercase;
	font-weight:700;
}

h4 {
    font-size: 22px;
    padding-bottom: 14px;
}

h5 {
    font-size: 18px;
    padding-bottom: 12px;
}

h6 {
    font-size: 16px;
    padding-bottom: 10px;
}

p {
    font-family: 'Lato', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 1px;
    color: #2b344c;
}

p.narrow {
    width: 80%;
    margin: 0px auto;
}

a:focus , a:link, a:active {
    outline:none;
}

a:hover {
    text-decoration: none;
}

a.link-text {
    color: #ce1126;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

a.link-text:hover {
    color: #989898;
}

em {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    color: rgba(225, 225, 225, 0.9);
}

/* ==================================================================
Basic Document Style
================================================================== */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

/* ==================================================================
Basic Layout Style
================================================================== */

section {
    position: relative;
    text-align: center;
    background-color: #F8F8F8;
}

section::before,
section::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

/* Section Title */
.section-title h1 {
    font-weight: 700;
    text-transform: uppercase;
    color: #2b344c;
    padding-bottom: 50px;
}

.section-title h1:after {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #ce1126;
    margin: 20px auto 0px;
    display: block;
}

.section-title h2 {
    font-weight: 700;
    text-transform: uppercase;
    color: #2b344c;
    padding-bottom: 50px;
}

.section-title h6 {
    font-weight: 400;
    text-transform: uppercase;
    color: #ce1126;
    padding-bottom: 10px;
}

/* Dark Background */
.dark-background {
    background-color: #2b344c;
}

/* Section Padding */
.padding {
    padding: 80px 0px;
}

/* Section Padding */
.padding30 {
    padding: 30px 0px;
}

/* Classes */
.margin-top {
    margin-top: 50px;
}

.sem-margin-top {
    margin-top: 25px;
}

.center {
    margin: 0px auto;
    display: block;
}

/* Parallax */
.parallax {
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    background-attachment: fixed;
}

/* Btn Standart */
.btn-standart {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 20px 50px;
    background-color: #ce1126;
    border: 1px solid #ce1126;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.btn-standart:hover {
    color: #ce1126;
    background-color: transparent;
}

/* Start Separation Bar */
.sep {
    margin: 50px auto;
}

.sep div {
    display: inline-block;
}

.sep div:first-child,
.sep div:last-child {
    width: 20%;
    height: 1px;
    background-color: #C3C3C3;
}

.sep div:nth-child(2) {
    width: 10%;
    height: 1px;
    background-color: #ce1126;
}

.owl-theme .owl-controls .owl-page span {
    margin: 0px 5px;
}

/* Dark Overley */
.dark-overley {
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding: 80px 0px;
}

/* ==================================================================
Tipper
================================================================== */

.tipper-content {
    text-transform: uppercase;
}

/* ==================================================================
Flexslider
================================================================== */

.flexslider {
    margin-bottom: 0px !important;
    border: none !important;
    border-radius: none !important;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background-color: transparent !important;
}

.flex-control-nav {
    position: relative !important;
    bottom: 0px !important;
    padding: 50px 0px 0px;
}

.flex-control-paging li a {
    position: relative;
    width: 25px; 
    height: 25px;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.flex-control-paging li a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.flex-control-paging li a:hover::before {
    height: 100%;
}

.flex-control-paging li a:hover {
    background-color: transparent;
}

.flex-control-paging li a.flex-active {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* ==================================================================
Preloader
================================================================== */

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 999;
}

.cube {
    width: 60px;
    height: 60px;
    background-color: #708090;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
    0% { 
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/* ==================================================================
Header
================================================================== */

#main-header {
	/*background-image: url(../img/bg-img.jpg);*/
}

video#bannervid {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background: url(../img/bg-img.jpg) no-repeat;
	background-size: cover;
}
video {
	display: block;
}

/* Navbar */
.navbar {
	float:left;
	width: 100%;
	background-color: #2b344c;
	border-bottom: 1px solid #ce1126;
	box-shadow: 0px 0px 5px #3F3F3F;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    z-index: 100;
}

.navbar ul{
padding-top:50px;
}
.pages-link {
    color: #ce1126 !important;
}

.nav li a {
    position: relative;
	font-size: 13px;
    text-transform: uppercase;
	color: #ffffff;
	padding: 30px 1em;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
}

.nav li a:hover {
    color: #fcd116 !important;
    background-color: transparent !important;
}

.navbar-toggle span {
    background-color: #ffffff;
}

.navbar .navbar-collapse { /* For Callapse Container, The Text To Be Centered And Other Fixes */
    text-align: center;
    padding: 0px;
    overflow-x: hidden;
}

.navbar-collapse { /* For Collapse Button, Height Fix */
    float: right;
    max-height: 100%;
}

@media (max-width: 768px) { /* For Centered Navbar */
    .navbar-collapse {
        float: none;
    }
}

@media screen and (max-width: 992px) {
  .nav li a {
        padding: 25px 0.5em;
  }
}

/* Navbar Logo */
.navbar-brand {
	font-family: 'Audiowide', cursive;
	font-size: 30px;
	font-weight: 400;
    text-transform: uppercase;
	color: #ce1126;
	padding: 30px;
	
}

.navbar-brand:hover {
	color: #ce1126;
}

/* Intro */
#intro {
	padding: 180px 0px 40px 0px;
		/*width:60%;
		text-align:left;*/
}

#pagetop {
	padding: 20px 0px 20px 0px;
		/*width:60%;
		text-align:left;*/
}

#pagetop h1{
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 2px;
	color: #fcd116;
}

#pagetop p {
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 1.5px;
	width: 60%;
	margin: 2px auto 0px;
	color: #F2F2F2;
}

.shop {
		padding: 180px 0px 40px 0px;
		background-image: url(../img/bg-img.jpg);
}

.services {
		padding: 180px 0px 40px 0px;
		background-image: url(../img/bg-img.jpg);
}

.services h1{
		padding: 180px 0px 40px 0px;
		background-image: url(../img/bg-img.jpg);
}

#intro-logo{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#intro > * {
	display: block;

}

#intro:not(:first-child) {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 2px;
	color: #fcd116;
}

#intro p {
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 1.5px;
	width: 60%;
	margin: 20px auto 0px;
	color: #F2F2F2;
}

/* ==================================================================
What We Offer
================================================================== */

/* Style For This Section */
.ss-style-foldedcorner::before,
.ss-style-foldedcorner::after {
    top: -100px;
    width: 100px;
    height: 100px;
}

.ss-style-foldedcorner::before {
    right: 0;
    background-image: -webkit-linear-gradient(top left, #ffffff 50%, #F8F8F8 50%);
    background-image: linear-gradient(315deg, #F8F8F8 50%, #ffffff 50%);
}

.ss-style-foldedcorner::after {
    right: 100px;
    background-image: -webkit-linear-gradient(top left, transparent 50%, #EDEDED 50%);
    background-image: linear-gradient(315deg, #EDEDED 50%, transparent 50%);
}

.offers i {
    font-size: 25px;
    color: #ce1126;
    padding-bottom: 10px;
}

.offers div {
    border: 1px solid #F8F8F8;
    padding: 20px 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
}

.offers div:hover {
    border: 1px solid #EEEEEE;
    background-color: #ffffff;
}

/* More Features */
#more-features {
    position: relative;
}

#more-features:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px; 
    left: 50%;
    margin-left: -25px;
    background-color: #F8F8F8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

/* ==================================================================
Machining
================================================================== */

#machining-box {
    font-size: 13px;
}

/* Pricing Box Header */
.machining-box-header {
    color: #ffffff;
    padding: 10px 0px;
    background-image: url(../img/Pricing-Box-Header.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Pricing Box Body */
.machining-box-body ul {
	font-size: 12px;
	display:inline-block;
	float:left;
	width:50%;
}

.machining-box-bodyL li {
	text-align:left;
    color: #989898;
    border-left: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 4px;
}
.machining-box-bodyR li {
	text-align:right;
    color: #989898;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 4px;
}

.machining-box-bodyF ul {
	font-size: 12px;
	display:inline-block;
	float:left;
	width:100%;
}
.machining-box-bodyF li {
	text-align:center;
    color: #333333;
    border-left: 1px solid #DFDFDF;
	 border-right: 1px solid #DFDFDF;
	 border-bottom: 1px solid #DFDFDF;
    padding: 10px 4px;
}


.machining-box-img img{
    width: 100%;
	border: 1px solid #DFDFDF;
}

/* Pricing Box Price */
.machine {
    color: #ffffff !important;
    padding: 40px 0px;
    background-color: #ce1126;
}



/* ==================================================================
Pricing
================================================================== */

#pricing-box {
    font-size: 14px;
}

/* Pricing Box Header */
.pricing-box-header {
    color: #ffffff;
    padding: 40px 0px;
    background-image: url(../img/Pricing-Box-Header.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Pricing Box Body */
.pricing-box-body li {
    color: #989898;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 25px 0px;
}

/* Pricing Box Price */
.price {
    color: #ffffff !important;
    padding: 40px 0px;
    background-color: #ce1126;
}

/* Order Button */
.order {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 33px;
    color: #ffffff;
    padding: 10px 20px;
    background-color: #2b344c;
}

.order:hover {
    color: #ffffff;
}

/* Owl Carousel */
#clients-carousel {
border: solid #E3E3E3 1px;
  max-width: 1140px;
  background-color:#FFFFFF;
  text-align:center;}
  
 .imgcenter{
  position:relative;
display: inline-block;
float:left;
}
#clients-carousel img {
	position:relative;
display: inline-block;
float:left;
  width: auto; padding:20px;
}


#certs {
	width: 100%; 
	text-align: center;
	border: solid #E3E3E3 1px;
	max-width: 1140px;
	background-color:#FFFFFF;
	margin: 10px auto;
    position: relative;
}

#certsbox {
	width: 100%; 
	text-align: center;
	border: solid #E3E3E3 1px;
	max-width: 1140px;
	background-color:#FFFFFF;
	margin: 10px auto;
	padding: 30px 0;
    position: relative;
}
  
#imgcenter{
        display:inline-block;
        margin: 40px;
}

#certcenter {width:50%;}




/* ==================================================================
Testimonials
================================================================== */

#testimonials {
    text-align: center;
    height: auto;
    background-image: url(../img/nexus-cnc-shop-interior.jpg);
}

#testimonials img {
    width: 150px;
    height: 150px;
    border: 10px solid rgba(0, 0, 0, 0.5);
}

#testimonials p {
    color: rgba(225, 225, 225, 0.9);
}

#testimonials span {
    font-size: 13px;
    line-height: 50px;
    color: rgba(225, 225, 225, 0.9);
}


/* ==================================================================
Machining
================================================================== */

#Machining {
    text-align: center;
    height: auto;
    background-image: url(../img/nexus-cnc-shop-interior.jpg);
}

#Machining img {
    width: 400px;
    height: 400px;
    border: 10px solid rgba(0, 0, 0, 0.5);
}

#Machining p {
    color: rgba(225, 225, 225, 0.9);
}

#Machining span {
    font-size: 13px;
    line-height: 50px;
    color: rgba(225, 225, 225, 0.9);
}


/* ==================================================================
MachineShop
================================================================== */

#MachineShop {
    text-align: center;
    height: auto;
    background-image: url(../img/nexus-cnc-shop-interior.jpg);
}

#MachineShop img {
    width: 800px;
    height: 600px;
    border: 10px solid rgba(0, 0, 0, 0.5);
}

#MachineShop p {
    color: rgba(225, 225, 225, 0.9);
}

#MachineShop span {
    font-size: 13px;
    line-height: 50px;
    color: rgba(225, 225, 225, 0.9);
}


/* ==================================================================
Other Details
================================================================== */

/* Punch Text */
#punch-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
}

/* Other Details */
#other-details .section-title h1:after {
    margin: 20px 0px 0px;
}

/* Google Map */
#google-map {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

#map-canvas {
    width: 100%;
    height: 500px;
    border: 0;
}

/* Google Map Btn */
#google-map-btn {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2b344c;
    background-color: #ffffff;
    padding: 50px 0px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#google-map-btn:hover {
    color: #ffffff;
    background-color: #2b344c;
}

/* ==================================================================
Footer
================================================================== */

#main-footer {
    text-align: center;
    padding: 25px 0px;
}

#main-footer p {
    color: #989da8;
	font-size:13px;
	line-height:normal;
}

/* ==================================================================
About Pages
================================================================== */

/* Most Important Members */
.members ul {
    margin: 10px 0px;
}

.members ul li {
    display: inline-block;
}

.members ul li a i {
    font-size: 20px;
    line-height: 40px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    background-color: #2b344c;
    border: 1px solid #2b344c;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.members ul li a i:hover {
    color: #2b344c;
    background-color: transparent;
}

.members img {
    position: relative;
    cursor: pointer;
}

.members img:hover {
    opacity: 0.8;
}


/* ==================================================================
Support Pages
================================================================== */

/* Support Accordion */
#accordion .panel-heading {
    background-color: #2b344c;
}

#accordion .panel-heading:hover {
    background-color: #131417;
}

#accordion .panel-title {
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 0px;
}

#accordion .panel-body {
    border: 1px solid #2b344c;
    padding: 25px 0px;
}

/* ==================================================================
Blog Pages
================================================================== */

/* Blog Link */
.blog-link h1 {
    text-transform: uppercase;
    padding: 20px 0px 0px;
    color: #2b344c;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.blog-link h1:hover {
    color: #ce1126;
}

.blog-link-invert {
    font-size: 9px;
    color: #ce1126;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.blog-link-invert:hover {
    color: #2b344c;
}

/* Blog Pagination */
.pagination li a {
    color: #2b344c;
}

.pagination li a:hover {
    color: #ffffff;
    background-color: #2b344c;
}

/* Blog Post Author */
#blog-post .author {
    padding: 5px 0px;
    margin: 20px 0px;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}

#blog-post .author * {
    display: inline-block;
}

#blog-post .author p {
    font-size: 9px;
    margin-right: 20px;
}

/* Blog Post Tags */
#blog-post .tags i {
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    color: #2b344c;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #ce1126;
    margin: 30px 0px 10px;
}

#blog-post .tags a {
    font-size: 10px;
    text-transform: uppercase;
}

/* Blog Post Video */
#blog-post .video {
    width: 100%;
    height: 442px;
    max-width: 100%;
}

/* Blog Tags */
.blog-tags h2 {
    padding-bottom: 30px;
}

.blog-tags a {
    font-size: 10px;
    text-transform: uppercase;
    color: #2b344c;
    border: 1px solid #2b344c;
    padding: 10px;
    margin-bottom: 3px;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.blog-tags a:hover {
    color: #ffffff;
    background-color: #2b344c;
}

/* ==================================================================
Form
================================================================== */

.form .form-group > * {
    display: block;
    margin: 0px auto;
}

.form .form-group label {
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0px;
}

.form .form-group input {
    height: 50px;
}

.form .form-group input,
.form .form-group textarea {
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    border: 1px solid #2b344c;
    border-radius: 5px;
    background-color: #2b344c;
}

.form button {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #ce1126;
    border: 1px solid #ce1126;
    border-radius: 5px;
    padding: 15px 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.form button:hover {
    color: #ce1126;
    background-color: transparent;
}

/* Form Plceholder Color ( Cross Browser ) */
.form .form-group input::-webkit-input-placeholder,
.form .form-group textarea::-webkit-input-placeholder {
    color: #ffffff;
}
 
.form .form-group input:-moz-placeholder,
.form .form-group textarea:-moz-placeholder {
    color: #ffffff;
}
 
.form .form-group input::-moz-placeholder,
.form .form-group textarea::-moz-placeholder {
    color: #ffffff;
}
 
.form .form-group input:-ms-input-placeholder,
.form .form-group textarea:-ms-input-placeholder {
    color: #ffffff;
}

span.absa {font-family: 'Atomic+Age', cursive; font-size:32px;}