/* 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,
dl,
dt,
dd,
ol,
nav ul,
nav 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;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote,
q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* start editing from here */

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}
/* text align right */

.txt-lt {
    text-align: left;
}
/* text align left */

.txt-center {
    text-align: center;
}
/* text align center */

.float-rt {
    float: right;
}
/* float right */

.float-lt {
    float: left;
}
/* float left */

.clear {
    clear: both;
}
/* clear float */

.pos-relative {
    position: relative;
}
/* Position Relative */

.pos-absolute {
    position: absolute;
}
/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}
/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}
/* vertical align top */

.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}
/* Add 5px bottom padding and a underline */

nav.vertical ul li {
    display: block;
}
/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}
/* horizontal menu */

img {
    max-width: 100%;
}
/*end reset*/

body {
    background: #ffffff;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.wrap {
    margin: 0 auto;
    width: 70%;
}

.wrap_main {
    margin: 0 auto;
    width: 75%;
}

.header_bg {
    background: url('../images/grey.jpg') no-repeat center;
    border-bottom: 2px solid #C83939;
}

.header {
    padding: 2% 4%;
}

.logo {
    float: left;
}
/*--- social-icons ----*/

.social-icons {
    float: right;
}

.social-icons li:first-child {
    margin-left: 0;
}

.social-icons li {
    float: left;
    margin-left: 15px;
}

.social-icons li a {
    height: 26px;
    width: 26px;
    display: block;
    background: url(../images/soc_icons.png);
}

.social-icons li:nth-child(1) a {
    background: url(../images/soc_icons.png) 0% 0%;
}

.social-icons li:nth-child(1) a:hover {
    background: url(../images/soc_icons.png) 0% 98%;
}

.social-icons li:nth-child(2) a {
    background: url(../images/soc_icons.png) 32% 0%;
}

.social-icons li:nth-child(2) a:hover {
    background: url(../images/soc_icons.png) 32% 98%;
}

.social-icons li:nth-child(3) a {
    background: url(../images/soc_icons.png) 66% 0%;
}

.social-icons li:nth-child(3) a:hover {
    background: url(../images/soc_icons.png) 66% 98%;
}

.social-icons li:nth-child(4) a {
    background: url(../images/soc_icons.png) 100% 0%;
}

.social-icons li:nth-child(4) a:hover {
    background: url(../images/soc_icons.png) 100% 98%;
}
/* start header_btm */

.header_btm {
    padding-top: 107px;
    position: relative;
    background-color: white;
}

.header_btmmain {
    position: relative;
    background-color: white;
}

.header_sub {
    padding: 0 4%;
}
/* start menu */

.h_menu {
    float: right;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
}

.h_menu ul li {
    margin-right: 20px;
    float: left;
}

.h_menu ul li.active a {
    color: #C83939;
    border-bottom: 2px solid #C83939;
}

.h_menu ul li a {
    display: block;
    padding: 30px 15px;
    text-transform: uppercase;
    font-size: 0.925em;
    color: #555555;
    font-weight: 600;
    -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;
}

.h_menu ul li a:hover {
    color: #C83939;
    border-bottom: 2px solid #C83939;
}
/*DropDown*/

.h_menu ul ul {
    display: none;
}

.h_menu ul li:hover > ul {
    display: block;
    text-align: center;
}

.h_menu ul ul {
    background: #e6e6e6;
    border-radius: 10px;
    padding-left: 16px;
    padding-bottom: 5px;
    position: absolute;
    top: 100%;
    width: 140px;
    z-index: 100;
}

.h_menu ul ul li {
    float: none;
    border-radius: 6px;
    border-bottom: 2.5px solid #575f6a;
    position: relative;
}

.h_menu ul ul li a {
    padding: 12px 5px;
    color: #555555;
    font-size: 11px;
}

.h_menu ul ul li a:hover {
    background: #e6e6e6;
    border-bottom: none;
    border-radius: 10px;
}
/*search*/

.h_search {
    float: right;
    position: relative;
    border: 1px solid rgb(216, 216, 216);
    margin: 20px 0;
    width: 24.3333%;
}

.h_search input[type="text"] {
    -webkit-appearance: none;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 16px;
    outline: none;
    color: #312c3c;
    background: #FFFFFF;
    border: none;
    width: 78.33333%;
    line-height: 1.5em;
    position: relative;
    font-size: 0.8725em;
    text-transform: capitalize;
}

.h_search input[type="submit"] {
    -webkit-appearance: none;
    background: url('../images/search.png') no-repeat 10px 10px;
    padding: 10px 0px;
    border: none;
    cursor: pointer;
    width: 14.33%;
    line-height: 1.5em;
    outline: none;
    position: absolute;
    right: 0px;
}

.h_search input[type="submit"]:hover {
    background: url('../images/search_h.png') no-repeat 10px 10px;
}
/*--- start iphone_nav -----*/

.sub-head {
    display: none;
    background: #FFFFFF;
    border-bottom: 4px solid #00BAC6;
}

.sub-head li {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
}

.sub-head li a span {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.sub-head li a.active {
    color: #fff;
    background: #00BAC6;
}

.sub-head li:first-child a {
    border-right: 1px solid rgb(150, 148, 148);
}

.sub-head a {
    text-transform: uppercase;
    font-size: 1em;
    position: relative;
    display: block;
    color: #555;
    padding: 10px;
}

.menu {
    background: #f0f0f0;
}

.menu li {
    display: block;
}

.menu li a {
    font-size: 0.8125em;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    color: #555;
    border-bottom: 1px solid rgb(199, 199, 199);
}

.menu li:last-child a {
    border-bottom: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.alignright fieldset {
    border: 2px groove threedface !important;
    padding: 20px !important;
    width: 50% !important;
}

.search {
    display: block;
    padding: 10px;
    text-align: center;
    background: #f6f6f6;
}

.search input[type=text] {
    width: 90%;
    padding: 10px;
    border: 1px solid rgb(217, 218, 215);
    color: #555;
    font-size: 13px;
    background: #FFF;
    outline: none;
}

.back-btn {
    cursor: pointer;
    background: rgb(71, 71, 71);
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.back-btn ul li {
    display: inline-block;
    padding: 4px 6px;
}

.back-btn ul li:before {
    content: url('../images/back.png');
}

.back-btn ul li a {
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    margin-left: -8px;
    line-height: 1.7em;
    vertical-align: bottom;
}
/* start slider */

.slider_bg {
    background: url('../images/greypat.jpg');
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider {
    padding: 0 4%;
}
/* start main */

.main {
    padding: 6% 4%;
    margin: 0% 4%;
}

.main_text {
    text-align: center;
}

.main_text h2 {
    font-size: 2em;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    margin-bottom: 2%;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.main_text h2 span {
    color: #C83939;
    -webkit-text-stroke: 2px;
}
/*
.heading_red .image {
    width: 50px;
    height: 50px;
}
*/

.heading_red .text {
    font-size: 1.1em;
    text-shadow: 0 1px 0 #ffffff;
    margin-bottom: 10px;
    color: black;
}
/*
.heading_red .image,
.heading_red .text {
    display: inline-block;
    vertical-align: bottom;
}
*/
/** para style **/
/** para style main **/

p.mpara {
    font-size: 0.8725em;
    color: #555555;
    line-height: 1.8em;
}
/* start grids_of_3 */

.grids_of_3 {
    text-align: center;
    margin: 6% 0 4%;
}

.grid1_of_3:first-child {
    margin-left: 0;
}

.grid1_of_3 {
    float: left;
    width: 30.3333%;
    margin-left: 4.3333%;
}

.grid1_of_3 h3 {
    margin: 2% 0;
}

.grid1_of_3 h3 a {
    font-size: 1.2em;
    text-transform: capitalize;
    color: #717073;
    text-shadow: 0 1px 0 #ffffff;
    font-weight: bolder;
}

.grid1_of_3 h3 a span {
    color: #777777;
    font-weight: normal;
}

.grid1_of_3 p {
    font-size: 0.8125em;
    color: #555555;
    line-height: 1.8em;
    width: 80%;
    margin: 0 auto;
}
/* start span_of_3 */

.main_bg {
    background: #eeeeee;
}

.content_top {
    text-align: center;
    position: relative;
}

.content_top:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 40px solid #eee;
    border-top: 0 solid rgba(0, 0, 0, 0)!important;
    border-right: 35px solid rgba(0, 0, 0, 0)!important;
    border-left: 35px solid rgba(0, 0, 0, 0)!important;
    left: 47%;
    top: -40px;
    margin-left: -10px;
}

.span_of_3 {
    margin: 4% 0 0;
}

.span_of_3:first-child {
    margin: 0;
}

.span1_of_3 {
    float: left;
    width: 30.3333%;
    margin-left: 3.3333%;
    border: 1px solid rgb(206, 206, 206);
}

.span1_of_3:first-child {
    margin-left: 0;
}

.span1_of_3 img {
    width: 100%;
}

.span1_of_3_text {
    padding: 20px;
}

.span1_of_3 h3 {
    margin-bottom: 2%;
}

.span1_of_3 h3 a {
    font-size: 1em;
    text-transform: capitalize;
    color: #555555;
    text-shadow: 0 1px 0 #ffffff;
    font-weight: 600;
    -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;
}

.span1_of_3 h3 a:hover {
    color: #C83939;
}

.span1_of_3 p {
    font-size: 0.8125em;
    color: #555555;
    line-height: 1.8em;
}
/* start cauresol */

.nbs-flexisel-container {
    padding: 4% 0;
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item > img {
    width: 130px;
    height: 70px;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 500px;
    max-height: 300px;
}
/*** start cauresol  navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 46px;
    height: 100px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 0px;
    background: url(../images/img-sprite.png) no-repeat -19px -21px;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/img-sprite.png) no-repeat -55px -20px;
}
/* start footer */

.footer_bg {
    background: url('../images/footer_bg.png');
}

.footer {
    padding: 5% 4%;
}

.span_of_4 {
    display: block;
}

.span1_of_4 {
    float: left;
    width: 22.3333%;
    margin-left: 3.3333%;
}

.span1_of_4:first-child {
    margin-left: 0;
}

.span1_of_4 h4 {
    margin-bottom: 8%;
    font-size: 1.5em;
    text-transform: capitalize;
    color: #ffffff;
    text-shadow: 0 1px 0 #555555;
}

.span1_of_4 p {
    font-size: 0.8725em;
    line-height: 1.8em;
    color: #c9c9c9;
}

.span1_of_4 p a {
    color: #c9c9c9;
    -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;
}

.span1_of_4 p a:hover {
    color: #00BAC6;
}

.span1_of_4 p.top {
    border-top: 1px solid rgb(99, 99, 99);
    margin-top: 20px;
    padding-top: 10px;
}

.span1_of_4 p.btm {
    margin-bottom: 8%;
}

.span1_of_4 p.btm1 {
    margin-bottom: 4%;
}

.f_nav1 {
    margin-top: 2%;
}

.f_nav1 li {
    display: inline-block
}

.f_nav1 li.timer {
    background: url('../images/timer.png') no-repeat;
}

.f_nav1 li a {
    padding-left: 30px;
    font-size: 0.8725em;
    color: #999999;
}

.pin {
    background: url('../images/pin.png') no-repeat;
    padding-left: 30px;
}

.mail {
    background: url('../images/mail.png') no-repeat;
    padding-left: 30px;
}

.call {
    background: url('../images/call.png') no-repeat;
    padding-left: 30px;
}

big {
    font-size: 1.5em;
    color: #ffffff;
}
/* start footer1 */

.footer_bg1 {
    background: url('../images/footer_bg1.png');
}

.footer1 {
    padding: 4% 4%;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/top-move.jpg) no-repeat right top;
}

.copy {
    float: center;
}

.copy p {
    font-size: 0.8725em;
    line-height: 1.8em;
    color: #c9c9c9;
}

.copy p a {
    color: #ffffff;
    -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;
}

.copy p a:hover {
    color: #00BAC6;
}
/* start about */

.top_bg {
    background: #253c90;
    background-size: 100%;
    height: 125px;
    <!-- background-image: url("/images/JM-Colour-Swish-2.png"), none;
    -->
}

.top_bgmain {
    background: #253c90;
    background-size: 100%;
    height: 80px;
}

.top {
    padding: 0.3% 4%;
}

.top h2 {
    font-size: 2em;
    color: #ffffff;
    padding-top: 20px;
}

.topmain h2 {
    font-size: 1.3em;
    color: #ffffff;
    padding-top: 25px;
    text-align: center;
}

.about {
    display: block;
}

.cont-grid {
    float: left;
    width: 60.3333%;
}

.cont-grid-img {
    margin-left: 3.3333%;
    width: 36.33333%;
    float: left;
}

.cont-grid-img img {
    margin-top: 10px;
}

.cont-grid span {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.abt-para p {
    margin-top: 2%;
}

.abt-para ul {
    list-style: inherit !important;
    padding-left: 20px
}

.abt-para ul li {
    font-size: 14px;
    line-height: 1.8em;
    color: #868686;
}

.about-p {
    margin-top: 20px;
}

.read_more {
    margin-top: 2%;
}

.btn {
    color: #00BAC6;
    background: #ffffff;
    border: 1px solid #22D5E0;
    display: inline-block;
    text-transform: uppercase;
    padding: 12px 38px;
    font-size: 0.875em;
    -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;
}

.btn:hover {
    background: #00BAC6;
    color: #ffffff;
}
/* start services */

.ser_btn {
    position: relative;
    margin-top: 12%;
}

.ser_btn1 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.button {
    color: #555555;
    border-top: 1px solid rgb(221, 221, 221);
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875em;
    width: 100%;
    padding: 12px 0;
    -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;
}

.button:hover {
    background: #00BAC6;
    color: #ffffff;
}
/* start blog */

.blog {
    display: block;
}

.blog_list {
    margin-top: 4%;
}

.blog_list:first-child {
    margin-top: 0%;
}

.blog_list h2 {
    font-size: 1.5em;
}

.blog_list h5 {
    margin-top: 8px;
    font-size: 1em;
    text-transform: capitalize;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
}

.blog_list h5 a {
    color: #00BAC6;
    -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;
}

.blog_list h5 a:hover {
    color: #777777;
}

.blog_para {
    margin: 2% 0;
}

.blog_para p a {
    float: left;
    margin-right: 4%;
}

.blog_para p a img {
    margin-top: 10px;
}
/* start contact */

.contact {
    display: block;
}

.contact h2 {
    font-size: 1.5em;
    color: #ED1C24;
    font-weight: bold;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.map {
    margin: 2% 0;
}

.col {
    display: block;
}

.contact-form {
    width: 100%;
    display: inline-flex;
}

.contact-form fieldset {
    border: 2px groove threedface !important;
    padding: 20px !important;
    width: 50% !important;
}

.contact-form fieldset h1 {
    font-size: 20px;
}

.contact-form div {
    padding: 5px 0;
}

.contact-form span label {
    color: #777777;
    display: block;
    font-size: 1.2em;
    padding-bottom: 5px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.contact-form input[type="text"],
.contact-form textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    color: black;
    padding: 8px;
    display: block;
    width: 98%;
    outline: none;
    -webkit-appearance: none;
}

.contact-form input:focus {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form textarea:focus {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form input:hover {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form textarea:hover {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form textarea {
    resize: none;
    height: 70px;
}

.ui-selectmenu-button {
    width: 100% !important
}

.contact-form input[type="submit"] {
    margin-top: 10px;
    width: 100%;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    border-radius: 25px;
    -webkit-appearance: none;
    cursor: pointer;
    color: #fff;
    background: #253c90;
    border: 1px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    padding: 12px 38px;
    font-size: 0.875em;
    -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;
}

.contact-form input[type="submit"]:hover {
    background: #C83939;
    color: #ffffff;
}
/* start details */

.details {
    display: block;
}

.details h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
}

.det_pic {
    margin: 2% 0;
}
/***** Media Quries *****/

@media only screen and (max-width: 1630px) {
    .wrap {
        width: 95%;
    }
    #topimage {
        padding-left: 6% !important
    }
    #cssmenu a {
        padding: 0px 0px !important
    }
    #cssmenu li a {
        padding: 30px 20px !important
    }
    #cssmenu ul {
        line-height: 45px !important
    }
}

@media only screen and (max-width: 1380px) {
    .wrap {
        width: 95%;
    }
    .h_menu ul li a {
        padding: 30px 10px;
        font-size: 0.8125em;
    }
    .h_menu ul li a {
        padding: 30px 6px;
        font-size: 0.8125em;
    }
    #cssmenu ul {
        left: 0;
        float: left;
    }
    #cssmenu a {
        padding: 0px 0px !important;
    }
    #cssmenu li a {
        padding: 10px 10px !important;
    }
    #cssmenu ul {
        line-height: 85px !important;
    }
}

.icon {
    display: inline-block;
    vertical-align: baseline;
    overflow: hidden;
    margin: 1px;
    width: 48px;
    height: 48px;
    font-size: 0;
    text-indent: -9999px;
}

.icon-cube {
    position: relative;
    -webkit-perspective: 800px;
    perspective: 800px;
    overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/images/social/icons5.png");
    background-image: url("/images/social/icons5.svg"), none;
    content: "";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.icon-cube::before {
    z-index: 2;
    background-color: #595959;
}

.icon-cube::after {
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(24px) rotateX(-90deg);
    transform: translateY(24px) rotateX(-90deg);
}

.icon-cube:hover::before {
    opacity: 0;
    -webkit-transform: translateY(-24px) rotateX(90deg);
    transform: translateY(-24px) rotateX(90deg);
}

.icon-cube:hover::after {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
/* facebook */

.icon-cube.facebook::before,
.icon-cube.facebook::after {
    background-position: 0 0;
}

.icon-cube.facebook::after {
    background-color: #3b5998;
}
/* twitter */

.icon-cube.twitter::before,
.icon-cube.twitter::after {
    background-position: -48px 0;
}

.icon-cube.twitter::after {
    background-color: #4099ff;
}
/* google plus */

.icon-cube.googleplus::before,
.icon-cube.googleplus::after {
    background-position: -96px 0;
}

.icon-cube.googleplus::after {
    background-color: #d34836;
}
/* github */

.icon-cube.github::before,
.icon-cube.github::after {
    background-position: -288px 0;
}

.icon-cube.github::after {
    background-color: #333333;
}
/* rss */

.icon-cube.rss::before,
.icon-cube.rss::after {
    background-position: -384px 0;
}

.icon-cube.rss::after {
    background-color: #ee802f;
}

.social-icons {
    position: fixed;
    float: left;
    bottom: 100px;
    width: 10px;
    z-index: 9999;
}

#menu {
    display: none;
}

.menu {
    display: none;
}

.slicknav_menu {
    display: none;
}

.slicknav_menu > ul > li {
    border-bottom: 1px solid black;
}

.logoImg {
    max-width: 100%;
}

@media only screen and (max-width: 1135px) {
    .wrap {
        width: 95%;
    }
    .h_menu {
        display: none;
    }
    .h_search {
        display: none;
    }
    .sub-head {
        display: block;
    }
    .span1_of_4 h4 {
        font-size: 1.2em;
    }
    .grids_of_3 {
        margin-top: 4%;
    }
    .grid1_of_3 {
        float: none;
        width: 99.3333%;
        margin-left: 0;
    }
    .span1_of_3 {
        margin-top: 4%;
        float: none;
        width: 99.3333%;
        margin-left: 0;
    }
    .logo {
        float: none;
        text-align: center;
    }
    .top h2 {
        font-size: 1.5em;
    }
    .contact h2 {
        font-size: 1em;
    }
    .sub-head a {
        font-size: 0.8725em;
    }
    .cont-grid span {
        font-size: 1em;
    }
    .details h2 {
        font-size: 1em;
    }
    .grid1_of_3 {
        margin: 20px 0;
    }
    .grid1_of_3 img {
        width: 20%;
    }
    #cssmenu {
        display: none !important;
    }
    .slicknav_menu {
        display: block;
    }
    .header_btm {
        padding-top: 55px;
    }
    .menu {
        display: block;
        position: fixed;
        z-index: 999;
        width: 25%;
        background: white;
    }
    .address {
        display: none;
    }
    .footerb p.phone {
        z-index: 99;
        float: none !important;
        margin: -2% 0% !important;
        text-align: center
    }
    #sliderThumbnails {
        display: none;
    }
    .social-icons {
        width: 100%;
        bottom: 90px;
    }
    .logoImg {
        max-width: 133px;
        padding-top: 2%;
    }
}

@media only screen and (max-width: 780px) {
    .wrap {
        width: 95%;
    }
    .topmain h2 {
        font-size: 1em;
    }
    .wrap_main {
        margin: 0 auto;
        width: 100%;
    }
    .main {
        padding: 4% 0 !important;
    }
    .abt-para p {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 640px) {
    .wrap {
        width: 95%;
    }
    .span1_of_4 {
        float: none;
        width: 99.3333%;
        margin-left: 0%;
    }
    .span1_of_4 h4 {
        margin: 2% 0;
    }
    .span1_of_4 p.btm {
        margin-bottom: 2%;
    }
    .social-icons li {
        float: none;
        display: inline-block;
    }
    .cont-grid {
        float: none;
        width: 99.3333%;
    }
    .cont-grid-img {
        margin-left: 0%;
        width: 99.33333%;
        float: none;
    }
    .main_text h2 {
        font-size: 1.5em;
    }
    .contact-form fieldset {
        width: 86% !important;
    }
    .contact-form {
        display: inline-block;
    }
}

@media only screen and (max-width: 320px) {
    .wrap {
        width: 95%;
    }
    .sub-head a {
        font-size: 0.8125em;
    }
    .grid1_of_3 {
        margin: 20px 0;
    }
    .grid1_of_3 img {
        width: 20%;
    }
    .content_top:after {
        border: 20px solid #eee;
        border-top: 0 solid rgba(0, 0, 0, 0)!important;
        border-right: 15px solid rgba(0, 0, 0, 0)!important;
        border-left: 15px solid rgba(0, 0, 0, 0)!important;
        left: 47%;
        top: -20px;
    }
}

.footer {
    padding: 20px 0;
    background: url('../images/grey.png') no-repeat center;
    background-size: 100%;
}

.footer p {
    font-size: 17px;
    color: #FFF;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.footer p.address {
    float: left;
    margin: 0% 4%;
}

.footer p.phone {
    float: right;
    margin: 0% 5%;
}

.footer p.address img,
.footer p.phone img {
    vertical-align: middle;
}

.footer p.phone span {
    color: #222;
}

.copy-right {
    padding: 20px 0;
    background: #232322;
}

.copy-right p {
    font-size: 0.85em;
    color: #A5A5A5;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
}

.copy-right p a {
    text-decoration: underline;
    color: #C83939;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.copy-right p a:hover {
    color: #FFF;
    text-decoration: none;
}

.push {
    height: 100px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 1200px) {
    .push {
        height: 8em;
    }
}

.footerb { z-index: 99;
    position: fixed;
    bottom: 35px;
    height: 15px;
    width: 100%;
    padding: 20px 0;
    background: #253c90;
    background-size: 100%;
}

.footerb p {
    font-size: 17px;
    color: #FFF;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.footerb p.address {
    float: left;
    margin: -0.5% 4%;
}

.footerb p.phone {
    float: right;
    margin: -0.5% 7%;
}

.footerb p.address img,
.footerb p.phone img {
    vertical-align: middle;
}

.copy-rightb {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: white;
}

.copy-rightb p {
    font-size: 0.85em;
    color: black;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
}

.copy-rightb p a {
    color: black;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.copy-rightb p a:hover {
    color: #ed1c24;
    text-decoration: none;
}

.main {
    padding: 2% 0;
}

.images_1_of_4 img {
    display: inline-block;
}

.images_1_of_4 h4 {
    margin: 30px 0 15px;
}

.images_1_of_4 h4 a {
    display: inline-block;
    color: #353535;
    font-size: 1.5em;
    font-family: 'texgyreadventorregular';
    text-transform: uppercase;
    -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;
}

.images_1_of_4 h4 a:hover {
    text-decoration: none;
    color: #ff5454;
}

.images_1_of_4 span {
    width: 120px;
    height: 120px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.bg {
    background: #3b3b3b;
    -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;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -o-border-radius: 75px;
}

.images_1_of_4 span i {
    font-size: 6em;
    color: #e0e0e0;
    line-height: 2em;
    text-shadow: 1px 1px 0px #3b3b3b;
    -webkit-text-shadow: 1px 1px 0px #3b3b3b;
    -moz-text-shadow: 1px 1px 0px #3b3b3b;
    -o-text-shadow: 1px 1px 0px #3b3b3b;
    -ms-text-shadow: 1px 1px 0px #3b3b3b;
}

.para {
    font-size: 16px;
    line-height: 1.8em;
    color: #868686;
}

.para2 {
    font-size: 14px;
    line-height: 1.8em;
    color: #C83939;
}

.images_1_of_4 a {
    position: relative;
    z-index: 1;
}
/* Button 1 */

.fa-btn {
    font-size: 14px;
    background: none;
    cursor: pointer;
    padding: 12px 40px;
    display: inline-block;
    margin: 10px 0px;
    text-transform: uppercase;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.fa-btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-1 {
    border: 2px solid #ff5454;
    color: #3b3b3b;
}
/* Button 1e */

.btn-1e {
    overflow: hidden;
}

.btn-1e:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #ff5454;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover,
.btn-1e:active {
    color: #ffffff;
    text-decoration: none;
}

.btn-1e:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-1e:active:after {
    height: 400%;
    opacity: 1;
}
/* start main_btm */

.main_btm {
    background: #FFFFFF;
    border-top: 1px solid rgb(233, 233, 233);
}

.content_right h4 {
    color: #353535;
    font-size: 2.5em;
    font-family: 'texgyreadventorregular';
    line-height: 1.5em;
}

.content_right h4 span {
    color: #ff5454;
}

.content_right a {
    position: relative;
    z-index: 1;
}

#topbar {
    background: url('../images/grey.png') no-repeat center;
    padding-top: 2px;
    padding-bottom: 12px;
    text-align: center;
    height: 14px;
    background-size: 100%;
    overflow: hidden;
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    transition: height 0.5s linear;
}

#topbar a {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 1.3em;
    line-height: 1.25em;
    text-decoration: none;
    font-weight: bold;
}

#topbar a:hover {
    opacity: 1;
}

#tophiddenbar {
    display: block;
    width: 100%;
    background: #000000;
    color: #C83939;
    padding: 8px 0;
    font-size: 1.3em;
    text-align: center;
    text-shadow: 1px 1px 0 #444;
}

#tophiddenbar a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    opacity: 0.5;
    text-shadow: none;
}

#tophiddenbar a:hover {
    opacity: 1;
}

#topbar:hover {
    height: 60px;
    background: #C83939;
}

.hidden {
    display: none;
}

.unhidden {
    display: block;
}

.Table2 {
    margin: 0px;
    padding: 0px;
    width: 15%;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.Table2 table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.Table2 tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.Table2 table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.Table2 table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.Table2 tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.Table2 tr:hover td {}

.Table2 tr:nth-child(odd) {}

.Table2 tr:nth-child(even) {}

.Table td {
    vertical-align: middle;
    text-align: left;
    padding: 10px;
    font-size: 10px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
}

.Table2 tr:last-child td {}

.Table2 tr td:last-child {}

.Table2 tr:last-child td:last-child {}

.Table2 tr:first-child td {
    text-align: left;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
}

.Table2 tr:first-child:hover td {}

.Table2 tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.Table2 tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

.top-wrapper {
    margin-bottom: 20px;
}

.ui-dialog {
    z-index: 9999 !important
}

#cssmenu li a {
    padding: 20px 30px;
}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
    margin: 0px;
    padding: 0;
    position: relative;
    font-size: 19px;
    font-weight: 500;
    color: #717073;
}

#cssmenu {
    position: fixed;
    line-height: 1;
    background: white;
    background-size: 100%;
    width: 100%;
    z-index: 999;
}

#cssmenu:after,
#cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}

#cssmenu a {
    background: #141414;
    background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
    background: -o-linear-gradient(top, #333333 0%, #141414 100%);
    background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
    background: linear-gradient(to bottom, #333333 0%, #141414 100%);
    color: #ffffff;
    display: block;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 19px 40px;
    text-decoration: none;
}

#cssmenu ul {
    float: right;
    list-style: none;
    margin: 0 auto;
    padding-right: 17%;
    line-height: 65px
}

#cssmenu > ul > li {
    display: inline-block;
    float: left;
    margin: 0;
}

#cssmenu.align-center {
    text-align: center;
}

#cssmenu.align-center > ul > li {
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul {
    float: right;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu > ul > li > a {
    color: black;
    font-size: 12px;
    background: white;
}

#cssmenu > ul > li:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
}

#cssmenu .menu1:hover:after {
    border-bottom: 10px solid #253c90;
}

#cssmenu .menu2:hover:after {
    border-bottom: 10px solid #ed1c24;
}

#cssmenu .menu3:hover:after {
    border-bottom: 10px solid #f1592a;
}

#cssmenu .menu4:hover:after {
    border-bottom: 10px solid #fdcd0c;
}

#cssmenu .menu5:hover:after {
    border-bottom: 10px solid #25aae1;
}

#cssmenu > ul > li:first-child > a {
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
}

#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#cssmenu.align-right > ul > li:last-child > a {
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
    color: black;
    background: white;
}

#cssmenu > ul > li.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
}

#cssmenu .menu1.active:after {
    border-bottom: 10px solid #253c90;
}

#cssmenu .menu2.active:after {
    border-bottom: 10px solid #ed1c24;
}

#cssmenu .menu3.active:after {
    border-bottom: 10px solid #f1592a;
}

#cssmenu .menu4.active:after {
    border-bottom: 10px solid #fdcd0c;
}

#cssmenu .menu5.active:after {
    border-bottom: 10px solid #25aae1;
}

#cssmenu .has-sub {
    z-index: 9999;
}

#cssmenu .has-sub:hover > ul {
    display: block;
}

#cssmenu .has-sub ul {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    left: 0;
}

#cssmenu.align-right .has-sub ul {
    left: auto;
    right: 0;
}

#cssmenu .has-sub ul li {
    *margin-bottom: -1px;
}

#cssmenu .has-sub ul li a {
    background: white;
    border-bottom: 1px solid #e6e6e6;
    font-size: 11px;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #ffffff;
}

#cssmenu .has-sub ul li:hover a {
    background: #B0B0B0;
     color: #ffffff;
}

#cssmenu .has-sub ul li:hover span {
     color: #ffffff;
}

#cssmenu ul ul li:hover > a {
    color: #ffffff;
}

#cssmenu .has-sub .has-sub:hover > ul {
    display: block;
}

#cssmenu .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
    left: auto;
    right: 100%;
}

#cssmenu .has-sub .has-sub ul li a {
    background: #ff4500;
    border-bottom: 1px solid #e6e6e6;
}

#cssmenu .has-sub .has-sub ul li a:hover {
    background: #f4a460;
}

#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
    border-bottom: 0;
}

#cssmenu .has-sub ul li a span {
    font-size: 16px
    
}

#topimage {
    padding-left: 14.6%;
}

#topimage img {
    float: left;
    width: 90%;
    padding-top: 4px;
}

#topimage,
#cssmenu {
    display: inline-block;
    vertical-align: bottom;
}

#dropmenu .has-sub {
    z-index: 1;
    width: 30%
}

#dropmenu .has-sub:hover > ul {
    display: block;
}

#dropmenu .has-sub ul {
    display: none;
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    width: 20%;
}

#dropmenu.align-right .has-sub ul {
    left: auto;
    right: 0;
}

#dropmenu .has-sub ul li {
    *margin-bottom: -1px;
    width: 100%;
}

#dropmenu .has-sub ul li a {
    background: #787878;
    border-bottom: 1px solid #e6e6e6;
    font-size: 15px;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #ffffff;
}

#dropmenu .has-sub ul li:hover a {
    background: #B0B0B0;
}

#dropmenu ul ul li:hover > a {
    color: #ffffff;
}

#dropmenu .has-sub .has-sub:hover > ul {
    display: block;
}

#dropmenu .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

#dropmenu.align-right .has-sub .has-sub ul,
#dropmenu.align-right ul ul ul {
    left: auto;
    right: 100%;
}

#dropmenu .has-sub .has-sub ul li a {
    background: #ff4500;
    border-bottom: 1px solid #e6e6e6;
}

#dropmenu .has-sub .has-sub ul li a:hover {
    background: #f4a460;
}

#emailSelect-button {
    background: white
}

.errorHidden {
    color: #C83939;
    display: none;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
    font-style: italic;
    font-size: 0.8725em;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.errorShow {
    color: #C83939;
    display: block;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
    font-style: italic;
    font-size: 0.8725em;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.spamBotInput {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .contact-form2 textarea {
        width: 84%;
    }
}
/* start contact */

.contact2 {
    border: solid 5px #777777;
    display: block;
    border-radius: 20px;
    box-shadow: 4px 4px 10px #C83939;
}

.contact2 h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #ED1C24;
    text-shadow: 0 1px 0 #ffffff;
    text-align: center;
}

.map2 {
    margin: 2% 0;
}

.col2 {
    display: block;
}

.contact-form2 {
    position: relative;
}

.contact-form2 div {
    padding: 5px 0;
}

.contact-form2 span label {
    color: #777777;
    display: block;
    margin-left: 15px;
    font-size: 0.8725em;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.contact-form2 input[type="text"],
.contact-form2 textarea {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    color: rgba(85, 81, 81, 0.84);
    padding: 8px;
    display: block;
    width: 88%;
    border-radius: 10px;
    margin-left: 15px;
    outline: none;
    -webkit-appearance: none;
}

.contact-form2 input:focus {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form2 textarea:focus {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form2 input:hover {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form2 textarea:hover {
    border: 1px solid #C83939;
    box-shadow: 0 0 10px #C83939;
}

.contact-form2 textarea {
    resize: none;
    height: 120px;
}

.contact-form2 input[type="submit"] {
    margin-top: 10px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    -webkit-appearance: none;
    cursor: pointer;
    color: #fff;
    background: #777777;
    border: 1px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    padding: 12px 38px;
    font-size: 0.875em;
    margin-left: 31%;
    border-radius: 10px;
    -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;
}

.contact-form2 input[type="submit"]:hover {
    background: #C83939;
    color: #ffffff;
}