@charset "utf-8";
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Leave this for site we are using it in.  It won't ship upless it is requested.
*/
/*Base Colors*/
/*If you add colors you need to add them to php/media/media.php*/
/*BACKGROUND COLOR::::::::::::::::::::::::::::::::*/
.client_color1_bg {
  background-color: #e64847;
}
.client_color2_bg {
  background-color: #00b1d9;
}
.client_color3_bg {
  background-color: #00a096;
}
.client_color4_bg {
  background-color: #ff7f28;
}
.client_red_bg {
  background-color: #d02727;
}
.client_light_red_bg {
  background-color: #de4c4c;
}
.client_dark_red_bg {
  background-color: #a51f1f;
}
.client_orange_bg {
  background-color: orange;
}
.client_gold_bg {
  background-color: #f2bf28;
}
.client_pink_bg {
  background-color: pink;
}
.client_blue_bg {
  background-color: #2c68d7;
}
.client_light_blue_bg {
  background-color: #5787df;
}
.client_dark_blue_bg {
  background-color: #2153af;
}
.client_dull_blue_bg {
  background-color: #2a6cb1;
}
.client_purple_bg {
  background-color: purple;
}
.client_green_bg {
  background-color: #96d975;
}
.client_light_green_bg {
  background-color: #b4e49d;
}
.client_dark_green_bg {
  background-color: #78ce4d;
}
.client_yellow_bg {
  background-color: yellow;
}
.client_white_bg {
  background-color: #fff;
}
.client_light_gray_bg {
  background-color: #eee;
}
.client_gray_bg {
  background-color: #666666;
}
.client_dark_gray_bg {
  background-color: #333;
}
.client_black_bg {
  background-color: #000;
}
/*TEXT COLOR::::::::::::::::::::::::::::::::*/
#tinymce .client_color1_font,
.client_color1_font {
  color: #e64847;
}
#tinymce .client_color2_font,
.client_color2_font {
  color: #00b1d9;
}
#tinymce .client_color3_font,
.client_color3_font {
  color: #00a096;
}
#tinymce .client_color4_font,
.client_color4_font {
  color: #ff7f28;
}
#tinymce .client_red_font,
.client_red_font {
  color: #d02727;
}
#tinymce .client_light_red_font,
.client_light_red_font {
  color: #de4c4c;
}
#tinymce .client_dark_red_font,
.client_dark_red_font {
  color: #a51f1f;
}
#tinymce .client_orange_font,
.client_orange_font {
  color: orange;
}
#tinymce .client_gold_font,
.client_gold_font {
  color: #f2bf28;
}
#tinymce .client_pink_font,
.client_pink_font {
  color: pink;
}
#tinymce .client_blue_font,
.client_blue_font {
  color: #2c68d7;
}
#tinymce .client_light_blue_font,
.client_light_blue_font {
  color: #5787df;
}
#tinymce .client_dark_blue_font,
.client_dark_blue_font {
  color: #2153af;
}
#tinymce .client_dull_blue_font,
.client_dull_blue_font {
  color: #2a6cb1;
}
#tinymce .client_purple_font,
.client_purple_font {
  color: purple;
}
#tinymce .client_green_font,
.client_green_font {
  color: #96d975;
}
#tinymce .client_light_green_font,
.client_light_green_font {
  color: #b4e49d;
}
#tinymce .client_dark_green_font,
.client_dark_green_font {
  color: #78ce4d;
}
#tinymce .client_yellow_font,
.client_yellow_font {
  color: yellow;
}
#tinymce .client_white_font,
.client_white_font {
  color: #fff;
}
#tinymce .client_light_gray_font,
.client_light_gray_font {
  color: #eee;
}
#tinymce .client_gray_font,
.client_gray_font {
  color: #666666;
}
#tinymce .client_dark_gray_font,
.client_dark_gray_font {
  color: #333;
}
#tinymce .client_black_font,
.client_black_font {
  color: #000;
}
/*used in tinymce. External form style*/
.page_header {
  font-family: "alternate-gothic-no-1-d", Arial, Helvetica, sans-serif;
  font-size: 46px;
  line-height: 56px;
  font-weight: 400;
  color: #e64847;
}
.section_header {
  font-family: "alternate-gothic-no-1-d", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  color: #e64847;
}
.sub_section_header {
  font-family: "alternate-gothic-no-1-d", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: 450;
  color: #e64847;
}
/* CSS Document */
html,
body,
div,
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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font: normal 20px/1.4em "futura-pt", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*Define*/
html {
  overflow: scroll;
  overflow-x: hidden;
}
body,
html,
#wrap_index {
  height: 100%;
}
.background {
  /*background:url(images/bg.jpg) no-repeat center top #fff;*/
}
#container,
.contain {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
a,
strong a,
a strong {
  color: #e64847;
}
a:hover,
strong a:hover,
a strong:hover {
  color: #dc1f1e;
}
h1,
h1 strong {
  font-size: 28px;
  line-height: 44.8px;
  font-size: 1.9649122807017543rem;
  line-height: 2.8rem;
}
h2,
h2 strong {
  font-size: 24px;
  line-height: 38.4px;
  font-size: 1.6842105263157894rem;
  line-height: 2.4rem;
}
h3,
h3 strong {
  font-size: 20px;
  line-height: 32px;
  font-size: 1.4035087719298245rem;
  line-height: 2rem;
}
h4,
h4 strong {
  font-size: 18px;
  line-height: 28.8px;
  font-size: 1.263157894736842rem;
  line-height: 1.8rem;
}
h5,
h5 strong {
  font-size: 16px;
  line-height: 25.6px;
  font-size: 1.1228070175438596rem;
  line-height: 1.5999999999999999rem;
}
h6,
h6 strong {
  font-size: 16px;
  line-height: 25.6px;
  font-size: 1.1228070175438596rem;
  line-height: 1.5999999999999999rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6em;
  font-family: "alternate-gothic-no-1-d", Arial, Helvetica;
}
.header_1,
.header_2,
.header_3 {
  font-family: "alternate-gothic-no-1-d", Arial, Helvetica;
}
strong.header_1 {
  font-size: 20px;
}
strong.header_2 {
  font-size: 18px;
}
p {
  color: #333;
  line-height: 1.5em;
  padding: 5px 0 15px 0;
}
/*Branding///////////////////////////////////////////////////////////////////////////////////////////*/
header {
  background: #fff url("images/bg2.jpg") repeat top center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
header #logo {
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  text-align: center;
  width: 33%;
}
/*nav///////////////////////////////////////////////////////////////////////////////////////////////////*/
nav {
  background: #000000;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
  width: 67%;
}
nav a {
  color: #fff;
  display: inline-block;
  font-size: 22px;
  text-align: center;
  -webkit-transition: color 0.4s;
  width: 20%;
  transition: color 0.4s;
}
nav a.on {
  text-decoration: underline;
}
nav a:hover {
  color: #e64847;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
#mobile_con {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.5);
  display: none;
  -webkit-box-shadow: 0px 0px 3px #ccc;
  -moz-box-shadow: 0px 0px 3px #ccc;
  box-shadow: 0px 0px 3px #ccc;
  margin: 1%;
}
#mobile_con svg {
  height: 18px;
  color: #333;
}
#mobile_con span {
  font-size: 20px;
  color: #333;
  display: inline-block;
  padding-left: 10px;
}
#mobile_con #mobile_nav {
  position: absolute;
  width: 96%;
  margin-top: 10px;
  padding: 1%;
  background-color: #e64847;
}
#mobile_con #mobile_nav a {
  border-bottom: 1px solid #ec7574;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 1%;
}
#mobile_con #mobile_nav a:hover {
  background: #000000;
  background: rgba(0, 0, 0, 0.7);
}
#breadcrumb {
  border-bottom: 1px dotted #ccc;
  padding: 1%;
}
#breadcrumb a {
  color: #e64847;
  font-weight: bold;
}
#breadcrumb a:hover {
  color: #dc1f1e;
}
#breadcrumb span {
  color: #666666;
}
#left {
  margin-bottom: 2%;
}
ul,
ol {
  margin: 2% 0 2% 5%;
}
ul li,
ol li {
  line-height: 1.6em;
}
/* #wrap_index{
    background: #e8e8e8 url("images/bg.jpg") no-repeat top center fixed;
    .cover();
} */
/* #index_intro{

    #index_intro_inner{
        .max-width-center();
        .flex-display();
        .justify-content(space-between);
        .flex-wrap(wrap);

        #shout_out, #video{
            width:48%;
        }

        #shout_out{
            .flex-display();
            .align-items(center);
            .justify-content(center);

            h1{
                color:#fff;
                font-family: "futura-pt";
                font-weight:300;
                text-align:center;
                .text-shadow(0 1px 1px rgba(0, 57, 70, 0.9));
                font-size:40px;

                strong{
                    font-weight:450;
                }
            }
        }

        #video{
            background: url("images/x.png") darken(@color2,20%);
            .border-radius (5px);
            .box-shadow-alpha (0px, 0, 3px, 0, 0, 0, 0.5);
            padding:10px;

            p{
                color:#fff;
                .font-size(18);
                font-weight:450;
                padding:10px;
                text-align:center;
            }

            video{
                width:100%;
            }
        }
    }
}
 */
/* .logo{
    .flex(1);
    padding:1%;
    text-align:center;
}

nav{
    .flex(6);
    background:none;
    border:0;

    .flex-display();
    .align-items(center);
    .justify-content(center);

    a{
        font-size:1.3em;
        color:#fff;
        .text-shadow(0 0px 3px rgba(0, 57, 70, 1));
    }
}
 */
#welcome_text_vid {
  height: 90%;
  height: 90vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  /*  #welcome_text_vid_inner{
    .background-color(0,0,0,0.7);
    .box-shadow-alpha (0px, 0px, 6px, 0, 0, 0, 0.5);

    .flex-display();
    .justify-content(space-between);
    .flex-wrap(wrap);

    div{
        .flex-display();
        .align-items(center);
        .justify-content(center);

        padding:20px;
        width:48%;

        h1{
            color:#fff;
            font-family: "futura-pt";
            font-weight:300;
            text-align:center;
            .text-shadow(0 1px 1px rgba(0, 57, 70, 0.9));
            font-size:40px;

            strong{
                font-weight:450;
            }
        }

        video{
            .box-shadow-alpha (0px, 0px, 3px, 0, 0, 0, 0.5);
            width:100%;
        }
    }
    }*/
}
#welcome_text_vid #welcome_text {
  background: #e8e8e8 url("images/bg2.jpg") top center fixed;
  padding: 40px 20px;
  text-align: center;
  width: 33%;
}
#welcome_text_vid #welcome_text h1 {
  color: #fff;
  font-family: "futura-pt";
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 57, 70, 0.9);
  font-size: 40px;
}
#welcome_text_vid #welcome_text h1 strong {
  font-weight: 450;
}
#welcome_text_vid #welcome_text h1 span {
  display: block;
  padding-bottom: 20px;
}
#welcome_text_vid #welcome_text h1 hr {
  border-top: 2px solid #fff;
  color: #00b1d9;
  margin: 10px auto;
  width: 80%;
}
#welcome_text_vid #welcome_text svg {
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  color: #fff;
  fill: #fff;
}
#welcome_text_vid #welcome_video {
  background-color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 20px;
  width: 67%;
}
#welcome_text_vid #welcome_video video {
  -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  width: 100%;
  -webkit-transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  -ms-transition: box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
}
#welcome_text_vid #welcome_video video:hover {
  -webkit-box-shadow: 0px 0 10px #00b1d9;
  -moz-box-shadow: 0px 0 10px #00b1d9;
  box-shadow: 0px 0 10px #00b1d9;
}
/* #welcome_video{
    position: relative;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    top:0;
    z-index: 1;

    video{
        // width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        opacity: .5;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
} */
#sub_intro {
  background: #e8e8e8 url("images/bg2.jpg") top center fixed;
  margin-bottom: 40px;
}
#sub_intro #shout_out {
  max-width: 1200px;
  margin: 0 auto;
}
#sub_intro #shout_out h1 {
  color: #fff;
  font-family: "futura-pt";
  font-size: 40px;
  padding: 20px 20px 40px 20px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 57, 70, 0.9);
}
#index_jump {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  margin-top: 40px;
  padding: 20px;
  text-align: center;
}
#index_jump #index_jump_inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}
#index_jump #index_jump_inner div {
  width: 48%;
}
#index_jump #index_jump_inner div a {
  border: 1px solid transparent;
  color: #00323d;
  display: block;
  font-weight: 700;
  padding: 20px;
  text-align: center;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  -webkit-transition: border 0.4s;
  transition: border 0.4s;
}
#index_jump #index_jump_inner div a span {
  display: block;
  padding: 10px;
  text-align: center;
}
#index_jump #index_jump_inner div a span svg {
  font-size: 50px;
}
#index_jump #index_jump_inner div a .header {
  color: #e64847;
  font-size: 30px;
  font-weight: 450;
}
#index_jump #index_jump_inner div a .text {
  font-weight: 300;
}
#index_jump #index_jump_inner div a:hover {
  border: 1px solid #00b1d9;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
#how_it_works {
  /*
    .flex-display();
    .justify-content(space-between);
    .flex-wrap(wrap);

    block{
        text-align:center;
        display: block;
        font-weight:700;
    }

    .col{
        width:40%;
        margin:0 5%;
        display:flex;
        flex-direction: column;
        .border-radius (10px);
    }

    .customer, .manufacturer{
        .heading{
            .flex-display();
            .align-items(center);
            .justify-content(center);
            padding:10px;

            strong{
                color:#fff;
                font-size:24px;
            }
        }
    }

    .details_outer{
        text-align:center;
        padding:10px 0;

        .details{
            .background-color(255,255,255,0.7);
            color:inherit;
            display:inline-block;
            font-weight:bold;
            padding:2px 15px;
            .border-radius (12px);
            -webkit-transition: background .4s;
            transition: background .4s;
        }

        .details:hover{
            .background-color(255,255,255,1);
        }
    }

    .customer{
        border:5px solid @color1;

        .heading, .details_outer{
            background-color:@color1;
        }

        .details{
            color:@color1;
        }
    }

    .manufacturer{
        border:5px solid @color2;

        .heading, .details_outer{
            background-color:@color2;
        }

        .details{
            color:@color2;
        }
    }

    .arrows_down{
        text-align:center;
        padding:5px;

        svg{
            color:#ddd;
            font-size:36px;
        }
    }


    .split{
        text-align:center;
        font-size:80px;
        color:#ccc;
        width:100%;
    }

    strong.main_header{
        color:#333;
        display: block;
        font-family: @base_header;
        font-size:56px;
        text-align:center;
    }

    .con_col{
        flex-grow: 1;
    }

    .customer .icon svg{
        color:@color1;
        fill:@color1;
    }

    .manufacturer .icon svg{
        color:@color2;
        fill:@color2;
    }


    .icon{
        padding:20px;
        text-align:center;

        svg{
            font-size:50px;
        }
    }

    .details_block{
        display:none;
        margin:0 auto;

        .details_block_img{
            text-align:center;
        }

        .details_block_text{
            padding:20px;
        }

        .holder1, .holder2, .holder3{
            margin-top:-35px;
            padding:20px;
            .border-radius (20px);
        }

        .holder1{
            border:10px solid @color1;
        }

        .holder2{
            border:10px solid @color2;
        }

        .holder3{
            border:10px solid @color3;
        }

        .caret_wrap_outer{
            .flex-display();

            .caret_wrap{width:50%;}
            .caret_wrap_long{width:100%;}

            .caret_wrap, .caret_wrap_long{
                text-align:center;

                .caret_cust, .caret_man{
                    font-size:80px;
                    line-height:0;
                }

                .caret_cust{
                    color:@color1;
                }

                .caret_man{
                    color:@color2;
                }

                svg.caret:before {
                    top: -4px;
                }
            }
        }
    }

    .row{
        margin:0 auto;
        width:90%;
        .border-radius (10px);
    }

    .row-w50{
        margin:0 auto;
        width:50%;
    }
 */
}
#how_it_works .flex2up {
  border-bottom: 1px solid #e64847;
  padding: 40px 0;
}
.call_out {
  display: block;
  text-align: center;
  padding: 20px;
  width: 100%;
}
#benefits .icon {
  width: 100px;
  text-align: center;
}
#benefits .hide {
  display: none;
}
#benefits .show {
  display: inline-block;
}
#benefits strong {
  border-bottom: 1px solid #e64847;
  color: #555;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  font-size: 36px;
  line-height: 57.6px;
  font-size: 2.526315789473684rem;
  line-height: 3.6rem;
  font-weight: 300;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 10px;
}
#benefits strong svg {
  color: #00b1d9;
}
#benefits > div {
  padding: 20px;
}
#contact_outer {
  background: #e8e8e8 url("images/bg2.jpg") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contact_outer #contact_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
#contact_outer #contact_inner strong {
  color: #fff;
  font-size: 40px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}
#contact_outer #contact_inner p {
  color: #003440;
  font-size: 24px;
  font-weight: 700;
}
#contact_outer #contact_inner a {
  background-color: #e64847;
  border: 3px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 10px;
  padding: 10px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
#contact_outer #contact_inner a:hover {
  color: #fff;
  background-color: #ec7574;
}
/*Footer Section/////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {
  background-color: #444;
}
footer #inner_footer_menu {
  margin: 5px auto;
  text-align: center;
}
footer #inner_footer_menu a {
  display: inline-block;
  text-align: center;
  padding: 1%;
}
footer #copyright {
  color: #fff;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
footer #copyright span {
  display: inline-block;
  padding: 0.5% 10px;
  font-size: 12px;
}
footer #copyright a {
  color: #b8cc5f;
  display: inline-block;
  padding: 0.5% 10px;
  font-size: 12px;
}
/*Form::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#contact_address {
  border: 1px solid #e64847;
  margin-bottom: 20px;
  padding: 10px;
}
#contact_address .social {
  border-top: 1px solid #e64847;
  margin-top: 20px;
  padding-top: 10px;
}
#contact_address .social svg {
  color: #00b1d9;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  font-size: 36px;
  margin-right: 10px;
}
#contact_address .social svg:hover {
  color: #e64847;
}
/*Warning Errors and Success//////////*/
label.error {
  color: red;
  font-weight: bold;
}
.required {
  color: #d02727;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: sub;
}
i.required {
  color: #d02727;
}
b.err {
  display: inline-block;
  color: #d02727;
}
.errorcolor {
  border: 1px solid #d02727;
  background-color: #ffa5a5;
}
/*Ajax Errors//////////////////////////////////////////////////////////////////////////////////////*/
.response-waiting,
.response-success,
.response-error {
  display: block;
  padding: 10px;
  border-radius: 4px;
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
  margin: 20px 0;
}
.response-waiting {
  background-color: #ccc;
}
.response-success {
  background-color: #96d975;
}
.response-error {
  background-color: #d02727;
}
/*Ajax Errors//////////////////////////////////////////////////////////////////////////////////////*/
form {
  color: #333;
}
label {
  display: block;
  margin: 5px 0 10px 0;
}
label span {
  display: block;
  color: #333;
  font-weight: bold;
  padding: 5px 0;
}
.statis_box {
  display: block;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
}
.warning {
  color: #d02727;
}
.warning_box {
  background: #d02727 no-repeat left;
}
.good {
  color: #96d975;
  font-size: 1.5em;
}
.good_box {
  border: 5px solid #fff;
  background: #96d975 no-repeat left;
}
input,
select,
textarea {
  border: 1px solid #bbb;
  padding: 8px;
  border-radius: 3px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=text],
input[type=submit] {
  width: 100%;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
span.text_err {
  display: inline-block;
}
span.text_note {
  color: #666666;
}
/*Textarea*/
textarea {
  display: block;
  width: 100%;
}
.mceEditor {
  display: inline-block;
}
/*Select*/
select {
  /*      padding:4px 10px 4px 4px;
        margin-left:0px;
        border:1px solid #ccc;*/
}
span.select_note {
  display: block;
  color: #666666;
}
/*Checkbox*/
label span.checkbox_input {
  display: inline-block;
  text-align: left;
}
span.checkbox_wording_before,
span.checkbox_wording_after {
  display: inline-block;
}
/*Fieldset*/
fieldset {
  padding: 10px;
  background-color: #eee;
  border: 1px solid #ccc;
}
.captcha {
  background: #ffffff;
  background: rgba(255, 255, 255, 0);
  border: 0px solid #ccc;
  padding: 0;
}
/*Submit*/
input.submit {
  margin: 0;
  width: auto;
  padding: 10px;
  font-weight: bold;
  background-color: #96d975;
  color: #333;
}
/*DATE*/
div#date_field {
  overflow: visible;
}
div#date_field label.description {
  font-size: 14px;
  text-align: left;
}
div#date_field span.date {
  display: block;
  padding: 9px 0 0 5px;
  font-weight: bold;
}
div#date_field span {
  float: left;
}
div#date_field label {
  font-size: 10px;
  text-align: left;
  padding: 0 15px 0 0;
}
/* -- 600 and under ----------- */
@media all and (max-width: 600px) {
  /*@media all and (max-width: 600px) and (min-width: 321px){*/
  .holder1 .flex,
  .holder2 .flex {
    display: block;
  }
  #how_it_works {
    display: block;
  }
  #how_it_works .flex2up {
    display: block;
  }
  #how_it_works .flex2up > * {
    width: 100%;
  }
  /*         #how_it_works .row-w50{
    width:100%;
} */
  footer #inner_footer_menu a {
    display: block;
  }
  #index_jump #index_jump_inner {
    display: block;
  }
  #index_jump #index_jump_inner div {
    width: 100%;
  }
  #how_it_works strong.main_header {
    font-size: 40px;
  }
}
/* 601 to 768 ----------- */
/* 768 on down ----------- */
@media all and (max-width: 768px) {
  /*START GOING TO ROWS::::::::::::::::::::*/
  div#benefits strong {
    display: block;
    text-align: center;
  }
  div#benefits strong span.icon,
  div#benefits strong span {
    display: block;
    width: 100%;
  }
  #sub_intro #shout_out h1 {
    font-size: 30px;
  }
  #how_it_works .col {
    margin: 0;
    width: 48%;
  }
  #how_it_works strong.main_header {
    text-align: center;
  }
  #how_it_works strong.main_header svg {
    display: block;
    margin: 0 auto;
  }
  div.details_sec:nth-of-type(1) {
    display: none;
  }
  #welcome_text_vid #welcome_text {
    padding: 10px;
  }
  #welcome_text_vid #welcome_text h1 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media all and (max-width: 960px) {
  header {
    display: block;
  }
  header #logo {
    width: 100%;
  }
  nav {
    display: none;
  }
  #mobile_con {
    display: block;
    padding: 1%;
    text-align: left;
  }
  #left {
    padding: 20px;
  }
  #wrap_index {
    height: auto;
  }
  #index_intro #index_intro_inner {
    display: block;
  }
  #index_intro #index_intro_inner #shout_out,
  #index_intro #index_intro_inner #video {
    margin: 1% auto;
    width: 98%;
  }
}
/* 801 to 1024 ----------- */
/*  @media all and (min-width: 801px) and (max-width: 1024px){

    }*/
/* 1024 on down ----------- */
@media all and (max-width: 1024px) {
  #welcome_text_vid {
    display: block;
  }
  #welcome_text_vid #welcome_text,
  #welcome_text_vid #welcome_video {
    width: 100%;
  }
  #welcome_text_vid #welcome_text svg,
  #welcome_text_vid #welcome_video svg {
    display: none;
  }
}
/* Stepping down ----------- */
/*  @media all and (min-width: 700px) and (max-width: 800px){
      #container{
        width:600px;
      }
    }

    @media all and (min-width: 800px) and (max-width: 900px){
      #container{
        width:700px;
      }
    }

    @media all and (min-width: 900px) and (max-width: 1000px){
      #container{
        width:800px;
      }
    }

    @media all and (min-width: 1000px) and (max-width: 1100px){
      #container{
        width:900px;
      }
    }

    @media all and (min-width: 1100px) and (max-width: @max-width){
      #container{
        width:1000px;
      }
    }*/
/*Basics*/
.clear,
#clear {
  clear: both;
  display: block;
  margin: 0!important;
  padding: 0!important;
  line-height: 0;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
a:active,
a:hover {
  outline: 0;
}
:focus {
  outline: 0;
}
b,
strong,
strong a,
a strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
strong em,
em strong {
  font-weight: bold;
  font-style: italic;
}
hr {
  border: 0;
  border-top: 1px solid #e64847;
  padding: 5px 0;
}
.border {
  border: 1px solid #333;
}
.border_top {
  border-top: 1px solid #333;
}
.border_right {
  border-right: 1px solid #333;
}
.border_bottom {
  border-bottom: 1px solid #333;
}
.border_left {
  border-left: 1px solid #333;
}
.no_border {
  border: 0px solid #333;
}
.no_border_top {
  border-top: 0px solid #333;
}
.no_border_right {
  border-right: 0px solid #333;
}
.no_border_bottom {
  border-bottom: 0px solid #333;
}
.no_border_left {
  border-left: 0px solid #333;
}
/*Reuseable Classes////////////////////////////*/
.max-width-center {
  max-width: 1200px;
  margin: 0 auto;
}
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.flex_v_center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.space-between {
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.flex1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex2 {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex3 {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex4 {
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex5 {
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.flex6 {
  -webkit-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
.flex2up,
.flex3up,
.flex4up,
.flex5up {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex2up [class*='client_'],
.flex3up [class*='client_'],
.flex4up [class*='client_'],
.flex5up [class*='client_'] {
  padding: 10px;
}
.flex2up > * {
  width: 49%;
}
.flex3up > * {
  width: 32%;
}
.flex4up > * {
  width: 24%;
}
.flex5up > * {
  width: 19%;
}
.w100 {
  width: 100%;
}
.w98 {
  width: 98%;
}
.w95 {
  width: 95%;
}
.w90 {
  width: 90%;
}
.w85 {
  width: 85%;
}
.w80 {
  width: 80%;
}
.w75 {
  width: 75%;
}
.w70 {
  width: 70%;
}
.w65 {
  width: 65%;
}
.w60 {
  width: 60%;
}
.w55 {
  width: 55%;
}
.w50 {
  width: 50%;
}
.w48 {
  width: 48%;
}
.w45 {
  width: 45%;
}
.w40 {
  width: 40%;
}
.w35 {
  width: 35%;
}
.w33 {
  width: 33%;
}
.w30 {
  width: 30%;
}
.w25 {
  width: 25%;
}
.w20 {
  width: 20%;
}
.w18 {
  width: 18%;
}
.w15 {
  width: 15%;
}
.w10 {
  width: 10%;
}
.w5 {
  width: 5%;
}
.padding_0,
.p0 {
  padding: 0%;
}
.padding_1,
.p1 {
  padding: 1%;
}
.padding_2,
.p2 {
  padding: 2%;
}
.padding_3,
.p3 {
  padding: 3%;
}
.padding_4,
.p4 {
  padding: 4%;
}
.padding_5,
.p5 {
  padding: 5%;
}
.padding_t_0,
.pt0 {
  padding-top: 0%;
}
.padding_t_1,
.pt1 {
  padding-top: 1%;
}
.padding_t_2,
.pt2 {
  padding-top: 2%;
}
.padding_t_3,
.pt3 {
  padding-top: 3%;
}
.padding_r_0,
.pr0 {
  padding-right: 0% !important;
}
.padding_r_1,
.pr1 {
  padding-right: 1%;
}
.padding_r_2,
.pr2 {
  padding-right: 2%;
}
.padding_r_3,
.pr3 {
  padding-right: 3%;
}
.padding_b_0,
.pb0 {
  padding-bottom: 0% !important;
}
.padding_b_1,
.pb1 {
  padding-bottom: 1%;
}
.padding_b_2,
.pb2 {
  padding-bottom: 2%;
}
.padding_b_3,
.pb3 {
  padding-bottom: 3%;
}
.padding_l_0,
.pl0 {
  padding-left: 0%;
}
.padding_l_1,
.pl1 {
  padding-left: 1%;
}
.padding_l_2,
.pl2 {
  padding-left: 2%;
}
.padding_l_3,
.pl3 {
  padding-left: 3%;
}
.margin_0,
.m0 {
  margin: 0%;
}
.margin_1,
.m1 {
  margin: 1%;
}
.margin_2,
.m2 {
  margin: 2%;
}
.margin_3,
.m3 {
  margin: 3%;
}
.margin_4,
.m4 {
  margin: 4%;
}
.margin_5,
.m5 {
  margin: 5%;
}
.margin_t_0,
.mt0 {
  margin-top: 0%;
}
.margin_t_1,
.mt1 {
  margin-top: 1%;
}
.margin_t_2,
.mt2 {
  margin-top: 2%;
}
.margin_t_3,
.mt3 {
  margin-top: 3%;
}
.margin_r_0,
.mr0 {
  margin-right: 0%;
}
.margin_r_1,
.mr1 {
  margin-right: 1%;
}
.margin_r_2,
.mr2 {
  margin-right: 2%;
}
.margin_r_3,
.mr3 {
  margin-right: 3%;
}
.margin_b_0,
.mb0 {
  margin-bottom: 0%;
}
.margin_b_1,
.mb1 {
  margin-bottom: 1%;
}
.margin_b_2,
.mb2 {
  margin-bottom: 2%;
}
.margin_b_3,
.mb3 {
  margin-bottom: 3%;
}
.margin_l_0,
.ml0 {
  margin-left: 0%;
}
.margin_l_1,
.ml1 {
  margin-left: 1%;
}
.margin_l_2,
.ml2 {
  margin-left: 2%;
}
.margin_l_3,
.ml3 {
  margin-left: 3%;
}
/*Reuseable Classes*/
/*Tiny Mce build in::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.f_color1 {
  color: #e64847;
}
.f_color2 {
  color: #00b1d9;
}
.f_color3 {
  color: #00a096;
}
#tinymce,
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6,
#tinymce strong,
#tinymce li,
#tinymce p,
#tinymce [class*='header_'] {
  color: #333;
  /*Just in case the font for the site white*/
}
#tinymce ol,
#tinymce ul {
  margin-left: 30px;
  padding-left: 10px;
}
#tinymce ol li,
#tinymce ul li {
  padding: 10px;
}
/*Text*/
.font_16 {
  font-size: 16px;
  line-height: 25.6px;
  font-size: 1.1228070175438596rem;
  line-height: 1.5999999999999999rem;
}
.font_18 {
  font-size: 18px;
  line-height: 28.8px;
  font-size: 1.263157894736842rem;
  line-height: 1.8rem;
}
.font_20 {
  font-size: 20px;
  line-height: 32px;
  font-size: 1.4035087719298245rem;
  line-height: 2rem;
}
.font_24 {
  font-size: 24px;
  line-height: 38.4px;
  font-size: 1.6842105263157894rem;
  line-height: 2.4rem;
}
.font_30 {
  font-size: 30px;
  line-height: 48px;
  font-size: 2.1052631578947367rem;
  line-height: 2.9999999999999996rem;
}
.font_36 {
  font-size: 36px;
  line-height: 57.6px;
  font-size: 2.526315789473684rem;
  line-height: 3.6rem;
}
.font_40 {
  font-size: 40px;
  line-height: 64px;
  font-size: 2.807017543859649rem;
  line-height: 4rem;
}
.font_50 {
  font-size: 50px;
  line-height: 80px;
  font-size: 3.508771929824561rem;
  line-height: 5rem;
}
.text_left {
  text-align: left;
}
.text_center {
  text-align: center;
}
.text_right {
  text-align: right;
}
.justified {
  text-align: justify;
}
#tinymce .red,
.red {
  color: #cd3301;
}
#tinymce .pink,
.pink {
  color: pink;
}
#tinymce .orange,
.orange {
  color: orange;
}
#tinymce .blue,
.blue {
  color: #143b49;
}
#tinymce .dull_blue,
.dull_blue {
  color: #225b87;
}
#tinymce .lt_blue,
.lt_blue {
  color: #6e98b3;
}
#tinymce .purple,
.purple {
  color: purple;
}
#tinymce .green,
.green {
  color: #358e65;
}
#tinymce .yellow,
.yellow {
  color: yellow;
}
#tinymce .black,
.black {
  color: #000;
}
#tinymce .gray,
.gray {
  color: #666666;
}
#tinymce .dark_gray,
.dark_gray {
  color: #333;
}
#tinymce .white,
.white {
  color: #fff;
}
#tinymce .gold,
.gold {
  color: #f2bf28;
}
/*Block*/
.block {
  display: block;
}
.inline_block {
  display: inline-block;
}
.inline {
  display: inline;
}
.hide {
  display: none;
}
.center {
  margin: 0 auto;
}
.left {
  float: left;
}
.right {
  float: right;
}
/*Position*/
.relative {
  position: relative;
}
/*Images*/
.img_size {
  max-width: 100%;
  height: auto;
}
img.inserted_photo {
  -webkit-box-shadow: 0px 0px 4px 0px #333;
  box-shadow: 0px 0px 4px 0px #333;
  border: 1px solid #fff;
}
.inserted_photo.left {
  margin-right: 10px;
}
.inserted_photo.right {
  margin-left: 10px;
}
.img_center {
  display: block;
  margin: 0 auto;
}
.button_1 {
  display: inline-block;
  font-size: 22px;
  font-weight: 300;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #dc1f1e;
  -webkit-box-shadow: 0px 0px 3px #999;
  -moz-box-shadow: 0px 0px 3px #999;
  box-shadow: 0px 0px 3px #999;
  background-color: #e64847;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
a:hover.button_1 {
  color: #fff;
  background-color: #ec7574;
}
.button_square {
  display: inline-block;
  font-size: 22px;
  font-weight: 300;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #dc1f1e;
  -webkit-box-shadow: 0px 0px 3px #999;
  -moz-box-shadow: 0px 0px 3px #999;
  box-shadow: 0px 0px 3px #999;
  background-color: #e64847;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
a:hover.button_square {
  color: #fff;
  background-color: #ec7574;
}
.button_round {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #dc1f1e;
  color: #e64847;
  padding: 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
a:hover.button_round {
  color: #fff;
  background-color: #ec7574;
}
/* Magnific Popup CSS */
/*.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1200px;}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }


img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }*/
/*.col-1-4 {
  .col-1-4();
}
.col-2-3, .col-8-12 {
  .col-2-3();
}
.col-1-3, .col-4-12 {
  .col-1-3();
}
.col-1-2,.col-5-10,.col-6-12 {
  .col-1-2();
}
.col-3-4, .col-9-12 {
  .col-3-4();
}
.col-3-4 {
  .col-3-4();
}
.col-1-8 {
  .col-1-8();
}
.col-1-5, .col-2-10 {
  .col-1-5();
}
.col-2-5, .col-4-10 {
  .col-2-5();
}
.col-3-5, .col-6-10 {
  .col-3-5();
}
.col-4-5, .col-8-10 {
  .col-4-5();
}
.col-1-10 {
  .col-1-10 ();
}
.col-3-10 {
  .col-3-10();
}
.col-7-10 {
  .col-7-10();
}
.col-9-10 {
  .col-9-10();
}
.col-1-12{
  .col-1-12();
}
.col-2-12{
  .col-2-12();
}
.col-3-12{
  .col-3-12();
}
.col-5-12{
  .col-5-12();
}
.col-7-12{
  .col-7-12();
}
.col-10-12{
  .col-10-12();
}
.col-11-12{
  .col-11-12();
}*/
/*My Stuff///////////////////////////////////////////////////////////////////////////////////*/
#id_corner {
  background-color: #999;
  padding: 5px;
  color: #333;
}
#id_corner a {
  color: #333;
}
/*# sourceMappingURL=style.css.map */