.hide
{
    display: none !important;
}
.timeline {
    margin: 10px 0;
    padding: 0 6px;
}
.timeline-item-date {
    width: inherit;
    padding: 0 8px;
    color: #000;
}
.timeline-item-divider {
    margin: 0 9px;
    width: 7px;
    height: 7px;
    top: 5px;
    /* background-color: white; */
}
#pnl_lft .page-content
{

    background-color: #863938;
}
#pnl_lft .list-block ul
{
    padding: 10px 0;
}
#pnl_lft .list-block ul:before
{
    background-color: #fff;
}
#pnl_lft .list-block .item-inner:after
{
    background-color: #fff;
}
#pnl_lft .list-block ul:after
{
    background-color: #fff;
}
#pnl_lft .item-media
{
    display: block;
    text-align: center;
    font-size: 28px;
    border-radius: 50%;
    padding: 10px 0;
    width: 40px;
    line-height: 15px;
    height: 40px;
}
#pnl_lft .item-media i
{
    font-size: 22px;
    text-align: center	
}
.ks-slider-custom .swiper-pagination .swiper-pagination-bullet {
    background: rgb(33, 150, 243);
}
.ks-coverflow-slider
{
    top: 0;
    height: 100%;
}
.swiper-pagination-bullet {
    background: #000;
    opacity: 1;
    border: 2px solid #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.list-block .item-link.clr
{
    color: #000000;
}
.clr .item-inner
{
    background-image: none !important;
    padding-right: 0 !important;
}
.clr .item-title
{
    white-space: normal;
    font-size: 14px;
    color: #000;
}
#hme_pge b i.inc_style
{
    text-align: center;
    font-size: 28px;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 10px;
    display: -webkit-inline-box;
    background-color: rgba(68, 26, 25, 0.44);
    color: #fed327;
}
#hme_pge p a
{
    color: #fff;
}
.bton_style
{
    height: inherit !important;
    padding: 10px 5px;
    line-height: 32px !important;
}
.ful_wdth
{
    width: 100%;
    float: left;
}
.btn_lst
{
    margin-top: 0;
}
.btn_lst i.txt
{
    margin-bottom: 6px;
    font-weight: bold;
    font-style: normal;
    margin: 0;
}
.ques_lst a
{
    color: #000;
    display: block;
    width: 100%;
    float: left;
}
.ques_lst .timeline-item-inner
{
    box-shadow: none;
    padding: 0;
    background-color: transparent;
}
.lst_blck
{
    margin: 10px 0;
    position: relative;
    /*	height: 100%;*/
    margin-bottom: 50px;
}
.lst_blck.list-block .item-title
{
    white-space: normal;
    color: #000;
}
.lst_blck.list-block .item-content {
    padding-left: 8px;
    font-size: 14px;
}
.lst_blck.list-block .item-media 
{
    min-width: 10px;
}
.lst_blck.list-block .item-media i
{
    font-size: 16px;
    /* color: #000; */
    /* background-color: #E91E63; */
}
.lst_blck.list-block .item-media + .item-inner {
    margin-left: 8px;
    padding-right: 6px !important;
}
.navbar-fixed .tlbr_fxd.toolbar {
    bottom: 0;
    position: fixed;
    top: initial;
}
.tlbr_fxd a.link
{
    height: 35px;
    margin: 0 10px;
}
.img_lst
{
    margin: 0;        
    margin-bottom: 50px;	
}
.img_lst img
{
    width: 100%;
}
.page
{
    /* background-color: #93c572; */
}
.item-divider.pge_in_hd
{
    background-color: #d9e1f2;
    color: #000;
    text-align: center;
    font-size: 16px;
    white-space: normal;
    height: initial;
    line-height: 24px;
    padding: 14px 8px;
    margin-bottom: 10px;
    font-weight: bold;
}
#pnl_lft .list-block .item-link .item-inner {
    background-image: none;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
}
.nvbr_cntr {
    width: 100%;
    text-align: center !important;
}
.nvbr_cntr img, .lgo_img
{
    width: 40px;
    vertical-align: middle;
    margin-right: 8px;
}
.navbar, .toolbar, .subnavbar {
    background: #1abc9c;
}

.oe
{
    background-color: #54240f;
}
.tw
{
    background-color: #7c3516;
}
.tre
{
    background-color: #a24a24;
}
.fur
{
    background-color: #c35e32;
}
.fve
{
    background-color: #ed8355;
}
.sx
{
    background-color: #ffa57d;
}
.pagelink
{
    color:#f33e05;
    text-decoration:underline;
    font-weight: bold;
}

/*.oe
{
        background-color: #611d11;
}
.tw
{
        background-color: #7b1d0c;
}
.tre
{
        background-color: #9c220c;
}
.fur
{
        background-color: #f39c12;
}
.fve
{
        background-color: #f1c40f;
}

.oe
{
        background-color: #611d11;
}
.tw
{
        background-color: #7b1d0c;
}
.tre
{
        background-color: #9c220c;
}
.fur
{
        background-color: #d43012;
}
.fve
{
        background-color: #ef5e45;
}*/
.ans_pge.list-block ul ul {
    padding-left: 30px;
}
.ques_lst .timeline-item .timeline-item-content a
{
    margin-bottom: 0;
    padding: 10px;
}
.ques_lst .timeline-item
{
    padding-bottom: 0;
    margin-bottom: 2px;
}
.ques_lst .timeline-item:nth-child(odd)
{
    background-color:  rgb(255, 247, 217) !important;
}
.ques_lst .timeline-item:nth-child(even)
{
    background-color: rgba(247, 247, 247, 0.65);
}
.ques_lst .timeline-item-date
{
    display: none;
}
.ques_lst .timeline-item-divider
{
    display: none;
}

.navbar-fixed .tlbr_fxd.toolbar .button.button-fill.bg-black, .navbar-fixed .tlbr_fxd.toolbar .button.button-fill.color-black {
    background: transparent !important;
    color: #fff;
    box-shadow: none;
}



/* Table Design */
.flip-scroll, #flip-scroll, .no-more-tables
{
    float: left;
    width: 98%;
}
#cal_tble .flip-scroll
{
    float: left;
    width: 100%;
    overflow: scroll;	
}

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

    #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }

    #flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    #flip-scroll th,
    #flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll th { text-align: left; }

    #flip-scroll table { display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: right; }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


    /* sort out borders */

    #flip-scroll th { border-bottom: 0; border-left: 0; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child,
    #flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}

table {
    background-color: transparent;
    width: 100%;        
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}
th {
    text-align: left
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}
.table>tbody+tbody {
    border-top: 2px solid #ddd
}
.table .table {
    background-color: #fff
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}
.table-bordered {
    border: 1px solid #846d15;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 0px solid #ddd;
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 0px;
    background-color: #acb9ca;
    color: #000;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgb(255, 255, 255);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(226, 239, 218);
}
.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}
table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}
table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto
}
@media screen and (max-width: 700px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

@media only screen and (max-width: 1024px) {
    .columncheck{
        width: 375px;
        margin: 0 auto;
        padding-top:10px;
    }
}

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

    /* Force table to not be like tables anymore */
    .no-more-tables table, 
    .no-more-tables thead, 
    .no-more-tables tbody, 
    .no-more-tables th, 
    .no-more-tables td, 
    .no-more-tables tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr { border: 1px solid #ccc; }

    .no-more-tables td { 
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align:left;
    }

    .no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .no-more-tables td:before { content: attr(data-title); }
}

.btn_clr
{
    background-color: #ba4746 !important;	
}
.navbar-fixed .page-content { 
    background-color: #ffffff;
}


#calculator .item-input-field:after, .input-field:after {    
    background-color: #111;    
}


#cal_tble .content-block {    
    margin-top: 60px;  

}

.ks-grid div.img_stle
{
    background: transparent;
    border: none;
}
.navbar .center, .subnavbar .center {    
    text-transform: capitalize;
}
.mfp-title
{
    display: none;
}
iframe{
    width: 100%;
    height: 250px;
}

.slt_lang{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

#intro01{
    display: flex;
}
#video01
{
    display: block;    
}

#intro05, #videostopall, .videostopall{
    display: flex;
}
#video02
{
    display: block;    
}
video
{
    display: block;
    width: 100%;
    margin: 0;
}

.btn_cntr
{
    left: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 42%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.dspl_inle
{
    display: inline-block !important; 
}
.navbar-fixed .page-content.tp_spce
{
    padding-top: 46px;    
}

canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

td{
    font-weight: bold;
}

.divbutton2{
    position: absolute;
    top:85%;
    right:20%;
    text-align:right;
}

.divbutton1{
     position: absolute;
     top:85%;
     left: 20%;
}

.button1{
     font-size: 22px;
     height:50px;
 }

.button2{
    font-size: 22px;
    height:50px;
}

.boltCanv{
    float:left;
    /*transform: translate(-50%,50%);*/
    margin-left: 10%;
    /*margin-top: 100px;*/
    /*align-items: center;*/
    margin-bottom: 200px;
    align-items: center;
    justify-content: center;
    align-self: center;
    position: relative;
    min-width: 680px;
    /*width:100%;*/
}
@media only screen and (max-width: 1570px) {
    .table3{
        width:40%;
        /*max-width: 500px;*/
        min-width: 500px;
    }
    .flange{
        text-align: center;
        align-items: center;
    }
    .divbutton2{
        text-align: right;
        float:right;
        right:-100px;
    }
}
@media only screen and (max-width: 1250px){
    .table3{
        width:100%;
    }
    .divbutton1{
        left:200px;
    }
    .divbutton2{
        right:-400px;
    }
    .boltCanv{
        margin-left:50%;
    }
}
@media only screen and (max-width:767px) {
    .divbutton2{
        text-align:left;
        float:left;
        right:100px;
    }
    .boltCanv{
        margin-left: 50px;
    }
}
.boltCanv1{
    /*position: absolute; left: 192px; top: 56px; z-index: 0;       6       */
    position: relative;
    width:100px;
    float:left;
    left:-564px;
    top:444px;
    margin-right: -100%;
}

.boltCanv2{ 
    /*position: absolute; left: 91px; top: 106px; z-index: 0;         4     */
    position: relative;
    float:left;
    width:100px;    
    left:-631px;
    top:292px;
    margin-right: -100%;
}

.boltCanv3{
    /*position: absolute; left: 52px; top: 217px; z-index: 0;       8       */
    position: relative;
    float:left;
    width:100px;
    left:-563px;
    top:119px;
    margin-right: -100%;
}

.boltCanv4{
    /*position: absolute; left: 103px; top: 327px; z-index: 0;      2       */
    position: relative;
    float:left;
    width:100px;
    left:-398px;
    top:512px;
    margin-right: -100%;
}

.boltCanv5{
    /*position: absolute; left: 222px; top: 364px; z-index: 0;      5       */
    position: relative;
    float:left; 
    left:-238px;
    width:100px;
    top:112px;
    margin-right: -100%;
}

.boltCanv6{
    /*position: absolute; left: 330px; top: 303px; z-index: 0;      3       */
    position: relative;
    float:left;
    left:-163px;
    width:100px;
    top:280px;
    margin-right: -100%;
}

.boltCanv7{
    /*position: absolute; left: 359px; top: 188px; z-index: 0;      7       */
    position: relative;
    float:left;
    left:-228px;
    top:440px;
    width:100px;
    margin-right: -100%;
}

.boltCanv8{
    /*position: absolute; left: 300px; top: 87px; z-index: 0;       1       */
    position: relative;
    float:left;
    left:-401px;
    top:47px;
    width:100px;
    margin-right: -100%;
}

.boltCanv9{
    /*position: absolute; left: 192px; top: 56px; z-index: 0;       6       */
    position: relative;
    float:left;
    left:-611px;
    top:377px;
    width:100px;
    margin-right: -100%;
}

.boltCanv10{ 
    /*position: absolute; left: 91px; top: 106px; z-index: 0;         4     */
    position: relative;
    float:left;
    left:-611px;
    top:187px;
    width:100px;
    margin-right: -100%;
}

.boltCanv11{
    /*position: absolute; left: 52px; top: 217px; z-index: 0;       8       */
    position: relative;
    float:left;
    left:-486px;
    top:64px;
    width:100px;
    margin-right: -100%;
}

.boltCanv12{
    /*position: absolute; left: 103px; top: 327px; z-index: 0;      2       */
    position: relative;
    float:left;
    left:-491px;
    top:499px;
    width:100px;
    margin-right: -100%;
}

.boltCanv13{
    /*position: absolute; left: 222px; top: 364px; z-index: 0;      5       */
    position: relative;
    float:left; 
    left:-186px;
    top:187px;
    width:100px;
    margin-right: -100%;
}

.boltCanv14{
    /*position: absolute; left: 330px; top: 303px; z-index: 0;      3       */
    position: relative;
    float:left;
    left:-181px;
    top:367px;
    width:100px;
    margin-right: -100%;
}

.boltCanv15{
    /*position: absolute; left: 359px; top: 188px; z-index: 0;      7       */
    position: relative;
    float:left;
    left:-304px;
    width:100px;
    top:494px;
    margin-right: -100%;
}

.boltCanv16{
    /*position: absolute; left: 300px; top: 87px; z-index: 0;       1       */
    position: relative;
    float:left;
    left:-311px;
    top:63px;
    width:100px;
    margin-right: -100%;
}

/* Media Queries  iPad Horizontal Mode*/ 
/*@media (min-width:768px) and (max-width:991px)
{

    .boltCanv1{
        position: absolute; left: 128px; top: 56px; z-index: 0;
    }

    .boltCanv2{
        position: absolute; left: 27px; top: 106px; z-index: 0;
    }

    .boltCanv3{
        position: absolute; left: -10px; top: 217px; z-index: 0;
    }

    .boltCanv4{
        position: absolute; left: 40px; top: 327px; z-index: 0;
    }

    .boltCanv5{
        position: absolute; left: 158px; top: 364px; z-index: 0;
    }

    .boltCanv6{
        position: absolute; left: 266px; top: 303px; z-index: 0;
    }

    .boltCanv7{
        position: absolute; left: 295px; top: 188px; z-index: 0;
    }

    .boltCanv8{
        position: absolute; left: 236px; top: 87px; z-index: 0;
    }


}*/


/* Media Queries  iPhone6 Horizontal Mode*/ 
/*@media (min-width:320px) and (max-width:500px)
{

    .boltCanv1{
        position: absolute; left: 123px; top: 56px; z-index: 0;
    }

    .boltCanv2{
        position: absolute; left: 22px; top: 106px; z-index: 0;
    }

    .boltCanv3{
        position: absolute; left: -17px; top: 218px; z-index: 0;
    }

    .boltCanv4{
        position: absolute; left: 35px; top: 327px; z-index: 0;
    }

    .boltCanv5{
        position: absolute; left: 153px; top: 364px; z-index: 0;
    }

    .boltCanv6{
        position: absolute; left: 260px; top: 303px; z-index: 0;
    }

    .boltCanv7{
        position: absolute; left: 290px; top: 188px; z-index: 0;
    }

    .boltCanv8{
        position: absolute; left: 230px; top: 87px; z-index: 0;
    }

}*/

/* Media Queries  iPhone5 and iPhone6 Vertical Mode*/ 
/*@media (min-width:568px) and (max-width:767px)
{

    .boltCanv1{
        position: absolute; left: 219px; top: 56px; z-index: 0;
    }

    .boltCanv2{
        position: absolute; left: 119px; top: 106px; z-index: 0;
    }

    .boltCanv3{
        position: absolute; left: 80px; top: 218px; z-index: 0;
    }

    .boltCanv4{
        position: absolute; left: 132px; top: 327px; z-index: 0;
    }

    .boltCanv5{
        position: absolute; left: 251px; top: 364px; z-index: 0;
    }

    .boltCanv6{
        position: absolute; left: 357px; top: 303px; z-index: 0;
    }

    .boltCanv7{
        position: absolute; left: 387px; top: 188px; z-index: 0;
    }

    .boltCanv8{
        position: absolute; left: 328px; top: 87px; z-index: 0;
    }

}*/

/* Media Queries  iPhone6 Vertical Mode */
/*@media (min-width:667px) and (max-width:767px)
{

    .boltCanv1{
        position: absolute; left: 269px; top: 56px; z-index: 0;
    }

    .boltCanv2{
        position: absolute; left: 168px; top: 106px; z-index: 0;
    }

    .boltCanv3{
        position: absolute; left: 129px; top: 218px; z-index: 0;
    }

    .boltCanv4{
        position: absolute; left: 180px; top: 327px; z-index: 0;
    }

    .boltCanv5{
        position: absolute; left: 300px; top: 364px; z-index: 0;
    }

    .boltCanv6{
        position: absolute; left: 408px; top: 303px; z-index: 0;
    }

    .boltCanv7{
        position: absolute; left: 436px; top: 188px; z-index: 0;
    }

    .boltCanv8{
        position: absolute; left: 377px; top: 87px; z-index: 0;
    }

}*/