/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face
{
    font-family: halisgr-book;
    src: url(../fonts/HalisGR-Book.otf);
}
@font-face
{
    font-family: halisgr-extralightitalic;
    src: url(../fonts/HalisGR-ExtraLightItalic.otf);
}
@font-face
{
    font-family: halisgr-light;
    src: url(../fonts/HalisGR-Light.otf);
}
@font-face
{
    font-family: halisgr-regular;
    src: url(../fonts/HalisGR-Regular.otf);
}
@font-face
{
    font-family: halisgr-sbook;
    src: url(../fonts/HalisGR-SBook.otf);
}
@font-face
{
    font-family: halisgr-smedium;
    src: url(../fonts/HalisGR-SMedium.otf);
}
@font-face
{
    font-family: halisgr-slight;
    src: url(../fonts/HalisGR-SLight.otf);
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 16px;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.anythingBase.w100{
    width:100%!important;
}
.anythingSlider .panel{height:100%!important;}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
* {
    outline: none!important;
}
/* ==========================================================================
   Main styles
   ========================================================================== */
h1 {
    font-size: 42px;
    margin: 0;
    font-family: 'halisgr-slight';
    font-weight: 400;
}

h2 {
    font-size: 36px;
    margin: 0;
    font-family: 'halisgr-slight';
    font-weight: 400;
}

h3 {
    font-size: 24px;
    margin: 0;
    font-family: 'halisgr-book';
    font-weight: 400;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
.satisfy{font-family: 'Satisfy', cursive;}
#wrapper {
    /* width: 1680px;*/
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
#header {
    width: 100%;
    min-height: 800px;
    background-image: url('../images/head-bg.jpg');
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
#header.no-bg{
    background:none!important;
}
.header-bg{
    background-image: url('../images/head-bg.jpg');
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top:30px!important;
    padding-bottom:30px!important;
}
.transparent-bg{
    background-color: rgba(0,0,0,0.40);
}
.row {
    width: 69.04761904761902%; /*1160px*/
    overflow: hidden;
    margin: 0 auto;
    padding: 0 1.19047619047619%;
}
.menu-holder {
    width: 100%;
    padding-top: 20px;
    height: 70px;
}
.logo-holder {
    width: 200px;
    min-height: 70px;
    float: left;
}
.logo-holder a, .logo-holder a:visited, .logo-holder a:active, .logo-holder a:hover {
    border: 0;
    text-decoration: none;
}
.logo-holder img {
    width: 100%;
}
.menu-box {
    float: right;
    min-height: 60px;
    padding: 10px;
    display: block;
}
.menu-box ul {
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    color: #FFFFFF;
    font-family: 'halisgr-regular';
}
.menu-box ul li {
    list-style: none;
    display: inline-block;
    margin-right: 65px;
}
.menu-box ul li a {
    text-decoration: none;
    color: #FFFFFF;
}
.menu-box ul li a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.menu-box ul li a:hover {
    text-decoration: none;
    color: #ffcd00;
}
.menu-box ul li.active a{
    color: #ffcd00;
}
.head-btn {
    width: 200px;
    text-align: center;
    float: right;
    padding-top: 17px;
    margin-right:60px;
}
.head-btn a {
    background-color: #ffcd00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #18191a;
    display: block;
    font-size: 18px;
    padding: 8px 0px;
    text-decoration: none;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.head-btn a:hover {
    opacity: 0.8;
}
.phone-menu {
    height: 42px;
    width: 40px;
    float:right;
    padding-top: 18px;
    margin-right: 30px;
    display: none;
}
.bar {
    width: 40px;
    height: 10px;
    margin-bottom: 6px;
    background-color: #ffcd00;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.header-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.header-box-text {
    padding-right: 1.724137931034483%;
    width: 48.27586206896553%;
    height: auto;
    float: left;
    text-align: center;
    color: white;
    padding-top: 100px;
    /*padding-top: 200px;*/
}
.header-box-text p {
    font-size: 24px;
    font-family: 'halisgr-light';
    font-weight: 400;
}
.header-box-text p a, .header-box-text p a:visited {
    font-size: 14px;
    color: #CCCCCC;
    text-decoration: none;
    font-family: 'halisgr-sbook';
    font-weight: 400;
}
.header-box-text p a:hover {
    color: #ffcd00;
}
.header-box-text img:hover {
    opacity: 0.8;
}
.header-box-img {
    padding-left: 1.724137931034483%;
    width: 48.27586206896553%;
    height: auto;
    float: left;
    padding-top: 100px;
}
.header-box-img img {
    width: 100%;
}
.left-content{
    float:left;
    width:62.17%;
}
.right-content{
    float:right;
    width:35.46%;
}
@media (max-width:600px){
    .left-content{width:100%;}
    .right-content{width:100%;margin-top:10px;}
}
#block-1 {
    width: 100%;
    min-height: 640px;
    background-image: url('../images/block-1-bg.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto 100%;

}
.block-1-box {
    width: 56.89655172413792%;
    float: right;
    padding-top: 60px; /* MSETHI original 250px; */
}
.block-1-box h2 {
    font-size: 30px;
    text-align:center;
}

.block-1-box p {
    /*color: #8b8c8c;*/
    color:#585a5a;
    margin: 30px 0px;
    font-size: 18px;
    font-family: 'halisgr-light';
    font-weight: 600;
}
#block-2 {
    width: 100%;
    height: auto;
    background-color: blue;
    overflow: hidden;
    position: relative;
}
.block-headline{

    float:right;
    font-color: #fff;
    bottom:500px;
    text-align:center;
    width: 100%;
    color:#fff;
    z-index: 1;

}
.nivo-controlNav {
    margin: -53px auto 0;
    position: relative;
    text-align: center;
    z-index: -1;
}
.nivo-caption {
    background: none;
    bottom: initial;
    height: auto;
    left: 30%;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 7%;
    width: 40%;
    z-index: 8;
}
.nivo-caption p {
    color: #939393;
    font-size: 18px;
    font-family: 'halisgr-light';
    margin: 30px 0px;
}
.cust-text {
    color: #939393;
    font-size: 18px;
    font-family: 'halisgr-smedium';
}
#block-3 {
    width: 100%;
    min-height: 800px;
    /* background-image: url('../images/block-3-bg.jpg'); */

}

.temp-title

{

    font-size: 49px;
    padding-bottom: 34px;
    font-family: 'halisgr-extralightitalic'
}
.block-3-box {
    width: 100%;
    background-image: url('../images/block-3.png');
    background-size:auto auto;
    height:100%;
    background-position:center 40px ;
    background-repeat: no-repeat;
    position:relative;
}
@media (max-width:1100px){
    .block-3-box{
        background-size:100% auto;
    }
}
.block-3-container{
    position:absolute;
    bottom:20px;
    width:100%;
}
.block-3-container.less-text{
    bottom:100px;
}
.block-3-title {
    text-align: center;
    width: 100%;
}
.block-3-text {
    float: left;
    width: 100%;
    padding-top: 10px;
    text-align:center;



}
.panel .row{
    padding: 0!important;
}
.block-3-text p {
    color: #8b8c8c;
    display:block;
    margin:30px auto;
    max-width:1057px;
    font-family: 'halisgr-light';
    font-weight: 600;
}
#block-4 {
    width: 100%;
    min-height: 680px;
    background-image: url('../images/block-4-bg.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
.block-4-box {
    width: 100%;
    padding-top: 95px;
    margin: 0px auto;
    text-align: center;
}
.block-4-box p {
    font-size: 18px;
    color: #ababab;
    margin: 25px auto;
    width: 90%;
    font-family: 'halisgr-light';
}
.text-devider {
    width: 60px;
    height: 2px;
    border-bottom: 1px solid #929292;
    margin: 70px auto;
}



#block-5 {
    width: 100%;
    background-image: url('../images/block-5-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.block-5-box {
    width: 100%;
    padding-top: 90px;
}
.block-5-title {
    width: 100%;
    text-align: center;
}
.block-5-holder {
    background-image: url('../images/band-bg-new.png');
    background-position: center 70px;
    background-repeat: no-repeat;
    min-height: 660px;
    width: 880px;
    margin: 0px auto;
}

.block-5-info{
    margin-top:10px;
    font-size:smaller;
}

.feat-holder {
    text-align: center;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.feat-left {
    width: 160px;
    float: left;
    min-height: 660px;
    text-align: center;
    padding-top: 90px
}
.feat-middle {
    width: 160px;
    float: left;
    margin: 0 200px;
    text-align: center;
    padding-top: 440px;
}
.feat-right {
    width: 160px;
    float: left;
    text-align: center;
    padding-top: 90px;
}
.feat-btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #18191a;
    display: block;
    font-size: 14px;
    padding: 13px 5px;
    border: 1px solid #18191a;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    width: 160px;
    text-decoration: none;
}

.box{
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:19px 20px;
    border-top:7px solid #d8b937;
}
.fullform{margin-top:10px;}
.fullform input[type="text"],.fullform input[type="email"],.fullform input[type="phone"]{
    height: 35px;
    border: 1px solid #ddd;
    background-color: #fff;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #212121;
    font-family: 'halisgr-regular';
    font-size: 16px;
    margin-bottom: 11px;
    padding-left:10px;
}
.fullform textarea{
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    resize:none;
    height:216px;
    padding:4px 10px;

}
.fullform input[type="submit"]{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 160px;
    height: 40px;
    -moz-border-radius: 2px / 2px 2px 2px 2px;
    -webkit-border-radius: 2px / 2px 2px 2px 2px;
    border-radius: 2px / 2px 2px 2px 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffcd00;
    color: #181919;
    font-family: 'halisgr-regular';
    font-size: 14px;
    border:0;
    float:right;margin:30px 0 0 0;
}

::-webkit-input-placeholder {
    color: #212121;
}

:-moz-placeholder { /* Firefox 18- */
    color: #212121;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #212121;
}

:-ms-input-placeholder {
    color: #212121;
}
.main-content {
    padding: 70px 0 40px;
    text-align: center;
}
.main-content h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.main-content p.subtitles {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 32px 0 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/*#block-5 {
    width: 100%;
    height: 800px;
    background-image: url('../images/block-5-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.block-5-box {
    width: 100%;
    padding-top: 90px;
}
.block-5-title {
    width: 100%;
    text-align: center;
}
.block-5-holder {
    background-image: url('../images/band-bg-new.png');
    background-position: center 70px;
    background-repeat: no-repeat;
    height: 660px;
    width: 880px;
    margin: 0px auto;

}


.feat-holder {
    text-align: center;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.feat-left {
    width: 160px;
    float: left;
    height: 660px;
    text-align: center;
    padding-top: 90px
}
.feat-middle {
    width: 160px;
    float: left;
    height: 660px;
    margin: -82px 300px 0 100px;
    text-align: center;
    padding-top: 440px;
}
.feat-right {
    width: 160px;
    float: left;
    height: 660px;
    text-align: center;
    padding-top: 90px;
}
.feat-btn {
    color: #18191a;
    display: block;
    font-size: 13px;
    padding: 31px 10px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    width: 176px;
    height: 176px;
    border: 1px solid #171919;
    -moz-border-radius: 89px;
    -webkit-border-radius: 89px;
    border-radius: 89px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit
    -moz-box-sizing: border-box;    /* Firefox, other Gecko
    box-sizing: border-box;         /* Opera/IE 8+
}
.heart-feat-btn{
    margin:-31px 0 0 26px;
}
.feat-holder-1{
    margin:-36px 0 -43px 78px;
}
.feat-holder-2{
    margin:-82px 0 0 66px;
}

.feat-holder-3{
    margin:47px 0 0 142px;
}
.feat-holder-5{
    margin-top:-60px;
}
.feat-btn-4,.feat-btn-5{
    margin:-47px 0 0 -95px;
}
.feat-btn-5{
    padding:30px 20px;

}
.feat-btn-3{
    margin: -61px 0 0 -149px;
    padding: 31px 15px;

}
.realtime-feat-btn{
    margin:-52px 0 0 -142px;
}


*/

.devider {
    width: 100%;
    height: 90px;
}

#block-6 {
    width: 100%;
    min-height: 610px;
    background-image: url('../images/block-6-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size:100%  auto ;
}
@media(max-width:1500px){
    #block-6{
        background-size: 100% 100%;
    }
}
@media(max-width:1000px){
    #block-6{
        background-size: auto 100%;
    }
}

.block-6-box {
    width: 100%;
    padding-top: 140px;
}
.sdk-box {
    width: 31.03448275862069%;
    height: auto;
    padding: 20px 0px;
    float: left;
}
.sdk-box img {
    width: 100%;
}
.block-6-text {
    width: 56.89655172413792%;
    margin-left: 12.06896551724138%;
    float: left;
    height: auto;
    padding-top: 20px;
}
.block-6-text p {
    margin: 35px 0px 45px;
    color: #8f8f8f;
    font-family: 'halisgr-light';
}
.get-started-btn {
    background-color: #ffcd00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #18191a;
    display: block;
    font-size: 14px;
    font-family: 'halisgr-regular';
    font-weight: 600;
    padding: 12px 0px;
    text-decoration: none;
    text-align: center;
    width: 270px;
}
.get-started-btn:hover {
    opacity: 0.8;
}
.lcolor {
    color: #FFFFFF;
}
#block-7 {
    width: 100%;
    min-height: 500px;
    background-image: url('../images/block-7-bg.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;

}

.block-7-box {
    width: 100%;
    padding-top: 70px;
}
.block-7-text {
    width: 48.27586206896553%;
    margin-right: 1.724137931034483%;
    height: 300px;
    float: left;
    padding-top: 90px
}
.block-7-text p {
    font-size: 18px;
    color: #8b8c8c;
    margin: 30px 0px 40px;
    font-family: 'halisgr-light';
    font-weight: 600;
}
.block-7-text a, block-7-text a:visited {
    text-decoration: none;
}
.block-7-text a:hover, block-7-text a:active {
    opacity: 0.8;
}
.order-btn {
    background-color: #ffcd00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #18191a;
    display: block;
    font-size: 24px;
    padding: 12px 0 12px 30px;
    text-decoration: none;
    width: 250px;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.order-btn img {
    margin-left: 15px;
}
.block-7-img {
    width: 48.27586206896553%;
    margin-left: 1.724137931034483%;
    float: left;
    text-align: center;
}
.block-7-img img {
    height: 100%;
}
#block-8 {
    width: 100%;
    min-height: 499px;
    background-color: #f5f7f8;
    border-bottom: 1px solid #d0d2d3;
}
.block-8-box {
    padding-top: 70px;
    width: 100%;
    font-size: 18px;
    text-align: center;
}
.block-8-box p {
    margin: 28px 0px 60px;
    font-family: 'halisgr-light';
    font-weight: 600;
}
.light-text {
    color: #a7a7a7;
}
.separator {
    height: 2px;
    width: 60px;
    border-bottom: 1px solid #b8b9ba;
    margin: 45px auto;
}
.block-8-box ul {
    text-align: center;
}
.block-8-box ul li {
    list-style: none;
    display: inline-block;
}
#block-9 {
    width: 100%;
    min-height: 499px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #d0d2d3;
}
.block-9-box {
    padding-top: 35px;
    width: 100%;
    text-align: center;
}
.block-9-box p {
    color: #8b8c8c;
    font-size: 18px;
    margin: 45px auto;
    width: 70%;
    font-family: 'halisgr-light';
    font-weight: 600;
}
.block-9-box ul {
    text-align: center;
}
.block-9-box ul li {
    list-style: none;
    display: inline-block;
}
.block-9-box ul li input[type=text] {
    padding: 0 10px;
    width: 220px;
    height: 40px;
    border:1px solid #d9d9d9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 13px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'halisgr-regular';
}
.block-9-box ul li input[type=text]:focus {
    border-color: #ffcd00;
}
.block-9-box ul li input[type=submit] {
    padding: 0 10px;
    width: 220px;
    height: 40px;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffcd00;
    font-size: 14px;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.block-9-box ul li input[type=submit]:hover {
    opacity: 0.8;
}
#block-10 {
    width: 100%;
    min-height: 500px;
    background-image: url('../images/block-10-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#block-20{
    width: 100%;
    height: 500px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: white;

}
.block-10-box {
    padding-top: 145px;
    width: 100%;
    text-align: center;
}
.block-10-box p {
    margin: 30px 0px;
}
.italic-text {
    color: #FFFFFF;
    font-size: 30px;
    font-family: 'halisgr-extralightitalic'
}

#aristotle-quote {
    color: #000000;
    font-size: 30px;
    font-family: 'halisgr-extralightitalic';
}

.orange-text {
    color: #ffcd00;
    font-size: 24px;
    font-family: 'halisgr-slight';
}
#footer {
    width: 100%;
    min-height: 480px;
    background-color: #18191a;
}
.footer-box {
    padding-top: 68px;
    width: 100%;
    text-align: center;
}
.social-btn {
    text-align: center;
    margin-bottom: 55px;
}
.social-btn li {
    list-style: none;
    display: inline-block;
    margin-right: 40px;
}
.social-btn li:last-child {
    margin-right: 0px;
}
.social-btn li a, .social-btn li a:visited {
    text-decoration: none;
    border: 0;
}
.social-btn li:hover {
    opacity: 0.8;
}
.footer-btn {
    display: block;
    background-color: #ffcd00;
    padding: 18px 0px;
    font-size: 32px;
    color: #18191a;
    width: 300px;
    margin: 0 auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    font-family: 'halisgr-regular';
    font-weight: 600;
}
.footer-btn:hover {
    opacity: 0.8;
}
.footer-links {
    text-align: center;
    margin-top: 58px;
    margin-bottom: 45px;
    font-family: 'halisgr-regular';
    font-size: 14px;
}
.footer-links li {
    margin-right: 50px;
    list-style: none;
    display: inline-block;
}
.footer-links li:last-child {
    margin-right: 0px;
}
.footer-links li a, .footer-links a:visited {
    color: #fffefe;
    text-decoration: none;
}
.footer-links li a:hover, .footer-links li a:active {
    color: #ffcd00;
    text-decoration: none;
}
.footer-text {
    font-size: 14px;
    color: #9e9e9e;
    font-family: 'halisgr-book';
    font-weight: 400;
}
.footer-text a, .footer-text a:visited {
    color: #ffcd00;
    text-decoration: none;
}
.footer-text a:hover, .footer-text a:active {
    color: #ffcd00;
    text-decoration: underline;
}
.hide {
    display: none;
}
.clearb {
    clear: both;
}
.slider-external{
    position: absolute;
    bottom: 63px;
    width: 100%;
    height: 50px;
    z-index: 9999;
    text-align:center;
}
.relative{
    position:relative;
}
.custom-thumb{
    background-repeat:no-repeat;
    height:66px;
    width:80px;
    background-position: top center;
    display:inline-block;
    cursor: pointer;
    margin:0 10px;
}

.custom-thumb:hover{
    -webkit-filter: brightness(2.3);
}
.custom-thumb.active{
    background-position: bottom center;
}

/* Pulse */
@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.ruler {
    bottom: 150px;
    height: 2px;
    left: 37%;
    position: absolute;
    width: 26%;
    z-index: 999;
    border-bottom: 1px solid #626262;
}
.logo {
    max-width: 300px; margin: 0 auto; text-align: center; padding-top: 15px;
}
.video-holder {
    max-width: 800px; margin: 0 auto; text-align: center; color: #fff; text-align: center;
}
.video-holder h1 {
    margin: 30px 0;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#video {
    max-width: 500px;
    margin: 0 auto;
}
.bg1 {
    background-color: #191919;
    text-transform: uppercase;
}
.inner {
    max-width: 800px; padding: 50px; margin: 0 auto; color: #fff; text-align: center;
}
.block-5-box .inner {
    color: inherit;
}

.bg1 .inner img, .inner img {
    width: 100%;
    float: left;
} 
#block-6 .inner {
    max-width: 500px; padding: 10px; padding-bottom: 50px; margin: 0 auto; color: #FFF; text-align: center;
}
#block-6 .inner img {
    width: auto;
    float: none;
}
#block-4 .inner img {
    width: 75%;
    float: none;
}







/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1680px) {
    #wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 1280px) {
    .row {
        width: 96%;
        padding: 0 2%;
    }
    .nivo-caption {
        top: 5%;
        left: 20%;
        width: 60%;
    }

}
#block-3{
    min-height: 633px;
}
#block-3 .anythingSlider{
    height:1000px!important;
}
#block-3 .panel{
    height:1000px!important;
}

@media only screen and (max-width: 1024px) {
    .header-box-text {
        padding-top: 100px;
    }
    .menu-box {
        display: block;
    }

    .block-5-holder {
        width: 680px;
        padding: 20px 0;
    }
    .feat-middle {
        margin: 0 100px;
    }
    .nivo-caption {
        top: 4%;
        left: 5%;
        width: 90%;
    }
    .block-3-container.less-text{bottom:20px;}
    #block-3{
        min-height: 633px;
    }
    #block-3 .anythingSlider{
        height:577px!important;
    }
    #block-3 .panel{
        height:577px!important;
    }
    .slider-external{
        bottom:40px;
    }
    .nivo-directionNav a{
        top:3%;
    }

    .block-3-box{
    }
    .block-3-box p{
        font-size:12px;
        margin-top:5px;
        margin-bottom:0px;
        padding-top:0;
    }
    .block-3-box h2{
        font-size: 17px;
        line-height: 46px;
    }
    .slider-external {
        bottom: 10px;
    }
    .custom-thumb{background-size: auto 200%;
                  height: 40px;}
    .ruler{display:none;}
    .nivo-caption p{
        margin:10px 0;
    }
}
@media only screen and (max-width: 880px) {
    .phone-menu {
        display: block;
    }
    .block-3-box{
    }
    .anythingSlider-default .arrow{
        top:20%;
    }
    .anythingSlider-default  .arrow a{
        background-size: 200% auto!important;
        width: 40px;
    }
    #block-3 .anythingSlider-default .forward a,#block-4 .anythingSlider-default .forward a{float:right;margin-right:0;}
    .menu-box {
        height: 60px;
        position: absolute;
        top: 90px;
        width: 96%;
        padding: 0px;
        display: none;
    }

    .menu-box ul li {
        background-color: rgba(255, 205, 0, 0.2);
        display: inline-block;
        list-style: none outside none;
        margin-right: 0px;
        padding: 0px;
        width: 100%;
    }
    .menu-box ul {
        color: #18191a;
        font-family: 'halisgr-regular';
        font-size: 14px;
        padding-top: 0px;
        text-align: center;
    }
    .menu-box ul li:hover, .menu-box ul li:active {
        background-color: #ffcd00;
    }
    .menu-box ul li a {
        font-weight: 600;
        display: block;
        padding: 15px 0px;
    }
    .menu-box ul li a:hover, menu-box ul li a:active {
        color: #18191a;
    }
    .nivo-caption {
        width: 90%;
        left: 5%;
    }
    .nivo-caption h2 {
        font-size: 25px;
    }
    .nivo-caption p {
        font-size: 14px;
        margin: 15px 0px;
    }
    .cust-text {
        font-size: 10px;
    }

    .ruler {
        bottom: 75px;
        display:none;
    }

    #block-2{
        min-height: 400px;
    }
    .nivoSlider{
        height:100%;
    }
    .nivo-slice{height:400px;}
    .nivo-slice img,.nivoSlider img{height:400px!important;}
    .ruler{display:none;}
}
@media (max-width:800px){
    .ruler{display:none;}
    .slider-external {
        bottom: 5px;
    }
    .custom-thumb{background-size: auto 200%;
                  height: 20px;}
    .block-7-text{
        width:100%;
        text-align:center;
    }
    .order-btn{margin:0 auto;display:block;}
    .block-7-img{
        width: 70%;
        margin: 20px 15% 0;
    }
}
@media only screen and (max-width: 780px){
    #block-1 {
        background-position: 27% bottom;
        background-size:auto 100%;
        background-image: url(../images/block-1-bg-mobile.jpg);
    }
    #block-1 .row{padding:0;width:100%;}
    #block-3 {
        background-position: -540px top;
    }
    .block-4-box {
        width: 100%;
    }
    .block-5-box {
        padding-top: 20px;
    }
    .feat-left {
        padding: 0px;
    }
    .devider {
        display: none;
    }
    .feat-middle {
        display: none;
    }
    .feat-right {
        display: none;
    }
    .hide {
        display: block;
    }
    .block-5-holder {
        background-position: 160px 135px;
    }
    .block-6-box {
        padding-top: 125px;
    }
    .block-7-text {
        padding-top: 20px;
    }
    .block-7-img img {
        height: auto;
        width: 100%;
    }
    #block-8 {
        height: auto;
    }
    .block-8-box ul {
        margin-bottom: 40px;
    }
    .block-8-box ul li {
        display: block;
    }
    #block-9 {
        height: auto;
    }
    .block-9-box ul {
        margin-bottom: 40px;
    }
    .block-9-box ul li {
        display: block;
    }
    .block-9-box ul li input[type="text"] {
        margin-right: 0px;
    }
    .header-box-text {
        padding-top: 20px;
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    .header-box-img {
        padding-top: 0px;
        width: 50%;
        margin: 0 auto;
        float: none;
        padding-left: 0px;
    }
    .block-1-box {
        width: 80%;
        background-color: rgba(255,255,255,0.6);
        padding: 20px 10%;
    }
}
@media only screen and (max-width: 580px) {
    .block-4-box {
        padding-top: 20px;
    }
    .block-5-holder {
        background-position: 95px 135px;
    }
    .nivo-caption {
        width: 100%;
        left: 0
    }
}
@media only screen and (max-width: 480px) {
    .block-5-holder {
        background-position: 35px 135px;
    }
    .nivo-caption p {
        margin: 5px 0;
    }
    .temp-title {
        font-size: 31px;
        padding-bottom: 69px;
        padding-top: 40px;
    }
    .slider-external {
        bottom: -20px;
    }
}


@media only screen and (max-width: 460px) {
    .menu-holder {
        padding-top: 0px;
        float: none;
    }
    .phone-menu {
        float: left;
    }
    .menu-box {
        top: 145px;
    }

    #block-1 {
        /*background-position: -425px top;*/
    }
    .ruler {
        display: none;
    }
    .nivo-caption h2 {
        font-size: 19px;
    }
    .nivo-caption p {
        font-size: 13px;
    }
    .cust-text {
        font-size: 13px;
    }
    .block-3-box {
    }
    #block-3 {
        background-position: -604px top;
    }
    .block-4-box h2 {
        font-size: 26px;
    }
    .block-4-box p {
        font-size: 14px;
    }
    .block-6-box {
        padding-top: 80px;
    }
    .sdk-box {
        float: none;
        height: auto;
        margin: 0 auto;
        padding: 0;
        width: 50%;
    }
    .block-6-text {
        float: none;
        height: auto;
        margin-left: 0px;
        padding-top: 20px;
        width: 100%;
    }
    .footer-links li {
        display: block;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    #footer {
        height: auto;
    }


}
@media only screen and (max-width: 460px) {
    .slider-external {
        width: 104%;
    }
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.ui-widget-overlay{
    background-color: #000;
    background-repeat: repeat;
    background-image: none;
}
.newsletter-form{
    width:240px;
    display:block;
    margin:10px auto 50px;
}
.newsletter-form /* MANEESH ADDED input[type="submit"] */ a{
    width: 240px;
    height: 70px;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding:10px 10px 10px 10px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding-top:10px;
    background-color: #ffcd00;
    color: #181919;
    font-family: 'halisgr-regular';
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    border:none;
    display:inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    margin-top:10px;/* Opera/IE 8+ */
    text-decoration: none;
}
.emailhere{
    width: 240px;
    height: 40px;
    border: 1px solid #ffcd00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    font-family: 'halisgr-regular';
    background:transparent;
    font-size: 14px;
    padding-left:10px;
    display:inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.nivo-prevNav,.nivo-nextNav{
    width:73px;
    height:133px;
    text-indent: -2000px;
}
.nivo-prevNav{
    background:url('../images/new/arrow-left.png');
    left:5%;
}
.nivo-nextNav{
    background:url('../images/new/arrow-right.png');
    right:5%;
}
.border-img{
    width: 195px;
    height: 195px;
    border: 8px solid #f7b919;
    -moz-border-radius: 105px 106px;
    -webkit-border-radius: 105px 106px;
    border-radius: 105px 106px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #3d3d3d;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.yellow-font{
    color:#f9bb16;
}
.block-4-box p.white-text-box-4{
    opacity: 0.7;
    color: #fff;
    font-family: 'halisgr-regular';
    font-size: 18px;
    font-style: italic;
    width:70%;
}

#block-11 {
    width: 100%;
    min-height: 237px;
    background-image: url('../images/video-holder.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    text-align: center;
    padding:140px 0;

}
.block-5-info{
    display:none;
    position:absolute;
    width:171px;
}

#human-detection{
    padding:5%;
}
@media(max-width:800px){
    .border-img{border:none;}
    .block-4-box span.under-image{text-align:center!important;margin-right:0!important;width:100%;}
    .block-4-box p.white-text-box-4{
        font-size:13px;width:100%;
    }
    #block-6,#block-7{
        background-size: auto 100%;
        padding-bottom:40px;
    }
    .block-7-text{height:auto;}
    .order-btn{max-width:240px;width:189px;}
    .block-9-box img{width:70%;}
    .block-9-box .get-started-btn{float:none;margin:0 auto;}
    .footer-text{width:90%;margin:0 auto 10px;display:block;}
    #header {
        min-height: 1px;
        height: auto;
        padding-bottom: 20px;
    }
    #block-4 {
    min-height: 1px;
    height: auto;
    padding: 20px 0;
    }
    .video-holder .videoWrapper iframe {
      width: 90%;
      left: 5%;
    }
    h1 {
        font-size: 19px;
    }
    h2, .block-1-box h2 {
        font-size: 17px!important;
    }
    
}

.biteless-box {
    padding-top: 80px;
    width: 100%;
    text-align: center;
}

.btn-buy {
    width: 100%;
    height: 300px;
    text-align: center;
}
.btn-buy a {
    padding-top: 3%;
    color: #fff;
    background-color: #fdbd29;
    border: 10px solid white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    font-size: 45px;
    text-decoration: none;
    font-weight: 600;
    /*height: 300px;*/
}
.btn-buy a:hover {
    opacity: 0.8;
}	

.btn-buy a:visited {
    color: #fff;
}

@media (max-width: 400px) {
    #block-6 .inner a img {
        max-height: 150px;
    }


    .head-bftn {
    width: 100px;
    text-align: center;
    float: right;
    padding-top: 17px;
}
.head-btfn a {
    background-color: #ffcd00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #18191a;
    display: block;
    font-size: 14px;
    padding: 12px 0px;
    text-decoration: none;
    font-family: 'halisgr-regular';
    font-weight: 300;
}
.head-btn a:hover {
    opacity: 0.8;
}
}