/*

 * Immortal CSS

 * -------------------------------------------------

 * Table Of Contents

 *

 * 1) Site wide & general

 * 	1.1) Helpers

 * 	1.2) Errors

 *  1.3) Links

 * 2) Typography

 *  2.1) Headers

 *  2.2) H1 Specific

 *  2.3) H2 Specific

 *  2.4) H3 Specific

 *  2.5) H4 Specific

 *  2.6) H5 Specific

 *  2.7) H6 Specific

 *  2.8) P Tags

 * 3) Layout

 * 4) Forms

 * 5) Home/Sales page

 * 6) Order Page

 * 7) Navigation

 * 8) Pagination

 * 9) Content

 *  9.1) Article List

 *  9.2) Posts

 * 10) WooCommerce

 *  10.1) Single product

 *  10.2) Checkout

 *  10.3) Thank You

 * 11) Media Queries

 *  12) Media Queries - 480px

 *  13) Media Queries - 768px

 *  14) Media Queries - 992px

 */



/*

 * 1) Site wide & general

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



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,

font,

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 {

    margin: 0;

    padding: 0;

    border: 0;

    list-style: none;

    outline: 0;

    font-size: 100%;

}

html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    width:320px;



}

body {

    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;

    background: #fff;

    background-size: 100% auto;

    color: #282d3e;

    text-align: center;

    width: 100%;

}



/* 1.1) Helpers */

* {

    box-sizing: border-box;

}

.clr {

    clear: both;

}

.left {

    float: left;

}

.chek-style label { float: left; }



.right {

    float: right;

}

.clearfix:before,

.clearfix:after {

    content: " ";

    /* 1 */

    

    display: table;

    /* 2 */

}

.clearfix:after {

    clear: both;

}



/* 1.2) Errors */

input.error,

select.error {

    border-color: red;

}

div.error {

    clear: both;

    text-align: right;

    color: #FF0000;

    padding: 4px 6px;

    background: rgba(255, 255, 255, .8);

    font-size: 12px;

    padding-right: 10px;

    font-weight: bold;

}

.errorlrg {

    color: #FF0000;

}



/* 1.3) Links */

a {

    color: #da1884;

    text-decoration: none;

}

a:hover,

a:focus {

    color: #ac1368;

    text-decoration: underline;

}

a:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}



/*

 * 2) Typography

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

/* 2.1) Headers */



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: inherit;

    font-weight: 300;

    line-height: 1.1;

    color: inherit;

}

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small {

    font-weight: normal;

    line-height: 1;

    color: #777;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

    margin: 10px 0;

}

h1 img {

    width: 100%;

    height: auto;

}

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small {

    font-size: 65%;

}

h4,

.h4,

h5,

.h5,

h6,

.h6 {

    margin-top: 10px;

    margin-bottom: 10px;

}

h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small {

    font-size: 75%;

}



/* 2.2) H1 Specific */

h1,

.h1 {

    font-size: 36px;

    font-weight: 500;

}



.page-header.no-margin h1 {

    margin-bottom: 0;

}



.category-immortal-testimonials .page-header h1 { display: none; }



.category-blog h1.cat-title,

.category-immortal-testimonials h1.cat-title {

    font-family: Georgia, "Times New Roman", Times, serif;

    color: #da1884;

    font-size: 30px;

    line-height: 34px;

}



.step1 h2 {

    color: #282d3e;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 30px;

    font-weight: 300;

}



.order-left h1 {

    text-align: center;

    width: 100%;

    padding: 0 10px;

}

.order-left h1 img {

    width: 100%;

    height: auto;

}



.fullwidth .order-left h1 img {

    width: auto;

    height: auto;

}



/* 2.3) H2 Specific */

h2,

.h2 {

    font-size: 30px;

}



h2.sub-title {

    color: #da1884;

    margin-top: 0;

    text-transform: uppercase;

}

.single h2.sub-title {

    text-transform: inherit;

    text-transform: initial;

    font-weight: 400;

}



.tag-line h2 {

    border-radius: 10px;

    background: #da1884;

    background: -moz-linear-gradient(top, #da1884 0%, #c4026e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da1884), color-stop(100%, #c4026e));

    background: -webkit-linear-gradient(top, #da1884 0%, #c4026e 100%);

    background: -o-linear-gradient(top, #da1884 0%, #c4026e 100%);

    background: -ms-linear-gradient(top, #da1884 0%, #c4026e 100%);

    background: linear-gradient(to bottom, #da1884 0%, #c4026e 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da1884', endColorstr='#c4026e', GradientType=0);

    width: 100%;

    color: #fff;

    font-size: 40px;

    font-weight: 300;

    font-family: 'Roboto Condensed', sans-serif;

    margin: 20px 0;

    padding: 10px;

}

.tag-line h2 i {

    font-weight: bold;

}



.video h2 {

    color: #282d3e;

    font-size: 40px;

    font-weight: 300;

    font-family: 'Roboto Condensed', sans-serif;

}

.video h2 strong {

    color: #da1884;

    font-weight: 700;

}



.trail h2 {

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 42px;

    color: #fff;

    margin: 15px;

    font-weight: 300;

}



.cream-left h2 {

    background: url(../images/hg-bg.png) no-repeat;

    width: 316px;

    height: 214px;

    position: absolute;

    font-size: 30px;

    text-transform: uppercase;

    text-align: center;

    font-family: 'Roboto Condensed', sans-serif;

    padding-top: 15px;

}

.cream-left h2 span {

    color: #b1f2ff;

}

.cream-right h2 {

    color: #282d3e;

    font-size: 42px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

}



.science-cont h2 {

    font-size: 42px;

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    line-height: 50px;

}

.beauty-cont h2 {

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 700;

    font-size: 42px;

}



/* 2.4) H3 Specific */

h3,

.h3 {

    font-size: 24px;

}



.unlock-cont h3 {

    color: #da1884;

    font-size: 22px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    margin-bottom: 15px;

}



.science-cont h3 {

    font-size: 22px;

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: normal;

    margin: 10px 0;

}



.immortal-cream h3 {

    font-size: 62px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    text-align: center;

}



.sk-right h3 {

    font-size: 24px;

    color: #282d3e;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-weight: normal;

    font-style: italic;

	text-align:left;

	margin: 20px 0;



	line-height: 32px;



}

.sk-right h3 span {

	font-size: 24px;

	color: #da1884;

	font-family: 'Roboto Condensed', sans-serif;

	font-weight: normal;

	font-style: normal;	

}



.ft-cont h3 {

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 24px;

    font-weight: normal;

    line-height: 20px;

    border-top: 2px dotted #da1884;

    border-bottom: 2px dotted #da1884;

    padding-bottom: 15px;

    margin-top: 20px;

    text-align: center;

}





/* 2.5) H4 Specific */

h4,

.h4 {

    font-size: 18px;

}



.h-cont1 h4 {

    font-size: 30px;

    font-weight: 300;

    color: #282d3e;

    line-height: 30px;

    margin-bottom: 30px;

    margin-left: 10px;

}

.h-cont1 h4 span {

    font-size: 45px;

    color: #da1884;

}



.video h4 {

    font-family: 'Roboto Condensed', sans-serif;

    color: #da1884;

    font-size: 23px;

    font-weight: normal;

    margin-top: 30px;

}



.c1 h4 {

    margin-bottom: 20px;

}



.beauty-cont h4 {

    background: #da1884;

    padding: 10px;

    border-radius: 10px;

    color: #fff;

    text-align: center;

    font-size: 14px;

    margin: 10px auto;

}



.bf-right h4 {

    font-size: 29px;

    line-height: 38px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: normal;

    color: #da1884;

    margin-bottom: 30px;

}



.ft-cont h4 {

    font-size: 28px;

    color: #282d3e;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 25px;

}



/* 2.6) H5 Specific */

h5,

.h5 {

    font-size: 14px;

}



.bf-div h5 {

    font-size: 24px;

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: normal;

}



/* 2.7) H6 Specific */

h6,

.h6 {

    font-size: 12px;

}



/* 2.8) P Tags */

.entry-content p {

    margin-bottom: 15px;

}



/*

 * 3) Layout

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

.wrapper {

    margin: auto;

}



@media (min-width: 768px) {

    .wrapper {

        width: 750px;

    }

}

@media (min-width: 992px) {

    .wrapper {

        width: 960px;

    }

}



.main {

    width: 100%;

}



aside.sidebar {

    width: 100%;

}



.fullwidth { width: 100% !important; }



/*.special-offer-body-content { padding: 20px 20px 0 20px; }

.special-offer-body-content h1 { font-weight: bold; font-size: 40px; color: #DA1884; text-align: center; }

.special-offer-body-content h3 { font-weight: bold; font-size: 30px; line-height: 34px; }

*/



.special-offer-body-content { padding: 0 20px; }

.special-offer-body-content h1 { font-weight: bold; font-size: 44px; color: #DA1884; text-align: center; font-style: italic; padding: 0 0 20px 0;  }

.special-offer-body-content .block-a img { float: left; margin: 0 20px 0px 0; }

.special-offer-body-content p { font-weight: normal; margin: 10px 0; color: #000; font-size: 16px;  }

.special-offer-body-content strong { font-weight: bold; color: #DA1884;}



.special-offer-body-content .block-a p { font-size: 24px; line-height: 28px; }

.special-offer-body-content .block-b { clear: both; }

.special-offer-body-content .block-b h2 { clear: both; display: block; border-top: 10px solid #DA1884; border-bottom: 10px solid #DA1884;  font-weight: bold; font-size: 34px; line-height: 36px; padding: 10px 20px; text-align: center; font-style: italic;




    margin-left: -30px;

    margin-right: -30px;



background: #fff10d; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjEwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZlZTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZlZTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fff10d 0%, #ffff8c 50%, #fee100 95%, #fee100 95%, #fbbc00 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff10d), color-stop(50%,#ffff8c), color-stop(95%,#fee100), color-stop(95%,#fee100), color-stop(100%,#fbbc00)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fff10d 0%,#ffff8c 50%,#fee100 95%,#fee100 95%,#fbbc00 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fff10d 0%,#ffff8c 50%,#fee100 95%,#fee100 95%,#fbbc00 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fff10d 0%,#ffff8c 50%,#fee100 95%,#fee100 95%,#fbbc00 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fff10d 0%,#ffff8c 50%,#fee100 95%,#fee100 95%,#fbbc00 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff10d', endColorstr='#fbbc00',GradientType=0 ); /* IE6-8 */

 }



.special-offer-body-content .block-c { clear: both; text-align: center; padding: 10px 0 0 0; }

.special-offer-body-content .block-c p { font-size: 24px; line-height: 28px; }

.special-offer-body-content .main-form { margin-top: 10px; }



a.offer-no { margin: 0 0 10px 20px; padding: 0 0 20px 0; font-weight: bold; color: #000; text-transform: uppercase; font-size: 20px; text-decoration: none; }





/*

 * 4) Forms

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

.form {

    width: 280px;

    float: none !important;

    margin: auto;

    background: url(../images/sidebar-bg.png) repeat-y;

    border: 4px solid #00648b;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



.custom-page .form {

    width: auto !important;

}



.form h2 img {

    width: 100%;

    position: relative;

    top: -5px;

}

.form h3 {

    text-align: center;

    margin-top: 20px;

}

.form h4 {

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 30px;

    font-weight: 300;

    text-align: center;

    color: #fff;

    margin-top: 20px;

}

.form h5 {

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 30px;

    font-weight: 700;

    text-align: center;

    color: #fff;

    line-height: 20px;

}

.form h5 span {

    color: #6dd6ff;

}

.main-form {

    margin-top: 30px;

}

.main-form ul li {

    margin-bottom: 10px;

}

.main-form ul li span {

    width: 80px;

    display: block;

    float: left;

    text-align: right !important;

    margin-left: 10px;

    padding-top: 10px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.main-form ul li input,

.main-form ul li select {

    width: 160px;

    height: 28px;

    margin-right: 10px;

    border: 2px solid #cfcfcf;

    display: block;

    float: right;

    background: url(../images/input-bg.png) repeat;

    border-radius: 3px;

    padding-left: 3px;

    color: #484848;

    font-family: Arial, Helvetica, sans-serif;

}

.main-form .try-btn {

    border: 0px;

    margin-left: 10px;

    cursor: pointer;

}



/*

 * 5) Home/Sales page

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



.header {

    width: 100%;

}



.h-cont1 {

    margin-top: 20px;

    float: none !important;

    width: 100%;

}

.h-cont1 ul {

    padding: 10px;

}

.h-cont1 ul li {

    width: 100%;

    margin-bottom: 10px;

    padding: 10px 0;

    text-align: left;

    box-sizing: border-box;

    border-radius: 10px;

}

.h-cont1 ul li a {

    padding-left: 20px;

    display: block;

    width: 75%;

    float: left;

    color: #fff;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 20px;

    text-decoration: none;

}

.h-cont1 ul li span {

    float: right;

    display: block;

    padding-right: 20px;

    padding-top: 10px;

}



.check1 {

    background: #f4a900;

    background: -moz-linear-gradient(left, #f4a900 0%, #f4690e 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4a900), color-stop(100%, #f4690e));

    background: -webkit-linear-gradient(left, #f4a900 0%, #f4690e 100%);

    background: -o-linear-gradient(left, #f4a900 0%, #f4690e 100%);

    background: -ms-linear-gradient(left, #f4a900 0%, #f4690e 100%);

    background: linear-gradient(to right, #f4a900 0%, #f4690e 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4a900', endColorstr='#f4690e', GradientType=1);

}

.check2 {

    background: #24bcc6;

    background: -moz-linear-gradient(left, #24bcc6 0%, #077fbb 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #24bcc6), color-stop(100%, #077fbb));

    background: -webkit-linear-gradient(left, #24bcc6 0%, #077fbb 100%);

    background: -o-linear-gradient(left, #24bcc6 0%, #077fbb 100%);

    background: -ms-linear-gradient(left, #24bcc6 0%, #077fbb 100%);

    background: linear-gradient(to right, #24bcc6 0%, #077fbb 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24bcc6', endColorstr='#077fbb', GradientType=1);

}

.check3 {

    background: #b5b800;

    background: -moz-linear-gradient(left, #b5b800 0%, #7ba200 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b5b800), color-stop(100%, #7ba200));

    background: -webkit-linear-gradient(left, #b5b800 0%, #7ba200 100%);

    background: -o-linear-gradient(left, #b5b800 0%, #7ba200 100%);

    background: -ms-linear-gradient(left, #b5b800 0%, #7ba200 100%);

    background: linear-gradient(to right, #b5b800 0%, #7ba200 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b5b800', endColorstr='#7ba200', GradientType=1);

}

.check4 {

    background: #e9489f;

    background: -moz-linear-gradient(left, #e9489f 0%, #c4036a 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9489f), color-stop(100%, #c4036a));

    background: -webkit-linear-gradient(left, #e9489f 0%, #c4036a 100%);

    background: -o-linear-gradient(left, #e9489f 0%, #c4036a 100%);

    background: -ms-linear-gradient(left, #e9489f 0%, #c4036a 100%);

    background: linear-gradient(to right, #e9489f 0%, #c4036a 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9489f', endColorstr='#c4036a', GradientType=1);

}



.h-cont2 {

    padding-top: 250px;

    float: none !important;

    width: 100%;

    background: url(../images/bg-h-cont2-mbl.jpg) top center no-repeat;

    background-size: 100%;

    text-align: center;

}



.try-btn {

    background: url(../images/try-btn.png) no-repeat;

    height: 68px;

    width: 253px;

    display: inline-block;

}

.try-btn:hover {

    background: url(../images/try-btn.png) no-repeat 0 -68px;

}



.tag-line {

    padding: 10px;

}



.video-form {

    border: 1px solid #fad9e8;

    background: #fff7fc;

    padding: 10px;

}

.video {

    width: 100%;

    float: none !important;

    text-align: center;

}

.video p {

    font-size: 20px;

    margin-top: 20px;

}



.claim-btn {

    background: url(../images/clain-btn-mbl.png) no-repeat;

    width: 269px;

    height: 187px;

    display: inline-block;

    margin: 0 auto;

}



.video-code img {

    width: 100%;

    margin-bottom: 40px;

}



.cards {

    background: #fff;

    margin-top: 10px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    padding: 15px 10px;

}

.cards ul li {

    display: inline-block;

}



.step-txt {

    font-size: 42px;

    padding: 0 10px;

    color: #282d3e;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 300;

    text-align: center;

    margin: 10px 0;

}

.step-txt span {

    font-weight: 700;

    color: #da1884;

    font-style: italic;

}

.all-step {

    text-align: center;

    border: 2px solid #ececec;

    padding: 15px;

}



.pink {

    color: #da1884;

}



.step1 {

    margin: 0 auto;

    width: 296px;

    text-align: center;

    display: inline-block;

}

.step1 img {

    margin-bottom: 20px;

}

.step1:nth-child(3) {

    margin-right: 0;

}



.trail {

    background: #990055;

    background: -moz-linear-gradient(top, #990055 0%, #50002d 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990055), color-stop(100%, #50002d));

    background: -webkit-linear-gradient(top, #990055 0%, #50002d 100%);

    background: -o-linear-gradient(top, #990055 0%, #50002d 100%);

    background: -ms-linear-gradient(top, #990055 0%, #50002d 100%);

    background: linear-gradient(to bottom, #990055 0%, #50002d 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#990055', endColorstr='#50002d', GradientType=0);

    padding: 10px 0 15px 0;

    text-align: center;

    border: 2px solid #e5e5e5;

    border-radius: 4px;

    overflow: hidden;

    margin: 20px 0;

}



.try-btn2 {

    margin: 0 auto;

    clear: both;

    float: none !important;

    background: url(../images/try-btn2.png) no-repeat;

    height: 65px;

    width: 253px;

    display: block;

    border: 0px;

    margin-top: 8px;

    cursor: pointer;

}

.try-btn2:hover {

    background: url(../images/try-btn2.png) no-repeat 0 -65px;

}



.trail img {

    margin: 20px auto 0;

    padding: 5px 0 0 10px;

    float:none;

}



.abt-aream {

    text-align: center;

    border: 2px solid #fad9e8;

    background: #fff6fa;

    /*padding: 20px;*/

}



.cream-left {

    width: 320px;

    margin: 0 auto;

    background: url(../images/pink-bg.png) repeat-y;

    position: relative;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



.help-div {

    text-align: left;

    padding-top: 230px !important;

    width: 90%;

    margin: auto;

}

.help1 {

    margin-bottom: 20px;

}

.help-icon {

    width: 67px;

}

.help-cont {

    width: 210px;

    margin-left: 10px;

    color: #ffffff;

    font-size: 20.5px;

    border-bottom: 2px dotted #fff;

    padding-bottom: 10px;

}



.cream-right {

    width: 100%;

}





.jellyfish p {

    width: 285px;

    color: #282d3e;

    font-size: 18px;

    padding-top: 60px;

}

.jellyfish img {

    float: none !important;

    margin: 0 auto;

}



.unlock-cont {

    margin-top: 40px;

}

.unlock-cont p {

    font-size: 18px;

}



.un-left {

    width: 100%;

}



.un-right {

    width: 100%;

    margin-top: 15px;

}



.right-skin {

    border: 2px dashed #282d3e;

    margin-top: 30px;

    border-radius: 3px;

    padding: 15px;

    font-size: 24px;

}



.science {

    background: url(../images/science-bg-mbl.jpg) no-repeat top right;

}

.science-cont {

    width: 100%;

    padding: 20px;

    background-color: rgba(255, 255, 255, 0.7);

    border-radius: 4px;

}

.science-cont p {

    font-size: 18px;

}

.science-cont .c2 {

    clear: both;

    float: none !important;

}



.c1 {

    margin: 20px 0;

}

.c1 li {

    background: url(../images/check-icon1.png) no-repeat 0 10px;

    padding-left: 35px;

    font-weight: bold;

    font-size: 24px;

    margin-bottom: 5px;

}



.beauty-div {

    background: url(../images/beauty-bg-mbl.jpg) no-repeat;

}

.beauty-cont {

    width: 100%;

    padding: 20px;

    background-color: rgba(255, 255, 255, 0.7);

    float: right;

}

.beauty-cont ul {

    margin-top: 20px;

}

.beauty-cont ul li {

    background: url(../images/check-icon2.png) no-repeat;

    padding-left: 45px;

    font-size: 18px;

    color: #282d3e;

    font-weight: bold;

    margin-bottom: 10px;

    padding-bottom: 20px;

    border-bottom: 2px dotted #282d3e;

}



.border-none {

    border: 0px !important;

}



.immortal-cream span {

    font-weight: 700;

    font-style: italic;

}



.bf-div {

    border: 2px solid #fad9e8;

    padding: 15px;

    background: #fff7fb;

    border-radius: 4px;

}



.bf-left {

    width: 100%;

}

.bf-left img {

    width: 100%;

    height: auto;

}



.bf-right {

    width: 100%;

    text-align: center;

}

.bf-right img {

    margin: 0 auto 15px;

}



.bf-div p {

    font-family: Georgia, "Times New Roman", Times, serif;

    color: #282d3e;

    font-size: 24px;

    margin: 20px 0;

    font-style: italic;

}



.skin-div {

    text-align: center;

    background: #da1884;

    padding: 15px 0;

    margin-top: -10px;

    position: relative;

    z-index: -1;

}

.sk-div1 {

    margin-top: 20px;

}

.sk-left {

    width: 305px;

    margin: 0 auto;

}

.sk-right {

    width: 305px;

    margin: 0 auto;

}

.sk-right .entry-content {

    font-family: Georgia, "Times New Roman", Times, serif;

    color: #282d3e;

    font-size: 24px;

    margin: 20px 0;

    font-style: italic;

    line-height: 38px;

    font-weight: normal;

}



.category-blog .sk-right .entry-content,

.category-immortal-testimonials .sk-right .entry-content {

    margin-top: 0;

    font-family: 'Roboto', sans-serif;

    font-style: normal;

    font-size: 14px;

    line-height: 18px;

}

.single .sk-right .entry-content,

.page-id-11 .sk-right .entry-content {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: normal;

    font-style: normal;

    font-size: 100%;

    line-height: 1.1;

}

.arrow_box {

    position: relative;

    background: #ffffff;

    border: 4px solid #fad9e8;

    width: 100%;

    margin: auto;

    padding: 20px;

    border-radius: 4px;

}

.sk-div2 {

    margin-top: 20px;

}



.footer-bg {

    background: url(../images/footer-bg.jpg) no-repeat center bottom;

    background-size: 100%;

}

.ft-div {

    background: url(../images/ft-div-bg-mbl.jpg) no-repeat;

    margin-top: 20px;

    background-size: 100%;

}



.ft-cont img {

    width:100%;

    max-width:100%;

    height:auto;

}



.ft-cont {

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

    width: 100%;

    padding: 40px;

}

.ft-cont p {

    font-size: 30px;

    color: #282d3e;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

    margin-top: 10px;

}

.ft-bot {

    margin-top: 30px;

}

.ft-logo {

    text-align: center;

}

.ft-logo img {

    width: 25%;

}

.ft-bot ul {

    margin-top: 20px;

    text-align: center;

}

.ft-bot ul li {

    margin: 0;

    display: inline-block;

    font-weight: bold;

}

.ft-bot ul li a {

    color: #282d3e;

    text-decoration: none;

    font-size: 14px;

    padding: 0 4px;

}

.ft-bot p {

    padding: 20px 0 50px 0;

    text-align: center;

    font-size: 14px;

    text-align: center;

    line-height: 20px;

}

.cpy-ryt {

    display: block;

    text-align: center;

    color: #282d3e;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

    font-weight: bold;

}



/*

 * 6) Order Page

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

.order-page {

    background: url(../images/order-bg.png) repeat-x #fff8fc;

    border: 2px solid #fad9e8;

    border-radius: 4px;

    height: auto;

    text-align: left;

}

.order-left {

    width: 100%;

    padding-top: 30px;

}

.order-detail {

    margin-top: 10px;

}

.order-detail table th {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: bold;

    font-size: 30px;

    border-bottom: 8px solid #da1884;

    padding-bottom: 5px;

}

.price {

    text-align: right;

    font-size: 28px;

}

.round {

    font-size: 30px;

    color: #da1884;

}

.tb-txt1 {

    font-size: 24px;

    font-family: 'Roboto Condensed', sans-serif;

    padding-top: 4px;

}

.tb-txt1 strong {

    color: #da1884;

}

.bdr {

    border-bottom: 2px solid #da1884;

    height: 2px;

    padding: 5px 0;

}

.tb-txt2 {

    font-size: 24px;

    font-family: 'Roboto Condensed', sans-serif;

    padding-top: 8px;

    font-weight: 700;

}

.price2 {

    text-align: right;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 28px;

}

.line {

    text-decoration: line-through;

}

.done-btn {

    background: url(../images/done-btn-mbl.png) no-repeat;

    width: 295px;

    height: 140px;

    display: inline-block;

    margin: 0 auto;

}



.order-form-bak { width: 280px; margin: 0 auto; text-align: center; }



.order-right {

    width: 100%;

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

}

.order-form {

    padding-top: 225px;

}

.final-step {

    border: 10px solid #da1884;

    border-radius: 6px;

    padding: 10px 10px;

    background: #ffffff;

    width: 82%;

}

.custom-page .final-step { 

    width: auto !important; 

}

.final-step h3 {

    font-weight: 700;

    font-size: 54px;

    font-style: italic;

    color: #da1884;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

}

.final-step h4 {

    font-weight: 700;

    font-size: 20px;

    text-transform: uppercase;

    font-family: 'Roboto Condensed', sans-serif;

    text-align: center;

}

.cards {

    text-align: center;

    border-top: 2px solid #000;

    border-bottom: 2px solid #000;

    padding: 10px 0;

    margin-top: 10px;

    border-radius: 0;

}

.cards h4 {

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

}

.cards ul {

    display: inline-block;

    vertical-align: middle;

}

.cards ul li {

    display: inline-block;

}

.payment-form h4 {

    font-size: 16px;

    margin: 14px 0 8px 0;

    text-align: left !important;

}

.card-det {

    width: 100%;

    height: 33px;

    border: 2px solid #c9c9c9;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 16px;

}

.year {

    width: 48%;

}

.cd-num .card-det {

    width: 21%;

    float: left;

    text-align: center;

    margin-right: 1.7%;

}

.ssl {

    float: left;

    font-size: 12px;

    background: #f9be3e;

    width: 74%;

    height: 38px;

    line-height: 38px;

    font-weight: 700;

    font-family: 'Roboto Condensed', sans-serif;

}

.ssl img {

    vertical-align: middle;

}

label {

    display: inline;

}

.regular-checkbox {

    display: none;

}

.regular-checkbox + label {

    background-color: #fff;

    border: 2px solid #cacece;

    padding: 9px;

    display: inline-block;

    position: relative;

}

.regular-checkbox:checked + label {

    background-color: #e9ecee;

    border: 2px solid #adb8c0;

    color: #99a1a7;

}

.regular-checkbox:checked + label:after {

    content: '\2714';

    font-size: 14px;

    position: absolute;

    top: 0px;

    left: 3px;

    color: #000;

}

.chek-style p {

    width: 88%;

    font-size: 12px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

    margin-left: 8px;

}

.chek-style {

    margin: 10px 0;

}

.trial-btn {

    text-align: center;

}

.trial-btn .try-btn {

    display: inline-block;

    border: none;

    cursor: pointer;

}





/*

 * 7) Navigation

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



.collapse {

    display: none;

}

.collapse.in {

    display: block;

}

.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    -webkit-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: .35s;

    -o-transition-duration: .35s;

    transition-duration: .35s;

    -webkit-transition-property: height, visibility;

    -o-transition-property: height, visibility;

    transition-property: height, visibility;

}

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

.navbar-collapse {

    padding-right: 15px;

    padding-left: 15px;

    overflow-x: visible;

    clear: both;

    -webkit-overflow-scrolling: touch;

    border-top: 1px solid transparent;

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

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

}

.navbar-collapse.in {

    overflow-y: auto;

}

.special-offer-body-content .trial-btn input { max-width: 100%; height: auto; }

@media (min-width: 768px) {

    .special-offer-body-content .trial-btn { padding-left: 100px; padding-top: 10px;  }

    .navbar-collapse {

        width: auto;

        border-top: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    .navbar-collapse.collapse {

        display: block !important;

        height: auto !important;

        padding-bottom: 0;

        overflow: visible !important;

    }

    .navbar-collapse.in {

        overflow-y: visible;

    }

    .navbar-fixed-top .navbar-collapse,

    .navbar-static-top .navbar-collapse,

    .navbar-fixed-bottom .navbar-collapse {

        padding-right: 0;

        padding-left: 0;

    }

}

.navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    border-color: #600b3a;

    background: #7e0e4c;

}

.navbar-toggle:focus {

    outline: 0;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

    background: #fff;

}

.navbar-toggle .icon-bar + .icon-bar {

    margin-top: 4px;

}

@media (min-width: 768px) {

    .navbar-toggle {

        display: none;

    }

}

.top-nav {

    color: #fff;

    background: #da1884;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    padding: 5px 20px;

}

.top-nav ul {

    margin-top: 10px;

    text-transform: uppercase;

}

.top-nav ul li {

    margin: 5px 0;

}

.top-nav ul li a {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    padding: 10px 14px;

    text-decoration: none;

}

.top-nav p.call-now {

    font-weight: bold;

    font-size: 30px;

    text-transform: uppercase;

    float: left;

}





/*

 * 8) Pagination

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



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}

.pagination > li {

    display: inline;

}

.pagination > li > a,

.pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.2);

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

    z-index: 3;

    color: #fff;

    background-color: #da1884;

    border-color: rgba(0, 0, 0, 0.3);

}

.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;

    cursor: default;

    color: #fff;

    background-color: #da1884;

    border-color: rgba(0, 0, 0, 0.3);

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

    color: #777;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd;

}





/*

 * 9) Content

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



.main-page {

    border: 1px solid #fad9e8;

    background: #fff7fc;

    padding: 10px;

    width: 100%;

    margin-bottom: 15px;

}

.img-wrap {

    width: 100%;

    margin: 10px 0;

}

.img-wrap img,

.entry-content img {

    max-width: 100%;

    height: auto;

}

.entry-content img {

    float: left;

    margin: 5px 15px 5px 0;

}



/* 9.1) Article List */



.article-list {

    margin: 20px 0;

    border: 1px solid #fad9e8;

    background: #fff7fc;

}

.article-list .sk-left {

    width: 100%;

}

.article-list .sk-left img {

    width: 100%;

    max-width: 100%;

    height: auto;

}

.article-list .blog-post .sk-left img {

    margin-top: 10px;

}

.article-list li {

    position: relative;

    background: #ffffff;

    border-bottom: 4px solid #fad9e8;

    margin: auto;

    padding: 10px 8px;

    margin: 5px;

}

.article-list .sk-right {

    width: 100%;

}



/* 9.2) Posts */

.single-post .category-blog h1.entry-title,

.single-post .category-immortal-testimonials h1.entry-title {

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 3em;

    font-weight: normal;

    color: #da1884;

}







a.blog-return {

    font-size: 90%;

    display: block;

    padding: 0 0 10px 0;

    margin: 0 0 10px 0;

    border-bottom: 1px solid #fad9e8;

}

.single-post .category-blog ol,

.single-post .category-blog ol li,

.single-post .category-immortal-testimonials ol,

.single-post .category-immortal-testimonials ol li {

    list-style: outside;

    list-style-type: decimal;

}

.single-post .category-blog ol,

.single-post .category-immortal-testimonials ol {

    margin: 0 0 10px 20px;

}

.single-post .category-blog ol li,

.single-post .category-immortal-testimonials ol li {

    margin: 10px 0 0 10px;

}



/*

 * 10) WooCommerce

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



.woocommerce .get-rapid {

    margin-bottom: 15px;

}

.woocommerce .woocommerce-result-count,

.woocommerce .woocommerce-ordering {

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    color: #444;

    font-weight: bold;

    font-size: 18px;

    width: 50%;

    float: left;

    margin-bottom: 2.618em;

    background: rgba(0, 0, 0, 0.08);

    padding: 1em 1.618em;

    box-sizing: border-box;

}

.woocommerce .woocommerce-ordering {

    float: right;

    text-align: right;

}

.woocommerce ul.products {

    list-style: none;

    position: relative;

    display: block;

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}

.woocommerce ul.products li.product.first {

    clear: both;

}

.woocommerce ul.products li.product {

    display: inline;

    float: left;

    width: 45%;

    margin-left: 2.1666666665%;

    margin-right: 2.1666666665%;

    margin-bottom: 3.631em;

    background: #f3f3f3;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

    -webkit-transition: all ease-in-out .2s;

    -moz-transition: all ease-in-out .2s;

    -o-transition: all ease-in-out .2s;

}

.woocommerce ul.products li.product span.onsale {

    position: absolute;

    top: -12px;

    left: -20px;

    right: auto;

    z-index: 100;

    font-size: 11px;

}

.woocommerce ul.products li.product h3 {

    border-bottom: 0;

    padding: 1em;

    padding-bottom: 0;

    background: #ffffff;

    position: relative;

    margin-bottom: 0;

    font-weight: 700;

}

.woocommerce ul.products li.product .price {

    margin: 0;

    list-style: none;

    padding: 1em;

    background: #ffffff;

    border-bottom: 0.202em solid rgba(0, 0, 0, 0.075);

    text-align: left;

}

.woocommerce ul.products li.product a img,

.woocommerce-page ul.products li.product a img {

    margin-bottom: 0;

    box-shadow: none;

}

.woocommerce ul.products li.product .button,

.woocommerce .cart .button,

.woocommerce .cart input.button,

.woocommerce button.button {

    margin: 1em 0 1em 1em;

    display: inline-block;

    padding: .53em 1.1em;

    text-align: center;

    text-decoration: none;

    font-size: 1em;

    font-family: inherit;

    cursor: pointer;

    overflow: visible;

    width: auto;

    line-height: 1.618em;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #f9be3e;

    color: #222;

    -webkit-border-radius: 0.3em;

    border-radius: 0.3em;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 0;

    font-weight: 700;

    white-space: nowrap;

    font-size: .857em;

    -webkit-appearance: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

}

.woocommerce button.button {

    margin-left: 0;

}

.woocommerce ul.products li.product .button:hover,

.woocommerce .cart .button:hover,

.woocommerce .cart input.button:hover,

.woocommerce button.button:hover {

    background: #ac1368;

    color: #fff;

}

.woocommerce .woocommerce-message {

    margin-left: 15px !important;

    margin-right: 15px !important;

}

.woocommerce ul.products li.product .price {

    color: #000;

}

.woocommerce .price ins {

    color: #ac1368;

}

.woocommerce .product .added_to_cart {

    float: right;

    margin: 15px 15px 0 0;

    color: #c0132f;

    font-weight: 700;

    letter-spacing: -0.5px;

}

.woocommerce .cart-collaterals .cart_totals {

    width: 100%;

}

.woocommerce-cart table.cart td.actions .coupon .input-text {

    margin: 1.4em 0 1em;

    padding: 10px 6px;

}



/* 10.1) Single product */



.single-product #primary {

    width: 100%;

}

.single-product .summary .product_title {

    width: 100%;

}

.single-product .summary .price {

    margin: 0.3em 0 0 0;

    width: 100%;

}

.single-product .summary form.cart {

    padding: 1em;

    background: #ffffff;

    -webkit-border-radius: 0.382em;

    border-radius: 0.382em;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    margin-bottom: 0;

    clear: both;

    display: block;

}

.woo-side-hide {

    display: none;

}

.single-product .single_add_to_cart_button.button.alt {

    color: #fff !important;

}

.single-product .quantity {

    float: left;

    margin: 0 1em 0 0;

}

.quantity {

    width: 3.631em;

    position: relative;

}



/* 10.2) Checkout */



.woocommerce form .form-row input.input-text,

.woocommerce form .form-row textarea {

    padding: 10px 5px;

}

.select2-container .select2-choice {

    /*float:left;*/

}

.woocommerce .woocommerce-info {

    background-color: #fff;

}

#billing_country_field strong,

#shipping_country_field strong {

    line-height: 2;

    margin-left: 8px;

}

#billing_state_field {

    /*width: 100%;

	display: block;*/

}

.payment_methods input[type="radio"] {

    -webkit-appearance: none;

    height: 1.618em;

    width: 1.618em;

    font-size: .857em;

    border: 0.618em solid #a46497;

    background: #a46497;

    cursor: pointer;

    position: relative;

    -webkit-transition: .15s;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-right: 1em;

    float: left;

    margin-top: .2em;

}

.payment_methods input[type="radio"]:checked {

    background: none;

}

.woocommerce-checkout #payment {

    background: #fff;

}

.woocommerce-checkout #payment ul.payment_methods {

    border-bottom: 1px solid #fad9e8;

}

.woocommerce-checkout #payment div.payment_box {

    background-color: #a46497;

    color: #fff;

}

.woocommerce-checkout #payment div.payment_box:after {

    border: 8px solid #a46497;

    border-right-color: transparent;

    border-left-color: transparent;

    border-top-color: transparent;

    margin: -0.8em 0 0 2em;

}

/* 10.3) Thank You */



.order_details {

    margin-top: 15px !important;

}

.woocommerce .order_details li strong {

    color: #ac1368;

}





/*

 * 11) Media Queries

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



@media (min-width: 480px) and (max-width: 6000px) {

 /* HIDE THE MAIN MENU ON ALL BUT MOBILE FOR NOW */

    /*#menu-main-top-menu { display: none !important; }*/

}





/*

 * 12) Media Queries - 480px

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



@media (min-width: 480px) {

    .h-cont2 {

        padding-top: 380px;

    }



}



/*

 * 13) Media Queries - 768px

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

@media (min-width: 768px) {

    body {

        background: url(../images/body-bg.jpg) no-repeat center top #fff;

        text-align: left;

    }

    .main {

        width: 62%;

        float: left;

    }

    .main-page {

        margin-bottom: 0;

    }

    aside.sidebar {

        float: right;

        width: 33%;

    }

    .sidebar-container {

        float: right;

        width: 280px;

    }

    #sidebar-trial-sticky {

        width: 280px;

    }

    /* Header

	* =============================================================================*/

    

    .header {

        background: url(../images/bg-h-cont2-tab.jpg) no-repeat center top;

        height: 513px;

        position: relative;

    }

    .h-cont2 {

        padding-top: 0;

        background: none;

        width: 253px;

        margin-top: 400px;

        margin-right: 15px;

        float: right !important;

    }

    .try-btn {

        display: block;

    }

    .h-cont1 {

        margin: 10px 15px 0 50px;

        float: left !important;

        width: auto;

    }

    .h-cont1 h4 {

        font-size: 30px;

        font-weight: 300;

        color: #282d3e;

        line-height: 30px;

        margin-bottom: 30px;

    }

    .h-cont1 h4 span {

        font-size: 45px;

        color: #da1884;

    }

    .h-cont1 ul li {

        width: 388px;

        height: 71px;

        margin-bottom: 10px;

        padding-top: 10px;

        text-align: right;

    }

    .h-cont1 ul li a {

        display: block;

        float: left;

        width: 80%;

        color: #fff;

        font-family: 'Roboto Condensed', sans-serif;

        font-size: 20px;

        text-decoration: none;

    }

    .h-cont1 ul li span {

        float: right;

        display: block;

        padding-right: 20px;

        padding-top: 10px;

    }

    .check1 {

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

    }

    .check2 {

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

    }

    .check3 {

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

    }

    .check4 {

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

    }

    .check5 {

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

    }

    .check3 a {

        padding-top: 12px;

    }

    /* Nav

	* =============================================================================*/

    

    .top-nav {

        margin-bottom: 10px;

    }

    .top-nav ul li {

        display: inline-block;

        border-left: 1px solid #fff;

        margin: 0;

        font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;

    }

    .top-nav ul li.menu-home { border: none; }

    .top-nav p.call-now {

        float: right;

    }

    /* Home page content

	* =============================================================================*/

    

    .tag-line {

        text-align: center;

    }

    .video-form {

        border: 1px solid #fad9e8;

        background: #fff7fc;

        padding: 10px;

    }

    .video {

        width: 56%;

        float: left !important;

        text-align: left;

    }

    .video h2 {

        color: #282d3e;

        font-size: 40px;

        font-weight: 300;

        font-family: 'Roboto Condensed', sans-serif;

    }

    .video h2 strong {

        color: #da1884;

        font-weight: 700;

    }

    .video p {

        font-size: 20px;

        margin-top: 20px;

    }

    .video h4 {

        font-family: 'Roboto Condensed', sans-serif;

        color: #da1884;

        font-size: 23px;

        font-weight: normal;

        margin-top: 30px;

    }

    .claim-btn {

        width: 420px;

        height: 64px;

        background: url(../images/clain-btn.png) no-repeat;

        background-size: 100%;

        display: block;

    }

    .claim-btn:hover {

        background: url(../images/clain-btn.png) no-repeat 0 -64px;

        background-size: 100%;

    }

    .form {

        width: 39%;

        float: right !important;

        background: url(../images/sidebar-bg.png) repeat-y;

        border: 4px solid #00648b;

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

    }

    .custom-page .form {

        width: auto !important;

    }    

    .form h2 img {

        width: 100%;

        position: relative;

        top: -5px;

    }

    .form h3 {

        text-align: center;

        margin-top: 20px;

    }

    .form h4 {

        font-family: 'Roboto Condensed', sans-serif;

        font-size: 30px;

        font-weight: 300;

        text-align: center;

        color: #fff;

        margin-top: 20px;

    }

    .form h5 {

        font-family: 'Roboto Condensed', sans-serif;

        font-size: 30px;

        font-weight: 700;

        text-align: center;

        color: #fff;

        line-height: 20px;

    }

    .form h5 span {

        color: #6dd6ff;

    }

    .step-txt {

        color: #282d3e;

        font-family: 'Roboto Condensed', sans-serif;

        font-size: 62px;

        font-weight: 300;

        text-align: center;

        margin: 10px 0;

    }

    .step1 {

        width: 296px;

        text-align: center;

        display: inline-block;

        margin-right: 10px;

    }

    .trail h2 {

        font-size: 40px;

        width: 100%;

    }

    .trail img {

        padding: 0 0 0 10px;

        margin-top: 0;

    }

    .abt-aream {

        padding: 20px;

    }

    .cream-left {

        float: left;

    }

    .cream-right {

        width: 370px;

        float: right;

        text-align: left;

    }

    .cream-right h2 {

        font-size: 32px;

    }

    .jellyfish, .jellyfish p {

        text-align: left;

    }

    .jellyfish img {

        float: right !important;

    }

    .science {

        background: url(../images/science-bg.png) no-repeat top right;

        height: 650px;

        padding-top: 5px;

    }

    .science-cont {

        width: 70%;

        margin: 20px;

        padding: 20px;

        background-color: rgba(255, 255, 255, 0.7);

        border-radius: 4px;

    }

    .c1.left {

        float: left !important;

    }

    .c2.right {

        float: right !important;

        clear: none;

        margin-top: 20px;

    }

    .bf-div {

        border: 2px solid #fad9e8;

        padding: 15px;

        background: #fff7fb;

        border-radius: 4px;

    }

    .bf-div .clr {

        clear: none;

    }

    .bf-left {

        width: 60%;

    }

    .bf-left img {

        width: 100%;

    }

    .bf-right {

        width: 35%;

    }

    .bf-right h4 {

        text-align: left;

    }

    .skin-div {

        background: #da1884;

        padding: 15px;

        margin-top: -10px;

        position: relative;

        z-index: -1;

    }

    .sk-div1 {

        margin-top: 20px;

    }

    .sk-left {

        width: 35%;

        float: left;

    }

    .sk-left img {

        width: 100%;

        height: auto;

    }

    .sk-right {

        width: 65%;

        float: right;

    }

    .arrow_box {

        width: 85%;

        margin: auto;

        height: 235px;

    }

    .arrow_box:after,

    .arrow_box:before {

        right: 100%;

        top: 50%;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

    }

    .arrow_box:after {

        border-color: rgba(255, 255, 255, 0);

        border-right-color: #ffffff;

        border-width: 30px;

        margin-top: -30px;

    }

    .arrow_box:before {

        border-color: rgba(250, 217, 232, 0);

        border-right-color: #fad9e8;

        border-width: 36px;

        margin-top: -36px;

    }

    .ft-div {

        background: url(../images/ft-div-bg-mbl.jpg) no-repeat right top;

    }

    .ft-cont {

        width: 40%;

        padding: 40px;

    }

}



/*

 * 14) Media Queries - 992px

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

@media (min-width: 992px) {

    .main {

        width: 67%;

        float: left;

    }

    .navbar-collapse.collapse {

        display: inline-block !important;

        padding: 0;

        clear: none;

    }

    .header {

        background: url(../images/header-img.jpg) no-repeat;

        height: 513px;

    }

    .h-cont1 {

        margin-left: 280px;

        margin-top: 20px;

        margin-right: 0;

    }

    .h-cont1 h4 {

        font-size: 40px;

        line-height: 40px;

        margin-bottom: 40px;

    }

    .h-cont1 h4 span {

        font-size: 65px;

    }

    .h-cont1 ul li {

        width: 388px;

        height: 71px;

        margin-bottom: 10px;

        padding-top: 10px;

        text-align: right;

    }

    .h-cont1 ul li a {

        display: block;

        float: left;

        width: 80%;

        color: #fff;

        font-family: 'Roboto Condensed', sans-serif;

        font-size: 20px;

        text-decoration: none;

    }

    .h-cont1 ul li span {

        float: right;

        display: block;

        padding-right: 20px;

        padding-top: 10px;

    }

    /* Home page content

	* =============================================================================*/

    

    .tag-line h2 {

        background: url(../images/tag-bg.png) no-repeat;

        width: 100%;

        height: 90px;

        line-height: 90px;

        text-align: center;

        padding: 0;

    }

    .tag-line h2 i {

        font-weight: bold;

    }

    .video {

        width: 66%;

    }

    .form {

        width: 29%;

    }

    .custom-page .form {

        width: auto !important;

    }    

    .trail {

        padding: 0;

    }

    .trail h2 {

        width: auto;

    }



    .try-btn2 {

        float: left !important;

        clear: none;

        margin-top: 6px;

    }

    .claim-btn {

        width: 642px;

        height: 97px;

    }

    .claim-btn:hover {

        background: url(../images/clain-btn.png) no-repeat 0 -97px;

    }

    .trail {

        background: url(../images/trial-bg.png) repeat-x;

        height: 79px;

        border: 2px solid #e5e5e5;

        border-radius: 4px;

        overflow: hidden;

        margin: 20px 0;

    }

    .trail img {

        padding: 5px 0 0 10px;

        margin-top: 4px;

        float:left;

    }

    .trail h2 {

        font-size: 42px;

        margin: 15px;

        text-align: left;

    }

    .cream-right {

        width: 575px;

    }

    .un-left {

        width: 45%;

        border-right: 2px dotted #282d3e;

        padding-right: 20px;

        padding-bottom: 20px;

    }

    .un-right {

        width: 45%;

        padding-left: 20px;

    }

    .beauty-div {

        background: url(../images/beauty-bg.png) no-repeat;

        height: 579px;

    }

    .beauty-cont {

        width: 66%;

        margin: 20px;

        padding: 20px;

        background-color: rgba(255, 255, 255, 0.7);

        border-radius: 4px;

        float: right;

    }

    .beauty-cont h2 {

        color: #da1884;

        font-family: 'Roboto Condensed', sans-serif;

        font-weight: 700;

        font-size: 42px;

    }

    .beauty-cont ul {

        margin-top: 20px;

    }

    .beauty-cont ul li {

        background: url(../images/check-icon2.png) no-repeat;

        padding-left: 45px;

        font-size: 18px;

        color: #282d3e;

        font-weight: bold;

        margin-bottom: 10px;

        padding-bottom: 20px;

        border-bottom: 2px dotted #282d3e;

    }

    .beauty-cont h4 {

        background: url(../images/hg-bg2.png) no-repeat;

        width: 555px;

        height: 49px;

        line-height: 49px;

        color: #fff;

        text-align: center;

        font-size: 14px;

        margin: 10px auto;

    }

    .bf-div {

        border: 2px solid #fad9e8;

        padding: 15px;

        background: #fff7fb;

        border-radius: 4px;

    }

    .bf-div .clr {

        clear: both;

    }

    .bf-left {

        width: 75%;

    }

    .bf-left img {

        width: 100%;

    }

    .bf-right {

        width: 23%;

    }

    .bf-right img {

        margin: 0;

    }

    .sk-left {

        width: 305px;

    }

    .sk-right {

        width: 605px;

    }

    .arrow_box {

        height: 283px;

    }

    .ft-div {

        background: url(../images/ft-div-bg.png) no-repeat;

        height: 467px;

    }

    .ft-cont {

        width: 48%;

        background: none;

    }



    /******************************************Order-page*******************************************/

    .order-left {

        float: left;

        width: 580px;

        margin-left: 20px;

        padding-top: 30px;

    }

    .order-right {

        float: right;

        width: 330px;

    }

    .done-btn {

        background: url(../images/done-btn.png) no-repeat;

        width: 582px;

        height: 95px;

        border: 0px;

        margin-top: 20px;

        cursor: pointer;

    }

    .done-btn:hover {

        background: url(../images/done-btn.png) no-repeat 0 -95px;

        width: 582px;

        height: 95px;

    }





    /* Article List

	 * =============================================================================*/

    

    .article-list .sk-left {

        width: 220px;

        height: 220px;

    }

    .article-list .sk-right {

        width: 360px;

    }

}

html { width: 100%; }