con h4/*--------------------------------------------------------------

>>> TABLE OF CONTENTS: *** Styles ***

----------------------------------------------------------------



1.0 PRIMARY COLOR                >>> Currently Set to: #ce1141

----------------------------------------------------------------

1.1 Header                                      

1.2 Welcome Banner Background                   

1.3 Header Color 2                              

1.4 Header Active State Color                   

1.5 Footer Color                                



----------------------------------------------------------------

2.0 SECONDARY COLOR              >>> Currently Set to: #5baace

----------------------------------------------------------------

2.1 Menu Toggle		                            

2.2 Menu Item		                            

2.3 Login H5		                            

2.4 Login Button	                            

2.5 Font Accent Color	                        

2.6 H6 Background Color	                        

2.7 Gallery Link Background Color	            

2.8 Gift Range Result Font Color	           

2.9 Checkout Button Color		                

2.10 Gift Details Checkout Add Button	        

2.11 Personal Details Steps Background Color	

2.12 Shopping Basket Heading Background	        

2.13 eCard H6 Color	                            

2.14 eCard Form/Message Background Color	    

2.15 Social Nomination Background	            

2.16 Search Checkbox	                        

2.17 Social Title Background	                

2.18 Social Post Background	                    

2.19 Notes H6	                                

2.20 Checkout Steps	                            

2.21 Serial Button Color	                    



----------------------------------------------------------------

****************************************************************

----------------------------------------------------------------





>>> TABLE OF CONTENTS: *** Layout ***

----------------------------------------------------------------



Additional styles that effect layout of the site will be listed

on the following lines.



**************

* To turn welcome box on or off search for:

* .banner-content

**************





----------------------------------------------------------------

3.0 eCARD GALLERY               

----------------------------------------------------------------

3.1 Fix Gallery Section Full Width of Container  



----------------------------------------------------------------

4.0 SOCIAL             

----------------------------------------------------------------

4.1 Fix Social Section Full Width of Container	    



----------------------------------------------------------------

5.0 MY REPORTS            

----------------------------------------------------------------

5.1 Fix Social Section Full Width of Container	



----------------------------------------------------------------

6.1 PRODUCT PAGE            

----------------------------------------------------------------

6.1 Change Points Tag Backgroun/Padding	           



----------------------------------------------------------------

7.1 FOOTER          

----------------------------------------------------------------

7.1 Fixed Bottom Footer                             



----------------------------------------------------------------

8.0 APPROVE NOMINATIONS           

----------------------------------------------------------------

8.1 Decrease Size of Text & Centers .n_a_c          



*/





input[type=“text”].search_bg::-webkit-input-placeholder,

input[type=“text”].search_bg::-moz-placeholder

{

  text-transform:capitalize;

}





.ms_wrapper1 {

    position: relative;

    margin: 0 auto;

    overflow: hidden;

    padding: 5px;

}

.list{

    position: relative;

    left: auto;

    top: 0px;

    min-width: 3000px;

    margin-left: 12px;

    margin-top: 0px;

}



    .list li {

        display: table-cell;

        text-align: center;

        cursor: grab;

        cursor: -webkit-grab;

        color: #ccc;

        vertical-align: middle;

    }



.scroller {

    text-align: center;

    cursor: pointer;

    display: none;

    padding: 7px;

    display: block !important;

    padding-top: 16px;

    white-space: no-wrap;

    vertical-align: middle;

    background-color: transparent;

}



.scroller-right {

    float: right;

}



.scroller-left {

    float: left;

}

/*-------------          reset css                   -----------------*/

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: middle;

}

/* HTML5 display-role reset for older browsers */

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;

}



a {

    text-decoration: none;

    cursor: pointer;

    color: #828282;

}



    a:hover {

        text-decoration: none;

    }



input[type="radio"], input[type="checkbox"] {

    margin: 0;

}



input[type="text"], input[type="submit"] {

    -webkit-appearance: none;

    border-radius: 0;

}



/*-------------------------------------------------------------------------------*/

* {

    outline: 0;

}



body {

    font-family: 'Arial','Times New Roman',sans-serif;

    font-size: 12px;

    background: #f2f2f2;

    color: #828282;

}



h1 {

    font-size: 54px;

    line-height: normal;

}



h2 {

    font-size: 44px;

    line-height: normal;

}



h3 {

    font-size: 38px;

    line-height: normal;

}



h4 {

    font-size: 34px;

    line-height: 42px;

}



h5 {

    font-size: 27px;

    line-height: 36px;

    font-weight: 500;

    color: #575759;

    font-family: Helvetica;

}



h6 {

    font-size: 24px;

    line-height: normal;

}



.container {

    max-width: 1261px;

    width: 100%;

}



.clear {

    clear: both;

}



.logo-section {

    float: left;

}



.menu-section {

    float: right;

}



    .menu-section ul li {

        float: left;

    }



#header {

    

    background: #fff;



}



    #header .navbar-default {

    padding: 13px 0;

	background: #ffffff;

    }



    #header .navbar-brand {

        height: auto;

        margin-left: 18px;

    }





/*--------------------------------------------------------------

1.0 PRIMARY COLOR: Header

--------------------------------------------------------------*/
#header .navbar-default .navbar-nav{
margin-top: 5px;

   }

    #header .navbar-default .navbar-nav > li > a {

        color: #8d8d8d;

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 700;

        padding: 25px 30px;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        -webkit-transform: perspective(1px) translateZ(0);

		transform: perspective(1px) translateZ(0);

		box-shadow: 0 0 1px transparent;

		-webkit-transition-duration: 0.3s;

		transition-duration: 0.3s;

		-webkit-transition-property: color, background-color;

		transition-property: color, background-color;

    }



        #header .navbar-default .navbar-nav > li > a:hover {

            background: #ce1141;

            color: #fff;

            font-size: 14px;

            text-transform: uppercase;

            font-weight: 700;

            padding: 25px 30px;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            }



    #header .navbar {

        margin-bottom: 0;

        border-bottom: 1px solid #dfdfdf;

    }



.home-banner img {

    width: 100%;

    height: 262px;

    object-fit: cover;

    object-position: center bottom;

    opacity: 0;

}



.home-banner {

    position: relative;

    background: url(../banner.jpg);

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom right;

    /*width: 100%;

    height: 262px;*/

    object-fit: cover;

    object-position: center bottom;

}



    .home-banner.new {

        background: none;

    }



        .home-banner.new img {

            opacity: 1;

            width: 100%;

            height: auto;

            object-fit: inherit;

        }



        .home-banner.new .banner-content {

        }





/*--------------------------------------------------------------

1.1 PRIMARY COLOR: Banner Background

--------------------------------------------------------------*/



.banner-content {

    

    display: none;

    position: absolute;

    background: #ce1141;

    color: #ffffff;

    top: 40px;

    left: 0;

    border: 1px solid #ce1141;

    border-left: 0;

    width: 425px;

    padding: 40px;

    box-shadow: 0px 9px 24px -2px #d3d3d3;

    -webkit-box-shadow: 0px 9px 24px -2px #d3d3d3;

    -moz-box-shadow: 0px 9px 24px -2px #d3d3d3;

}



    .banner-content h1 {

        font-family: Arial;

        margin: 0 0 12px;

        text-transform: capitalize

    }



    .banner-content p {

        font-size: 18px;

        line-height: normal;

    }





/* Use The Code Below To REMOVE BACKGROUND BOX and Place Text On White Instead



.banner-content {

    

    display: block !important;

    position: absolute;

    background: #fff;

    color: #ffffff;

    top: 40px;

    left: 0;

    border: none;

    border-left: none;

    width: 425px;

    padding: 40px;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}



.banner-content h1 {

    font-family: Helvetica;

    margin: 0 0 12px;

    text-transform: capitalize;

    color: #ce1141;

    font-weight: 700;

    font-size: 68px;

}



.banner-content p {

    font-size: 18px;

    line-height: normal;

    color: #363636 !important;

    }



*/





.h_01_inner {

    margin: 0px auto;

    width: auto;

}



.name_box {

    background: #ffffff;

    padding: 5%;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



.profile_image {

    float: left;

}



.profile_con {

    float: left;

    margin-left: 30px;

    max-width: 55%;

    margin-top: 5px;

    max-width: 62%;

}



    .profile_con p {

        font-size: 16px;

        line-height: 32px;

    }



    .profile_con h4 {

        font-weight: bold;

        margin: 0 0 12px;

        word-break: break-all;
		
		Display: inline;

        color: #ce1141;

    }



    .profile_con ul {

        font-size: 16px;

        line-height: 25px;

    }



.tools_box {

    margin: 22px 0 0;

    padding: 5%;

    background: #ffffff;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



.tb {

    width: 20%;

    float: left;

}



    .tb a {

        display: inline-block;

        text-align: center;

    }



.tools_box .tb span {

    line-height: 20px;

    display: block;

}



.tools_box h5 {

    margin: 0 0 25px;

}



.awardee_news {

    background: #ffffff;

    padding: 5%;
	
	height: 272px;

    overflow: scroll;

    width: 100%;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .awardee_news h6 {

        font-size: 21px;

        line-height: 36px;

        color: #216b88;

        background: #efeeee; /* For browsers that do not support gradients */

        /* Safari 5.1 to 6.0 */

        background: -webkit-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Opera 11.1 to 12.0 */

        background: -o-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Firefox 3.6 to 15 */

        background: -moz-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Standard syntax */

        background: repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        font-weight: bold;

        padding-left: 8px;

        margin-bottom: 6px;

    }





/*--------------------------------------------------------------

2.1 SECONDARY COLOR: Menu Toggle

--------------------------------------------------------------*/

.menu_toggle, .menu_slider {

    display: none;
	
	background: #4b525d;

    color: #ffffff;

    clear: both;

}



.menu_toggle {

    height: 60px;

    display: none;

}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    background-color: transparent;

}



.menu_toggle .navbar-toggle {

    border: 1px solid #fff;

}



    .menu_toggle .navbar-toggle .icon-bar {

        background-color: #fff;

    }



.awardee_news table {

    width: 100%;

}



.awardee_news td {

    font-size: 16px;

    line-height: 22px;

    padding-left: 8px;

    padding-bottom: 10px;

}



.awardee_news .t1 td, .awardee_news .t2 td {

    min-width: 200px;

}



.awardee_news .t2 td {

    width: 25%;

}



.awardee_news h6:nth-of-type(2) {

    margin-top: 38px;

}



.awardee_news h5 {

    margin: 0 0 20px 6px;

}



.h_top1 {

    margin-top: 45px;

    margin-bottom: 34px;

}



.h_top2 {

    background: #ffffff;

    padding: 30px 20px 40px;

}



    .h_top2 > h5 {

        margin: 0 0 22px;

    }



.ng {

    float: left;

    margin: 0 12px;

    width: 18%;

    position: relative;

}



    .ng:last-child {

        background: #015577;

        text-align: center;

    }



.new_gift {

    height: auto;

}



    .new_gift img {

        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center top;

    }



.all_gifts {

    width: auto;

    background: #015577;

    text-align: center;

    margin-left: 0px;

    padding-top: 0px;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

}



    .all_gifts a {

        color: #ffffff;

        font-size: 29px;

        line-height: 36px;

    }



.h_top3 {

    margin-top: 30px;

    margin-bottom: 34px;

}



    .h_top3 a, .h_top4 a {

        background: #ffffff;

        font-size: 25px;

        display: block;

        padding: 21px;

        color: #5d5d5f;

        font-weight: bold;

    }



        .h_top3 a:hover, .h_top4 a:hover {

            color: #ce1141;

        }



.h_top4 {

    margin-bottom: 32px;

}



.h_top5 {

    background: #015577;

    color: #ffffff;

    padding: 42px 0 45px;

    margin-bottom: 74px;

    position: relative;

}



    .h_top5 a {

        color: #ffffff;

        font-size: 17px;

        line-height: 36px;

        display: inline-block;

        text-align: center;

    }



    .h_top5 p {

        font-size: 25px;

        line-height: 36px;

        margin-left: 18px;

        font-weight: bold;

    }



    .h_top5 h4 {

        font-size: 33px;

        font-weight: bold;

        margin-bottom: 15px;

        margin-left: 18px;

    }



.tb1 {

    float: left;

    width: 90px;

    margin-right: 30px;

}



.ng_title {

    position: absolute;

    top: 0;

    background: rgba(140,140,140,0.8);

    width: 100%;

    height: 100%;

    opacity: 0;

}



    .ng_title p {

        color: #ffffff;

        text-transform: uppercase;

        padding: 0 0 0 18px;

        font-size: 16px;

        line-height: normal;

        font-weight: bold;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

    }



        .ng_title p a {

            color: #ffffff;

        }



.new_gift:hover .ng_title {

    opacity: 1;

    transition: opacity .25s ease-in-out;

}



.category {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

}



.category:hover, .category:focus, .category:active {

    -webkit-transform: scale(1.025);

    transform: scale(1.025);

}



    .category > img {

        width: 100%;

    }



.close {

    padding: 0 !important;

    position: absolute;

    right: 20px;

    top: 7px;

    background: transparent !important;

    opacity: 1;

    width: 30px;

}



    .close img {

        width: 100%;

    }



.awardee_news .close {

    right: 7px;

}



.close1 {

    right: 10px;

}



.pro_details {

    float: left;

    margin-right: 5px;

}



.profile_image {

    border: 1px solid #d1d1d1;

    float: right;

    width: 38%;

}



    .profile_image img {

        width: 100%;

        border-radius: 50%;

        border: 1px solid #dfdfdf;

    }



.name_box .profile_image {

    width: 176px;

    float: left;

}



.dropdown-menu {

    min-width: 295px;

}



.pro_inner {

    padding: 20px;

    text-align: center;

    width: 380px;

    min-height: 275px;

}



    .pro_inner.dropdown-menu {

        max-width: 500px;

    }



    .pro_inner h5 {

        margin: 0 0 30px;

    }



.pro_details h6 {

    color: #e51535;

    font-weight: bold;

    max-width: 252px;

}



.pro_details li:nth-child(even) {

    background: #f5f5f5;

}



.pro_details li {

    font-size: 14px;

    color: #000000;

    padding: 5px 0;

    text-align: right;

}



    .pro_details li span {

        display: inline-block;

        color: #000000;

    }



        .pro_details li span:first-child {

            width: 110px;

            word-wrap: break-word;

        }



        .pro_details li span:nth-child(2) {

            width: 56px;

            padding-right: 5px;

        }



.navbar-right .dropdown-menu {

    left: auto;

    top: 108%;

    right: 0;

}



.pro_inner:before {

    content: "";

    position: absolute;

    border-bottom: 20px solid #ffffff;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    left: initial;

    right: 170px;

    margin: 0px auto;

    width: 40px;

    bottom: 100%;

}

/*--------------- menu slider---------------------------------------*/



.ms_Wrapper {

    margin: 0px auto;

    position: relative;

    height: 46px;

    width: 1228px;

}



.ms_wrapper1 .nav-tabs > li > a, .ms_wrapper1 .list li ul a {

    color: #ffffff;

    font-size: 12px;

    font-weight: normal;

    text-transform: uppercase;

    display: block;

    text-align: center;

    padding: 10px 15px;

    letter-spacing: .8px;

}



.ms_wrapper1 .list li ul a {

    font-weight: 300;

    text-align: left;

    color: #6c6c6c;

}



.owl-carousel .owl-item.active {

    width: auto !important;

}



.owl-controls {

    position: absolute;

}



.owl-theme .owl-controls {

    margin-top: 0;

    top: 11px;

    width: 100%;

}



    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {

        color: transparent;

        background: transparent;

    }



.owl-carousel .owl-controls .owl-nav .owl-prev {

    right: 100%;

    position: absolute;

    width: 10px;

    overflow: hidden;

    color: transparent;

    background: transparent;

}



    .owl-carousel .owl-controls .owl-nav .owl-prev:after {

        position: absolute;

        content: "";

        background: url(../images/left-arrow.png)no-repeat;

        width: 10px;

        height: 14px;

        left: 0;

        top: 0;

    }



.owl-carousel .owl-controls .owl-nav .owl-next {

    left: 100%;

    position: absolute;

    width: 10px;

    overflow: hidden;

    color: transparent;

    background: transparent;

}



    .owl-carousel .owl-controls .owl-nav .owl-next:after {

        left: 100%;

        position: absolute;

        content: "";

        background: url(../images/right-arrow.png)no-repeat;

        width: 10px;

        height: 14px;

        top: 0;

        left: 0;

    }



/*--------------------------------------------------------------

2.2 SECONDARY COLOR: Menu Item

--------------------------------------------------------------*/



.item ul {

    background: #f8f8f8;

    position: absolute;

    width: 100%;

    min-width: 270px;

}



.ms_wrapper1 .nav-tabs {

    border-bottom: 0;

}



.ms_wrapper1 .list li ul {

    position: absolute;

    z-index: 3;

    left: auto;

    width: auto;

}



    .ms_wrapper1 .list li ul li {

        display: block;

    }



.nav > li > a:hover, .nav > li > a:focus {

    background-color: transparent;

    color: #ffffff;

    border: 0;

}



.nav-tabs > li > a {

    border: 0;

}



/*------------ inner1------------------------------------------------------*/

.inner1_container {

    width: 1178px;

    margin: 0px auto;

    padding: 54px 0 130px;

}



.welcome {

    background: #ffffff;

    padding: 75px 65px 75px 83px;

    box-shadow: 3px 3px 9px #e0e0e0;

    border: 1px solid #c8c8c8;

}



    .welcome h1 {

        text-align: center;

        color: #000000;

    }



    .welcome h3 {

        text-transform: uppercase;

        color: #000000;

        font-family: 'arial-narrow';

        text-align: center;

    }



    .welcome h1 strong {

        vertical-align: top;

        color: #02608c;

    }



.w_inner p {

    color: #000000;

    font-size: 18px;

    line-height: 24px;

    text-align: left;

    margin-bottom: 50px;

}



    .w_inner p:nth-of-type(3) {

        margin-bottom: 0px;

    }



.w_inner {

    margin: 90px 0 0;

    text-align: center;

}



.click_btn {

    text-align: right;

    background: #ffd116;

    color: #000000;

    text-transform: uppercase;

    font-size: 18px;

    display: inline-block;

    float: none;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 14px 42px;

    border: 1px solid #b8b071;

    margin-top: 40px;

}



html {

    min-height: 850px;

    position: relative;

}



html, .login_page_wrap, .login_page_wrap .wrapper, .login_page_wrap .main_content {

    height: 100%;

}



.login {

    position: relative; /*min-height: 100vh;*/

    padding: 175px 0 0;

}



    .login .login_img_bg img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center bottom;

    }



.login_page_wrap #footer {

    position: absolute;

    width: 100%;

    bottom: 0;

}

/*.login_details{background:rgba(247,249,250,0.9);width:995px;left:0;right:0;margin:0px auto;position:absolute;top:140px;border:1px solid #757778;padding: 52px 0 28px;}*/

.login_details {

    position: relative;

    width: 750px;

    margin: 0 auto;

    background: rgba(255,255,255,0.9);

    padding: 50px 0 30px;

    border: 1px solid #6f7375;

    box-shadow: 0 0 25px #9ba0a4;

    -webkit-box-shadow: 0 0 25px #9ba0a4;

    -moz-box-shadow: 0 0 25px #9ba0a4;

    -o-box-shadow: 0 0 25px #9ba0a4;

    -ms-box-shadow: 0 0 25px #9ba0a4;

}



.login {

    background: url(../LoginImage.jpg)no-repeat;

    /* background-size: 100% 100%; */

    height: 100%;

    min-height: 780px;

    background-size: cover;

    background-position: 20% 50%;

}



    .login .login_details img {

        width: auto;

        height: auto;

        min-height: auto;

    }



.l_logo {

    width: 212px;

    margin: 0 auto;

}



.login .login_details .l_logo img {

    width: 100%;

}



.login_fields {

    margin: 22px 25px 18px 25px;

    /*border-top: 1px solid #cccccc;*/

    border-bottom: 1px solid #cccccc;

    padding: 25px;

}



/*--------------------------------------------------------------

2.3 SECONDARY COLOR: Login H5

--------------------------------------------------------------*/

    .login_fields h5 {

        color: #ce1141;

        text-align: center;

        font-size: 24px;

        margin-bottom: 30px;

    }



.login_inner {

    margin-left: 265px;

}



.login label {

    text-transform: uppercase;

    font-size: 15px;

    color: #666666;

    margin-bottom: 5px;

}



.form-control, .login_inner .btn {

    border-radius: 0;

    width: 100%;

}



.login_inner .form-control {

    padding: 0px 12px !important;

    color: #555;

    height: 62px !important;

}



/*--------------------------------------------------------------

2.4 SECONDARY COLOR: Login Button

--------------------------------------------------------------*/



.sign_in {

    background: #ce1141;

    border: 0;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 18px;

    margin: 15px 0;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color;

}



.login_inner .btn {

    padding: 18px 12px;

}



.login_inner {

    width: 490px;

    margin-left: 5%;

}



/*--------------------------------------------------------------

2.5 SECONDARY COLOR: Font Accent Color

--------------------------------------------------------------*/



.blue {

    color: #5baace;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

    display: block;

    text-decoration: underline;

}



.account_link {

    background: #f6f6f6;

    color: #000000;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 5px 0;

}



    .account_link ul {

        display: table;

        width: 100%;

    }



        .account_link ul li {

            display: table-cell;

            vertical-align: middle;

            width: 50px;

            padding: 32px 0;

        }



            .account_link ul li:first-child {

                border-right: 1px solid #dedede;

            }



                .account_link ul li:first-child a {

                    color: #057eb4;

                    text-transform: uppercase;

                    font-size: 16px;

                    font-weight: bold;

                    text-align: center;

                    display: block;

                }



            .account_link ul li p {

                text-align: center;

                font-size: 18px;

                color: #ce1141;

            }



.blue_btn {

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    background: #057eb4;

    color: #ffffff !important;

    font-weight: bold;

    padding: 8px 19px;

    margin: 10px 0 0;

}



.login p, .login p a {

    font-size: 17px;

    color: #999999;

    text-align: center;

    vertical-align: top;

}



.gi_inner img {

    width: 100%;

}

/*--------------------------------------- gallery Category----------------------------------------------------------------------*/

.main_content {

    clear: both;

}



.gallery {

    padding: 35px 0 100px;

}



.sidebar {

    background: #FFF;

    padding: 14px;

}



/*--------------------------------------------------------------

2.6 SECONDARY COLOR: H6 Background Color

--------------------------------------------------------------*/

    .sidebar h6, .gift_range_result h6, .gift_details h6 {

    background: #fff;

    color: #2b2b2b;

    font-size: 20px;

    line-height: 27px;

    padding: 0 26px;

    padding: 10px 0 14px;

    border-bottom: 3px solid #ce1141;

    }



.search_bg {

    padding: 24px 0;

}



    .search_bg .form-control {

        padding: 0 12px !important;

        height: 44px !important;

    }



    .search_bg select {

        padding: 21px 12px;

        width: 100%;

        padding: 13px 12px;

        font-size: 14px;

        border: 1px solid #ccc;

    }



.s-btn {

    text-align: center;

}



.search_btn {

    background: #ececec;

    background: -webkit-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: -o-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: -moz-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: repeating-linear-gradient(#ececec,#ffffff,#ececec);

    border: 2px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 7px 30px;

    white-space: normal;

    width: 100%;

}



.gallery_wp {

    padding: 50px 70px;

    background: #ffffff;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;



}



    .gallery_wp .gallery-img {

        margin-bottom: 40px;

    }



.custom_tooltip {

    position: absolute;

    color: red;

    display: block;

}



.gallery_wp .gallery-img:nth-of-type(3n) {

    text-align: right;

}



.gallery_wp .gallery-img:nth-of-type(3n-1) {

    text-align: center;

}



.gi_inner {

    border: 1px solid #cccccc;

    display: inline-block;

    text-align: center;

    position: relative;

    max-width: 209px;

}



/*--------------------------------------------------------------

2.7 SECONDARY COLOR: Gallery Link Background Color

--------------------------------------------------------------*/

    .gi_inner a {

        display: block;

        font-size: 12px;

        background: #5baace;

        color: #ffffff;

        padding: 24px 5px;

        text-transform: uppercase;

        line-height: normal;

        font-weight: bold;

        word-break: break-word;

        box-sizing: border-box;

    }



        .gi_inner a.plus {

            position: absolute;

            top: -14px;

            right: -14px;

            background: transparent;

            padding: 0;

        }

/*--------------------------------------- gift range gallery ----------------------------------------------------------------------*/

.gift_range {

    padding: 35px 0 100px;

}



.gift_range_result {

    background: #ffffff;

}



.gr_categories {

}



    .gr_categories h6 {

        background: transparent;

        color: #0477ab;

        font-weight: bold;

        font-size: 13px;

        line-height: 27px;

        text-transform: uppercase;

        padding: 0;

    }



.cat_bg {

    padding: 12px;

}



.checkbox {

    padding-left: 0px;

    font-size: 12px;

    text-transform: uppercase;

    margin-bottom: 15px;

    line-height: normal;

}



.cr_banner img {

    width: 100%;

}



/*--------------------------------------------------------------

2.8 SECONDARY COLOR: Gift Range Result Font Color

--------------------------------------------------------------*/

.gift_range_result h6, .gift_details h6 {

    background: #5baace;

    color: #ffffff;

    text-transform: uppercase;

    padding: 14px;

}



.gr_gallery {

    background: #ffffff;

}



.gr_gallery_inner {

    padding: 0 26px;

}



.gr_img {

    border: 1px solid #cccccc;

    display: inline-block;

    position: relative;

    text-align: center;

    margin: 0 0 50px;

    background: #efefef;

}



.gr_img_wrap {

    background: #fff;

}



.gr_img img {

    max-width: 100%;

}



.gr_img a {

    display: block;

    text-align: center;

    background: #efefef;

    color: #666666;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: bold;

    padding: 12px 22px;

    line-height: normal;

}



    .gr_img a span {

        max-height: 44px;

        overflow: hidden;

        display: block;

    }



.points {

    background: #666666;

    color: #ffffff;

    display: inline-block;

    font-size: 11px;

    font-weight: bold;

    height: 23px;

    border-radius: 20px;

    line-height: 23px;

    width: 100px;

    position: absolute;

    top: -11px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-transform: uppercase;

}



.gr {

    padding: 10px 12px;

    border-bottom: 1px solid #cccccc;

    margin: 0 5px 38px;

}



    .gr p {

        float: left;

        text-transform: uppercase;

        color: #666666;

    }



        .gr p span {

            color: #0477ab;

            vertical-align: top;

            font-weight: bold;

        }



.hover {

    display: none;

}



.close:hover, .close:focus {

    opacity: 1;

}



    .close:hover .hover {

        display: block;

    }



    .close:hover .show1 {

        display: none;

    }



.sidebar table {

    padding: 0 2px;

}



.sidebar p span {

    font-size: 11px;

    color: #e31730;

    word-break: break-word;

}



    .sidebar p span:last-child {

        margin-left: 3px;

    }



.sidebar p img {

    margin-right: 5px;

    margin: 25px 5px;

    width: 22%;

    max-width: 50px;

}



.b-bg {

    font-size: 12px;

    text-align: center;

    background: #ce1141;

    color: #ffffff;

    line-height: 30px;

}



.sidebar p.per-contrib {

    text-align: right;

    font-size: 13px;

    color: #e31730;

    padding: 25px 12px 25px 0;

}



    .sidebar p.per-contrib strong {

        font-weight: bold;

    }



/*--------------------------------------------------------------

2.9 SECONDARY COLOR: Checkout Button Color

--------------------------------------------------------------*/



.ck_btn {

    display: block;

    background: #5baace;

    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057eb4), to(#00557c));

    background: -moz-linear-gradient(top, #057eb4, #00557c);

    color: #ffffff;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    border-radius: 0;

    margin: 8px 0 0;

    border: 0;

    padding: 14px 0;

}

/*--------------------------------------- gift details ----------------------------------------------------------------------*/

.gift_details {

    background: #ffffff;

    border: 1px solid #e0e0e0;

}



.slider-nav .slick-slide img {

    max-width: 99%;

    border: 1px solid #e0e0e0;

    width: 100%;

}



.slick-prev:before {

    content: '';

    background: url(../images/top-arw.png)no-repeat 50%;

    position: absolute;

    width: 15px;

    left: 0px;

    top: 5px;

    height: 12px;

    right: 0;

    margin: 0px auto;

}



.slick-next:before {

    content: ' ';

    background: url(../images/btm-arw.png)no-repeat 50%;

    position: absolute;

    width: 15px;

    left: 3px;

    bottom: 5px;

    height: 10px;

    right: 0;

    margin: 0px auto;

}



.slick-prev:before, .slick-next:before {

    font-size: 14px;

    opacity: 1;

}



.slick-prev:hover:before, .slick-prev:focus:before {

    background: #0477ab url(../images/top-arw.png)no-repeat 50%;

    color: #ffffff;

}



.slick-next:hover:before, .slick-next:focus:before {

    background: #0477ab url(../images/btm-arw.png)no-repeat 50%;

    color: #ffffff;

}



.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

    background: #0477ab;

}



.slick-prev, .slick-next {

    background: #0477ab;

}



.slick-prev {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    top: -50px;

}



.slider-for img {

    width: 100%;

}



.slick-next {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-100%);

    top: 115%;

    bottom: -25px !important;

}



.prod_desc_slider {

    position: relative;

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    clear: both;

    margin: 50px 0;

}



.prod_desc h5 {

    color: #000000;

    font-size: 24px;

    line-height: 27px;

    clear: both;

    display: block;

}



.qty label {

    display: block;

    text-transform: uppercase;

    margin: 0 0 5px;

}



.qty input[type="number"] {

    width: 88px;

    border: 1px solid #e0e0e0;

    padding: 12px 10px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    text-align: center;

    display: block;

}



/*--------------------------------------------------------------

2.10 SECONDARY COLOR: Gift Details Add Button

--------------------------------------------------------------*/



.add_btn {

    font-size: 18px;

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #5baace;

    font-weight: bold;

    padding: 17px 20px;

    margin: 16px 0 0;

}





/*--------------------------------------------------------------

6.1 PRODUCT PAGE - Change Points Tag Background

--------------------------------------------------------------*/

.p_tag {

    color: #fff;

    background: #000;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    padding: 15px 30px;

    text-align: center;

    position: absolute;

    top: 0;

    right: -10px;

    box-shadow: 0 0 5px #c2c2c2;

    border-radius: 50px;

    margin-right: 45px;

    width: 200px;

}



.qty-bg {

    position: relative;

}



.qty {

    margin-top: 125px;

}



.pd_bg {

    margin: 0 5px;

}



    .pd_bg ul li {

        border: 1px solid #e0e0e0;

        border-bottom: 0;

        display: inline-block;

        font-size: 13px;

        color: #000000;

        text-transform: uppercase;

        padding: 12px;

        border-radius: 5px;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        margin: 0 0 0 18px;

        background: #ffffff;

    }



.pd_content {

    border-top: 1px solid #e0e0e0;

    margin: -2px 0 25px;

}



    .pd_content p {

        font-size: 14px;

        line-height: 23px;

        padding: 25px;

        color: #666666;

    }



.item_name {

    width: 50%;

    display: inline-block;

}



/*@@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     //IE10+ CSS styles go here

}*/



/*--------------------------------------- personal details ----------------------------------------------------------------------*/

.steps li {

    float: left;

    width: 25%;

    padding: 17px 0 17px 60px;

}



    .steps li span {

        text-transform: uppercase;

        font-size: 12px;

    }



    .steps li.active p a, .steps li.active p {

        color: #ffd013;

        font-weight: bold;

    }



    .steps li p a, .steps li p {

        font-size: 14px;

        color: #ffffff;

        text-transform: uppercase;

    }





/*--------------------------------------------------------------

2.11 SECONDARY COLOR: Personal Details Steps Background Color

--------------------------------------------------------------*/



.steps {

    background: #5baace;

    margin: 0 0 20px;

    padding-top: 9px;

}



.per_d_inner {

    background: #ffffff;

    padding: 17px 25px;

}



    .per_d_inner h6, .sb_inner h6, .ecard_gallery h6, .social_nomination h6 {

        line-height: 20px;

        color: #000000;

        text-transform: uppercase;

        margin: 0 0 12px;

        font-weight: bold;

    }



        .per_d_inner h6 img, .sb_inner h6 img, .ecard_gallery h6 img, .social_nomination h6 img {

            vertical-align: top;

            margin-right: 8px;

        }



    .per_d_inner p {

        font-size: 15px;

        color: #ce1141;

        margin: 0 0 20px;

        line-height: 20px;

    }



.details_add .control-label {

    font-size: 16px;

    color: #000000;

}



.details_add p {

    color: #057cb2;

    font-size: 14px;

    line-height: 24px;

    margin: 0 0 20px;

}



.warning p {

    background: #f1f1f1;

    padding: 10px;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    text-align: center;

}



.warning:first-child {

    display: table;

}



    .warning:first-child p {

        display: table-cell;

    }



.notes p {

    color: #000000;

    font-size: 16px;

}



.notes input[type="text"], .notes textarea {

    height: 115px;

    margin: 20px 0 0;

    resize: none;

}



.notes .add_btn {

    float: right;

    font-size: 18px;

    border: 0;

}



.gray-btn {

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #999999;

    font-weight: bold;

    margin: 16px 0 0;

    padding: 18px 38px;

    font-size: 18px;

    border: 0;

    line-height: 20px;

}



    .gray-btn .glyphicon {

        vertical-align: top;

    }



.personal_details, .secure_payment .Delivery_Addres {

    padding: 38px 0 80px;

}



.shopping_basket {

    padding: 20px 0 80px;

}

/* --------------------------- shopping basket-------------------------------*/

.sb_inner {

    background: #ffffff;

    padding: 40px 15px;

}



/*--------------------------------------------------------------

2.12 SECONDARY COLOR: Shopping Basket Heading Background

--------------------------------------------------------------*/



.basket_heading {

    background: #5baace;

}



    .basket_heading th {

        text-transform: uppercase;

        color: #ffffff;

        font-size: 13px;

        padding: 12px 15px;

    }



.basket_details td:first-child {

    width: 45%;

}



.basket_heading li, .basket_details li {

    width: 18%;

    float: left;

    padding: 12px 15px;

}



    .basket_details li, .basket_details li:first-child {

        width: auto;

        padding: 0;

    }



.basket_details li {

    padding: 12px 0px 12px 15px;

}



.basket_details ul {

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    text-align: left;

    align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

}



.basket_details span {

    font-size: 13px;

    line-height: 27px;

    text-transform: uppercase;

    line-height: normal;

}



.basket_details p {

    color: #000000;

    font-size: 16px;

    line-height: normal;

}



.basket_details li:nth-child(1) {

    margin-right: 30px;

    border: 1px solid #9e9e9e;

    width: 66px;

    height: auto;

    max-height: 66px;

}



    .basket_details li:nth-child(1) a {

        display: block;

    }



        .basket_details li:nth-child(1) a img {

            width: 100%;

            height: auto;

            max-height: 66px;

        }



.basket_details li:nth-child(2) {

    width: 62%;

    white-space: normal;

}



.basket_details li:nth-child(3) {

    width: 17%;

    text-align: right;

    padding-left: 0;

}



    .basket_details li:nth-child(3) a {

        display: block;

    }



        .basket_details li:nth-child(3) a span {

            font-size: 11px;

            text-transform: none;

        }



        .basket_details li:nth-child(3) a img {

            margin-right: 7px;

        }



        .basket_details li:nth-child(3) a:first-child {

            margin-bottom: 2px;

        }



.basket_details input[type="number"], .basket_details input[type="text"] {

    padding: 12px 0;

    width: 48px;

    margin-top: 10px;

    text-align: center;

}



.basket_details strong {

    font-size: 21px;

    line-height: 27px;

    color: #ce1141;

}



.total {

    text-align: right;

    color: #ce1141;

    font-weight: 13px;

    text-transform: uppercase;

    color: #ce1141;

    font-weight: bold;

    margin: 10px 0 0 0;

    padding: 22px 14% 30px 0;

    border-top: 1px solid #d0d0d0;

}



.sb_inner table tr td, .sb_inner table tr th {

    width: 18%;

    padding: 12px 15px;

}



    .sb_inner table tr td:first-child, .sb_inner table tr th:first-child {

        width: 45%;

    }



.total span {

    font-size: 21px;

    line-height: 27px;

    font-weight: bold;

    margin-left: 40px;

}



.total_points p {

    font-size: 16px;

    line-height: 29px;

    color: #4b4b4b;

    float: left;

    padding: 32px 0 0;

}



.total_points ul {

    display: inline-block;

    float: right;

    text-align: left;

    margin: 0 12% 0 0;

    width: 318px;

}



    .total_points ul li li {

        display: inline-block;

        font-size: 14px;

        line-height: 37px;

    }



    .total_points ul ul {

        margin: 0;

    }



        .total_points ul ul li {

        }



            .total_points ul ul li:nth-child(1) {

                width: 76%;

            }



            .total_points ul ul li:nth-child(2) {

                margin-left: 0px;

                text-align: right;

                width: 48px;

            }



.total_points .add_btn {

    float: right;

}



.payment_link {

    text-align: right;

    float: right;

    margin-right: 0%;

    margin-top: 15px;

}



    .payment_link li {

        display: inline-block;

        margin-left: 7px;

    }



        .payment_link li:first-child {

            margin-left: 0;

        }

/*-------------------------------------------                  purchase survey    -----------------------------------------------------------------*/

.ser_qus {

    margin: 20px 0;

}



.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {

    margin-left: -10px;

}



.ser_qus label {

    width: 20%;

    float: left;

    margin-left: 15px;

    color: #000000;

    font-size: 14px;

}

/*-------------------------------------------                  purchase payment    -----------------------------------------------------------------*/

.total {

    padding: 9px 14% 9px 0;

    background: #eeeeee;

    border-top: 0;

}



    .total p {

        text-align: left;

        float: left;

        margin: 4px 0 0 15px;

        font-size: 16px;

        font-weight: normal;

        text-transform: none;

    }



.secure_payment h6, .details_add h6 {

    font-size: 18px;

    font-weight: bold;

    text-transform: none;

}



    .secure_payment h6 span {

        color: #a3a3a3;

        font-size: 15px;

    }



.ccd h6 {

    margin: 0 0 33px;

}



.personal_details label {

    color: #000000;

    font-size: 16px;

    padding-top: 8px;

}



.secure_payment .payment_link {

    float: left;

}



.secure_payment .add_btn {

    float: right;

    border: 0;

    font-size: 18px;

    font-weight: 500;

}



.border-top {

    border-top: 1px solid #cccccc;

}

/*-------------------------------------------   Ecard Gallery  -----------------------------------------------------------------*/

.ecard_gallery {

    padding: 48px 0px;

}



    .ecard_gallery h6, .n_a_c h6, .n_inner h5 {

        font-weight: bold;

        margin-bottom: 30px;

        margin-top: 10px;



    }





/*--------------------------------------------------------------

8.1 APPROVE NOMINATIONS: Decrease Font Size & Center

--------------------------------------------------------------*/

.n_a_c h3 {

    

    font-size: 22px;

    padding: 12px;

    text-align: center;



}



.ecard_gallery_grid {

    background: #ffffff;

    border: 1px solid #e1e1e1;

    padding: 38px 46px 22px;

}



.ecard {

    border: 1px solid #cccccc;

    text-align: center;

    width: 95%;

    margin: 0 0 35px;

    -webkit-box-shadow: 0px 0px 5px #d8d5d5;

    -moz-box-shadow: 0px 0px 5px #d8d5d5;

}



    .ecard img {

        width: 100%;

    }



/*--------------------------------------------------------------

2.13 SECONDARY COLOR: eCard H6 Color

--------------------------------------------------------------*/



    .ecard h6 {

        background: #f2f2f2;

        margin: 0;

        color: #353535;

        font-size: 14px;

        text-transform: uppercase;

        line-height: 24px;

        padding: 8%;

        letter-spacing: 1px;

        font-weight: 500;

        font-family: Helvetica;

        border-top: 1px solid #d8d5d5;

    }



        .ecard h6 a {

            color: #353535;

            display: block;

        }



/*--------------------------------------------------------------

2.13 SECONDARY COLOR: eCard Form/Message Background Color

--------------------------------------------------------------*/

.ecard_form h6, .write_msg h6 {

    background: #616161;

    margin: 0;

    color: #ffffff;

    font-size: 18px;

    text-transform: uppercase;

    line-height: normal;

    padding: 10px;

    margin: 0 0 35px;

}

/*-------------------------------------------   Ecard Compose  -----------------------------------------------------------------*/

.ecard_form label {

    color: #000000;

    font-size: 16px;

    line-height: 44px;

    font-weight: bold;

}

/*-------------------------------------------  social nomination  -----------------------------------------------------------------*/





/*--------------------------------------------------------------

2.14 SECONDARY COLOR: Social Nomination Background

--------------------------------------------------------------*/

.search-box {

    background: #616161;

    color: #ffffff;

    padding: 25px 18px;

    text-transform: uppercase;

    margin: 0 0 26px;

}



    .search-box h4 {

        font-size: 26px;

        font-weight: 500;

        text-transform: none;

        line-height:normal;

    }



    .search-box ul li {

        float: left;

        padding: 0 14px;

        border-left: 1px solid #ffffff;

        font-size: 12px;

        letter-spacing: 1px;

    }



        .search-box ul li a {

            color: #ffffff;

        }



        .search-box ul li:first-child {

            border-left: 0;

            padding-left: 0;

        }



.search-input {

    text-align: right;

    margin-top: 8px;

}



    .search-input input[type="text"] {

        height: 38px;

        padding: 12px 15px;

        width: 70%;

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px;

        border: 0;

        color: #000000;
		
		margin-top: -10px;

    }



    .search-input input[type="submit"] {

        height: 38px;

        margin-left: -4px;

        /*background: #ffffff url(/Content/Images/search1.png)no-repeat 50%;*/

        padding: 13px 17px;

        border: 0;

        vertical-align: top;

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px;

        background-size: 100%;

		margin-top: -10px;
    }



.sn_inner {

    padding: 18px;

    background: #ffffff;

    border: 1px solid #e1e1e1;

}



.n_a_c {

    background: #eaf6f4;

    padding: 24px;

    margin: 0 0 20px;

}



.n_inner {

    text-align: center;

    background: #ffffff;

    padding: 30px 20px 8px 20px;

}



    .n_inner img {

        width: 100%;

        max-width: 155px;

    }



    .n_inner h5 {

        color: #0477ab;

        font-size: 26px;

    }



    .n_inner p {

        font-size: 22px;

        line-height: 25px;

        color: #666666;

    }





/*--------------------------------------------------------------

2.16 SECONDARY COLOR: Search Checkbox

--------------------------------------------------------------*/

.sn_inner .checkbox {

    background: #5baace;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

    padding: 18px 0;

    margin: 0;

}



.award {

    padding: 24px;

    margin: 0 0 20px;

    background: #f8f5e4;

}



.select_award {

    padding: 24px;

    margin: 0 0 20px;

    background: #f4eff7;

}



    .select_award h6 {

        font-size: 25px;

        color: #0477ab;

        font-weight: bold;

    }



    .select_award > h6 {

        color: #000000;

    }



    .select_award span {

        font-size: 24px;

        color: #666666;

        display: block;

        text-transform: uppercase;

    }



    .select_award h4 {

        color: #000000;

        font-weight: bold;

        margin: 26px 0;

    }



.sn_inner .add_btn {

    float: right;

    margin-right: 12px;

}



.core_values {

    background: #ecf2f8;

    padding: 24px;

    margin: 0 0 20px;

}



.n_comments {

    background: #dff6ee;

    padding: 24px;

}



.green_btn {

    float: right;

    text-transform: uppercase;

    font-size: 18px;

    background: #009900;

    color: #ffffff;

    padding: 14px 20px;

    margin: 22px 0 0;

}



.social_nomination {

    padding: 44px 0 105px;

}





/*--------------------------------------------------------------

5.1 SOCIAL: Fix Container Width

--------------------------------------------------------------*/



.social_nomination .container {

    padding: 0;

}



@media only screen and (max-width: 1300px) {

    .social_nomination .container {

    padding-left: 12px;

    padding-right: 12px;

    }

}



.nl_item, .nl_item1 {

    margin: 0 0 20px;

}



.search_bg2 {

    padding: 2px;

}



.search_bg_inner {

    background: #015577;

    padding: 10px;

    margin-bottom: 20px;

}

/*-------------------------------------------  tooltip  -----------------------------------------------------------------*/

.basket_details h6 {

    display: none;

}



.banner-content h2 {

    font-size: 40px;

    line-height: normal;

    text-transform: uppercase;

}



.ec_com_btn {

    text-align: right;

}



.rollover_inner {

    border: 8px solid #e7e7e7;

    padding: 26px;

    background: #ffffff;

    min-height: 275px;

    overflow-y: auto;

    text-align: left;

}



.rollover {

}



.t_01 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 0;

    z-index: 2;

    left: 83%;

    min-width: 250px;

    max-width: 500px;

}



.fancy {

    border: 1px solid #a5a5a5;

    width: 500px;

    display: none;

}



.rollover_inner > ul {

    float: left;

    width: 100%;

    margin: 35px 0 0;

    overflow-x: auto;

    white-space: nowrap;

    padding-bottom: 10px;

}



    .rollover_inner > ul > .new_list {

        width: 200px;

        display: inline-block;

        vertical-align: top;

        padding-left: 32px;

    }



        .rollover_inner > ul > .new_list > li {

            border-bottom: 1px solid #000000;

            padding: 5px 0;

        }



.rollover_inner ul li a {

    color: #747474;

    font-size: 12px;

    line-height: 25px;

    text-transform: uppercase;

    font-weight: 600;

    padding: 5px;

}



    .rollover_inner ul li a:hover {

        background: #015577;

        color: #ffcc00;

    }



.rollover1 {

    display: none;

}



.t_02 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 50%;

    z-index: 2;

    left: 0%;

    min-width: 250px;

    max-width: 500px;

}



.t_03 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 50%;

    z-index: 2;

    right: 83%;

    top: 0;

    min-width: 250px;

    max-width: 500px;

}



.t_01:before {

    content: "";

    width: 20px;

    height: 20px;

    border-right: 20px solid #e7e7e7;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    position: absolute;

    right: 100%;

    top: 80px;

}



.t_02:before {

    content: "";

    width: 20px;

    height: 20px;

    border-bottom: 20px solid #e7e7e7;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    position: absolute;

    bottom: 100%;

    left: 70px;

}



.t_03:before {

    content: "";

    width: 20px;

    height: 20px;

    border-left: 20px solid #e7e7e7;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    position: absolute;

    left: 100%;

    top: 80px;

}



.rollover h6, .fancy h6 {

    font-size: 16px;

    padding: 0 0 16px;

    border-bottom: 1px solid #cccccc;

}



.rollover {

    display: none;

}



.w_inner img {

    width: 100%;

}

/*-------------------------------------------  social link -----------------------------------------------------------------*/

.social_cat li {

    display: inline-block;

    text-transform: uppercase;

    padding: 10px;

    position: relative;

}



    .social_cat li:first-child:after {

        content: ">";

        position: absolute;

        left: 100%;

        top: 8px;

        font-size: 16px;

    }



.social_inner {

    background: #ffffff;

}





/*--------------------------------------------------------------

4.1 SOCIAL: Fix Social Section Full Width of Container

--------------------------------------------------------------*/

@media only screen and (max-width: 798px) {

    .social_inner {

    background: #ffffff;

    margin-left: -12px;

    margin-right: -12px;

    }

}





/*--------------------------------------------------------------

2.17 SECONDARY COLOR: Social Title Background

--------------------------------------------------------------*/

.social_title {

    background: #616161;

    color: #ffffff;

    padding: 2%;

    margin: 0 0 20px;

}



    .social_title span {

        font-size: 26px;

    }



        .social_title span img {

            margin-right: 26px;

        }



    .social_title strong {

        float: right;

        position: relative;

    }



        .social_title strong span {

            width: auto;

            background: #F1F1F1;

            font-size: 15px;

            display: block;

            text-align: center;

            line-height: 24px;

            position: absolute;

            padding: 0 8px;

            border-radius: 50%;

            right: -8px;

            top: -5px;

        }



.social {

    padding: 28px 0 45px;

}



@media screen and (min-width: 1350px) {



    .social .container {



        padding-left: 0;

        padding-right: 0;



    }



}



.social_content {

    padding: 0 12px;

}



.social_comment {

    padding: 0 12px;

}



.post_comment {

    background: #f3f3f3;

    margin: 0 0 28px;

}



    .post_comment textarea {

        height: 50px;

        box-shadow: 5px 5px 5px #dddddd;

        -webkit-box-shadow: 5px 5px 5px #dddddd;

        -moz-box-shadow: 5px 5px 5px #dddddd;

    }



.pc_option {

    padding: 7px 24px 10px;

}



    .pc_option ul {

        float: left;

    }



        .pc_option ul li {

            display: inline-block;

            margin-right: 25px;

        }



            .pc_option ul li img {

                margin-right: 8px;

            }



            .pc_option ul li, .pc_option ul li a {

                font-size: 11px;

                text-transform: uppercase;

            }





/*--------------------------------------------------------------

2.18 SECONDARY COLOR: Social Post Background

--------------------------------------------------------------*/

.post {

    background: #5baace;

    color: #ffffff;

    display: inline-block;

    float: right;

    padding: 12px 30px;

    text-transform: uppercase;

    font-weight: bold;

    border: none;

}



.post:hover {

    

    top: 2px; 

    

}



.comments_inner {

    background: #f3f3f3;

    padding: 0;

}



.sub_comment .comments_inner {

    margin: 0 0 20px 0;

}



.ci_bg {

    background: #ffffff;

    padding: 30px 20px;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .ci_bg h6 {

        font-size: 16px;

        color: #000000;

        font-weight: bold;

    }



    .ci_bg span {

        font-size: 13px;

        line-height: 27px;

    }



    .ci_bg p {

        font-size: 14px;

        line-height: 27px;

        color: #000000;

    }



.f1 {

    float: left;

}



.f2 {

    float: right;

}





.feedback {

    

    margin-top:20px;

    

}



.feedback ul li {

    display: inline-block;

    padding: 10px 15px;

}



    .feedback ul li a {

        color: #0477ab;

        font-size: 13px;

        font-weight: bold;

    }



.sub_comment {

    width: 95%;

    float: right;

    margin: 0 0 10px;

}



.ci_bg1, .ci_bg2 {

    display: inline-block;

    float: left;

}



    .ci_bg2 a {

        color: #0477ab;

        font-size: 13px;

        text-transform: capitalize;

        line-height: 27px;

        font-weight: bold;

    }



.sub_comment .form-group {

    margin-bottom: 0;

}



.commented_section {

    margin-bottom: 25px;

}



.members li {

    font-size: 16px;

    margin-bottom: 15px;

}



.members img {

    margin-right: 10px;

    border-radius: 100px;

    border: 1px solid #ccc;

}



.members h6 {

    font-size: 20px;

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #ccc;

}



.cs_img img {

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 50%;

}

/*--------------------------   Thank You Message ------------------------*/

.thank_you {

    margin: 60px 0 300px;

}



    .thank_you h2 {

        font-size: 43px;

        color: #0477ab;

        text-align: center;

        text-transform: uppercase;

        margin: 0 0 70px;

    }



    .thank_you p {

        font-size: 22px;

        line-height: 30px;

    }



.sign p {

    text-align: right;

}



    .sign p span {

        color: #4b4b4b;

        font-weight: bold;

    }



    .sign p strong {

        font-size: 18px;

        color: #b6b6b6;

        text-transform: uppercase;

        margin: 58px 0 0;

        display: block;

    }



        .sign p strong img {

            margin-right: 8px;

        }



.notes img {

    vertical-align: top;

}



select.form-group {

    color: #bcbcbc;

}



.sidebar .table tr td:first-child {

    color: #000000;

    font-size: 14px;

}



.sidebar .table tr td:nth-child(2) {

    color: #666666;

    text-align: right;

}



.sidebar .table tr td {

    font-size: 14px;

}



/*--------------------------------------------------------------

2.19 SECONDARY COLOR: Notes H6

--------------------------------------------------------------*/



.notes h6 {

    font-size: 16px;

    background: #5baace;

    color: #ffffff;

    text-transform: none;

    padding: 15px;

    margin: 15px 0 5px;

}

/*-------------------------------------------*/

.n_list {

    height: 680px;

    overflow-Y: scroll;

    overflow-x: hidden;

}



.n_comments textarea.form-control {

    height: 138px;

    resize: none;

}



.sign {

    margin: 50px 0 0;

}

/*--------------------pagination---------------------------*/

.pagination > li > a, .pagination > li > span {

    border: 0;

}



.pagination-sm > li > a, .pagination-sm > li > span {

    font-size: 14px;

    color: #0477ab;

    font-weight: bold;

}



.gr_pagination.pagination {

    float: right;

    margin: 0;

}



.shopping_basket .total {

    border-top: 1px solid #d0d0d0;

    background: transparent;

    margin: 28px 0 0;

}



.total_points .total {

    color: #0477ab;

}



.login_inner img {

    padding-top: 25px;

}



.blue1 {

    background: #33cc00 !important;

}



.write_msg h6 {

    margin: 0 0 0;

}



.profile_con .glyphicon {

    vertical-align: top;

    margin-left: 10px;

}



.ms_wrapper1 .list li ul a:hover {

    color: #fff;

    background: #057cb2;

}



.select_award label {

    line-height: 17px;

}



.pop_cat1 {

    height: 135px;

    overflow-Y: scroll;

    white-space: normal;

}



.pop_cat {

    height: 110px;

    overflow-Y: scroll;

}



.cr_banner {

    margin-top: 25px;

}



.qty .add_btn {

    font-size: 16px;

}



.comment-fixed {

    position: fixed;

    z-index: 5;

    top: 0;

    width: 734px;

}



.fancybox-overlay {

    background: url(../images/fancybox_overlay.png);

}



.pro_inner h5 img {

    width: 226px;

}



.cat_bg label:before {

    content: "-";

    position: absolute;

    left: 14px;

}



.core_values h6 img {

    margin-left: -12px;

}



.close2 {

    right: 20px;

    top: 9px;

    z-index: 2;

    display: inline-block;

}

/*-----------------------------------------------------------------*/



/*--------------------------------------------------------------

1.3 PRIMARY COLOR: Header Color 2

--------------------------------------------------------------*/



.top-header {

    background: #ce1141;

    padding: 10px 0;

}



    .top-header .flag {

        float: left;

        margin-left: 18px;

    }



    .top-header ul {

        float: right;

        margin-right: 18px;

    }



    .top-header .flag ul {

        float: none;

        margin: 0;

    }



    .top-header ul li {

        float: left;

        padding: 0 10px;

    }



        .top-header ul li:first-child {

            border-right: 1px solid #ffffff;

        }



        .top-header ul li a {

            color: #ffffff;

            font-size: 16px;

            line-height: normal;

        }



.slick-prev, .slick-next {

    width: 100%;

}



.slick-prev {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.slick-next {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



#close2 {

    display: inline-block;

}



/*---------------- detect last row--------------------------------------*/

/*.gallery_wp_inner div.gallery-img:nth-child(3n+1):nth-last-child(-n+3),

  .gallery_wp_inner div.gallery-img:nth-child(3n+1):nth-last-child(-n+3) ~ div.gallery-img{

  background: #cfa;

}*/

.last-rollover {

    display: block;

}



    .last-rollover .t_01, .last-rollover .t_02 {

        top: auto;

        bottom: 40%;

        left: 0;

    }



    .last-rollover .t_03 {

        top: initial;

        bottom: 40%;

        left: initial;

        right: 0;

    }



        .last-rollover .t_01:before, .last-rollover .t_02:before, .last-rollover .t_03:before {

            content: "";

            width: 20px;

            height: 20px;

            border-right: 20px solid transparent;

            border-top: 20px solid #e7e7e7;

            border-left: 20px solid transparent;

            position: absolute;

            right: initial;

            top: 100%;

            bottom: initial;

            left: 80px;

            border-bottom: 20px solid transparent;

        }



        .last-rollover .t_03:before {

            left: initial;

            right: 100px;

        }



.awardee_news_inner {

    display: table-row;

}



.ms_wrapper1 .list li:nth-child(7) ul {

    right: 10px;

}



.caret {

    position: absolute;

    right: 2px;

    top: 16px;

    z-index: 5;

    display: block !important;

}



.n_inner h5 {

    font-size: 24px;

}



.login_inner .form-horizontal .control-label {

    padding: 23px 0 0;

}



.pro_inner .profile_image {

    height: 150px;

}

/*.profile_image img{height:100%;object-fit:cover;}*/

.navbar-nav > li.profile_sub {

    position: static;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url(../images/fancybox_sprite.png);

}

/*--------------------------- nomination(inner15)-----------------------*/

.nomination {

    padding: 48px 0px 100px;

}



    .nomination h6 {

        font-size: 20px;

        color: #000000;

        margin: 0 0 28px;

        font-weight: bold;

    }



.nominee {

    background: #ffffff;

    text-align: center;

    padding: 5px 5px 40px;

    border: 1px solid #e4e4e4;

    box-shadow: 0px 20px 5px #d8d5d5;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .nominee img {

        width: 100%;

    }



    .nominee h6 {

        font-size: 18px;

        line-height: normal;

        margin: 0 0 15px;

        color: #ce1141;

    }



    .nominee span {

        font-size: 20px;

        line-height: normal;

        margin: 0 0 15px;

        display: block;

        color: #115ea2;

        font-weight: bold;

    }



.nom_img {

    margin: 0 0 28px;

}



.learn_more {

    text-transform: uppercase;

    font-size: 15px;

    text-decoration: underline;

    display: inline-block;

    margin: 0 0 15px;

    text-decoration-color: #adadad;

    -moz-text-decoration-color: #adadad;

}



.nom_con {

    min-height: 84px;

}



.nominate {

    text-transform: uppercase;

    font-size: 18px;

    color: #ffffff;

    line-height: normal;

    background: #115ea2;

    display: block;

    width: 80%;

    margin: 0 auto;

    text-align: center;

    padding: 12px 0;

}



    .nominate:hover {

        color: #ffcc00;

    }



.nom_wrapper {

    margin: 0 0 18px;

}

/*-----------------------------------------------------------------*/

.nom_detail {

    padding: 45px 0 100px;

}



.nom_detail_inner {

    background: #ffffff;

    padding: 32px;

    min-height: 700px;

    box-shadow: 5px 5px 15px #d8d5d5;

    -webkit-box-shadow: 5px 5px 15px #d8d5d5;

    -moz-box-shadow: 5px 5px 15px #d8d5d5;

    color: #ce1141;

}



    .nom_detail_inner img:nth-child(1) {

        width: 229px;

        float: left;

    }



    .nom_detail_inner img:nth-child(2) {

        width: 570px;

        float: right;

    }



    .nom_detail_inner h1 {

        font-size: 42px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h2 {

        font-size: 36px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h3 {

        font-size: 32px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h4 {

        font-size: 28px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h5 {

        font-size: 24px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h6 {

        font-size: 20px;

        line-height: normal;

        margin: 30px 0 15px;

        color: #ce1141;

        font-weight: bold;

    }



    .nom_detail_inner p, .nom_detail_inner ul, .nom_detail_inner span, .nom_detail_inner strong, .nom_detail_inner b, .nom_detail_inner i {

        font-size: 20px;

        line-height: normal;

        margin: 0 0 18px;

        color: #ce1141;

        line-height: 26px;

    }



    .nom_detail_inner a {

        color: #ce1141;

    }



    .nom_detail_inner ul {

        list-style: disc;

        list-style-position: inside;

    }



.nd_con {

    padding: 0 34px;

    color: #ce1141;

}



.BackToTop {

    display: inline-block;

    width: 32px;

    height: 32px;

    position: absolute;

    right: 0px;

    top: 100%;

    margin: 50px 15px 0 0;

}



    .BackToTop img {

        width: 100%;

    }



.h_01 {

    padding-bottom: 100px;

}

/*--------------------- back to top-------------------------------*/

.container, .inner1_container {

    position: relative;

}



.nd_con {

    text-align: justify;

}



.BackToTop {

    top: 80vh;

    position: fixed;

    display: none;

    z-index: 50;

}





/*--------------------------------------------------------------

1.4 PRIMARY COLOR: Header Active State Color

--------------------------------------------------------------*/



.active_state {

    background: #ce1141;

	color: #ffffff;

}



    .active_state a {

        color: #ffffff !important;

    }



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle;

}

/*-----------------------------------------------------------------*/

.blue_scroll {

    position: relative;

}



.blue_scroll3 {

    overflow: auto;

}





/*--------------------------------------------------------------

1.5 PRIMARY COLOR: Footer Color

--------------------------------------------------------------*/





/*--------------------------------------------------------------

7.1 FOOTER: Fixed Bottom Footer

--------------------------------------------------------------*/

#footer {

    background: #ce1141;

    color: #ffffff;

    font-size: 14px;

    line-height: normal;

    padding: 25px 0;

    width: 100%;

    }



    #footer p {

        float: left;

        margin-left: 28px;

    }



    #footer ul {

        float: right;

    }



        #footer ul li {

            text-align: right;

        }



            #footer ul li a {

                color: #ffffff;

            }



.wrapper {

    min-height: 780px;

}



/*------------------ style 06-03-2017---------------------------------*/

#header .container-fluid {

    max-width: 1261px;

    margin: 0px auto;

    position: relative;

}



.home-banner, .menu_slider, #footer .container-fluid {

    max-width: 1261px;

    margin: 0px auto;

}



#header {

    

}



.main_content {

    max-width: 1261px;

    margin: 0 auto;

}



#footer p {

    margin-left: 0;

}



.login_page_wrap .main_content {

    max-width: 100%;

}



.login_page_wrap #header {

    position: absolute;

    z-index: 70;

    top: 0;

    width: 100%;

}

/*----------------------------------------------------------------*/



/*.form-control{height: auto;padding:0;}*/

@media screen and (min-width:0\0) {

    /* IE9 and IE10 rule sets go here */

    .prod_desc h5 {

        margin-bottom: 70px;

    }



    .BackToTop {

        right: 15px;

    }



    .search_bg .form-control {

        padding: 0px 12px;

    }



    .pro_inner .profile_image {

        width: 130px;

    }

}



::-webkit-scrollbar {

    width: 5px;

    height: 5px;

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    border-radius: 10px;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background: #ccc;

    -webkit-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    /*-------------------------------------------------------------------------------------------*/

}



.jspVerticalBar {

    width: 6px;

    background: transparent;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}



.jspHorizontalBar {

    height: 6px;

    background: transparent;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}



.jspTrack {

    background: transparent;

}



.jspDrag {

    background: #ccc;

    -webkit-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -moz-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -ms-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -o-box-shadow: inset 0 0 6px rgb(110, 105, 105);

}



/*-----------CUSTOMIZED STYLES------------------*/

/*_CheckoutTabs.cshtml*/

.ta .steps li {

    padding: 15px 0 15px 60px;

    line-height: 1.5;

}



/*--------------------------------------------------------------

2.20 SECONDARY COLOR: Checkout Steps

--------------------------------------------------------------*/



.steps {

    background: #5baace;

}

/*Charity.cshtml*/

.per_d_inner p.char-points {

    font-size: 25px;

    font-weight: bold;

}



.personal_details .has-error label {

    color: #a94442;

}



a.continue-help {

    font-size: 15px;

    margin-top: -20px;

    color: #057eb4;

}



/*Confirmation.cshtml*/

/*OrderFailure.cshtml*/

.thank_you {

    margin-bottom: 75px;

}



.ta .thank_you p {

    font-size: 20px;

    line-height: 32px;

}



.basket_details p {

    font-size: 15px;

}



.per_d_inner h6 span {

    font-size: 16px;

    line-height: initial;

    text-transform: capitalize;

}



.per_d_inner table tr td { /*Also in Payment.cshtml*/

    vertical-align: middle;

}



@media screen {

    #printSection {

        display: none;

    }

}



@media print {

    body * {

        visibility: hidden;

    }



    #printSection, #printSection * {

        visibility: visible;

    }



    #printSection {

        position: absolute;

        left: 0;

        top: 0;

    }



    .nav, .cont-nav, .live-chat, .steps {

        display: none;

    }



    .main_content {

        min-height: 250px;

    }



    .per_d_inner p {

        font-size: 15px;

        margin: 0 0 5px;

        line-height: 15px;

    }



    .thank_you h2 {

        font-size: 35px;

        margin: 0 0 30px;

    }



    .thank_you {

        margin-top: 15px;

    }



    .sign {

        margin-top: 25px;

    }

}



/*ConfirmDetails.cshtml*/

.ta .per_d_inner p.ta_p { /*Also in Survey.cshtml*/

    font-size: 13px;

}



.ta .details_add p {

    font-size: 13px;

}



.ta .secure_payment h6, .details_add h6 {

    font-size: 16px;

}



.ta .details_add .control-label {

    font-size: 14px;

    line-height: 1.5;

}



.ta .notes p {

    font-size: 14px;

}



.notes .add_btn[disabled] { /*Also in Survey.cshtml*/

    cursor: not-allowed;

    opacity: 0.5;

}



/*Payment.cshtml*/

.border-top .add_btn[disabled] {

    cursor: not-allowed;

    opacity: 0.5;

}



.ta .per_d_inner h6 {

    font-size: 21px;

}



.ta .secure_payment h6 span {

    font-size: 13px;

}



.ta .personal_details label { /*Also in Survey.cshtml*/

    font-size: 14px;

}



/*Survey.cshtml*/

.ta .notes h6 {

    font-size: 14px;

}



@media only screen and (max-width: 1320px) {

    .ta .personal_details label {

        font-size: 12px;

    }

}



/*AccountRequest.cshtml*/

/*Confirm.cshtml*/

/*ForgotPassword.cshtml*/

.ta .login p {

    line-height: 26px;

}



.ta .login label {

    font-size: 16px;

    line-height: 17px;

}



.ta h5 {

    font-size: 22px;

}



/*ApproveNominations.cshtml*/

.n_inner_bud { /*Also in Nomination/Index.cshtml*/

    margin-bottom: 10px;

    background: white;

    padding: 20px;

    border-radius: 5px;

}



    .n_inner_bud p { /*Also in Nomination/Index.cshtml*/

        font-size: 17px;

        line-height: 25px;

        color: #666666;

    }



@media only screen and (max-width: 480px) { /*Also in Nomination/Index.cshtml*/

    .n_inner_bud span, n_inner_bud p {

        font-size: 12px;

    }

}



.select_award h6.add_height { /*Also in Nomination/Index.cshtml*/

    line-height: 30px;

}



.green_btn[disabled] { /*Also in Nomination/Index.cshtml*/

    opacity: 0.5;

    cursor: not-allowed;

}



.add_btn[disabled] { /*Also in Ecards.cshtml, Nomination/Index.cshtml*/

    opacity: 0.5;

    cursor: not-allowed;

}



.email_preview {

    line-height: 20px;

    font-size: 16px;

}



.email_preview_label {

    font-size: 20px;

}



.cmt_txtarea {

    max-width: 100%;

}



.basket_details_apr td:first-child {

    width: auto;

}



/*ECards.cshtml*/

.e_card_emp_list {

    height: 250px;

    overflow-y: scroll;

    display: list-item;

}



.basket_details_emplst td:first-child {

    width: 100%;

}



.basket_details_emplst li:nth-child(1) {

    border: none;

}



.img_ecard_emp {

    max-width: 50px;

}



.add_btn_no_border {

    border: none;

}





/*--------------------------------------------------------------

3.1 eCARD GALLERY - Fix Gallery Section Full Width of Container

--------------------------------------------------------------*/

.ecard_gallery_grid {

    padding: 38px 58px 22px;

    margin-left: -12px;

    margin-right: -12px;

    border-top: 6px solid #ce1141;

}





/*Nomination/index.cshtml*/

.search-input .form-group {
    margin-bottom: -10px;
}

.search-input input[type="text"].has-error {

    border-color: #a94442;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    border-width: 1px;

    border-style: solid;

    background-color: #fff2f2;

}



.n_inner h5 {

    white-space: nowrap;

    font-size: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.n_inner.ext_height {

    height:270px;

}



.n_inner.ext_height h5 {

    white-space: normal;

}





@media only screen and (max-width:1320px) {

    .n_inner_bud p {

        font-size: 20px;

    }

}



.n_list {

    min-height: 410px;

    height: auto;

    overflow-Y: visible;

}



.award label {

    line-height: 17px;

}



.emp_img {

    max-width: 150px;

     height: 167px;

}

/*_CategoriesList.cshtml*/

.ta .gi_inner a {

    font-size: 12px;

}



/*_MyBasket.cshtml*/

.sidebar p img {

    margin-top: 20px;

    width: 20%;

}



.ta .sidebar .table tr td {

    font-size: 12px;

}



    .ta .sidebar .table tr td:first-child {

        font-size: 12px;

    }



.brk-word {

    word-break: break-word;

}



.ta .sidebar p span {

    font-size: 12px;

    line-height: 18px;

}



/*_ProductsList.cshtml*/

.rollover_inner > ul {

    margin: 15px 0 0;

}



.rollover_inner ul li:hover {

    background: #e8e8e8;

}



.rollover_inner ul li a:hover {

    background: inherit;

    color: #212121;

}



p.info {

    font-size: 20px;

    line-height: 22px;

}



.ta p.info {

    font-size: 18px;

    line-height: 20px;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 2;

}



.gr_img {

    width: 100%;

}



    .gr_img a {

        min-height: 66px;

    }



    .gr_img img {

        padding-top: 20px;

        padding-bottom: 15px;

        max-height: 117px;

    }



.gr_img_wrap a {

    background: #fff;

}



.gr_img a span {

    max-height: 40px;

}



/*Product.cshtml*/

.has-error input[type="number"], .has-error .option {

    border-color: #a94442;

}



.add_btn_11 {

    border: none;

}



    .add_btn_11[disabled] {

        cursor: not-allowed;

        opacity: 0.5;

    }



    .add_btn_11.red {

        background-color: red;

    }



.pd_bg {

    margin-top: 25px;

}



.p_tag {

    right: 0px;

}



.prod_thumb {

    border: 2px solid #057eb4;

    margin-bottom: 10px;

}



/*Shop.cshtml*/

.ta .gallery_wp .gallery-img {

    min-height: 230px;

}



.gallery_wp .gallery-img {

    min-height: 250px;

}



.gi_inner a {

    min-height: 60px;

}



/*Reports/Index.cshtml*/

.al_messages table tr td:first-child, .al_messages table tr th:first-child {

    width: 25%;

}



.al_messages table tr td, .al_messages table tr th {

    width: auto;

}



.al_messages_body {

    font-size: 15px;

    color: black;

}



/*_ChangeLanguage.cshtml*/

.flag .ui-select-toggle {

    min-width: 124px;

    width: auto;

    padding: 0px;

    height: auto;

}



.flag .ui-select-choices {

    width: 120px;

    min-width: 100px;

}



.top-header ul li {

    padding: 0 2px;

}



    .top-header ul li a {

        font-size: 14px;

    }



.flag .ui-select-bootstrap .ui-select-choices-row > a {

    padding: 5px 3px;

    display: flex;

}



    .flag .ui-select-bootstrap .ui-select-choices-row > a img {

        margin-right: 5px;

    }



/*_Footer.cshtml*/

.login_page_wrap #footer {

    position: inherit;

}



/*_Layout.cshtml*/

/*_LayoutUser.cshtml*/

.alert-extend {

    position: fixed;

    top: 25%;

    left: 25%;

    z-index: 9999;

    font-size: 15px;

    width: 50%;

}



    .alert-extend a {

        float: right;

        font-size: 20px;

        font-weight: bold;

    }



.ta .alert-extend {

    line-height: 1.5;

}



input::-ms-clear {

    display: none;

}



/*_Menus.cshtml*/

.ta .navbar-right .dropdown-menu {

    right: 50px;

}



.ta #header .navbar-default .navbar-nav > li > a {

    padding: 25px 25px;

}



    .ta #header .navbar-default .navbar-nav > li > a:hover {

        padding: 25px 25px;

    }



.pro_details h6 {

    max-width: 200px;

    word-break: break-word;

}



span.prof_name, span.prof_name:hover {

    color: #ce1141;;

}



.profile_image {

    border: none;

}



/*_UpdateProfilePicture.cshtml*/

.cropArea {

    background: #E4E4E4;

    overflow: hidden;

    width: 100%;

    height: 350px;

}



.croppedArea {

    background: #E4E4E4;

    overflow: hidden;

    width: 100%;

    height: 350px;

    text-align: center;

}



    .croppedArea img {

        margin-top: 15%;

    }



/*Welcomebanner.cshtml*/

.ta .banner-content h1 {

    font-size: 30px;

}



/*Social/Index.cshtml*/

.post_comment textarea {

    max-width: 100%;

    max-height: 200px;

}



.social-profile-img {

    max-width: 125px;

    min-width: 125px;

    border-radius: 50%;

    border: 1px solid #ccc;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;



}



.social-post-img {

    max-width: 100%;

}



.ci_bg1 {

    width: 100%;

}



.ci_bg p {

    text-align: justify;

}



.social-comment-section {

    max-height: 350px;

    display: block;

    overflow-y: scroll;

    padding: 12px;

    margin-bottom: 10px;

}



.videogular-container {

    width: 100%;

    height: 320px;

    margin: auto;

    overflow: hidden;

}



.mem_name {

    position: absolute;

    margin: 10px 0;

}



/*Alerts.cshtml*/

.reset-head {

    font-size: 22px;

}



.ta h4.modal-title {

    font-size: 28px;

}



.ale_messages table tr td:first-child, .ale_messages table tr th:first-child {

    width: 5%;

}



.ale_messages table tr td, .ale_messages table tr th {

    width: auto;

}



.ale_messages_body {

    font-size: 15px;

    color: black;

}



.hideextra {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 50px;

    max-width: 550px;

}



.no_style h1, .no_style h1 strong, .no_style h2 {

    color: #000000;

    font-size: 16px;

    line-height: normal;

    font-weight: normal;

}



.no_style center {

    text-align: -webkit-left;

}



/*Cart.cshtml*/

.ta h4.modal-title {

    font-size: 28px;

}



.sb_inner table tr td {

    vertical-align: middle;

}



/*User/Index.cshtml*/

.ta .h_top5 a {

    font-size: 14px;

}



.ta .h_top3 a, .h_top4 a {

    font-size: 22px;

    line-height: 30px;

}



.ta .h_top5 h4 {

    font-size: 30px;

}



.ta .h_top5 p {

    font-size: 21px;

}



.ta .all_gifts a {

    font-size: 26px;

}



.ng_title p {

    padding: 0 0 0 0px;

    text-align: center;

}



.awardee_news {

    overflow-y: auto;

    overflow-x: auto;
	
	max-height: 272px;

}



a.h_top3_small_font {

    font-size: 15px;

}



.profile_con h4 {

    max-height: 80px;

    overflow-y: hidden;

}





/*--------------------------------------------------------------

2.12 SECONDARY COLOR: Serial Button

--------------------------------------------------------------*/



.serial_btn {

    font-size: 18px;

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #ce1141;

    font-weight: bold;

    padding: 5px 20px;

    margin: 0;

}



    .serial_btn:hover {

        color: #23527c;

    }



.profile_image {

    text-align: center;

    border: none;

}



    .profile_image a {

        font-size: 14px;

    }



.profile_con h4 {

    word-break: break-word;

}

.extra_box {

        margin-top: 0px;

    }



        .extra_box .extra_box_top {

            margin-top: 30px;

        }



/*Welcome.cshtml*/

.ta .welcome h1 strong {

    vertical-align: inherit;

}



.ta .w_inner p {

    font-size: 20px;

}



.sign-img {

    float: left;

    max-width: 250px;

}
.tile-txt {
    background: #ffffff;
    font-size: 25px;
    display: block;
    padding: 21px;
    color: #5d5d5f;
    font-weight: bold;
}  
.n_inner_bud_5 p {
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        margin-bottom: 5px;
    }
    .n_inner_bud_6 p {
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        margin-bottom: 5px;
        margin-top:5px;
    }
.table-reward-summary {
    border: none;
    font-size: 16px;
    font-weight: 500;
}

    .table-reward-summary > thead > tr {
        background-color: #0477ab;
    }

        .table-reward-summary > thead > tr > th {
            color: #ffffff;
        }

    .table-reward-summary > tbody > tr {
        background-color: transparent;
        color: #231d1d;
    }

        .table-reward-summary > tbody > tr:hover {
            background-color: #4f88a2;
            color: #fff;
        }

        .table-reward-summary > tbody > tr > td.emp_id {
        }

        .table-reward-summary > tbody > tr > td.emp_name {
        }

        .table-reward-summary > tbody > tr > td.company_name {
        }

        .table-reward-summary > tbody > tr > td.dept_name {
        }

        .table-reward-summary > tbody > tr > td.award_name {
        }

        .table-reward-summary > tbody > tr > td.qty {
        }
		
	con h4/*--------------------------------------------------------------

>>> TABLE OF CONTENTS: *** Styles ***

----------------------------------------------------------------



1.0 PRIMARY COLOR                >>> Currently Set to: #ce1141

----------------------------------------------------------------

1.1 Header                                      

1.2 Welcome Banner Background                   

1.3 Header Color 2                              

1.4 Header Active State Color                   

1.5 Footer Color                                



----------------------------------------------------------------

2.0 SECONDARY COLOR              >>> Currently Set to: #5baace

----------------------------------------------------------------

2.1 Menu Toggle		                            

2.2 Menu Item		                            

2.3 Login H5		                            

2.4 Login Button	                            

2.5 Font Accent Color	                        

2.6 H6 Background Color	                        

2.7 Gallery Link Background Color	            

2.8 Gift Range Result Font Color	           

2.9 Checkout Button Color		                

2.10 Gift Details Checkout Add Button	        

2.11 Personal Details Steps Background Color	

2.12 Shopping Basket Heading Background	        

2.13 eCard H6 Color	                            

2.14 eCard Form/Message Background Color	    

2.15 Social Nomination Background	            

2.16 Search Checkbox	                        

2.17 Social Title Background	                

2.18 Social Post Background	                    

2.19 Notes H6	                                

2.20 Checkout Steps	                            

2.21 Serial Button Color	                    



----------------------------------------------------------------

****************************************************************

----------------------------------------------------------------





>>> TABLE OF CONTENTS: *** Layout ***

----------------------------------------------------------------



Additional styles that effect layout of the site will be listed

on the following lines.



**************

* To turn welcome box on or off search for:

* .banner-content

**************





----------------------------------------------------------------

3.0 eCARD GALLERY               

----------------------------------------------------------------

3.1 Fix Gallery Section Full Width of Container  



----------------------------------------------------------------

4.0 SOCIAL             

----------------------------------------------------------------

4.1 Fix Social Section Full Width of Container	    



----------------------------------------------------------------

5.0 MY REPORTS            

----------------------------------------------------------------

5.1 Fix Social Section Full Width of Container	



----------------------------------------------------------------

6.1 PRODUCT PAGE            

----------------------------------------------------------------

6.1 Change Points Tag Backgroun/Padding	           



----------------------------------------------------------------

7.1 FOOTER          

----------------------------------------------------------------

7.1 Fixed Bottom Footer                             



----------------------------------------------------------------

8.0 APPROVE NOMINATIONS           

----------------------------------------------------------------

8.1 Decrease Size of Text & Centers .n_a_c          



*/





input[type=“text”].search_bg::-webkit-input-placeholder,

input[type=“text”].search_bg::-moz-placeholder

{

  text-transform:capitalize;

}





.ms_wrapper1 {

    position: relative;

    margin: 0 auto;

    overflow: hidden;

    padding: 5px;

}

.list{

    position: relative;

    left: auto;

    top: 0px;

    min-width: 3000px;

    margin-left: 12px;

    margin-top: 0px;

}



    .list li {

        display: table-cell;

        text-align: center;

        cursor: grab;

        cursor: -webkit-grab;

        color: #ccc;

        vertical-align: middle;

    }



.scroller {

    text-align: center;

    cursor: pointer;

    display: none;

    padding: 7px;

    display: block !important;

    padding-top: 16px;

    white-space: no-wrap;

    vertical-align: middle;

    background-color: transparent;

}



.scroller-right {

    float: right;

}



.scroller-left {

    float: left;

}

/*-------------          reset css                   -----------------*/

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: middle;

}

/* HTML5 display-role reset for older browsers */

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;

}



a {

    text-decoration: none;

    cursor: pointer;

    color: #828282;

}



    a:hover {

        text-decoration: none;

    }



input[type="radio"], input[type="checkbox"] {

    margin: 0;

}



input[type="text"], input[type="submit"] {

    -webkit-appearance: none;

    border-radius: 0;

}



/*-------------------------------------------------------------------------------*/

* {

    outline: 0;

}



body {

    font-family: 'Arial','Times New Roman',sans-serif;

    font-size: 12px;

    background: #f2f2f2;

    color: #828282;

}



h1 {

    font-size: 54px;

    line-height: normal;

}



h2 {

    font-size: 44px;

    line-height: normal;

}



h3 {

    font-size: 38px;

    line-height: normal;

}



h4 {

    font-size: 34px;

    line-height: 42px;

}



h5 {

    font-size: 27px;

    line-height: 36px;

    font-weight: 500;

    color: #575759;

    font-family: Helvetica;

}



h6 {

    font-size: 24px;

    line-height: normal;

}



.container {

    max-width: 1261px;

    width: 100%;

}



.clear {

    clear: both;

}



.logo-section {

    float: left;

}



.menu-section {

    float: right;

}



    .menu-section ul li {

        float: left;

    }



#header {

    

    background: #fff;



}



    #header .navbar-default {

    padding: 13px 0;

	background: #ffffff;

    }



    #header .navbar-brand {

        height: auto;

        margin-left: 18px;

    }





/*--------------------------------------------------------------

1.0 PRIMARY COLOR: Header

--------------------------------------------------------------*/
#header .navbar-default .navbar-nav{
margin-top: 5px;

   }

    #header .navbar-default .navbar-nav > li > a {

        color: #8d8d8d;

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 700;

        padding: 25px 30px;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        -webkit-transform: perspective(1px) translateZ(0);

		transform: perspective(1px) translateZ(0);

		box-shadow: 0 0 1px transparent;

		-webkit-transition-duration: 0.3s;

		transition-duration: 0.3s;

		-webkit-transition-property: color, background-color;

		transition-property: color, background-color;

    }



        #header .navbar-default .navbar-nav > li > a:hover {

            background: #ce1141;

            color: #fff;

            font-size: 14px;

            text-transform: uppercase;

            font-weight: 700;

            padding: 25px 30px;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            }



    #header .navbar {

        margin-bottom: 0;

        border-bottom: 1px solid #dfdfdf;

    }



.home-banner img {

    width: 100%;

    height: 262px;

    object-fit: cover;

    object-position: center bottom;

    opacity: 0;

}



.home-banner {

    position: relative;

    background: url(../banner.jpg);

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom right;

    /*width: 100%;

    height: 262px;*/

    object-fit: cover;

    object-position: center bottom;

}



    .home-banner.new {

        background: none;

    }



        .home-banner.new img {

            opacity: 1;

            width: 100%;

            height: auto;

            object-fit: inherit;

        }



        .home-banner.new .banner-content {

        }





/*--------------------------------------------------------------

1.1 PRIMARY COLOR: Banner Background

--------------------------------------------------------------*/



.banner-content {

    

    display: none;

    position: absolute;

    background: #ce1141;

    color: #ffffff;

    top: 40px;

    left: 0;

    border: 1px solid #ce1141;

    border-left: 0;

    width: 425px;

    padding: 40px;

    box-shadow: 0px 9px 24px -2px #d3d3d3;

    -webkit-box-shadow: 0px 9px 24px -2px #d3d3d3;

    -moz-box-shadow: 0px 9px 24px -2px #d3d3d3;

}



    .banner-content h1 {

        font-family: Arial;

        margin: 0 0 12px;

        text-transform: capitalize

    }



    .banner-content p {

        font-size: 18px;

        line-height: normal;

    }





/* Use The Code Below To REMOVE BACKGROUND BOX and Place Text On White Instead



.banner-content {

    

    display: block !important;

    position: absolute;

    background: #fff;

    color: #ffffff;

    top: 40px;

    left: 0;

    border: none;

    border-left: none;

    width: 425px;

    padding: 40px;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}



.banner-content h1 {

    font-family: Helvetica;

    margin: 0 0 12px;

    text-transform: capitalize;

    color: #ce1141;

    font-weight: 700;

    font-size: 68px;

}



.banner-content p {

    font-size: 18px;

    line-height: normal;

    color: #363636 !important;

    }



*/





.h_01_inner {

    margin: 0px auto;

    width: auto;

}



.name_box {

	min-height: 272px!important;
	
    background: #ffffff;

    padding: 5%;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



.profile_image {

    float: left;

}



.profile_con {

    float: left;

    margin-left: 30px;

    max-width: 55%;

    margin-top: 5px;

    max-width: 62%;

}



    .profile_con p {

        font-size: 16px;

        line-height: 32px;

    }



    .profile_con h4 {

        font-weight: bold;

        margin: 0 0 12px;

        word-break: break-all;
		
		Display: inline;

        color: #ce1141;

    }



    .profile_con ul {

        font-size: 16px;

        line-height: 25px;

    }



.tools_box {

    margin: 22px 0 0;

    padding: 5%;

    background: #ffffff;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



.tb {

    width: 20%;

    float: left;

}



    .tb a {

        display: inline-block;

        text-align: center;

    }



.tools_box .tb span {

    line-height: 20px;

    display: block;

}



.tools_box h5 {

    margin: 0 0 25px;

}



.awardee_news {

    background: #ffffff;

    padding: 5%;

    overflow: scroll;

    width: 100%;

    position: relative;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .awardee_news h6 {

        font-size: 21px;

        line-height: 36px;

        color: #216b88;

        background: #efeeee; /* For browsers that do not support gradients */

        /* Safari 5.1 to 6.0 */

        background: -webkit-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Opera 11.1 to 12.0 */

        background: -o-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Firefox 3.6 to 15 */

        background: -moz-repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        /* Standard syntax */

        background: repeating-linear-gradient(#efeeee,#ffffff,#efeeee);

        font-weight: bold;

        padding-left: 8px;

        margin-bottom: 6px;

    }





/*--------------------------------------------------------------

2.1 SECONDARY COLOR: Menu Toggle

--------------------------------------------------------------*/

.menu_toggle, .menu_slider {

    background: #4b525d;

    color: #ffffff;

    clear: both;

}



.menu_toggle {

    height: 60px;

    display: none;

}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    background-color: transparent;

}



.menu_toggle .navbar-toggle {

    border: 1px solid #fff;

}



    .menu_toggle .navbar-toggle .icon-bar {

        background-color: #fff;

    }



.awardee_news table {

    width: 100%;

}



.awardee_news td {

    font-size: 16px;

    line-height: 22px;

    padding-left: 8px;

    padding-bottom: 10px;

}



.awardee_news .t1 td, .awardee_news .t2 td {

    min-width: 200px;

}



.awardee_news .t2 td {

    width: 25%;

}



.awardee_news h6:nth-of-type(2) {

    margin-top: 38px;

}



.awardee_news h5 {

    margin: 0 0 20px 6px;

}



.h_top1 {

    margin-top: 45px;

    margin-bottom: 34px;

}



.h_top2 {

    background: #ffffff;

    padding: 30px 20px 40px;

}



    .h_top2 > h5 {

        margin: 0 0 22px;

    }



.ng {

    float: left;

    margin: 0 12px;

    width: 18%;

    position: relative;

}



    .ng:last-child {

        background: #015577;

        text-align: center;

    }



.new_gift {

    height: auto;

}



    .new_gift img {

        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center top;

    }



.all_gifts {

    width: auto;

    background: #015577;

    text-align: center;

    margin-left: 0px;

    padding-top: 0px;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

}



    .all_gifts a {

        color: #ffffff;

        font-size: 29px;

        line-height: 36px;

    }



.h_top3 {

    margin-top: 30px;

    margin-bottom: 34px;

}



    .h_top3 a, .h_top4 a {

        background: #ffffff;

        font-size: 25px;

        display: block;

        padding: 21px;

        color: #5d5d5f;

        font-weight: bold;

    }



        .h_top3 a:hover, .h_top4 a:hover {

            color: #ce1141;

        }



.h_top4 {

    margin-bottom: 32px;

}



.h_top5 {

    background: #015577;

    color: #ffffff;

    padding: 42px 0 45px;

    margin-bottom: 74px;

    position: relative;

}



    .h_top5 a {

        color: #ffffff;

        font-size: 17px;

        line-height: 36px;

        display: inline-block;

        text-align: center;

    }



    .h_top5 p {

        font-size: 25px;

        line-height: 36px;

        margin-left: 18px;

        font-weight: bold;

    }



    .h_top5 h4 {

        font-size: 33px;

        font-weight: bold;

        margin-bottom: 15px;

        margin-left: 18px;

    }



.tb1 {

    float: left;

    width: 90px;

    margin-right: 30px;

}



.ng_title {

    position: absolute;

    top: 0;

    background: rgba(140,140,140,0.8);

    width: 100%;

    height: 100%;

    opacity: 0;

}



    .ng_title p {

        color: #ffffff;

        text-transform: uppercase;

        padding: 0 0 0 18px;

        font-size: 16px;

        line-height: normal;

        font-weight: bold;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

    }



        .ng_title p a {

            color: #ffffff;

        }



.new_gift:hover .ng_title {

    opacity: 1;

    transition: opacity .25s ease-in-out;

}



.category {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

}



.category:hover, .category:focus, .category:active {

    -webkit-transform: scale(1.025);

    transform: scale(1.025);

}



    .category > img {

        width: 100%;

    }



.close {

    padding: 0 !important;

    position: absolute;

    right: 20px;

    top: 7px;

    background: transparent !important;

    opacity: 1;

    width: 30px;

}



    .close img {

        width: 100%;

    }



.awardee_news .close {

    right: 7px;

}



.close1 {

    right: 10px;

}



.pro_details {

    float: left;

    margin-right: 5px;

}



.profile_image {

    border: 1px solid #d1d1d1;

    float: right;

    width: 38%;

}



    .profile_image img {

        width: 100%;

        border-radius: 50%;

        border: 1px solid #dfdfdf;

    }



.name_box .profile_image {

    width: 176px;

    float: left;

}



.dropdown-menu {

    min-width: 295px;

}



.pro_inner {

    padding: 20px;

    text-align: center;

    width: 380px;

    min-height: 275px;

}



    .pro_inner.dropdown-menu {

        max-width: 500px;

    }



    .pro_inner h5 {

        margin: 0 0 30px;

    }



.pro_details h6 {

    color: #e51535;

    font-weight: bold;

    max-width: 252px;

}



.pro_details li:nth-child(even) {

    background: #f5f5f5;

}



.pro_details li {

    font-size: 14px;

    color: #000000;

    padding: 5px 0;

    text-align: right;

}



    .pro_details li span {

        display: inline-block;

        color: #000000;

    }



        .pro_details li span:first-child {

            width: 110px;

            word-wrap: break-word;

        }



        .pro_details li span:nth-child(2) {

            width: 56px;

            padding-right: 5px;

        }



.navbar-right .dropdown-menu {

    left: auto;

    top: 108%;

    right: 0;

}



.pro_inner:before {

    content: "";

    position: absolute;

    border-bottom: 20px solid #ffffff;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    left: initial;

    right: 170px;

    margin: 0px auto;

    width: 40px;

    bottom: 100%;

}

/*--------------- menu slider---------------------------------------*/



.ms_Wrapper {

    margin: 0px auto;

    position: relative;

    height: 46px;

    width: 1228px;

}



.ms_wrapper1 .nav-tabs > li > a, .ms_wrapper1 .list li ul a {

    color: #ffffff;

    font-size: 12px;

    font-weight: normal;

    text-transform: uppercase;

    display: block;

    text-align: center;

    padding: 10px 15px;

    letter-spacing: .8px;

}



.ms_wrapper1 .list li ul a {

    font-weight: 300;

    text-align: left;

    color: #6c6c6c;

}



.owl-carousel .owl-item.active {

    width: auto !important;

}



.owl-controls {

    position: absolute;

}



.owl-theme .owl-controls {

    margin-top: 0;

    top: 11px;

    width: 100%;

}



    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {

        color: transparent;

        background: transparent;

    }



.owl-carousel .owl-controls .owl-nav .owl-prev {

    right: 100%;

    position: absolute;

    width: 10px;

    overflow: hidden;

    color: transparent;

    background: transparent;

}



    .owl-carousel .owl-controls .owl-nav .owl-prev:after {

        position: absolute;

        content: "";

        background: url(../images/left-arrow.png)no-repeat;

        width: 10px;

        height: 14px;

        left: 0;

        top: 0;

    }



.owl-carousel .owl-controls .owl-nav .owl-next {

    left: 100%;

    position: absolute;

    width: 10px;

    overflow: hidden;

    color: transparent;

    background: transparent;

}



    .owl-carousel .owl-controls .owl-nav .owl-next:after {

        left: 100%;

        position: absolute;

        content: "";

        background: url(../images/right-arrow.png)no-repeat;

        width: 10px;

        height: 14px;

        top: 0;

        left: 0;

    }



/*--------------------------------------------------------------

2.2 SECONDARY COLOR: Menu Item

--------------------------------------------------------------*/



.item ul {

    background: #f8f8f8;

    position: absolute;

    width: 100%;

    min-width: 270px;

}



.ms_wrapper1 .nav-tabs {

    border-bottom: 0;

}



.ms_wrapper1 .list li ul {

    position: absolute;

    z-index: 3;

    left: auto;

    width: auto;

}



    .ms_wrapper1 .list li ul li {

        display: block;

    }



.nav > li > a:hover, .nav > li > a:focus {

    background-color: transparent;

    color: #ffffff;

    border: 0;

}



.nav-tabs > li > a {

    border: 0;

}



/*------------ inner1------------------------------------------------------*/

.inner1_container {

    width: 1178px;

    margin: 0px auto;

    padding: 54px 0 130px;

}



.welcome {

    background: #ffffff;

    padding: 75px 65px 75px 83px;

    box-shadow: 3px 3px 9px #e0e0e0;

    border: 1px solid #c8c8c8;

}



    .welcome h1 {

        text-align: center;

        color: #000000;

    }



    .welcome h3 {

        text-transform: uppercase;

        color: #000000;

        font-family: 'arial-narrow';

        text-align: center;

    }



    .welcome h1 strong {

        vertical-align: top;

        color: #02608c;

    }



.w_inner p {

    color: #000000;

    font-size: 18px;

    line-height: 24px;

    text-align: left;

    margin-bottom: 50px;

}



    .w_inner p:nth-of-type(3) {

        margin-bottom: 0px;

    }



.w_inner {

    margin: 90px 0 0;

    text-align: center;

}



.click_btn {

    text-align: right;

    background: #ffd116;

    color: #000000;

    text-transform: uppercase;

    font-size: 18px;

    display: inline-block;

    float: none;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 14px 42px;

    border: 1px solid #b8b071;

    margin-top: 40px;

}



html {

    min-height: 850px;

    position: relative;

}



html, .login_page_wrap, .login_page_wrap .wrapper, .login_page_wrap .main_content {

    height: 100%;

}



.login {

    position: relative; /*min-height: 100vh;*/

    padding: 175px 0 0;

}



    .login .login_img_bg img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center bottom;

    }



.login_page_wrap #footer {

    position: absolute;

    width: 100%;

    bottom: 0;

}

/*.login_details{background:rgba(247,249,250,0.9);width:995px;left:0;right:0;margin:0px auto;position:absolute;top:140px;border:1px solid #757778;padding: 52px 0 28px;}*/

.login_details {

    position: relative;

    width: 750px;

    margin: 0 auto;

    background: rgba(255,255,255,0.9);

    padding: 50px 0 30px;

    border: 1px solid #6f7375;

    box-shadow: 0 0 25px #9ba0a4;

    -webkit-box-shadow: 0 0 25px #9ba0a4;

    -moz-box-shadow: 0 0 25px #9ba0a4;

    -o-box-shadow: 0 0 25px #9ba0a4;

    -ms-box-shadow: 0 0 25px #9ba0a4;

}



.login {

    background: url(../LoginImage.jpg)no-repeat;

    /* background-size: 100% 100%; */

    height: 100%;

    min-height: 780px;

    background-size: cover;

    background-position: 20% 50%;

}



    .login .login_details img {

        width: auto;

        height: auto;

        min-height: auto;

    }



.l_logo {

    width: 212px;

    margin: 0 auto;

}



.login .login_details .l_logo img {

    width: 100%;

}



.login_fields {

    margin: 22px 25px 18px 25px;

    /*border-top: 1px solid #cccccc;*/

    border-bottom: 1px solid #cccccc;

    padding: 25px;

}



/*--------------------------------------------------------------

2.3 SECONDARY COLOR: Login H5

--------------------------------------------------------------*/

    .login_fields h5 {

        color: #ce1141;

        text-align: center;

        font-size: 24px;

        margin-bottom: 30px;

    }



.login_inner {

    margin-left: 265px;

}



.login label {

    text-transform: uppercase;

    font-size: 18px;

    color: #666666;

    margin-bottom: 5px;

}



.form-control, .login_inner .btn {

    border-radius: 0;

    width: 100%;

}



.login_inner .form-control {

    padding: 0px 12px !important;

    color: #555;

    height: 62px !important;

}



/*--------------------------------------------------------------

2.4 SECONDARY COLOR: Login Button

--------------------------------------------------------------*/



.sign_in {

    background: #ce1141;

    border: 0;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 18px;

    margin: 15px 0;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color;

}



.login_inner .btn {

    padding: 18px 12px;

}



.login_inner {

    width: 490px;

    margin-left: 5%;

}



/*--------------------------------------------------------------

2.5 SECONDARY COLOR: Font Accent Color

--------------------------------------------------------------*/



.blue {

    color: #5baace;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

    display: block;

    text-decoration: underline;

}



.account_link {

    background: #f6f6f6;

    color: #000000;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 5px 0;

}



    .account_link ul {

        display: table;

        width: 100%;

    }



        .account_link ul li {

            display: table-cell;

            vertical-align: middle;

            width: 50px;

            padding: 32px 0;

        }



            .account_link ul li:first-child {

                border-right: 1px solid #dedede;

            }



                .account_link ul li:first-child a {

                    color: #057eb4;

                    text-transform: uppercase;

                    font-size: 16px;

                    font-weight: bold;

                    text-align: center;

                    display: block;

                }



            .account_link ul li p {

                text-align: center;

                font-size: 18px;

                color: #ce1141;

            }



.blue_btn {

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    background: #057eb4;

    color: #ffffff !important;

    font-weight: bold;

    padding: 8px 19px;

    margin: 10px 0 0;

}



.login p, .login p a {

    font-size: 17px;

    color: #999999;

    text-align: center;

    vertical-align: top;

}



.gi_inner img {

    width: 100%;

}

/*--------------------------------------- gallery Category----------------------------------------------------------------------*/

.main_content {

    clear: both;

}



.gallery {

    padding: 35px 0 100px;

}



.sidebar {

    background: #FFF;

    padding: 14px;

}



/*--------------------------------------------------------------

2.6 SECONDARY COLOR: H6 Background Color

--------------------------------------------------------------*/

    .sidebar h6, .gift_range_result h6, .gift_details h6 {

    background: #fff;

    color: #2b2b2b;

    font-size: 20px;

    line-height: 27px;

    padding: 0 26px;

    padding: 10px 0 14px;

    border-bottom: 3px solid #ce1141;

    }



.search_bg {

    padding: 24px 0;

}



    .search_bg .form-control {

        padding: 0 12px !important;

        height: 44px !important;

    }



    .search_bg select {

        padding: 21px 12px;

        width: 100%;

        padding: 13px 12px;

        font-size: 14px;

        border: 1px solid #ccc;

    }



.s-btn {

    text-align: center;

}



.search_btn {

    background: #ececec;

    background: -webkit-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: -o-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: -moz-repeating-linear-gradient(#ececec,#ffffff,#ececec);

    background: repeating-linear-gradient(#ececec,#ffffff,#ececec);

    border: 2px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 7px 30px;

    white-space: normal;

    width: 100%;

}



.gallery_wp {

    padding: 50px 70px;

    background: #ffffff;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;



}



    .gallery_wp .gallery-img {

        margin-bottom: 40px;

    }



.custom_tooltip {

    position: absolute;

    color: red;

    display: block;

}



.gallery_wp .gallery-img:nth-of-type(3n) {

    text-align: right;

}



.gallery_wp .gallery-img:nth-of-type(3n-1) {

    text-align: center;

}



.gi_inner {

    border: 1px solid #cccccc;

    display: inline-block;

    text-align: center;

    position: relative;

    max-width: 209px;

}



/*--------------------------------------------------------------

2.7 SECONDARY COLOR: Gallery Link Background Color

--------------------------------------------------------------*/

    .gi_inner a {

        display: block;

        font-size: 12px;

        background: #5baace;

        color: #ffffff;

        padding: 24px 5px;

        text-transform: uppercase;

        line-height: normal;

        font-weight: bold;

        word-break: break-word;

        box-sizing: border-box;

    }



        .gi_inner a.plus {

            position: absolute;

            top: -14px;

            right: -14px;

            background: transparent;

            padding: 0;

        }

/*--------------------------------------- gift range gallery ----------------------------------------------------------------------*/

.gift_range {

    padding: 35px 0 100px;

}



.gift_range_result {

    background: #ffffff;

}



.gr_categories {

}



    .gr_categories h6 {

        background: transparent;

        color: #0477ab;

        font-weight: bold;

        font-size: 13px;

        line-height: 27px;

        text-transform: uppercase;

        padding: 0;

    }



.cat_bg {

    padding: 12px;

}



.checkbox {

    padding-left: 0px;

    font-size: 12px;

    text-transform: uppercase;

    margin-bottom: 15px;

    line-height: normal;

}



.cr_banner img {

    width: 100%;

}



/*--------------------------------------------------------------

2.8 SECONDARY COLOR: Gift Range Result Font Color

--------------------------------------------------------------*/

.gift_range_result h6, .gift_details h6 {

    background: #5baace;

    color: #ffffff;

    text-transform: uppercase;

    padding: 14px;

}



.gr_gallery {

    background: #ffffff;

}



.gr_gallery_inner {

    padding: 0 26px;

}



.gr_img {

    border: 1px solid #cccccc;

    display: inline-block;

    position: relative;

    text-align: center;

    margin: 0 0 50px;

    background: #efefef;

}



.gr_img_wrap {

    background: #fff;

}



.gr_img img {

    max-width: 100%;

}



.gr_img a {

    display: block;

    text-align: center;

    background: #efefef;

    color: #666666;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: bold;

    padding: 12px 22px;

    line-height: normal;

}



    .gr_img a span {

        max-height: 44px;

        overflow: hidden;

        display: block;

    }



.points {

    background: #666666;

    color: #ffffff;

    display: inline-block;

    font-size: 11px;

    font-weight: bold;

    height: 23px;

    border-radius: 20px;

    line-height: 23px;

    width: 100px;

    position: absolute;

    top: -11px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-transform: uppercase;

}



.gr {

    padding: 10px 12px;

    border-bottom: 1px solid #cccccc;

    margin: 0 5px 38px;

}



    .gr p {

        float: left;

        text-transform: uppercase;

        color: #666666;

    }



        .gr p span {

            color: #0477ab;

            vertical-align: top;

            font-weight: bold;

        }



.hover {

    display: none;

}



.close:hover, .close:focus {

    opacity: 1;

}



    .close:hover .hover {

        display: block;

    }



    .close:hover .show1 {

        display: none;

    }



.sidebar table {

    padding: 0 2px;

}



.sidebar p span {

    font-size: 11px;

    color: #e31730;

    word-break: break-word;

}



    .sidebar p span:last-child {

        margin-left: 3px;

    }



.sidebar p img {

    margin-right: 5px;

    margin: 25px 5px;

    width: 22%;

    max-width: 50px;

}



.b-bg {

    font-size: 12px;

    text-align: center;

    background: #ce1141;

    color: #ffffff;

    line-height: 30px;

}



.sidebar p.per-contrib {

    text-align: right;

    font-size: 13px;

    color: #e31730;

    padding: 25px 12px 25px 0;

}



    .sidebar p.per-contrib strong {

        font-weight: bold;

    }



/*--------------------------------------------------------------

2.9 SECONDARY COLOR: Checkout Button Color

--------------------------------------------------------------*/



.ck_btn {

    display: block;

    background: #5baace;

    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057eb4), to(#00557c));

    background: -moz-linear-gradient(top, #057eb4, #00557c);

    color: #ffffff;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    border-radius: 0;

    margin: 8px 0 0;

    border: 0;

    padding: 14px 0;

}

/*--------------------------------------- gift details ----------------------------------------------------------------------*/

.gift_details {

    background: #ffffff;

    border: 1px solid #e0e0e0;

}



.slider-nav .slick-slide img {

    max-width: 99%;

    border: 1px solid #e0e0e0;

    width: 100%;

}



.slick-prev:before {

    content: '';

    background: url(../images/top-arw.png)no-repeat 50%;

    position: absolute;

    width: 15px;

    left: 0px;

    top: 5px;

    height: 12px;

    right: 0;

    margin: 0px auto;

}



.slick-next:before {

    content: ' ';

    background: url(../images/btm-arw.png)no-repeat 50%;

    position: absolute;

    width: 15px;

    left: 3px;

    bottom: 5px;

    height: 10px;

    right: 0;

    margin: 0px auto;

}



.slick-prev:before, .slick-next:before {

    font-size: 14px;

    opacity: 1;

}



.slick-prev:hover:before, .slick-prev:focus:before {

    background: #0477ab url(../images/top-arw.png)no-repeat 50%;

    color: #ffffff;

}



.slick-next:hover:before, .slick-next:focus:before {

    background: #0477ab url(../images/btm-arw.png)no-repeat 50%;

    color: #ffffff;

}



.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

    background: #0477ab;

}



.slick-prev, .slick-next {

    background: #0477ab;

}



.slick-prev {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    top: -50px;

}



.slider-for img {

    width: 100%;

}



.slick-next {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-100%);

    top: 115%;

    bottom: -25px !important;

}



.prod_desc_slider {

    position: relative;

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    clear: both;

    margin: 50px 0;

}



.prod_desc h5 {

    color: #000000;

    font-size: 24px;

    line-height: 27px;

    clear: both;

    display: block;

}



.qty label {

    display: block;

    text-transform: uppercase;

    margin: 0 0 5px;

}



.qty input[type="number"] {

    width: 88px;

    border: 1px solid #e0e0e0;

    padding: 12px 10px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    text-align: center;

    display: block;

}



/*--------------------------------------------------------------

2.10 SECONDARY COLOR: Gift Details Add Button

--------------------------------------------------------------*/



.add_btn {

    font-size: 18px;

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #5baace;

    font-weight: bold;

    padding: 17px 20px;

    margin: 16px 0 0;

}





/*--------------------------------------------------------------

6.1 PRODUCT PAGE - Change Points Tag Background

--------------------------------------------------------------*/

.p_tag {

    color: #fff;

    background: #000;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    padding: 15px 30px;

    text-align: center;

    position: absolute;

    top: 0;

    right: -10px;

    box-shadow: 0 0 5px #c2c2c2;

    border-radius: 50px;

    margin-right: 45px;

    width: 200px;

}



.qty-bg {

    position: relative;

}



.qty {

    margin-top: 125px;

}



.pd_bg {

    margin: 0 5px;

}



    .pd_bg ul li {

        border: 1px solid #e0e0e0;

        border-bottom: 0;

        display: inline-block;

        font-size: 13px;

        color: #000000;

        text-transform: uppercase;

        padding: 12px;

        border-radius: 5px;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        margin: 0 0 0 18px;

        background: #ffffff;

    }



.pd_content {

    border-top: 1px solid #e0e0e0;

    margin: -2px 0 25px;

}



    .pd_content p {

        font-size: 14px;

        line-height: 23px;

        padding: 25px;

        color: #666666;

    }



.item_name {

    width: 50%;

    display: inline-block;

}



/*@@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     //IE10+ CSS styles go here

}*/



/*--------------------------------------- personal details ----------------------------------------------------------------------*/

.steps li {

    float: left;

    width: 25%;

    padding: 17px 0 17px 60px;

}



    .steps li span {

        text-transform: uppercase;

        font-size: 12px;

    }



    .steps li.active p a, .steps li.active p {

        color: #ffd013;

        font-weight: bold;

    }



    .steps li p a, .steps li p {

        font-size: 14px;

        color: #ffffff;

        text-transform: uppercase;

    }





/*--------------------------------------------------------------

2.11 SECONDARY COLOR: Personal Details Steps Background Color

--------------------------------------------------------------*/



.steps {

    background: #5baace;

    margin: 0 0 20px;

    padding-top: 9px;

}



.per_d_inner {

    background: #ffffff;

    padding: 17px 25px;

}



    .per_d_inner h6, .sb_inner h6, .ecard_gallery h6, .social_nomination h6 {

        line-height: 20px;

        color: #000000;

        text-transform: uppercase;

        margin: 0 0 12px;

        font-weight: bold;

    }



        .per_d_inner h6 img, .sb_inner h6 img, .ecard_gallery h6 img, .social_nomination h6 img {

            vertical-align: top;

            margin-right: 8px;

        }



    .per_d_inner p {

        font-size: 15px;

        color: #ce1141;

        margin: 0 0 20px;

        line-height: 20px;

    }



.details_add .control-label {

    font-size: 16px;

    color: #000000;

}



.details_add p {

    color: #057cb2;

    font-size: 14px;

    line-height: 24px;

    margin: 0 0 20px;

}



.warning p {

    background: #f1f1f1;

    padding: 10px;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    text-align: center;

}



.warning:first-child {

    display: table;

}



    .warning:first-child p {

        display: table-cell;

    }



.notes p {

    color: #000000;

    font-size: 16px;

}



.notes input[type="text"], .notes textarea {

    height: 115px;

    margin: 20px 0 0;

    resize: none;

}



.notes .add_btn {

    float: right;

    font-size: 18px;

    border: 0;

}



.gray-btn {

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #999999;

    font-weight: bold;

    margin: 16px 0 0;

    padding: 18px 38px;

    font-size: 18px;

    border: 0;

    line-height: 20px;

}



    .gray-btn .glyphicon {

        vertical-align: top;

    }



.personal_details, .secure_payment .Delivery_Addres {

    padding: 38px 0 80px;

}



.shopping_basket {

    padding: 20px 0 80px;

}

/* --------------------------- shopping basket-------------------------------*/

.sb_inner {

    background: #ffffff;

    padding: 40px 15px;

}



/*--------------------------------------------------------------

2.12 SECONDARY COLOR: Shopping Basket Heading Background

--------------------------------------------------------------*/



.basket_heading {

    background: #5baace;

}



    .basket_heading th {

        text-transform: uppercase;

        color: #ffffff;

        font-size: 13px;

        padding: 12px 15px;

    }



.basket_details td:first-child {

    width: 45%;

}



.basket_heading li, .basket_details li {

    width: 18%;

    float: left;

    padding: 12px 15px;

}



    .basket_details li, .basket_details li:first-child {

        width: auto;

        padding: 0;

    }



.basket_details li {

    padding: 12px 0px 12px 15px;

}



.basket_details ul {

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    text-align: left;

    align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

}



.basket_details span {

    font-size: 13px;

    line-height: 27px;

    text-transform: uppercase;

    line-height: normal;

}



.basket_details p {

    color: #000000;

    font-size: 16px;

    line-height: normal;

}



.basket_details li:nth-child(1) {

    margin-right: 30px;

    border: 1px solid #9e9e9e;

    width: 66px;

    height: auto;

    max-height: 66px;

}



    .basket_details li:nth-child(1) a {

        display: block;

    }



        .basket_details li:nth-child(1) a img {

            width: 100%;

            height: auto;

            max-height: 66px;

        }



.basket_details li:nth-child(2) {

    width: 62%;

    white-space: normal;

}



.basket_details li:nth-child(3) {

    width: 17%;

    text-align: right;

    padding-left: 0;

}



    .basket_details li:nth-child(3) a {

        display: block;

    }



        .basket_details li:nth-child(3) a span {

            font-size: 11px;

            text-transform: none;

        }



        .basket_details li:nth-child(3) a img {

            margin-right: 7px;

        }



        .basket_details li:nth-child(3) a:first-child {

            margin-bottom: 2px;

        }



.basket_details input[type="number"], .basket_details input[type="text"] {

    padding: 12px 0;

    width: 48px;

    margin-top: 10px;

    text-align: center;

}



.basket_details strong {

    font-size: 21px;

    line-height: 27px;

    color: #ce1141;

}



.total {

    text-align: right;

    color: #ce1141;

    font-weight: 13px;

    text-transform: uppercase;

    color: #ce1141;

    font-weight: bold;

    margin: 10px 0 0 0;

    padding: 22px 14% 30px 0;

    border-top: 1px solid #d0d0d0;

}



.sb_inner table tr td, .sb_inner table tr th {

    width: 18%;

    padding: 12px 15px;

}



    .sb_inner table tr td:first-child, .sb_inner table tr th:first-child {

        width: 45%;

    }



.total span {

    font-size: 21px;

    line-height: 27px;

    font-weight: bold;

    margin-left: 40px;

}



.total_points p {

    font-size: 16px;

    line-height: 29px;

    color: #4b4b4b;

    float: left;

    padding: 32px 0 0;

}



.total_points ul {

    display: inline-block;

    float: right;

    text-align: left;

    margin: 0 12% 0 0;

    width: 318px;

}



    .total_points ul li li {

        display: inline-block;

        font-size: 14px;

        line-height: 37px;

    }



    .total_points ul ul {

        margin: 0;

    }



        .total_points ul ul li {

        }



            .total_points ul ul li:nth-child(1) {

                width: 76%;

            }



            .total_points ul ul li:nth-child(2) {

                margin-left: 0px;

                text-align: right;

                width: 48px;

            }



.total_points .add_btn {

    float: right;

}



.payment_link {

    text-align: right;

    float: right;

    margin-right: 0%;

    margin-top: 15px;

}



    .payment_link li {

        display: inline-block;

        margin-left: 7px;

    }



        .payment_link li:first-child {

            margin-left: 0;

        }

/*-------------------------------------------                  purchase survey    -----------------------------------------------------------------*/

.ser_qus {

    margin: 20px 0;

}



.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {

    margin-left: -10px;

}



.ser_qus label {

    width: 20%;

    float: left;

    margin-left: 15px;

    color: #000000;

    font-size: 14px;

}

/*-------------------------------------------                  purchase payment    -----------------------------------------------------------------*/

.total {

    padding: 9px 14% 9px 0;

    background: #eeeeee;

    border-top: 0;

}



    .total p {

        text-align: left;

        float: left;

        margin: 4px 0 0 15px;

        font-size: 16px;

        font-weight: normal;

        text-transform: none;

    }



.secure_payment h6, .details_add h6 {

    font-size: 18px;

    font-weight: bold;

    text-transform: none;

}



    .secure_payment h6 span {

        color: #a3a3a3;

        font-size: 15px;

    }



.ccd h6 {

    margin: 0 0 33px;

}



.personal_details label {

    color: #000000;

    font-size: 16px;

    padding-top: 8px;

}



.secure_payment .payment_link {

    float: left;

}



.secure_payment .add_btn {

    float: right;

    border: 0;

    font-size: 18px;

    font-weight: 500;

}



.border-top {

    border-top: 1px solid #cccccc;

}

/*-------------------------------------------   Ecard Gallery  -----------------------------------------------------------------*/

.ecard_gallery {

    padding: 48px 0px;

}



    .ecard_gallery h6, .n_a_c h6, .n_inner h5 {

        font-weight: bold;

        margin-bottom: 30px;

        margin-top: 10px;



    }





/*--------------------------------------------------------------

8.1 APPROVE NOMINATIONS: Decrease Font Size & Center

--------------------------------------------------------------*/

.n_a_c h3 {

    

    font-size: 22px;

    padding: 12px;

    text-align: center;



}



.ecard_gallery_grid {

    background: #ffffff;

    border: 1px solid #e1e1e1;

    padding: 38px 46px 22px;

}



.ecard {

    border: 1px solid #cccccc;

    text-align: center;

    width: 95%;

    margin: 0 0 35px;

    -webkit-box-shadow: 0px 0px 5px #d8d5d5;

    -moz-box-shadow: 0px 0px 5px #d8d5d5;

}



    .ecard img {

        width: 100%;

    }



/*--------------------------------------------------------------

2.13 SECONDARY COLOR: eCard H6 Color

--------------------------------------------------------------*/



    .ecard h6 {

        background: #f2f2f2;

        margin: 0;

        color: #353535;

        font-size: 14px;

        text-transform: uppercase;

        line-height: 24px;

        padding: 8%;

        letter-spacing: 1px;

        font-weight: 500;

        font-family: Helvetica;

        border-top: 1px solid #d8d5d5;

    }



        .ecard h6 a {

            color: #353535;

            display: block;

        }



/*--------------------------------------------------------------

2.13 SECONDARY COLOR: eCard Form/Message Background Color

--------------------------------------------------------------*/

.ecard_form h6, .write_msg h6 {

    background: #616161;

    margin: 0;

    color: #ffffff;

    font-size: 18px;

    text-transform: uppercase;

    line-height: normal;

    padding: 10px;

    margin: 0 0 35px;

}

/*-------------------------------------------   Ecard Compose  -----------------------------------------------------------------*/

.ecard_form label {

    color: #000000;

    font-size: 16px;

    line-height: 44px;

    font-weight: bold;

}

/*-------------------------------------------  social nomination  -----------------------------------------------------------------*/





/*--------------------------------------------------------------

2.14 SECONDARY COLOR: Social Nomination Background

--------------------------------------------------------------*/

.search-box {

    background: #616161;

    color: #ffffff;

    padding: 25px 18px;

    text-transform: uppercase;

    margin: 0 0 26px;

}



    .search-box h4 {

        font-size: 26px;

        font-weight: 500;

        text-transform: none;

        line-height:normal;

    }



    .search-box ul li {

        float: left;

        padding: 0 14px;

        border-left: 1px solid #ffffff;

        font-size: 12px;

        letter-spacing: 1px;

    }



        .search-box ul li a {

            color: #ffffff;

        }



        .search-box ul li:first-child {

            border-left: 0;

            padding-left: 0;

        }



.search-input {

    text-align: right;

    margin-top: 8px;

}



    .search-input input[type="text"] {

        height: 38px;

        padding: 12px 15px;

        width: 70%;

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px;

        border: 0;

        color: #000000;
		
		margin-top: -10px;

    }



    .search-input input[type="submit"] {

        height: 38px;

        margin-left: -4px;

        /*background: #ffffff url(/Content/Images/search1.png)no-repeat 50%;*/

        padding: 13px 17px;

        border: 0;

        vertical-align: top;

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px;

        background-size: 100%;

		margin-top: -10px;
    }



.sn_inner {

    padding: 18px;

    background: #ffffff;

    border: 1px solid #e1e1e1;

}



.n_a_c {

    background: #eaf6f4;

    padding: 24px;

    margin: 0 0 20px;

}



.n_inner {

    text-align: center;

    background: #ffffff;

    padding: 30px 20px 8px 20px;

}



    .n_inner img {

        width: 100%;

        max-width: 155px;

    }



    .n_inner h5 {

        color: #0477ab;

        font-size: 26px;

    }



    .n_inner p {

        font-size: 22px;

        line-height: 25px;

        color: #666666;

    }





/*--------------------------------------------------------------

2.16 SECONDARY COLOR: Search Checkbox

--------------------------------------------------------------*/

.sn_inner .checkbox {

    background: #5baace;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

    padding: 18px 0;

    margin: 0;

}



.award {

    padding: 24px;

    margin: 0 0 20px;

    background: #f8f5e4;

}



.select_award {

    padding: 24px;

    margin: 0 0 20px;

    background: #f4eff7;

}



    .select_award h6 {

        font-size: 25px;

        color: #0477ab;

        font-weight: bold;

    }



    .select_award > h6 {

        color: #000000;

    }



    .select_award span {

        font-size: 24px;

        color: #666666;

        display: block;

        text-transform: uppercase;

    }



    .select_award h4 {

        color: #000000;

        font-weight: bold;

        margin: 26px 0;

    }



.sn_inner .add_btn {

    float: right;

    margin-right: 12px;

}



.core_values {

    background: #ecf2f8;

    padding: 24px;

    margin: 0 0 20px;

}



.n_comments {

    background: #dff6ee;

    padding: 24px;

}



.green_btn {

    float: right;

    text-transform: uppercase;

    font-size: 18px;

    background: #009900;

    color: #ffffff;

    padding: 14px 20px;

    margin: 22px 0 0;

}



.social_nomination {

    padding: 44px 0 105px;

}





/*--------------------------------------------------------------

5.1 SOCIAL: Fix Container Width

--------------------------------------------------------------*/



.social_nomination .container {

    padding: 0;

}



@media only screen and (max-width: 1300px) {

    .social_nomination .container {

    padding-left: 12px;

    padding-right: 12px;

    }

}



.nl_item, .nl_item1 {

    margin: 0 0 20px;

}



.search_bg2 {

    padding: 2px;

}



.search_bg_inner {

    background: #015577;

    padding: 10px;

    margin-bottom: 20px;

}

/*-------------------------------------------  tooltip  -----------------------------------------------------------------*/

.basket_details h6 {

    display: none;

}



.banner-content h2 {

    font-size: 40px;

    line-height: normal;

    text-transform: uppercase;

}



.ec_com_btn {

    text-align: right;

}



.rollover_inner {

    border: 8px solid #e7e7e7;

    padding: 26px;

    background: #ffffff;

    min-height: 275px;

    overflow-y: auto;

    text-align: left;

}



.rollover {

}



.t_01 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 0;

    z-index: 2;

    left: 83%;

    min-width: 250px;

    max-width: 500px;

}



.fancy {

    border: 1px solid #a5a5a5;

    width: 500px;

    display: none;

}



.rollover_inner > ul {

    float: left;

    width: 100%;

    margin: 35px 0 0;

    overflow-x: auto;

    white-space: nowrap;

    padding-bottom: 10px;

}



    .rollover_inner > ul > .new_list {

        width: 200px;

        display: inline-block;

        vertical-align: top;

        padding-left: 32px;

    }



        .rollover_inner > ul > .new_list > li {

            border-bottom: 1px solid #000000;

            padding: 5px 0;

        }



.rollover_inner ul li a {

    color: #747474;

    font-size: 12px;

    line-height: 25px;

    text-transform: uppercase;

    font-weight: 600;

    padding: 5px;

}



    .rollover_inner ul li a:hover {

        background: #015577;

        color: #ffcc00;

    }



.rollover1 {

    display: none;

}



.t_02 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 50%;

    z-index: 2;

    left: 0%;

    min-width: 250px;

    max-width: 500px;

}



.t_03 {

    border: 1px solid #a5a5a5;

    position: absolute;

    top: 50%;

    z-index: 2;

    right: 83%;

    top: 0;

    min-width: 250px;

    max-width: 500px;

}



.t_01:before {

    content: "";

    width: 20px;

    height: 20px;

    border-right: 20px solid #e7e7e7;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    position: absolute;

    right: 100%;

    top: 80px;

}



.t_02:before {

    content: "";

    width: 20px;

    height: 20px;

    border-bottom: 20px solid #e7e7e7;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    position: absolute;

    bottom: 100%;

    left: 70px;

}



.t_03:before {

    content: "";

    width: 20px;

    height: 20px;

    border-left: 20px solid #e7e7e7;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    position: absolute;

    left: 100%;

    top: 80px;

}



.rollover h6, .fancy h6 {

    font-size: 16px;

    padding: 0 0 16px;

    border-bottom: 1px solid #cccccc;

}



.rollover {

    display: none;

}



.w_inner img {

    width: 100%;

}

/*-------------------------------------------  social link -----------------------------------------------------------------*/

.social_cat li {

    display: inline-block;

    text-transform: uppercase;

    padding: 10px;

    position: relative;

}



    .social_cat li:first-child:after {

        content: ">";

        position: absolute;

        left: 100%;

        top: 8px;

        font-size: 16px;

    }



.social_inner {

    background: #ffffff;

}





/*--------------------------------------------------------------

4.1 SOCIAL: Fix Social Section Full Width of Container

--------------------------------------------------------------*/

@media only screen and (max-width: 798px) {

    .social_inner {

    background: #ffffff;

    margin-left: -12px;

    margin-right: -12px;

    }

}





/*--------------------------------------------------------------

2.17 SECONDARY COLOR: Social Title Background

--------------------------------------------------------------*/

.social_title {

    background: #616161;

    color: #ffffff;

    padding: 2%;

    margin: 0 0 20px;

}



    .social_title span {

        font-size: 26px;

    }



        .social_title span img {

            margin-right: 26px;

        }



    .social_title strong {

        float: right;

        position: relative;

    }



        .social_title strong span {

            width: auto;

            background: #F1F1F1;

            font-size: 15px;

            display: block;

            text-align: center;

            line-height: 24px;

            position: absolute;

            padding: 0 8px;

            border-radius: 50%;

            right: -8px;

            top: -5px;

        }



.social {

    padding: 28px 0 45px;

}



@media screen and (min-width: 1350px) {



    .social .container {



        padding-left: 0;

        padding-right: 0;



    }



}



.social_content {

    padding: 0 12px;

}



.social_comment {

    padding: 0 12px;

}



.post_comment {

    background: #f3f3f3;

    margin: 0 0 28px;

}



    .post_comment textarea {

        height: 50px;

        box-shadow: 5px 5px 5px #dddddd;

        -webkit-box-shadow: 5px 5px 5px #dddddd;

        -moz-box-shadow: 5px 5px 5px #dddddd;

    }



.pc_option {

    padding: 7px 24px 10px;

}



    .pc_option ul {

        float: left;

    }



        .pc_option ul li {

            display: inline-block;

            margin-right: 25px;

        }



            .pc_option ul li img {

                margin-right: 8px;

            }



            .pc_option ul li, .pc_option ul li a {

                font-size: 11px;

                text-transform: uppercase;

            }





/*--------------------------------------------------------------

2.18 SECONDARY COLOR: Social Post Background

--------------------------------------------------------------*/

.post {

    background: #5baace;

    color: #ffffff;

    display: inline-block;

    float: right;

    padding: 12px 30px;

    text-transform: uppercase;

    font-weight: bold;

    border: none;

}



.post:hover {

    

    top: 2px; 

    

}



.comments_inner {

    background: #f3f3f3;

    padding: 0;

}



.sub_comment .comments_inner {

    margin: 0 0 20px 0;

}



.ci_bg {

    background: #ffffff;

    padding: 30px 20px;

    border: 1px solid #dfdfdf;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .ci_bg h6 {

        font-size: 16px;

        color: #000000;

        font-weight: bold;

    }



    .ci_bg span {

        font-size: 13px;

        line-height: 27px;

    }



    .ci_bg p {

        font-size: 14px;

        line-height: 27px;

        color: #000000;

    }



.f1 {

    float: left;

}



.f2 {

    float: right;

}





.feedback {

    

    margin-top:20px;

    

}



.feedback ul li {

    display: inline-block;

    padding: 10px 15px;

}



    .feedback ul li a {

        color: #0477ab;

        font-size: 13px;

        font-weight: bold;

    }



.sub_comment {

    width: 95%;

    float: right;

    margin: 0 0 10px;

}



.ci_bg1, .ci_bg2 {

    display: inline-block;

    float: left;

}



    .ci_bg2 a {

        color: #0477ab;

        font-size: 13px;

        text-transform: capitalize;

        line-height: 27px;

        font-weight: bold;

    }



.sub_comment .form-group {

    margin-bottom: 0;

}



.commented_section {

    margin-bottom: 25px;

}



.members li {

    font-size: 16px;

    margin-bottom: 15px;

}



.members img {

    margin-right: 10px;

    border-radius: 100px;

    border: 1px solid #ccc;

}



.members h6 {

    font-size: 20px;

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #ccc;

}



.cs_img img {

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 50%;

}

/*--------------------------   Thank You Message ------------------------*/

.thank_you {

    margin: 60px 0 300px;

}



    .thank_you h2 {

        font-size: 43px;

        color: #0477ab;

        text-align: center;

        text-transform: uppercase;

        margin: 0 0 70px;

    }



    .thank_you p {

        font-size: 22px;

        line-height: 30px;

    }



.sign p {

    text-align: right;

}



    .sign p span {

        color: #4b4b4b;

        font-weight: bold;

    }



    .sign p strong {

        font-size: 18px;

        color: #b6b6b6;

        text-transform: uppercase;

        margin: 58px 0 0;

        display: block;

    }



        .sign p strong img {

            margin-right: 8px;

        }



.notes img {

    vertical-align: top;

}



select.form-group {

    color: #bcbcbc;

}



.sidebar .table tr td:first-child {

    color: #000000;

    font-size: 14px;

}



.sidebar .table tr td:nth-child(2) {

    color: #666666;

    text-align: right;

}



.sidebar .table tr td {

    font-size: 14px;

}



/*--------------------------------------------------------------

2.19 SECONDARY COLOR: Notes H6

--------------------------------------------------------------*/



.notes h6 {

    font-size: 16px;

    background: #5baace;

    color: #ffffff;

    text-transform: none;

    padding: 15px;

    margin: 15px 0 5px;

}

/*-------------------------------------------*/

.n_list {

    height: 680px;

    overflow-Y: scroll;

    overflow-x: hidden;

}



.n_comments textarea.form-control {

    height: 138px;

    resize: none;

}



.sign {

    margin: 50px 0 0;

}

/*--------------------pagination---------------------------*/

.pagination > li > a, .pagination > li > span {

    border: 0;

}



.pagination-sm > li > a, .pagination-sm > li > span {

    font-size: 14px;

    color: #0477ab;

    font-weight: bold;

}



.gr_pagination.pagination {

    float: right;

    margin: 0;

}



.shopping_basket .total {

    border-top: 1px solid #d0d0d0;

    background: transparent;

    margin: 28px 0 0;

}



.total_points .total {

    color: #0477ab;

}



.login_inner img {

    padding-top: 25px;

}



.blue1 {

    background: #33cc00 !important;

}



.write_msg h6 {

    margin: 0 0 0;

}



.profile_con .glyphicon {

    vertical-align: top;

    margin-left: 10px;

}



.ms_wrapper1 .list li ul a:hover {

    color: #fff;

    background: #057cb2;

}



.select_award label {

    line-height: 17px;

}



.pop_cat1 {

    height: 135px;

    overflow-Y: scroll;

    white-space: normal;

}



.pop_cat {

    height: 110px;

    overflow-Y: scroll;

}



.cr_banner {

    margin-top: 25px;

}



.qty .add_btn {

    font-size: 16px;

}



.comment-fixed {

    position: fixed;

    z-index: 5;

    top: 0;

    width: 734px;

}



.fancybox-overlay {

    background: url(../images/fancybox_overlay.png);

}



.pro_inner h5 img {

    width: 226px;

}



.cat_bg label:before {

    content: "-";

    position: absolute;

    left: 14px;

}



.core_values h6 img {

    margin-left: -12px;

}



.close2 {

    right: 20px;

    top: 9px;

    z-index: 2;

    display: inline-block;

}

/*-----------------------------------------------------------------*/



/*--------------------------------------------------------------

1.3 PRIMARY COLOR: Header Color 2

--------------------------------------------------------------*/



.top-header {

    background: #ce1141;

    padding: 10px 0;

}



    .top-header .flag {

        float: left;

        margin-left: 18px;

    }



    .top-header ul {

        float: right;

        margin-right: 18px;

    }



    .top-header .flag ul {

        float: none;

        margin: 0;

    }



    .top-header ul li {

        float: left;

        padding: 0 10px;

    }



        .top-header ul li:first-child {

            border-right: 1px solid #ffffff;

        }



        .top-header ul li a {

            color: #ffffff;

            font-size: 16px;

            line-height: normal;

        }



.slick-prev, .slick-next {

    width: 100%;

}



.slick-prev {

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.slick-next {

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



#close2 {

    display: inline-block;

}



/*---------------- detect last row--------------------------------------*/

/*.gallery_wp_inner div.gallery-img:nth-child(3n+1):nth-last-child(-n+3),

  .gallery_wp_inner div.gallery-img:nth-child(3n+1):nth-last-child(-n+3) ~ div.gallery-img{

  background: #cfa;

}*/

.last-rollover {

    display: block;

}



    .last-rollover .t_01, .last-rollover .t_02 {

        top: auto;

        bottom: 40%;

        left: 0;

    }



    .last-rollover .t_03 {

        top: initial;

        bottom: 40%;

        left: initial;

        right: 0;

    }



        .last-rollover .t_01:before, .last-rollover .t_02:before, .last-rollover .t_03:before {

            content: "";

            width: 20px;

            height: 20px;

            border-right: 20px solid transparent;

            border-top: 20px solid #e7e7e7;

            border-left: 20px solid transparent;

            position: absolute;

            right: initial;

            top: 100%;

            bottom: initial;

            left: 80px;

            border-bottom: 20px solid transparent;

        }



        .last-rollover .t_03:before {

            left: initial;

            right: 100px;

        }



.awardee_news_inner {

    display: table-row;

}



.ms_wrapper1 .list li:nth-child(7) ul {

    right: 10px;

}



.caret {

    position: absolute;

    right: 2px;

    top: 16px;

    z-index: 5;

    display: block !important;

}



.n_inner h5 {

    font-size: 24px;

}



.login_inner .form-horizontal .control-label {

    padding: 23px 0 0;

}



.pro_inner .profile_image {

    height: 150px;

}

/*.profile_image img{height:100%;object-fit:cover;}*/

.navbar-nav > li.profile_sub {

    position: static;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url(../images/fancybox_sprite.png);

}

/*--------------------------- nomination(inner15)-----------------------*/

.nomination {

    padding: 48px 0px 100px;

}



    .nomination h6 {

        font-size: 20px;

        color: #000000;

        margin: 0 0 28px;

        font-weight: bold;

    }



.nominee {

    background: #ffffff;

    text-align: center;

    padding: 5px 5px 40px;

    border: 1px solid #e4e4e4;

    box-shadow: 0px 20px 5px #d8d5d5;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;

}



    .nominee img {

        width: 100%;

    }



    .nominee h6 {

        font-size: 18px;

        line-height: normal;

        margin: 0 0 15px;

        color: #ce1141;

    }



    .nominee span {

        font-size: 20px;

        line-height: normal;

        margin: 0 0 15px;

        display: block;

        color: #115ea2;

        font-weight: bold;

    }



.nom_img {

    margin: 0 0 28px;

}



.learn_more {

    text-transform: uppercase;

    font-size: 15px;

    text-decoration: underline;

    display: inline-block;

    margin: 0 0 15px;

    text-decoration-color: #adadad;

    -moz-text-decoration-color: #adadad;

}



.nom_con {

    min-height: 84px;

}



.nominate {

    text-transform: uppercase;

    font-size: 18px;

    color: #ffffff;

    line-height: normal;

    background: #115ea2;

    display: block;

    width: 80%;

    margin: 0 auto;

    text-align: center;

    padding: 12px 0;

}



    .nominate:hover {

        color: #ffcc00;

    }



.nom_wrapper {

    margin: 0 0 18px;

}

/*-----------------------------------------------------------------*/

.nom_detail {

    padding: 45px 0 100px;

}



.nom_detail_inner {

    background: #ffffff;

    padding: 32px;

    min-height: 700px;

    box-shadow: 5px 5px 15px #d8d5d5;

    -webkit-box-shadow: 5px 5px 15px #d8d5d5;

    -moz-box-shadow: 5px 5px 15px #d8d5d5;

    color: #ce1141;

}



    .nom_detail_inner img:nth-child(1) {

        width: 229px;

        float: left;

    }



    .nom_detail_inner img:nth-child(2) {

        width: 570px;

        float: right;

    }



    .nom_detail_inner h1 {

        font-size: 42px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h2 {

        font-size: 36px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h3 {

        font-size: 32px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h4 {

        font-size: 28px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h5 {

        font-size: 24px;

        line-height: normal;

        font-weight: bold;

        margin: 0 0 15px;

    }



    .nom_detail_inner h6 {

        font-size: 20px;

        line-height: normal;

        margin: 30px 0 15px;

        color: #ce1141;

        font-weight: bold;

    }



    .nom_detail_inner p, .nom_detail_inner ul, .nom_detail_inner span, .nom_detail_inner strong, .nom_detail_inner b, .nom_detail_inner i {

        font-size: 20px;

        line-height: normal;

        margin: 0 0 18px;

        color: #ce1141;

        line-height: 26px;

    }



    .nom_detail_inner a {

        color: #ce1141;

    }



    .nom_detail_inner ul {

        list-style: disc;

        list-style-position: inside;

    }



.nd_con {

    padding: 0 34px;

    color: #ce1141;

}



.BackToTop {

    display: inline-block;

    width: 32px;

    height: 32px;

    position: absolute;

    right: 0px;

    top: 100%;

    margin: 50px 15px 0 0;

}



    .BackToTop img {

        width: 100%;

    }



.h_01 {

    padding-bottom: 100px;

}

/*--------------------- back to top-------------------------------*/

.container, .inner1_container {

    position: relative;

}



.nd_con {

    text-align: justify;

}



.BackToTop {

    top: 80vh;

    position: fixed;

    display: none;

    z-index: 50;

}





/*--------------------------------------------------------------

1.4 PRIMARY COLOR: Header Active State Color

--------------------------------------------------------------*/



.active_state {

    background: #ce1141;

	color: #ffffff;

}



    .active_state a {

        color: #ffffff !important;

    }



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle;

}

/*-----------------------------------------------------------------*/

.blue_scroll {

    position: relative;

}



.blue_scroll3 {

    overflow: auto;

}





/*--------------------------------------------------------------

1.5 PRIMARY COLOR: Footer Color

--------------------------------------------------------------*/





/*--------------------------------------------------------------

7.1 FOOTER: Fixed Bottom Footer

--------------------------------------------------------------*/

#footer {

    background: #ce1141;

    color: #ffffff;

    font-size: 14px;

    line-height: normal;

    padding: 25px 0;

    width: 100%;

    }



    #footer p {

        float: left;

        margin-left: 28px;

    }



    #footer ul {

        float: right;

    }



        #footer ul li {

            text-align: right;

        }



            #footer ul li a {

                color: #ffffff;

            }



.wrapper {

    min-height: 780px;

}



/*------------------ style 06-03-2017---------------------------------*/

#header .container-fluid {

    max-width: 1261px;

    margin: 0px auto;

    position: relative;

}



.home-banner, .menu_slider, #footer .container-fluid {

    max-width: 1261px;

    margin: 0px auto;

}



#header {

    

}



.main_content {

    max-width: 1261px;

    margin: 0 auto;

}



#footer p {

    margin-left: 0;

}



.login_page_wrap .main_content {

    max-width: 100%;

}



.login_page_wrap #header {

    position: absolute;

    z-index: 70;

    top: 0;

    width: 100%;

}

/*----------------------------------------------------------------*/



/*.form-control{height: auto;padding:0;}*/

@media screen and (min-width:0\0) {

    /* IE9 and IE10 rule sets go here */

    .prod_desc h5 {

        margin-bottom: 70px;

    }



    .BackToTop {

        right: 15px;

    }



    .search_bg .form-control {

        padding: 0px 12px;

    }



    .pro_inner .profile_image {

        width: 130px;

    }

}



::-webkit-scrollbar {

    width: 5px;

    height: 5px;

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    border-radius: 10px;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background: #ccc;

    -webkit-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    /*-------------------------------------------------------------------------------------------*/

}



.jspVerticalBar {

    width: 6px;

    background: transparent;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}



.jspHorizontalBar {

    height: 6px;

    background: transparent;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}



.jspTrack {

    background: transparent;

}



.jspDrag {

    background: #ccc;

    -webkit-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -moz-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -ms-box-shadow: inset 0 0 6px rgb(110, 105, 105);

    -o-box-shadow: inset 0 0 6px rgb(110, 105, 105);

}



/*-----------CUSTOMIZED STYLES------------------*/

/*_CheckoutTabs.cshtml*/

.ta .steps li {

    padding: 15px 0 15px 60px;

    line-height: 1.5;

}



/*--------------------------------------------------------------

2.20 SECONDARY COLOR: Checkout Steps

--------------------------------------------------------------*/



.steps {

    background: #5baace;

}

/*Charity.cshtml*/

.per_d_inner p.char-points {

    font-size: 25px;

    font-weight: bold;

}



.personal_details .has-error label {

    color: #a94442;

}



a.continue-help {

    font-size: 15px;

    margin-top: -20px;

    color: #057eb4;

}



/*Confirmation.cshtml*/

/*OrderFailure.cshtml*/

.thank_you {

    margin-bottom: 75px;

}



.ta .thank_you p {

    font-size: 20px;

    line-height: 32px;

}



.basket_details p {

    font-size: 15px;

}



.per_d_inner h6 span {

    font-size: 16px;

    line-height: initial;

    text-transform: capitalize;

}



.per_d_inner table tr td { /*Also in Payment.cshtml*/

    vertical-align: middle;

}



@media screen {

    #printSection {

        display: none;

    }

}



@media print {

    body * {

        visibility: hidden;

    }



    #printSection, #printSection * {

        visibility: visible;

    }



    #printSection {

        position: absolute;

        left: 0;

        top: 0;

    }



    .nav, .cont-nav, .live-chat, .steps {

        display: none;

    }



    .main_content {

        min-height: 250px;

    }



    .per_d_inner p {

        font-size: 15px;

        margin: 0 0 5px;

        line-height: 15px;

    }



    .thank_you h2 {

        font-size: 35px;

        margin: 0 0 30px;

    }



    .thank_you {

        margin-top: 15px;

    }



    .sign {

        margin-top: 25px;

    }

}



/*ConfirmDetails.cshtml*/

.ta .per_d_inner p.ta_p { /*Also in Survey.cshtml*/

    font-size: 13px;

}



.ta .details_add p {

    font-size: 13px;

}



.ta .secure_payment h6, .details_add h6 {

    font-size: 16px;

}



.ta .details_add .control-label {

    font-size: 14px;

    line-height: 1.5;

}



.ta .notes p {

    font-size: 14px;

}



.notes .add_btn[disabled] { /*Also in Survey.cshtml*/

    cursor: not-allowed;

    opacity: 0.5;

}



/*Payment.cshtml*/

.border-top .add_btn[disabled] {

    cursor: not-allowed;

    opacity: 0.5;

}



.ta .per_d_inner h6 {

    font-size: 21px;

}



.ta .secure_payment h6 span {

    font-size: 13px;

}



.ta .personal_details label { /*Also in Survey.cshtml*/

    font-size: 14px;

}



/*Survey.cshtml*/

.ta .notes h6 {

    font-size: 14px;

}



@media only screen and (max-width: 1320px) {

    .ta .personal_details label {

        font-size: 12px;

    }

}



/*AccountRequest.cshtml*/

/*Confirm.cshtml*/

/*ForgotPassword.cshtml*/

.ta .login p {

    line-height: 26px;

}



.ta .login label {

    font-size: 16px;

    line-height: 17px;

}



.ta h5 {

    font-size: 22px;

}



/*ApproveNominations.cshtml*/

.n_inner_bud { /*Also in Nomination/Index.cshtml*/

    margin-bottom: 10px;

    background: white;

    padding: 20px;

    border-radius: 5px;

}



    .n_inner_bud p { /*Also in Nomination/Index.cshtml*/

        font-size: 17px;

        line-height: 25px;

        color: #666666;

    }



@media only screen and (max-width: 480px) { /*Also in Nomination/Index.cshtml*/

    .n_inner_bud span, n_inner_bud p {

        font-size: 12px;

    }

}



.select_award h6.add_height { /*Also in Nomination/Index.cshtml*/

    line-height: 30px;

}



.green_btn[disabled] { /*Also in Nomination/Index.cshtml*/

    opacity: 0.5;

    cursor: not-allowed;

}



.add_btn[disabled] { /*Also in Ecards.cshtml, Nomination/Index.cshtml*/

    opacity: 0.5;

    cursor: not-allowed;

}



.email_preview {

    line-height: 20px;

    font-size: 16px;

}



.email_preview_label {

    font-size: 20px;

}



.cmt_txtarea {

    max-width: 100%;

}



.basket_details_apr td:first-child {

    width: auto;

}



/*ECards.cshtml*/

.e_card_emp_list {

    height: 250px;

    overflow-y: scroll;

    display: list-item;

}



.basket_details_emplst td:first-child {

    width: 100%;

}



.basket_details_emplst li:nth-child(1) {

    border: none;

}



.img_ecard_emp {

    max-width: 50px;

}



.add_btn_no_border {

    border: none;

}





/*--------------------------------------------------------------

3.1 eCARD GALLERY - Fix Gallery Section Full Width of Container

--------------------------------------------------------------*/

.ecard_gallery_grid {

    padding: 38px 58px 22px;

    margin-left: -12px;

    margin-right: -12px;

    border-top: 6px solid #ce1141;

}





/*Nomination/index.cshtml*/

.search-input .form-group {
    margin-bottom: -10px;
}

.search-input input[type="text"].has-error {

    border-color: #a94442;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    border-width: 1px;

    border-style: solid;

    background-color: #fff2f2;

}



.n_inner h5 {

    white-space: nowrap;

    font-size: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.n_inner.ext_height {

    height:270px;

}



.n_inner.ext_height h5 {

    white-space: normal;

}





@media only screen and (max-width:1320px) {

    .n_inner_bud p {

        font-size: 20px;

    }

}



.n_list {

    min-height: 410px;

    height: auto;

    overflow-Y: visible;

}



.award label {

    line-height: 17px;

}



.emp_img {

    max-width: 150px;

     height: 167px;

}

/*_CategoriesList.cshtml*/

.ta .gi_inner a {

    font-size: 12px;

}



/*_MyBasket.cshtml*/

.sidebar p img {

    margin-top: 20px;

    width: 20%;

}



.ta .sidebar .table tr td {

    font-size: 12px;

}



    .ta .sidebar .table tr td:first-child {

        font-size: 12px;

    }



.brk-word {

    word-break: break-word;

}



.ta .sidebar p span {

    font-size: 12px;

    line-height: 18px;

}



/*_ProductsList.cshtml*/

.rollover_inner > ul {

    margin: 15px 0 0;

}



.rollover_inner ul li:hover {

    background: #e8e8e8;

}



.rollover_inner ul li a:hover {

    background: inherit;

    color: #212121;

}



p.info {

    font-size: 20px;

    line-height: 22px;

}



.ta p.info {

    font-size: 18px;

    line-height: 20px;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 2;

}



.gr_img {

    width: 100%;

}



    .gr_img a {

        min-height: 66px;

    }



    .gr_img img {

        padding-top: 20px;

        padding-bottom: 15px;

        max-height: 117px;

    }



.gr_img_wrap a {

    background: #fff;

}



.gr_img a span {

    max-height: 40px;

}



/*Product.cshtml*/

.has-error input[type="number"], .has-error .option {

    border-color: #a94442;

}



.add_btn_11 {

    border: none;

}



    .add_btn_11[disabled] {

        cursor: not-allowed;

        opacity: 0.5;

    }



    .add_btn_11.red {

        background-color: red;

    }



.pd_bg {

    margin-top: 25px;

}



.p_tag {

    right: 0px;

}



.prod_thumb {

    border: 2px solid #057eb4;

    margin-bottom: 10px;

}



/*Shop.cshtml*/

.ta .gallery_wp .gallery-img {

    min-height: 230px;

}



.gallery_wp .gallery-img {

    min-height: 250px;

}



.gi_inner a {

    min-height: 60px;

}



/*Reports/Index.cshtml*/

.al_messages table tr td:first-child, .al_messages table tr th:first-child {

    width: 25%;

}



.al_messages table tr td, .al_messages table tr th {

    width: auto;

}



.al_messages_body {

    font-size: 15px;

    color: black;

}



/*_ChangeLanguage.cshtml*/

.flag .ui-select-toggle {

	min-width: 124px;

    width: auto;

	border-radius: 5px;

    padding: 0px;

    height: auto;

}



.flag .ui-select-choices {

    width: 124px;

    min-width: 100px;

}



.top-header ul li {

    padding: 0 2px;

}



    .top-header ul li a {

        font-size: 14px;

    }



.flag .ui-select-bootstrap .ui-select-choices-row > a {

    padding: 5px 3px;

    display: flex;

}



    .flag .ui-select-bootstrap .ui-select-choices-row > a img {

        margin-right: 5px;

    }



/*_Footer.cshtml*/

.login_page_wrap #footer {

    position: inherit;

}



/*_Layout.cshtml*/

/*_LayoutUser.cshtml*/

.alert-extend {

    position: fixed;

    top: 25%;

    left: 25%;

    z-index: 9999;

    font-size: 15px;

    width: 50%;

}



    .alert-extend a {

        float: right;

        font-size: 20px;

        font-weight: bold;

    }



.ta .alert-extend {

    line-height: 1.5;

}



input::-ms-clear {

    display: none;

}



/*_Menus.cshtml*/

.ta .navbar-right .dropdown-menu {

    right: 50px;

}



.ta #header .navbar-default .navbar-nav > li > a {

    padding: 25px 25px;

}



    .ta #header .navbar-default .navbar-nav > li > a:hover {

        padding: 25px 25px;

    }



.pro_details h6 {

    max-width: 200px;

    word-break: break-word;

}



span.prof_name, span.prof_name:hover {

    color: #ce1141;;

}



.profile_image {

    border: none;

}



/*_UpdateProfilePicture.cshtml*/

.cropArea {

    background: #E4E4E4;

    overflow: hidden;

    width: 100%;

    height: 350px;

}



.croppedArea {

    background: #E4E4E4;

    overflow: hidden;

    width: 100%;

    height: 350px;

    text-align: center;

}



    .croppedArea img {

        margin-top: 15%;

    }



/*Welcomebanner.cshtml*/

.ta .banner-content h1 {

    font-size: 30px;

}



/*Social/Index.cshtml*/

.post_comment textarea {

    max-width: 100%;

    max-height: 200px;

}



.social-profile-img {

    max-width: 125px;

    min-width: 125px;

    border-radius: 50%;

    border: 1px solid #ccc;

    box-shadow: 0px 3px 8px -2px #d3d3d3;

    -webkit-box-shadow: 0px 3px 8px -2px #d3d3d3;

    -moz-box-shadow: 0px 3px 8px -2px #d3d3d3;



}



.social-post-img {

    max-width: 100%;

}



.ci_bg1 {

    width: 100%;

}



.ci_bg p {

    text-align: justify;

}



.social-comment-section {

    max-height: 350px;

    display: block;

    overflow-y: scroll;

    padding: 12px;

    margin-bottom: 10px;

}



.videogular-container {

    width: 100%;

    height: 320px;

    margin: auto;

    overflow: hidden;

}



.mem_name {

    position: absolute;

    margin: 10px 0;

}



/*Alerts.cshtml*/

.reset-head {

    font-size: 22px;

}



.ta h4.modal-title {

    font-size: 28px;

}



.ale_messages table tr td:first-child, .ale_messages table tr th:first-child {

    width: 5%;

}



.ale_messages table tr td, .ale_messages table tr th {

    width: auto;

}



.ale_messages_body {

    font-size: 15px;

    color: black;

}



.hideextra {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 50px;

    max-width: 550px;

}



.no_style h1, .no_style h1 strong, .no_style h2 {

    color: #000000;

    font-size: 16px;

    line-height: normal;

    font-weight: normal;

}



.no_style center {

    text-align: -webkit-left;

}



/*Cart.cshtml*/

.ta h4.modal-title {

    font-size: 28px;

}



.sb_inner table tr td {

    vertical-align: middle;

}



/*User/Index.cshtml*/

.ta .h_top5 a {

    font-size: 14px;

}



.ta .h_top3 a, .h_top4 a {

    font-size: 22px;

    line-height: 30px;

}



.ta .h_top5 h4 {

    font-size: 30px;

}



.ta .h_top5 p {

    font-size: 21px;

}



.ta .all_gifts a {

    font-size: 26px;

}



.ng_title p {

    padding: 0 0 0 0px;

    text-align: center;

}



.awardee_news {

    overflow-y: auto;

    overflow-x: auto;

}



a.h_top3_small_font {

    font-size: 15px;

}



.profile_con h4 {

    max-height: 80px;

    overflow-y: hidden;

}





/*--------------------------------------------------------------

2.12 SECONDARY COLOR: Serial Button

--------------------------------------------------------------*/



.serial_btn {

    font-size: 18px;

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background: #ce1141;

    font-weight: bold;

    padding: 5px 20px;

    margin: 0;

}



    .serial_btn:hover {

        color: #23527c;

    }



.profile_image {

    text-align: center;

    border: none;

}



    .profile_image a {

        font-size: 14px;

    }



.profile_con h4 {

    word-break: break-word;

}

.extra_box {

        margin-top: 0px;

    }



        .extra_box .extra_box_top {

            margin-top: 30px;

        }



/*Welcome.cshtml*/

.ta .welcome h1 strong {

    vertical-align: inherit;

}



.ta .w_inner p {

    font-size: 20px;

}



.sign-img {

    float: left;

    max-width: 250px;

}
.tile-txt {
    background: #ffffff;
    font-size: 25px;
    display: block;
    padding: 21px;
    color: #5d5d5f;
    font-weight: bold;
}  
.n_inner_bud_5 p {
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        margin-bottom: 5px;
    }
    .n_inner_bud_6 p {
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        margin-bottom: 5px;
        margin-top:5px;
    }
.table-reward-summary {
    border: none;
    font-size: 16px;
    font-weight: 500;
}

    .table-reward-summary > thead > tr {
        background-color: #0477ab;
    }

        .table-reward-summary > thead > tr > th {
            color: #ffffff;
        }

    .table-reward-summary > tbody > tr {
        background-color: transparent;
        color: #231d1d;
    }

        .table-reward-summary > tbody > tr:hover {
            background-color: #4f88a2;
            color: #fff;
        }

        .table-reward-summary > tbody > tr > td.emp_id {
        }

        .table-reward-summary > tbody > tr > td.emp_name {
        }

        .table-reward-summary > tbody > tr > td.company_name {
        }

        .table-reward-summary > tbody > tr > td.dept_name {
        }

        .table-reward-summary > tbody > tr > td.award_name {
        }

        .table-reward-summary > tbody > tr > td.qty {
        }	
		
		/* Celebration module */

/*tabs_style*/

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}

.recog_tab {
	max-width: 97%;
}

.nom_detail_inner .tabs_heading {
	color: #000000;
	margin: 0px 0 15px 0;
}

.aker_tabs>.nav-tabs {
	border-bottom: none;
}

.aker_tabs > .nav-tabs>li {
	float: left;
	width: 24.33%;
	border-bottom: none;
}

.aker_tabs>.nav-tabs>li.active>a,
.aker_tabs>.nav-tabs>li.active>a:hover,
.aker_tabs>.nav-tabs>li.active>a:focus {
	background: #8d8d8d;
	color: #ffffff;
	border-bottom: none;
}

.aker_tabs>.nav-tabs>li>a {
	background: #000000;
	color: #ffffff;
	padding: 6px 15px;
	border-radius: 0px;
	text-align: center;
	border-bottom: none;
	line-height: normal;
}

.aker_tabs .nav-tabs li a i {
	line-height: normal;
	margin: 0px;
	color: #000000;
}

.aker_tabs .nav-tabs li.active a i {
	display: none;
}

.aker_tabs .nav-tabs li.active ~ li a i {
	display: none;
}

.main_celeberate {
	width: 82%;
	margin: 0 auto;
}

.celeberate_banner {
	background: linear-gradient(#8d8d8d, #000000);
	padding: 40px 0;
}

.innercontent_blue {
	max-width: 57%;
	margin: 0 auto;
}

.innercontent_blue h6 {
	color: #ffffff;
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
}

.innercontent_blue h1 {
	color: #ffffff;
	margin: 0px;
	text-align: center;
	margin-bottom: 10px;
}

.click_here {
	background: #000000;
}

.click_here h6 {
	color: #ffffff;
	text-align: center;
	margin: 0px;
	padding: 8px 0;
	font-weight: normal;
}

.main_celeberate .customize {
	color: #000000;
	font-size: 16px;
	text-align: center;
}

.tabsinner_heading h6 {
	color: #000000;
	margin: 0px;
	margin-bottom: 15px;
	font-weight: normal;
}

.tabs_invite h6 {
	margin-bottom: 0px;
	margin-top: 15px;
}

.subheading h6 {
	color: #000000;
	margin: 0px;
}

.subheading span {
	color: #000000;
	font-size: 14px;
	line-height: 21px;
}

.subheading p {
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1;
}

.sel {
	line-height: 2.5;
}

.slick-1-2 {}

.slider_1 {
	float: left;
	margin: 50px;
}
.slider_1 img {
	border: 2px solid transparent;
}

.slick-1-2 .slider .slick-prev:before {
	background: url(../../../images/previous_arrow.png)no-repeat 50%;
	position: absolute;
	width: 41px;
	left: 0px;
	top: 5px;
	height: 25px;
	right: 0;
	margin: 0px auto;
}

.slick-1-2 .slider .slick-next:before {
	background: url(../../../images/next.png)no-repeat 50%;
	position: absolute;
	width: 41px;
	left: 3px;
	bottom: 5px;
	height: 25px;
	right: 0;
	margin: 0px auto;
}

.slider .slider_1 ul {
	list-style: none;
	float: left;
}

.slider .slider_1 ul li img {
	width: 100%;
}

.slider_1 ul li img {
	max-width: 100%;
	margin-bottom: 12px;
}

.slick-1-2 .icon_slider {
	width: 100%;
	float: left;
}

.slick-1-2 .slider .slick-prev {
	left: 0;
	top: 0;
	width: auto;
	top: 35%;
	z-index: 1;
}

.slick-1-2 .slider .slick-next {
	top: 0;
	width: auto;
	right: 0;
	left: auto;
	top: 35%;
}

.slick-1-2 .slider .slick-dots {
	bottom: 10%;
	margin-bottom: 0px;
}

.slick-1-2 .slider .slick-dots li {
	margin: 0;
}

.slick-1-2 .slider .slick-dots li button:before {
	font-size: 36px;
	color: #ccc;
	opacity: 1;
}

.slick-1-2 .slider .slick-dots li.slick-active button:before {
	color: #558bba;
}

.slick-1-2 .slick-dotted.slick-slider {
	margin-bottom: 0px;
}

.message_margin {
	margin-top: 10px;
}

.nom_detail_inner .work {
	border: 1px solid #ccc;
	padding: 10px 10px 10px 20px;
}

.nom_detail_inner .work img {
	width: 100%;
}

.message p {
	font-size: 14px;
	line-height: 18px;
}

.halo img {
	margin-top: 30px;
}

.right_editor {
	max-width: 82%;
	margin-left: 10%;
}

.editor {
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 150px;
	box-shadow: 2px 2px 2px 1px #e9e9e9;
}

.menu_opt {
	background: #eeeeee;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.menu_opt ul {
	list-style: none;
	margin-bottom: 0px;
	display: inline-block;
}

.menu_opt ul li {
	float: left;
	padding: 0 8px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.menu_opt ul li sub {
	font-size: 12px;
	position: relative;
	top: 1px;
	left: 2px;
}

.nom_detail_inner .menu_opt ul li i {
	line-height: normal;
	margin: 0;
	font-size: 10px;
}

.nom_detail_inner .menu_opt ul li:nth-child(2) {
	text-decoration: underline;
}

.menu_opt .menuopt_right {
	float: right;
}

.menu_opt .menuopt_right li {
	font-size: 14px;
}

.menu_opt .menuopt_right li b {
	font-size: 14px;
}

.nom_detail_inner .menu_opt .menuopt_right li i {
	font-size: 14px;
	font-style: italic;
}

.menu_opt .menuopt_right li:first-child {
	text-decoration: underline;
}

.nom_detail_inner .menu_opt .menuopt_right li:nth-child(2) {
	text-decoration: none;
}


/*
#editor2 {
	height: 150px;
	width: 503px;
}
*/

.character p {
	font-size: 14px;
	margin-bottom: 0px;
}

.msg_list {
	margin-top: 10px;
	width: 100%;
	display: table;
}

.nom_detail_inner .post_list {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.post_list li {
	color: red;
	font-size: 14px;
}

.nom_detail_inner .btn-send {
	color: #ffffff;
	background: #000000;
	padding: 3px 15px;
	text-align: center;
	float: right;
	font-size: 12px;
	border-radius: 0px;
	border: none;
}

.right_btn {
	display: table-cell;
	vertical-align: middle;
	float: none;
	text-align: right;
}


/*fouth_tab*/

.address_heading {
	background: #8f8f8f;
	padding: 5px 10px 5px 25px;
}

.search_right {
	float: right;
}

.search_right i {
	line-height: normal;
	margin: 0px;
	padding: 0 7px;
	color: #2f3130;
}

.addressbook .table-wrapper {
	height: 180px;
	overflow-y: scroll;
}

.address_heading h5 {
	color: #2f3130;
	margin-bottom: 0px;
	font-size: 18px;
	display: inline-block;
}

.addressbook {
	background: #fcfcfc;
}

.address_book {
	height: 120px;
	overflow-y: scroll;
}

.address_book tr:nth-child(odd) {
	background-color: #f1f1f1;
}

.address_book tr:nth-child(even) {
	background-color: #cccccc;
}

.address_book>tbody>tr>td {
	padding: 2px 25px 3px;
	line-height: 12px;
}

.selectall {
	background: #8f8f8f;
	padding: 8px 10px 8px 25px;
	border-radius: 0 0 4px 4px;
}

.selectall label {
	font-size: 14px;
	font-weight: normal;
}

.selectall input[type="checkbox"] {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.invite_form {
	margin-top: 20px;
}

.my_control {
	height: 25px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	font-size: 10px;
}

.invitees {
	background: #8f8f8f;
	padding: 5px 10px 5px 25px;
}

.invitees h5 {
	color: #2f3130;
	margin-bottom: 0px;
	font-size: 18px;
	display: inline-block;
}

.sort label {
	display: inline-block;
}

.sortby {
	display: table;
}

.sortby p {
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.invities_book {
	margin-bottom: 0px;
}

.invities_book tr:nth-child(odd) {
	background-color: #f1f1f1;
}

.invities_book tr:nth-child(even) {
	background-color: #cccccc;
}

.invities_book>tbody>tr>td {
	padding: 2px 25px 3px;
	line-height: 12px;
}

.invities_book>tbody>tr>td:first-child {
	width: 90%;
}

.invities_book>tbody>tr>td:nth-child(2) {
	width: 5%;
	text-align: center;
	padding: 0px;
}

.invities_book>tbody>tr>td:nth-child(3) i {
	cursor: pointer;
}

.invities_book>tbody>tr>td:last-child {
	width: 5%;
	text-align: center;
	position: relative;
}

.invities_book>tbody>tr>td> i {
	font-size: 14px;
	line-height: normal;
	margin: 0px;
}

.invities_book tbody tr {
	position: relative;
}

i.minus {
	display: none;
}

.min-plus .minus {
	display: block;
}

.min-plus .plus {
	display: none;
}

.plus_data {
	position: relative;
	cursor: pointer;
}

.more {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	text-align: right;
}

.more p {
	text-align: left;
	margin-bottom: 0px;
	font-size: 13px;
}

.right_invitees .table-wrapper {
	height: 330px;
	overflow-y: scroll;
}

.redo {
	float: right;
	margin-top: 20px;
}

.next {
	float: right;
}

.next .btn-send {
	padding: 3px 50px;
}

.previous_left {
	float: left;
	margin-top: 12px;
}

.previous_left .btn-send {
	padding: 3px 32px;
}

.popup_pagination li a {
	padding: 0px 4px;
}

.print {
	text-align: left;
	display: inline-block;
	padding-left: 26%;
}

.print a {
	color: #000000;
}

.no_show a {
	color: #000000;
}

.btm_footer {
	border: 1px solid #000;
	width: 100%;
	padding: 5px;
	margin-top: 55px;
}

.popup_footer {
	padding: 0 15px;
	border: none;
	margin-bottom: 20px;
	text-align: left;
	padding: 0px 11px 10px 11px;

}

.popup_body {
	padding: 10px 11px 0px 11px;
	background: #fff url(../../../Images/texture.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 40px;
	margin: 10px 10px 0 10px;
}

.btm_footer .brochure {
	padding-right: 10%;
	padding-left: 0px;
	text-align: left;
	display: inline-block;
}

.btm_footer .brochure a {
	color: #000000;
}

.popup_content {
	border-radius: 0px;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-backdrop {
	background-color: transparent;
}

.nom_detail_inner .red_link {
	color: red;
	font-size: 14px;
}

.content_editor p {
	font-size: 14px;
	line-height: 14px;
	padding-left: 8px;
	padding-top: 5px;
}

.newScrollBar {
	scrollbar-3dlight-color: #4FBDDD;
	scrollbar-arrow-color: #EEE1AE;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #A0CCE0;
	scrollbar-highlight-color: #F8F2DC;
	scrollbar-shadow-color: #176F99;
	scrollbar-track-color: #E7F2FA;
	overflow-y: scroll;
	height: 167px;
}

.newScrollBar::-webkit-scrollbar {
	/*
	width: 14px;
height: 5px;
*/
}

.newScrollBar::-webkit-scrollbar-track {
	border-radius: 0px;
	background: #f9f9f9;
	box-shadow: none;
	scrollbar-track-color: #E7F2FA;
}

.newScrollBar::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background: #ccc;
	box-shadow: none;
}

.selectdiv {
	position: relative;
	/*Don't really need this just for demo styling*/
	float: left;
}

.selectdiv:after {
	content: '\f078';
	font: normal normal normal 17px/1 FontAwesome;
	/* color: #0ebeff; */
	right: 7px;
	top: 9px;
	font-size: 10px;
	height: 19px;
	padding: 4px 6px 0 5px;
	/* border-left: 1px solid #0ebeff; */
	position: absolute;
	pointer-events: none;
	/* border-radius: 2px; */
	background: #f2f2f2;
	box-shadow: 1px 1px 2px 1px #ccc;
}


/* IE11 hide native button (thanks Matt!) */

select::-ms-expand {
	display: none;
}

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	max-width: 320px;
	height: 27px;
	float: right;
	margin: 5px 0px;
	padding: 0px 10px;
	font-size: 13px;
	line-height: 1.75;
	color: #333;
	background-color: #ffffff;
	background-image: none;
	/* border: 1px solid #0ebeff; */
	-ms-word-break: normal;
	word-break: normal;
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.upload-btn-wrapper input[type=file] {
	font-size: initial;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	bottom: 0;
}

.btn_upload {
	color: #ffffff;
	background: #4c88bc;
	padding: 3px 15px;
	text-align: center;
	font-size: 12px;
	border-radius: 0px;
	border: none;
	cursor: pointer;
}

.content_editor1 {
	position: relative;
}

.text_editor {
	position: absolute;
	/* top: -4px; */
	width: 100%;
	border: 1px solid #dadada;
	outline: none;
	border-radius: 0 0 4px 4px;
}

.nom_detail_inner #cke_1_top span {
	line-height: auto;
	margin-bottom: 0px;
}

#cke_1_top {
	margin-bottom: 0px;
}

.cke_reset {
	border-radius: 0 0 4px 4px;
}

.container_check {
	display: block;
	position: relative;
	padding-left: 0;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Hide the browser's default checkbox */

.container_check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Create a custom checkbox */

.checkmark {
	position: absolute;
	top: -2px;
	left: 10px;
	height: 17px;
	width: 17px;
	background-color: transparent;
	border: 1px solid #ce1141;
	border-radius: 3px;
}


/* On mouse-over, add a grey background color */

.container_check:hover input ~ .checkmark {
	background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container_check input:checked ~ .checkmark {
	background-color: transparent;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the checkmark when checked */

.container_check input:checked ~ .checkmark:after {
	display: block;
}


/* Style the checkmark/indicator */

.container_check .checkmark:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #0c0c0c;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*popup_style*/

.tp_margin {
	margin-top: 20px;
}

.user_style {
	float: left;
}

.user {
	background: #ffffff;

	position: relative;
	margin: 0 auto;
}

.user img {
	border-radius: 50%;
}

.user i {
	background: #cccccc;
	border-radius: 50%;
	color: #ffffff;
	font-size: 40px;
	width: 48px;
	height: 48px;
	line-height: 1.4;
	text-align: center;
	margin: 1px;
}

.user_middle img {
	width: 78px;
	border-radius: 0px;
}

.user_style p {
	font-size: 14px;
	margin-bottom: 0px;
	line-height: normal;
	text-align: center;
}

.user_style span {
	text-align: center;
	color: #000000;
	font-size: 14px;
	display: block;
	padding-top: 5px;
}

.my_dialog {
	width: 860px;
	height: 860px !important;
	

}

.style4 {
	float: left;
	margin-left: 13%;
}

.style5 {
	float: right;
	margin-right: 13%;
}

.style6 {
	float: left;
	margin-left: 7%;
}

.style7 {
	float: right;
	margin-right: 7%;
}

.style8 {
	float: left;
	margin-left: 9%;
}

.style9 {
	float: right;
	margin-right: 16%;
}

.style_middle {
	position: absolute;
	left: 0;
	right: 0;
	top: 28%;
}

.user_middle {
	height: auto;
	margin: 0 auto;
	width: 11%;
}

.popup_text {
	position: absolute;
	/* width: 20%; */
	/* text-align: left; */
	left: 2%;
	top: 2%;
	/* line-height: normal; */
}

.popup_text p {
	font-size: 14px;
	text-align: left;
	max-width: 24%;
	line-height: 1;
	margin-bottom: 0;
}

/*second_popup*/

.popup-overlay {
	/*Hides pop-up when there is no "active" class*/
	visibility: hidden;
	position: absolute;
	background: #ffffff;
	width: 900px;
	height: auto;
	padding: 5px;
	left: 0;
	margin: 0 auto;
	z-index: 50;
	text-align: center;
	right: 0;
}

.popup-overlay.active1 {
	/*displays pop-up when "active" class is present*/
	visibility: visible;
	text-align: center;
}

.popup-content {
	/*Hides pop-up content when there is no "active" class */
	visibility: hidden;
	border: 1px solid #666666;
}

.popup-content .work {
	padding: 20px;
}

.popup-content .work p {
	margin-bottom: 15px;
}

.popup-content.active1 {
	/*Shows pop-up content when "active" class is present */
	visibility: visible;
}

.popup-content .close {
	padding: 0!important;
	position: absolute;
	right: 17px;
	top: 10px;
	background: transparent!important;
	opacity: 1;
	font-weight: normal;
	color: #757575;
	/* width: 30px; */
}

.popup_content .modal-header {
	position: absolute;
	z-index: 9999;
	right: 0;
	/* left: 0; */
	display: ;
	top: 12px;
	border: none;
}

.popup_content .modal-header .close {
	position: relative;
	/* bottom: 0; */
	/* top: 0; */
	right: 0;
	top: 0
}

.modal-open .cmodal{
overflow-x: hidden;
overflow-y: auto;
z-index-10000;
position:fixed;
}



.Attachpng{
width:23px !important;
heigth:20px !important;

}

.imgEcard{
width:306px !important;
height:153px !important;

}


.celebratecard_gallery {     padding: 10px 0px; } 
.CCard {         width: 100%; height:297px;    }
.VCard {         width: 100%; height:297px;    }
.h_top3 p {         background: #ffffff;    text-align:justify;     font-size: 12px;         display: block;         padding: 10px;         color: #5d5d5f; height:70px;line-height:15px;}   
.h_top3 p  a {         background: #ffffff;         font-size: 12px;  color:red;    padding:0px           }   
.h_top3 p  img {       border-radius:50px;    margin-top: -25px;    margin-left: 40px;    }   

.points {
    width: max-content;
    padding-right: 5px;
    padding-left: 5px;
    background: #fff;
    color: #000;
font-size: 16px;
}

.TempHidePointsAvailable{

display: none;

}

.navbar-nav > li.profile_sub{

display: none;
}

div#footer p a{
color: white;
}

#header .navbar-brand{
margin-left:0!important;
padding-left:0!important;
}