.sitemanager-phone{
    visibility: "hidden";
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor:default;
}

/*=============================== Beige style ===========================*/

.q-beige {
    box-shadow: 2px 2px 3px 1px #c7c7c7;
    border:1px solid #c7c7c7;
    width:100%;
    /*max-width: 400px;*/
    margin-top: 12px;
    font-size:16px;
    font-weight:bold;
    border-radius: 10px;
    background: url(../images/q1.png) no-repeat 15px 50%;
    padding: 10px 10px 10px 105px;
    min-height: 90px;
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.a-beige {
    box-shadow: inset -2px -2px 3px 1px #c7c7c7;
    border:1px solid #c7c7c7;
    width:100%;
    /*max-width: 400px;*/
    margin-top: 12px;
    font-size:16px;
    border-radius: 10px;
    background: url(../images/a1.png) no-repeat 15px 50% #fff5ee;
    padding: 10px 10px 10px 105px;
    min-height: 90px;
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.q-beige  > .inner_block, .a-beige  > .inner_block {
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    word-wrap: break-word;
    max-width: 100%;
    overflow: hidden;
}





/*=============================== Green style ===========================*/

.q-green {
    background-color: #b0db3f;
    background-image: url(../images/q-green.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid #94b53b;
    width: 100%;
    /* max-width: 400px; */
    margin-top: 12px;
    font-size: 16px;
    border-radius: 7px;
    padding: 10px 10px 10px 75px;
    height: 55px;
    display: table;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px #76912E;
    box-sizing: border-box;
}

.a-green {
    border: 1px solid #c7c7c7;
    width: 97%;
    /* max-width: 400px; */
    margin: -1px auto 0px;
    font-size: 16px;
    border-radius: 0px 0px 7px 7px;
    padding: 15px;
    height: 90px;
    display: table;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ebebeb+100 */
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbfbfb 0%,#ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    color: #403f3f;
    box-sizing: border-box;
}

.q-green  > .inner_block, .a-green  > .inner_block {
    display: table-cell;
    vertical-align: middle;
}

.q-green > .inner_block{
    color: #fff!important;
}








/*=============================== Brown style ===========================*/

.q-brown {
    box-shadow: inset -2px -2px 3px 1px #969696;
    background-color: #b5aea5;
    width: 25%;
    margin-right: 2.5%;
    margin-left: 1.25%;
    margin-top: 25px;
    /* max-width: 400px; */
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 5px;
    min-height: 130px;
    color: #fff;
    text-align: center;
    float: left;
    box-sizing: border-box;
    word-wrap: break-word;
}

.a-brown {
    box-shadow: inset -2px -2px 3px 1px #c7c7c7;
    width: 70%;
    /* max-width: 400px; */
    margin-top: 25px;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 10px 10px 105px;
    min-height: 130px;
    float: left;
    box-sizing: border-box;
}

.a-brown2, .a-brown8, .a-brown14, .a-brown20, .a-brown26, .a-brown32 {
    background: url(../images/q-brown1.png) no-repeat 15px 50% #f1ede2!important;
}

.a-brown4, .a-brown10, .a-brown16, .a-brown22, .a-brown28, .a-brown34{
    background: url(../images/q-brown2.png) no-repeat 15px 50% #f1ede2!important;
}

.a-brown6, .a-brown12, .a-brown18, .a-brown24, .a-brown30, .a-brown38{
    background: url(../images/q-brown3.png) no-repeat 15px 50% #f1ede2!important;
}

.q-brown  > .inner_block{
    color: #fff;
}

.q-brown  > .inner_block, .a-brown  > .inner_block {
    text-align: center;
}

.a-brown  > .inner_block {
    font-size: 16px;
    background: #fff;
    min-height: 110px;
    font-weight: normal;
    border-radius: 10px;
    box-shadow: inset 2px 2px 1px 0px #bfbfbf;
    margin-top: 0;
    font-size: 16px;
    text-align: left;
    padding: 15px;
    word-break: break-word;
}




/*=============================== S-Blue style ===========================*/
.main_s-blue_step {
    width: 100%;
    min-width: 300px;
    box-shadow: inset -3px -3px 5px 1px #c7c7c7;
    background: #f0f0f0;
    background: -moz-linear-gradient(left, #f0f0f0 0%, #d5d8d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(100%,#d5d8d9));
    background: -webkit-linear-gradient(left, #f0f0f0 0%,#d5d8d9 100%);
    background: -o-linear-gradient(left, #f0f0f0 0%,#d5d8d9 100%);
    background: -ms-linear-gradient(left, #f0f0f0 0%,#d5d8d9 100%);
    background: linear-gradient(to right, #f0f0f0 0%,#d5d8d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d8d9',GradientType=1 );
    padding: 20px 20px 20px 65px;
    border-radius: 10px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.main_s-blue_step:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../images/s-blue.png) center no-repeat!important;
    width: 62px;
    height: 100%;
    left: -10px;
    top: 0;
}


.s-blue_step {
    width: 128px;
    height: 67px;
    background: #acacac;
    background: -moz-linear-gradient(left, #acacac 0%, #818181 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#acacac), color-stop(100%,#818181));
    background: -webkit-linear-gradient(left, #acacac 0%,#818181 100%);
    background: -o-linear-gradient(left, #acacac 0%,#818181 100%);
    background: -ms-linear-gradient(left, #acacac 0%,#818181 100%);
    background: linear-gradient(to right, #acacac 0%,#818181 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#818181',GradientType=1 );
    border-radius: 10px;
    box-shadow: inset -3px -3px 5px 1px #858585;
    color: #fff!important;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
}

.s-blue_step .s-blue_step_inner{
    color: #fff!important;
}

.s-blue {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 30px;
}

.s-blue_step_number {
    position: absolute;
    left: 7px;
    z-index: 2;
    color: #fff!important;
    font-size: 30px;
    font-family: arial!important;
    top: 50%;
    line-height: 0;
}





/*=============================== Colored Steps style ===========================*/

.main_colored_steps_step{
    position: relative;
    height: 85px;
    border: 1px solid #dddcdc;
    margin-bottom: 12px;
    border-radius: 5px;
    padding: 10px;
    background: #ffffff; 
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    display: table;
    width: 100%; box-sizing: border-box;
}

.colored_steps_step {
    background-color: #fff;
    box-shadow: inset 3px 3px 6px 0px #bfbfbf;
    border-radius: 5px;
    padding: 23px 15px;
    margin-left: 145px;
}

.colored_steps_step_number {
    position: absolute;
    left: 76px;
    font-size: 47px;
    font-family: 'arial';
    z-index: 2;
    line-height: 1.5;
}

.colored_steps {
    color: #494949;
    padding: 15px 20px 10px 20px;
}


.main_colored_steps_step_1:after, .main_colored_steps_step_6:after, .main_colored_steps_step_11:after {
    content: '';
    display: block;
    width: 123px;
    height: 70px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: url(../images/colored_steps-1.png) no-repeat;
}

.main_colored_steps_step_2:after, .main_colored_steps_step_7:after, .main_colored_steps_step_12:after{
    content: '';
    display: block;
    width: 123px;
    height: 70px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: url(../images/colored_steps-2.png) no-repeat;
}

.main_colored_steps_step_3:after, .main_colored_steps_step_8:after, .main_colored_steps_step_13:after{
    content: '';
    display: block;
    width: 123px;
    height: 70px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: url(../images/colored_steps-3.png) no-repeat;
}

.main_colored_steps_step_4:after, .main_colored_steps_step_9:after, .main_colored_steps_step_14:after{
    content: '';
    display: block;
    width: 123px;
    height: 70px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: url(../images/colored_steps-4.png) no-repeat;
}

.main_colored_steps_step_5:after, .main_colored_steps_step_10:after, .main_colored_steps_step_15:after{
    content: '';
    display: block;
    width: 123px;
    height: 70px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: url(../images/colored_steps-5.png) no-repeat;
}

.main_colored_steps_step_1 .colored_steps_step_number, .main_colored_steps_step_6 .colored_steps_step_number, .main_colored_steps_step_11 .colored_steps_step_number, .colored_steps_step1, .colored_steps_step6, .colored_steps_step11 {
    color: #949c36!important;
}

.main_colored_steps_step_2 .colored_steps_step_number, .main_colored_steps_step_7 .colored_steps_step_number, .main_colored_steps_step_12 .colored_steps_step_number, .colored_steps_step2, .colored_steps_step7, .colored_steps_step12 {
    color: #a73b28!important;
}

.main_colored_steps_step_3 .colored_steps_step_number, .main_colored_steps_step_8 .colored_steps_step_number, .main_colored_steps_step_13 .colored_steps_step_number, .colored_steps_step3, .colored_steps_step8, .colored_steps_step13 {
    color: #c06121!important;
}

.main_colored_steps_step_4 .colored_steps_step_number, .main_colored_steps_step_9 .colored_steps_step_number, .main_colored_steps_step_14 .colored_steps_step_number, .colored_steps_step4, .colored_steps_step9, .colored_steps_step14 {
    color: #416c7e!important;
}

.main_colored_steps_step_5 .colored_steps_step_number, .main_colored_steps_step_10 .colored_steps_step_number, .main_colored_steps_step_15 .colored_steps_step_number, .colored_steps_step5, .colored_steps_step10, .colored_steps_step15 {
    color: #949c36!important;
}

.main_clear_steps_step_1, .main_clear_steps_step_6, .main_clear_steps_step_11 {
    background: url(../images/transparent_steps-1.png) no-repeat 0px 50%;
}

.main_clear_steps_step_2, .main_clear_steps_step_7, .main_clear_steps_step_12{
    background: url(../images/transparent_steps-2.png) no-repeat 0px 50%;
}

.main_clear_steps_step_3, .main_clear_steps_step_8, .main_clear_steps_step_13{
    background: url(../images/transparent_steps-3.png) no-repeat 0px 50%;
}

.main_clear_steps_step_4, .main_clear_steps_step_9, .main_clear_steps_step_14{
    background: url(../images/transparent_steps-4.png) no-repeat 0px 50%;
}

.main_clear_steps_step_5, .main_clear_steps_step_10, .main_clear_steps_step_15{
    background: url(../images/transparent_steps-5.png) no-repeat 0px 50%;
}








/*=============================== Clear steps style ===========================*/

.main_clear_steps_step{
    margin-bottom: 15px;
    padding-left: 100px;
    font-size: 14px;
    color: #494949!important;
    min-height: 120px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}

.clear_steps_step_number, .clear_steps_step {
    display: none;
}

.clear_steps{
    display: table;
    height: 120px;
}

.clear_steps .inner_block{
    display: table-cell;
    vertical-align: middle;
}


.clear_steps .inner_block ul {
    width: 100%;
    max-width: 100%;
    display: block;
    word-break: break-word;
}


/*=============================== Colred beige style ===========================*/

.colored_beige_step_number{
    display: none;
}

.main_colored_beige_step {
    border: 1px solid;
    border-radius: 7px;
    margin-bottom: 20px;
}

.main_colored_beige_step_1, .main_colored_beige_step_6, .main_colored_beige_step_11{
    border-color: #ce6600;
}

.main_colored_beige_step_2, .main_colored_beige_step_7, .main_colored_beige_step_12{
    border-color: #035065;
}

.main_colored_beige_step_3, .main_colored_beige_step_8, .main_colored_beige_step_13{
    border-color: #5da93b;
}

.main_colored_beige_step_4, .main_colored_beige_step_9, .main_colored_beige_step_14{
    border-color: #0593c4;
}

.main_colored_beige_step_5, .main_colored_beige_step_10, .main_colored_beige_step_15{
    border-color: #d10f58;
}

.colored_beige_step{
    border-radius: 6px 6px 3px 3px;
    display: table;
    width: 100%; box-sizing: border-box;
    height: 50px;
}

.colored_beige_step1, .colored_beige_step6, .colored_beige_step11{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9a348+0,df8a2e+100 */
    background: #f9a348; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9a348 0%, #df8a2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9a348), color-stop(100%,#df8a2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9a348 0%,#df8a2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9a348 0%,#df8a2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9a348 0%,#df8a2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9a348 0%,#df8a2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a348', endColorstr='#df8a2e',GradientType=0 ); /* IE6-9 */
}

.colored_beige_step2, .colored_beige_step7, .colored_beige_step12{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a83a0+0,006986+100 */
    background: #1a83a0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1a83a0 0%, #006986 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a83a0), color-stop(100%,#006986)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1a83a0 0%,#006986 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1a83a0 0%,#006986 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1a83a0 0%,#006986 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1a83a0 0%,#006986 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a83a0', endColorstr='#006986',GradientType=0 ); /* IE6-9 */
}

.colored_beige_step3, .colored_beige_step8, .colored_beige_step13{
    background: #7cc656;
    background: -moz-linear-gradient(top, #7cc656 0%, #62ac3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cc656), color-stop(100%,#62ac3c));
    background: -webkit-linear-gradient(top, #7cc656 0%,#62ac3c 100%);
    background: -o-linear-gradient(top, #7cc656 0%,#62ac3c 100%);
    background: -ms-linear-gradient(top, #7cc656 0%,#62ac3c 100%);
    background: linear-gradient(to bottom, #7cc656 0%,#62ac3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc656', endColorstr='#62ac3c',GradientType=0 );
}

.colored_beige_step4, .colored_beige_step9, .colored_beige_step14{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ab6e9+0,009dcf+100 */
    background: #1ab6e9; /* Old browsers */
    background: -moz-linear-gradient(top,  #1ab6e9 0%, #009dcf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab6e9), color-stop(100%,#009dcf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ab6e9 0%,#009dcf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ab6e9 0%,#009dcf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ab6e9 0%,#009dcf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ab6e9 0%,#009dcf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab6e9', endColorstr='#009dcf',GradientType=0 ); /* IE6-9 */
}

.colored_beige_step5, .colored_beige_step10, .colored_beige_step15{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0598a+0,d63f71+100 */
    background: #f0598a; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0598a 0%, #d63f71 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0598a), color-stop(100%,#d63f71)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0598a 0%,#d63f71 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0598a 0%,#d63f71 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0598a 0%,#d63f71 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0598a 0%,#d63f71 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0598a', endColorstr='#d63f71',GradientType=0 ); /* IE6-9 */
}

.colored_beige_step_inner {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 30px;
    color: #fff!important;
    font-size: 18px;
}

.colored_beige{
    height: 80px;
    padding: 10px;
    display: table;
    width: 100%; box-sizing: border-box;
    background-color: #ece4d9;
    border-radius: 0px 0px 6px 6px;

}

.colored_beige .inner_block{
    display: table-cell;
    vertical-align: middle;
    color: #494949!important;
}









/*=============================== Blue style ===========================*/


.main_blue_step {
    background: #00bbe6;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px 17px;
    box-shadow: inset -1px -1px 6px rgb(108, 108, 108), inset 2px 2px 7px -1px #fff;
    position: relative;
    min-height: 100px;
    float: left;
    width: 100%; box-sizing: border-box;

}

.blue_step_number {
    color: #00bbe6!important;
    position: absolute;
    font-family: 'arial'!important;
    font-size: 36px;
    left: 17px;
    top: 20px;
    text-align: center;
    width: 75px;
}

.blue_step{
    display: table;
    width: 100%; box-sizing: border-box;
    height: 68px;
    background-color: #c8eff8;
    background-image: url(../images/blue_step_white_bg.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    padding: 0 25px 0 100px;
    box-shadow: inset 1px 1px 6px 1px darkgrey;
}

.blue_step_inner {
    display: table-cell;
    vertical-align: middle;
    color: #1a1a1a!important;
    font-size: 14px;
    font-family: 'arial';
}

.main_blue_step .blue{
    width: 100%; box-sizing: border-box;
    float: left;
    margin-top: 7px;
    padding-top: 24px;
    background-image: url(../images/blue_step_white_bg_min.png);
    background-repeat: no-repeat;
}

.main_blue_step .blue .inner_block {
    color: #1a1a1a!important;
    background-color: #c8eff8;
    box-shadow: inset 1px 1px 6px 1px darkgrey;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-family: 'arial';
}








/*=============================== Blue n White style ===========================*/

.main_blue_n_white_step {
    min-height: 100px;
    margin-bottom: 20px;
    float: left;
    width: 100%; box-sizing: border-box;
}


.blue_n_white_step_number{
    display: none;
}

.blue_n_white_step {
    height: 58px;
    background-color: #0886bd;
    border-radius: 5px;
    padding: 11px 18px 11px 70px;
    width: 100%; box-sizing: border-box;
    display: table;
    z-index: 2;
    position: relative;
    background-image: url(../images/blue_n_white_quest.png);
    background-repeat: no-repeat;
    background-position: 20px 10px;
    box-shadow: inset -1px -1px 6px rgb(108, 108, 108), inset 2px 2px 5px -2px #fff;
}

.blue_n_white_step_inner{
    display: table-cell;
    vertical-align: middle;
    background-color: #e2f2f9;
    padding: 0 12px;
    border-radius: 5px;
    border: 1px dashed #0886bd;
    box-shadow: inset 1px 1px 7px 0px gray;
}

.blue_n_white {
    background-color: #f6f6f6;
    box-shadow: inset -1px -1px 6px gray;
    border-radius: 0px 0px 5px 5px;
    padding: 14px 19px 11px 14px;
    position: relative;
    top: -3px;
    z-index: 1;
    width: 100%; box-sizing: border-box;
    display: table;
    height: 90px;
}

.blue_n_white .inner_block {
    border: 1px dashed #0886bd;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: inset 1px 1px 7px 0px rgb(150, 150, 150);
    display: table-cell;
    vertical-align: middle;
}








/*=============================== Colored flags style ===========================*/


.main_colored_flags_step{
    border: 1px solid #b3b3b3;
    margin-bottom: 14px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,dadada+100 */
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    padding: 15px 15px 15px 115px;
    min-height: 115px;
    position: relative;
    font-family: 'arial';
    color: #494949!important;
    float: left;
    width: 100%; box-sizing: border-box;
}

.main_colored_flags_step:after{
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    left: 15px;
    width: 80px;
    min-height: 80px;
    height: 80%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: inset 1px 1px 6px rgb(174, 174, 174);
    background-repeat: no-repeat;
    background-position: -6px 0px;
}

.main_colored_flags_step_1:after, .main_colored_flags_step_6:after, .main_colored_flags_step_11:after{	
    background-image: url(../images/colored_flags-1.png);
}
.main_colored_flags_step_2:after, .main_colored_flags_step_7:after, .main_colored_flags_step_12:after{	
    background-image: url(../images/colored_flags-2.png);
}
.main_colored_flags_step_3:after, .main_colored_flags_step_8:after, .main_colored_flags_step_13:after{
    background-image: url(../images/colored_flags-3.png);
}
.main_colored_flags_step_4:after, .main_colored_flags_step_9:after, .main_colored_flags_step_14:after{
    background-image: url(../images/colored_flags-4.png);
}
.main_colored_flags_step_5:after, .main_colored_flags_step_10:after, .main_colored_flags_step_16:after{
    background-image: url(../images/colored_flags-5.png);
}

.colored_flags_step {
    margin-bottom: 10px;
}

.colored_flags_step_inner {
    font-size: 18px;
}

.colored_flags_step_number{
    position: absolute;
    left: 46px;
    top: 15%;
    z-index: 2;
    color: #fff!important;
    font-size: 30px;
    font-family: 'arial';
}









/*=============================== Colored titles style ===========================*/

.main_colored_titles_step{
    box-shadow: inset -3px -3px 3px 0px rgb(205, 205, 205), 2px 2px 3px 0px rgb(228, 228, 228);
    margin-bottom: 16px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    font-family: 'arial'!important;
    min-width: 300px;
    float: left;
    width: 100%; box-sizing: border-box;
}

.main_colored_titles_step_1, .main_colored_titles_step_6, .main_colored_titles_step_11{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdf5f4+0,f0e7e6+100 */
    background: #fdf5f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdf5f4 0%, #f0e7e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5f4), color-stop(100%,#f0e7e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdf5f4 0%,#f0e7e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdf5f4 0%,#f0e7e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdf5f4 0%,#f0e7e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdf5f4 0%,#f0e7e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5f4', endColorstr='#f0e7e6',GradientType=0 ); /* IE6-9 */
}

.main_colored_titles_step_2, .main_colored_titles_step_7, .main_colored_titles_step_12{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfdf4+0,eef0e6+100 */
    background: #fbfdf4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfdf4 0%, #eef0e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdf4), color-stop(100%,#eef0e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbfdf4 0%,#eef0e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfdf4 0%,#eef0e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfdf4 0%,#eef0e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbfdf4 0%,#eef0e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdf4', endColorstr='#eef0e6',GradientType=0 ); /* IE6-9 */
}

.main_colored_titles_step_3, .main_colored_titles_step_8, .main_colored_titles_step_13{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5fbfe+0,e7eef1+100 */
    background: #f5fbfe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5fbfe 0%, #e7eef1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fbfe), color-stop(100%,#e7eef1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5fbfe 0%,#e7eef1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5fbfe 0%,#e7eef1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5fbfe 0%,#e7eef1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5fbfe 0%,#e7eef1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfe', endColorstr='#e7eef1',GradientType=0 ); /* IE6-9 */
}

.main_colored_titles_step_4, .main_colored_titles_step_9, .main_colored_titles_step_14{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfaf5+0,f0ece7+100 */
    background: #fdfaf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfaf5 0%, #f0ece7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfaf5), color-stop(100%,#f0ece7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfaf5 0%,#f0ece7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfaf5 0%,#f0ece7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfaf5 0%,#f0ece7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfaf5 0%,#f0ece7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfaf5', endColorstr='#f0ece7',GradientType=0 ); /* IE6-9 */
}

.main_colored_titles_step_5, .main_colored_titles_step_10, .main_colored_titles_step_15{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff8f6+0,f2ebe9+100 */
    background: #fff8f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff8f6 0%, #f2ebe9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8f6), color-stop(100%,#f2ebe9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff8f6 0%,#f2ebe9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff8f6 0%,#f2ebe9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff8f6 0%,#f2ebe9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff8f6 0%,#f2ebe9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8f6', endColorstr='#f2ebe9',GradientType=0 ); /* IE6-9 */
}

.main_colored_titles_step:after{
    content: '';
    display: block;
    position: absolute;
    left: -11px;
    top: 20px;
    width: 345px;
    height: 100px;
}

.main_colored_titles_step_1:after, .main_colored_titles_step_6:after, .main_colored_titles_step_11:after{
    background: url(../images/colored_titles_label-1.png) no-repeat left top;
}
.main_colored_titles_step_2:after, .main_colored_titles_step_7:after, .main_colored_titles_step_12:after{
    background: url(../images/colored_titles_label-2.png) no-repeat left top;
}
.main_colored_titles_step_3:after, .main_colored_titles_step_8:after, .main_colored_titles_step_13:after{
    background: url(../images/colored_titles_label-3.png) no-repeat left top;
}
.main_colored_titles_step_4:after, .main_colored_titles_step_9:after, .main_colored_titles_step_14:after{
    background: url(../images/colored_titles_label-4.png) no-repeat left top;
}
.main_colored_titles_step_5:after, .main_colored_titles_step_10:after, .main_colored_titles_step_15:after{
    background: url(../images/colored_titles_label-5.png) no-repeat left top;
}

/*.colored_titles_step1, .colored_titles_step6, .colored_titles_step11{
        background-image: url(../images/colored_titles_ico-1.png);
}
.colored_titles_step2, .colored_titles_step7, .colored_titles_step12{
        background-image: url(../images/colored_titles_ico-2.png);
}
.colored_titles_step3, .colored_titles_step8, .colored_titles_step13{
        background-image: url(../images/colored_titles_ico-3.png);
}
.colored_titles_step4, .colored_titles_step9, .colored_titles_step14{
        background-image: url(../images/colored_titles_ico-4.png);
}
.colored_titles_step5, .colored_titles_step10, .colored_titles_step15{
        background-image: url(../images/colored_titles_ico-5.png);
}*/

.main_colored_titles_step_1:before{
    content: '';
    display: block;
    position: absolute;
    right: 35px;
    top: 36px;
    width: 83px;
    height: 73px;
    background-image: url(../images/colored_titles_ico-1.png);
    background-repeat: no-repeat;
}

.main_colored_titles_step_2:before{
    content: '';
    display: block;
    position: absolute;
    right: 35px;
    top: 36px;
    width: 83px;
    height: 75px;
    background-image: url(../images/colored_titles_ico-2.png);
    background-repeat: no-repeat;
}

.main_colored_titles_step_3:before{
    content: '';
    display: block;
    position: absolute;
    right: 35px;
    top: 36px;
    width: 83px;
    height: 78px;
    background-image: url(../images/colored_titles_ico-3.png);
    background-repeat: no-repeat;
}

.main_colored_titles_step_4:before{
    content: '';
    display: block;
    position: absolute;
    right: 35px;
    top: 36px;
    width: 83px;
    height: 76px;
    background-image: url(../images/colored_titles_ico-4.png);
    background-repeat: no-repeat;
}

.main_colored_titles_step_5:before{
    content: '';
    display: block;
    position: absolute;
    right: 35px;
    top: 36px;
    width: 83px;
    height: 83px;
    background-image: url(../images/colored_titles_ico-5.png);
    background-repeat: no-repeat;
}






.colored_titles_step_number{
    display: none;
}

.colored_titles_step {
    height: 120px;
    display: table;
    width: 296px;
    position: relative;
    z-index: 2;
    font-weight: bold;
    font-family: 'arial';
    font-size: 20px;
    color: #fff!important;
    background-position: 98% center;
    background-repeat: no-repeat;
}

.colored_titles_step_inner{
    display: table-cell;
    vertical-align: middle;
    color: #fff!important;
    font-family: 'arial'!important;
}

.colored_titles{
    font-family: 'arial'!important;
}

.colored_titles .inner_block{
    color: #4c4b4b!important;
    font-size: 14px;
}








/*=============================== Comic steps style ===========================*/

.main_comic_steps_step {
    background-color: #d6d6d6;
    margin-bottom: 20px;
    padding: 18px;
    border-radius: 5px;
    box-shadow: inset -2px -2px 4px 1px #B3B3B3;
    float: left;
    width: 100%; box-sizing: border-box;
}



.comic_steps_step_number{
    display: none;
}

.comic_steps_step_inner {
    text-align: center;
    background: url(../images/comic_step_line.png) no-repeat center left, url(../images/comic_step_line-2.png) no-repeat center right;
    padding: 0 25%;
}


.comic_steps_step {
    font-family: arial!important;
    font-size: 16px;
    color: #757474;
    font-weight: bold;
}

.comic_steps {
    margin-left: 125px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: arial!important;
    font-size: 14px;
    color: #4c4b4b;
    box-shadow: inset 1px 1px 2px #D6D6D6;
    min-height: 130px;
    position: relative;
}

.comic_steps:after {
    content: '';
    display: block;
    width: 105px;
    height: 20px;
    position: absolute;
    left: -125px;
    height: 100%;
    top: 0;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.comic_steps1:after, .comic_steps5:after, .comic_steps9:after, .comic_steps13:after{	
    background-color: #95cc00;    
    box-shadow: inset -3px -3px 6px 0px #7fae00;
}
.comic_steps2:after, .comic_steps6:after, .comic_steps10:after, .comic_steps14:after{	
    background-color: #00b9ee;    
    box-shadow: inset -3px -3px 6px 0px #009dcb;
}
.comic_steps3:after, .comic_steps7:after, .comic_steps11:after, .comic_steps15:after{	
    background-color: #e97260;    
    box-shadow: inset -3px -3px 6px 0px #cc6454;
}
.comic_steps4:after, .comic_steps8:after, .comic_steps12:after, .comic_steps16:after{	
    background-color: #eaa733;    
    box-shadow: inset -3px -3px 6px 0px #c78e2b;
}

.comic_steps1:after, .comic_steps6:after, .comic_steps11:after, .comic_steps16:after{
    background-image: url(../images/comic_step_ico-1.png);
}
.comic_steps2:after, .comic_steps7:after, .comic_steps12:after, .comic_steps17:after{
    background-image: url(../images/comic_step_ico-2.png);	
}
.comic_steps3:after, .comic_steps8:after, .comic_steps13:after, .comic_steps18:after{
    background-image: url(../images/comic_step_ico-3.png);
}
.comic_steps4:after, .comic_steps9:after, .comic_steps14:after, .comic_steps19:after{
    background-image: url(../images/comic_step_ico-4.png);
}
.comic_steps5:after, .comic_steps10:after, .comic_steps15:after, .comic_steps20:after{
    background-image: url(../images/comic_step_ico-5.png);
}












/*=============================== Dark blue style ===========================*/

.main_dark_blue_step {
    min-height: 100px;
    margin-bottom: 20px;
    background-color: #003a67;
    border-radius: 5px;
    box-shadow: inset -3px -3px 4px #003158, inset 3px 3px 4px #0b426e;
    float: left;
    width: 100%; box-sizing: border-box;
}


.dark_blue_step_number{
    display: none;
}

.dark_blue_step {
    height: 67px;
    padding: 11px 18px 11px 70px;
    width: 100%; box-sizing: border-box;
    display: table;
    z-index: 2;
    position: relative;
    background-image: url(../images/dark_blue_quest.png);
    background-repeat: no-repeat;
    background-position: 11px 10px;

}

.dark_blue_step_inner{
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    padding: 0 12px;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: inset 1px 1px 7px 0px gray;
    color: #003a67!important;
}

.dark_blue {
    border-radius: 0px 0px 5px 5px;
    padding: 14px 19px 11px 14px;
    position: relative;
    top: -3px;
    z-index: 1;
    width: 100%; box-sizing: border-box;
    display: table;
    height: 90px;
}

.dark_blue .inner_block {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 23px;
    display: table-cell;
    vertical-align: middle;
    color: #fff!important;
}










/*=============================== Green style ===========================*/

.main_green_steps_step {
    min-height: 100px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    border-radius: 5px;
    box-shadow: inset -3px -3px 4px #d1d1d1;
    float: left;
    width: 100%; box-sizing: border-box;
}


.green_steps_step_number{
    display: none;
}

.green_steps_step {
    height: 80px;
    padding: 11px 18px 11px 105px;
    width: 100%; box-sizing: border-box;
    display: table;
    z-index: 2;
    position: relative;
    background-image: url(../images/green_steps_ico.png);
    background-repeat: no-repeat;
    background-position: 24px 10px;	
}

.green_steps_step_inner {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    padding: 0 12px;
    border-radius: 5px;
    box-shadow: inset 3px 3px 7px -1px #dadada;
    color: #00b49b!important;
    font-size: 20px;
    font-weight: bold;
    font-family: arial!important;
}

.green_steps {
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    position: relative;
    top: -3px;
    z-index: 1;
    width: 100%; box-sizing: border-box;
    display: table;
    height: 90px;
}

.green_steps .inner_block {
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
    color: #4c4b4b!important;
    padding: 0 10px;
    font-size: 14px;
    font-family: arial!important;
}









/*=============================== Marine style ===========================*/

.main_marine_faq_step {
    background-color: #019bb7;
    margin-bottom: 22px;
    border-radius: 5px;
    padding: 13px 16px 10px 16px;
    box-shadow: inset -2px -2px 4px 1px #01849c, inset 2px 2px 4px 1px #1ba5be;
    float: left;
    width: 100%; box-sizing: border-box;
}

.marine_faq_step_number{
    display: none;
}

.marine_faq_step {
    color: #fff!important;
    text-align: center;
    font-family: arial!important;
    padding: 55px 0px 10px 0px;
    margin-bottom: 15px;
    background: url(../images/marine_line.png) no-repeat center 25px, url(../images/marine_line.png) no-repeat center bottom;
    position: relative;
    background-size: contain;
}

.marine_faq_step:after {
    content: '';
    display: block;
    width: 47px;
    height: 47px;
    position: absolute;
    top: 0px;
    left: 45%;
    background: url(../images/marine_quest.png) no-repeat center;
}

.marine_faq_step_inner{
    color: #fff!important;
    font-family: arial!important;
}

.marine_faq {
    background-color: #c7e8ef;
    padding: 10px;
    border-radius: 5px;
    color: #1a1a1a!important;
    font-family: arial!important;
    box-shadow: inset 2px 2px 2px #aac6cc;
    height: 100px;
    display: table;
    width: 100%; box-sizing: border-box;
}

.marine_faq .inner_block {
    display: table-cell;
    vertical-align: middle;
}











/*=============================== Orange style ===========================*/


.main_orange_steps_step {
    background-color: #edf0f1;
    margin-bottom: 20px;
    padding: 12px 12px 12px 155px;
    border-radius: 5px;
    box-shadow: inset -2px -2px 3px 0px #cacccd;
    position: relative;
    min-height: 75px;
    float: left;
    width: 100%; box-sizing: border-box;
}

.main_orange_steps_step:after {
    content: '';
    display: block;
    width: 128px;
    height: 78px;
    position: absolute;
    left: 16px;
    top: -14px;
    background: url('../images/orange_step.png') no-repeat;
}

.orange_steps {
    background-color: #fff;
    height: 51px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 2px 2px 4px #dadada;
    display: table;
    width: 100%; box-sizing: border-box;
}

.orange_steps_step{
    display: none;
}

.orange_steps_step_number {
    position: absolute;
    color: #fff!important;
    left: 29px;
    top: -17px;
    z-index: 1;
    font-size: 50px;
    font-family: arial!important;
    width: 100px;
    text-align: center;
    height: 75px;
    line-height: 75px;
}

.orange_steps .inner_block {
    display: table-cell;
    width: 100%; box-sizing: border-box;
    vertical-align: middle;
    color: #4c4b4b!important;
    font-family: arial!important;
    font-size: 14px;
}












/*=============================== Red style ===========================*/

.main_red_steps_step {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    margin-bottom: 20px;
    padding: 12px 12px 12px 102px;
    border-radius: 5px;
    position: relative;
    min-height: 75px;
    float: left;
    width: 100%; box-sizing: border-box;
}

.main_red_steps_step:after {
    content: '';
    display: block;
    width: 68px;
    height: 84px;
    position: absolute;
    left: 17px;
    top: -7px;
    background: url('../images/red_step.png') no-repeat;
}

.red_steps {
    height: 51px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: inset -1px 0px 0px #b2b2b2, -1px 0px 0px #b2b2b2;
    display: table;
    width: 100%; box-sizing: border-box;
    border-bottom-width: 2px;
    border-top-width: 2px;
}

.red_steps_step{
    display: none;
}

.red_steps_step_number {
    position: absolute;
    left: 17px;
    top: 1px;
    z-index: 1;
    font-size: 40px;
    font-family: arial!important;
    width: 63px;
    text-align: center;
    color: #fff!important;
}

.red_steps .inner_block {
    display: table-cell;
    width: 100%; box-sizing: border-box;
    vertical-align: middle;
    color: #4c4b4b!important;
    font-family: arial!important;
    font-size: 14px;
}








/*=============================== Red n White style ===========================*/


.main_red_n_white_step {
    background-color: #7a001b;
    margin-bottom: 22px;
    border-radius: 5px;
    padding: 12px;
    padding-bottom: 0;
    float: left;
    width: 100%; box-sizing: border-box;
}

.red_n_white_step_number{
    display: none;
}

.red_n_white_step {
    color: #fff!important;
    text-align: center;
    font-family: arial!important;
    padding: 5px 0px 0px 0px;
    position: relative;
    background-size: contain;
}

.red_n_white_step:after, .main_red_n_white_step:after {
    content: '';
    display: block;
    width: 100%; box-sizing: border-box;
    height: 35px;
    background: url(../images/red_n_white_line.png) no-repeat center;
    margin-bottom: 5px;
    background-size: contain;
}

.main_red_n_white_step:after{
    margin-bottom: 0;
    height: 28px;
}

.red_n_white_step_inner{
    color: #fff!important;
    font-family: arial!important;
    font-size: 16px;
    font-weight: bold;
}

.red_n_white {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    color: #1a1a1a!important;
    font-family: arial!important;
    box-shadow: inset -2px -2px 2px #D4CACA;
    height: 100px;
    display: table;
    width: 100%; box-sizing: border-box;
}

.red_n_white .inner_block {
    display: table-cell;
    vertical-align: middle;
}







/*=============================== White style ===========================*/

.main_white_steps_step {
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 13px;
    border-radius: 5px;
    /*box-shadow: inset -2px -2px 4px 0px #d2d2d2, inset 0px 0px 0px 12px #f7f7f7, inset 0px 0px 0px 14px #828282;*/
    box-shadow: inset -2px -2px 4px 0px #d2d2d2;
    position: relative;
    float: left;
    width: 100%; box-sizing: border-box;
}

/*.main_white_steps_step:after {
    content: '';
    display: block;
    width: 95%;
    left: 2.5%;
    height: 80%;
    top: 10%;
    position: absolute;
    border: 1px solid #828282;
    border-radius: 5px;
}*/

.white_steps_step_number{
    display: none;
}

.white_steps_step {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    min-height: 45px;
    border: 1px solid #828282;
    border-radius: 5px;
    padding: 10px;
    padding-left: 50px;
    line-height: 1.3;
    background: url(../images/white_quest.png) no-repeat 7px center;
    box-shadow: inset 3px 3px 6px #dadbdc;
    box-sizing: border-box;
}

.white_steps {
    float: left;
    width: 95%;
    height: 100%;
    margin-left: 5%;
    display: table;
    height: 45px;
}

.white_steps_step_inner{
    font-size: 16px!important;
    font-family: arial!important;
}

.white_steps .inner_block {
    font-size: 14px!important;
    display: table-cell;
    font-family: arial!important;
    vertical-align: middle;
}
















/*=============================== White_n_green style ===========================*/


.main_white_n_green_step {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #e3e3e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e3e3e3));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#e3e3e3 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e3e3',GradientType=0 );
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: inset -2px -2px 4px #c0c0c0;
    position: relative;
    width: 100%; box-sizing: border-box;
    float: left;
}

.white_n_green_step_number{
    display: none;
}

.white_n_green_step {
    margin-left: 95px;
    background-color: #fff;
    padding: 14px;
    border-radius: 5px;
    box-shadow: inset 3px 3px 6px #dadada;
    position: relative;
}

.white_n_green_step:before {
    content: '';
    display: block;
    width: 69px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -90px;
    border-radius: 5px;
    box-shadow: inset 3px 3px 6px #dadada;
    background: url(../images/white_n_read_quest.png) no-repeat center;
    background-color: #fff;

}

.white_n_green_step_inner {
    color: #3b3b3b!important;
    font-family: arial!important;
    font-size: 16px;
}

.white_n_green {
    padding: 15px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.white_n_green .inner_block{
    font-size: 14px!important;
    color: #403f3f!important;
    font-family: arial!important;
}

#quote_form .filename {
    max-width: 100%;
    word-wrap: break-word;
}


.hidden[style="display: block;"]  {
    display: block !important;
}

.noborder {
    border: none !important;
}
.pack_container .pack p {
    margin:0 0 5px 0;
}


#order-ac {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 50%;
    top: 0;
    z-index: 2;
    background-color: rgba(255,255,255,0.01);
}

#samples-ac {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 50%;
    top: 0;
    z-index: 2;
    background-color: rgba(255,255,255,0.01);
}
/*=============================== MEDIA QUERIES ===========================*/

@media only screen and (max-width: 767px){
    .a-brown, .q-brown{
        width: 100%; box-sizing: border-box;
        min-height: 75px;
    }
    .q-brown{
        margin-top: 50px;
    }
    .q-brown  > .inner_block{
        color: #fff!important;
    }




    .main_s-blue_step{
        padding: 20px 20px 20px 55px;
    }

    .s-blue_step{
        display: inline-block;
        width: 100%; box-sizing: border-box;
        min-height: 30px;
        height: inherit;
    }

    .s-blue {
        display: inline-block;
        padding: 5px 5px;
    }




    .colored_steps_step{
        margin-left: 100px;
        padding: 20px 15px;
    }

    .colored_steps_step_number {
        left: 59px;
        font-size: 35px;
        top: 17px;
    }

    .main_colored_steps_step:after {
        -webkit-background-size: 90px;
        background-size: 90px;
        width: 90px;
        height: 52px;
        top: 15px;
    }

    .main_clear_steps_step{
        padding-left: 80px;
    }


    .main_colored_flags_step{
        padding-left: 95px;
    }

    .main_colored_flags_step:after{
        left: 7px;
        top: 5%;
        height: 90%;
    }

    .colored_flags_step_number{
        left: 39px;
    }


    .main_colored_titles_step:after {

        left: -7px;
        top: 20px;
        width: 240px;
        background-size: contain!important;
    }

    .colored_titles_step {
        height: 87px;
        -webkit-background-size: 55px;
        background-size: 50px;
        background-position: right;
        width: 203px;
    }

    .colored_titles_step_inner{
        font-size: 14px;
    }


    .main_colored_titles_step:before {
        content: '';
        display: block;
        position: absolute;
        right: 0px;
        top: 31px;
        width: 65px;
        height: 54px;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .main_comic_steps_step{
        padding: 10px;
    }

    .comic_steps_step_inner {
        background-size: 20vw 2px;
    }

    .comic_steps {
        margin-left: 90px;
        min-height: 100px;
    }

    .comic_steps:after {
        width: 80px;
        left: -92px;
        background-size: 70px;
    }

    .dark_blue .inner_block{
        padding: 5px 10px;
    }

    .green_steps_step {
        padding: 11px 18px 11px 75px;
        background-position: 9px 10px;
    }

    .marine_faq_step:after{
        left:42%;
    }

    .main_orange_steps_step:after{
        left: 7px;
    }

    .main_orange_steps_step{
        padding-left: 135px;
    }

    .orange_steps_step_number{
        left: 20px;
    }



    .white_steps_step{
        width: 100%; box-sizing: border-box;
        margin: 0;
    }

    .white_steps{
        width: 100%; box-sizing: border-box;
        margin: 10px 0 0 0;
    }




    .main_white_n_green_step{
        padding: 15px;
    }

    .white_n_green_step:before {
        left: -85px;
        top: 0;
    }

    .white_n_green_step{
        margin-left: 85px;
    }
}


.sm-pagination ul {
    margin: 0;
    margin-top: 20px;
    list-style: none;
}

.sm-pagination ul li {
    display: inline-block;
    margin-right: 5px;
}

.sm-full-width {
    width: 100%;
}