/*==========================================================================================*/
/*=============-                                                          -=================*/
/*=============|         !!!!!!!! CSS ADDED BY PUROHIT A !!!!!!!!         |=================*/
/*=============-                                                          -=================*/
/*==========================================================================================*/

/* =========================== */
/* !! USE TO WEB SITE COLOR !! -
    1. #000000;                -
    2. #ffffff;                -
    3. #777777                 -
    4. #666666                 -
    5. #444444                 -
    6. #333333                 -
    7. #222222                 -
------------------------------ -
    8. #------                 -
    9. #------                 -
   10. #------                 -
   11. #------                 -
   12. #------                 -
                               */
/* =========================== */

/*----------------------------------------------*/
/* ! GOOGLE FONT IMPORT !                       */
/*----------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

/*----------------------------- - 
!!  SITE  ( " font-family: 'Poppins', sans-serif; " ) FONT-WEIGHT !!      
    thin      : ---             -
    ex-light  : ---             -
    light     : 300             -
    regular   : 400             -
    medium    : 500             -
    semi-bold : 600             -
    bold      : 700             -
    ex-bold   : ---             -
    black     : ---             -

------------------------------- - */
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Lucida Handwriting Italic';
	src: url('../fonts/Lucida Handwriting Italic.eot');
	src: local('☺'), url('../fonts/Lucida Handwriting Italic.woff') format('woff'),
        url('../fonts/Lucida Handwriting Italic.ttf') format('truetype'), 
        url('../fonts/Lucida Handwriting Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*----------------------------- - 
!! SITE PAGE USE !!             -
    1. --------                 -
    2. --------                 -
    3. --------                 -
    4. --------                 -
    5. --------                 -
------------------------------- - */

/* ============================================ */
/* !!!!  SITE GLOBAL STYLE CSS             !!!! */
/* ============================================ */

*,
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fafafa;
    background: #000;
/*
    background: url(../images/body-bg.jpg)no-repeat;
    background-position: 50% 50%;
    background-size: cover;
*/
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

a,
.btn,
button {
    cursor: pointer;
}

a, a:hover, a:focus, a:active,
button, button:hover, button:focus,
input, input:hover, input:focus,
select, select:hover, select:focus,
textarea, textarea:hover, textarea:focus,
.btn, .btn:hover, .btn:focus,
.btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    text-decoration: none;
    outline: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="button"]:focus, textarea:focus {
    outline: none;
}
/**/
.span-block {
    display: block;
}
.span-inline-block {
    display: inline-block;
}
.span-italic { 
    font-style: italic;
}

.light-gry-bg {
    background: #fafafa;
}
.list-style{
    list-style: none;
}


/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
a,p,li {
    font: 16px/26px 'Poppins', sans-serif;;
    letter-spacing: 0;
    font-weight: 400;
}
ul,ol,li,h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
ul,ol {
    margin: 0;
    padding: 0;
}
/* ============================================= */
/* !!!!       row no-gutter css             !!!! */
/* ============================================= */
.row-no-gutter {
    margin-right: 0;
    margin-left: 0;
}
.row-no-gutter [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* ============================================= */
/* !!!!       ALL CSS Minify                !!!! */
/* ============================================= */
*:hover, *:focus, *:after, *:before, path {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


/* ============================================= */
/* !!!!            HOME PAGE                !!!! */
/* ============================================= */
.main-kevin-title {
    position: relative;
    clear: both;
    padding: 0;
}
.main-kevin-title.text-center h1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.main-kevin-title.text-center h1 .ring-stock {
    position: absolute;
    bottom: -70px;
    right: -30px;

}
/**/
.main-banner-wrap {
    position: relative;
    clear: both;
    padding: 0 0 0;
}
/**/
.kevin-main-content {
    padding: 50px 0 0;
    position: relative;
    clear: both;
}
.kevin-main-content h2 {
    font-family: 'Conv_Lucida Handwriting Italic';
    margin: 0;
    padding: 0 0 50px 0;
    color: #d7d6d9;
    font-size: 51px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-variant: small-caps;
}


/* ============================================= */
/* !!!!            FORM PAGE                !!!! */
/* ============================================= */
.kevin-invitation-form-wrapper {
    position: relative;
    padding: 100px 0;
}

.kevin-invitation-form-wrapper h2 {
    font-family: 'Conv_Lucida Handwriting Italic';
    margin: 0;
    padding: 0 0 50px 0;
    color: #d7d6d9;
    font-size: 31px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.kevin-invitation-form-wrapper .invitation-form {
    width: 555px;
    margin: 0 auto 30px;
    background: #fafafa;
    padding: 50px;
}
.kevin-invitation-form-wrapper .invitation-form input, .kevin-invitation-form-wrapper .invitation-form select, .kevin-invitation-form-wrapper .invitation-form textarea {
    border: 2px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 15px;
    height: 50px;
    font-size: 16px;
    color: #666;
}
.kevin-invitation-form-wrapper .invitation-form select {
    display: block;
    width: 100%;
    padding: 10px 15px;
}
.kevin-invitation-form-wrapper .invitation-form label {
    color: #444;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.kevin-invitation-form-wrapper .invitation-form .btn-submit {
    border: none;
    width: 260px;
    height: 55px;
    padding: 15px 50px 10px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    margin: 30px auto 0 auto;
    display: block; 
    background: #000;
    color: #fff;
}
.kevin-invitation-form-wrapper .invitation-form .has-error {
    display: block;
    color: #f00;
    margin: 5px 0 0 0;
    text-transform: capitalize;
}
/* popup wrapper */
.popup-wrapper .popup-msg-title {
    color: #000;
    text-transform: capitalize;
}
.popup-wrapper .modal-dialog {
    width: 500px;
    margin: 100px auto;
}
.yes_no {
    margin: 30px 30px;
    color: #fff;
    padding: 10px 40px;
    background: #000;
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
}
.yes_no:hover,.yes_no:focus {
    color: #fff;
}
.kevin-invitation-form-wrapper .invitation-form p {
    color: #000;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
}
.kevin-invitation-form-wrapper .invitation-form .has-success {
 color: green;
    display: block;
    margin: 15px 0 0 0;
    text-transform: capitalize;
    padding: 6px 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 7px;
    margin-bottom: 17px;
    border-left-color: green;
    display: block;
    font-size: 15px;
        background: #f4f8fa;
}
.person-box {
    border: 2px dotted #000;
    margin-bottom: 30px;
    padding: 15px;
}





/***************************************************** added by suresh **************************************************************/
span.has-cancel, span.has-notification {
    padding: 6px 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 7px;
    color: #000;
    clear: both;
    margin-bottom: 17px;
    border-left-color: #1b809e;
    display: block;
    font-weight: 600;
    font-size: 15px;
        background: #f4f8fa;
}
.color-red{color:#ff1c1c;}