/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                                /*BASE ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/
html {
    min-height: 100%;
   
}

body {
    cursor: default;
    /*width:100%;*/
    -webkit-text-size-adjust: 100%;
     /*THIS STOPS MOBILE RESCALING BTW*/

    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 50%, #f3f3f3 51%, #f3f3f3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 50%,#f3f3f3 51%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 50%,#f3f3f3 51%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    margin-right: 20px;
    margin-left: 20px;
    /*margin: 0 auto;*/

}

/* @media all and (max-width: 1000px){
   body{
     padding-left: 30px !important;
     padding-right: 30px !important;
   }

    h1 {
        font-size: 168px;
        line-height: 74px;
    }


    h2 {
        font-size: 41px;
        line-height: 32px;

    }
    h3 {
        font-size: 49px;
        line-height: 30px;

    }

    p {
        font-size: 35px;
        line-height: 26px;

    }

 }
*/

img {
    /*display:block;*/



    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    -ms-transition: opacity 400ms ease-out;
    -o-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out transform 400ms ease-out;
}

img.rounded {
    /*display:block;*/
border-radius: 10px;
    opacity: 1;

   /* box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/


/*    width: 100px;
    height: 100px;*/
    /*border: 5px solid rgba(0, 255, 0, 0.0);*/
    /*background: #00f;*/
    /*margin: -5px;*/

}

img.rounded:hover {
    /*display:block;*/
    /*position: absolute;*/
/*border-radius: 0px;*/
    opacity: 1.0;
    /*border: 5px solid rgba(255, 255, 255, 1.0);*/

     /*-webkit-transition: border-radius 150ms ease-out;
    -moz-transition: border-radius 150ms ease-out;
    -ms-transition: border-radius 150ms ease-out;
    -o-transition: border-radius 150ms ease-out;
    transition: border-radius 150ms ease-out transform 150ms ease-out;*/
 

}

img.a {
    position: absolute;
    z-index: 0;
}
img.a:hover{
    opacity: 0;
}
img.b {
    z-index: -1;
}

#splash {
     width: 100%;
    height: 100%;
}

#video{
        padding: 5px;
      border: 5px dashed rgba(35, 31, 32, 1.0);

}



#arrow{
    margin-top: 50px;
    opacity: 0.2;

}



#linkLogo{
    opacity: 0.4;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out transform 200ms ease-out;
    display: block;
}


#linkLogo:hover{
    opacity: 1;
}


#linkLogoDead{
    opacity: 0.1;
    display: block;
}




a {
    color: #d76f00;
    text-decoration: none;
}

::selection {
    background: rgb(35, 31, 32);
    color: rgb(240, 240, 240);
    text-shadow: 1px;  
}

::-moz-selection {
    background: rgb(35, 31, 32);
    color: rgb(240, 240, 240);
    text-shadow: none;
}

.noLinkDecoration{
    text-decoration: none;
}



/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                                /*CONTENT ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/

.coverContainer{
    position: relative;
    width: 100%;
}

.coverOverlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;

    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: radial-gradient(circle, transparent 10%, black 90%);
    background-color:rgba(0,0,0,.4);
}

.coverContainer:hover .coverOverlay {
  opacity: 1;
}


.contentText50 {
    width: 596px;
}

.contentText33 {
    width: 394px;
}

.contentText66 {
    width: 796px;
}

.contentTextFloat {
    float: left;
}

.contentNavItem {
    float: left;
    height: 33px;
    padding: 0px 0px -3px 0px;
    margin: -5px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;

    color: #b5b5b5;
    background: -o-linear-gradient(#FFFFFF, #b5b5b5);
    background: -webkit-linear-gradient(#FFFFFF, #b5b5b5);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
}

.currentPageButton {
    float: left;
    height: 33px;
    padding: 0px 0px -3px 0px;
    margin: -5px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    color: #fa8100;
    background: -o-linear-gradient(#fa8100, #e47600);
    background: -webkit-linear-gradient(#fa8100, #e47600);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    border-color: #fa8100;
    -moz-border-image: -moz-linear-gradient(top, #fa8100 0%, #e47600 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fa8100 0%, #e47600 100%);
    border-image: linear-gradient(to bottom, #fa8100 0%, #e47600 100%);

    border-image-slice: 1;
}

.contentText100 {
    width: 1200px;
}
.contentImage {
  }

.contentImagePreSliderA {
  }

.videoContainer{
    /*border: -5px solid white;*/

    /*box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    width: 1000px;
    /*height: 563px;*/
    /*border: 3px solid #f00;*/

    /*outline-offset: -3px;*/
    /*border: 20px solid #f3f3f3;*/
/*
 width:1000px;
    height:563;
    float:left;
    border:2px solid #fff;
    outline: 5px solid #fff;
    outline-offset: -8px;

    z-index: 100;
    position: relative;*/
    /*left: 0px;*/
  /*top: 0px;*/
    /*background: #00f;*/
    margin: 0px;
    /*background: rgb(255, 255, 255);*/
    /*margin-top: -2px;*/
    /*margin-bottom: -20px;*/

    /*position: relative;*/
    /*right: -10px;*/
    /*width: 999px;*/
    /*overflow: hidden;*/

}

.video{
    /*margin-left: -500px: */
    /*overflow: hidden;*/
    /*width: 10%;*/



}






/*///////////////////////////////////////////////////////////////////////////////*/
                            /*CUSTOM CONTENT ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/
.contentNavItem:hover {
    color: #fa8100;
    background: -o-linear-gradient(#fa8100, #e47600);
    background: -webkit-linear-gradient(#fa8100, #e47600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-border-image: -moz-linear-gradient(top, #fa8100 0%, #e47600 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fa8100 0%, #e47600 100%);
    border-image: linear-gradient(to bottom, #fa8100 0%, #e47600 100%);
    
    border-image-slice: 1;
}
.contentNavItem:before {
    content: '';
    display: block;
    position: absolute;

    left: 0;
    bottom: 0;
    height: 4px;
    width: 0;

    padding: 0px 0px -3px 0px;
    margin: -5px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    transition: width 0s ease, background .2s ease;
}
.contentNavItem:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    width: 0;

    padding: 0px 0px -3px 0px;
    margin: -5px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;

    background-color: #fa8100;
    transition: width .2s ease;
}
.contentNavItem:hover:before {
    width: 100%;
    background-color: #e47600;
    transition: width .2s ease;
}
.contentNavItem:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease-in;
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                                /*STRUCTURE ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/
.struc {
    /*width: 50%;*/

    /*width: 1000px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin: auto;*/
    height: 100%;
}
.strucHolder {
    margin-bottom: 30px;
    padding-top: 52px;

    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height: 100%;
}
.strucHolderTop {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}
.strucHolderNav {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.navPlace {
height:24px;
}


.content {    
    width:1000px;
}

.contentMiddle {    
    margin: auto;
    text-align: center; 
}

.logoLinks {    
    margin: auto;
    text-align: center; 
    margin-bottom: 10px;
}


.logoLinkImage {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}



.contentRight {    
    margin-right: 0%;
    text-align: right; 
}

.contentLeft{    
    margin-left: 0%;
    text-align: left; 
}



.strucNavHolder {
    margin-left: 4px;
    padding:0px;
    float: left;
    width: 596px;
    overflow: hidden;
    position: relative;
    left:0;
    top:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.strucSliderGap4 {
    margin-top: 4px;
}

.strucScrollGap {
    margin-top: 200px;
}

.strucHeaderGap {
    margin-top: 120px;
}




.strucGap18 {
    margin-top: 18px;
}

.strucGap24 {
    margin-top: 24px;
}

.strucGap12 {
    margin-top: 12px;
}

.strucGap8 {
    margin-top: 8px;
}

.strucGap6 {
    margin-top: 6px;
}

.strucGap4 {
    margin-top: 4px;
}

.strucStrip{
    margin-top: 8px;
    overflow: hidden;
}

.strucDivider{
    margin-top: 12px;
    margin-bottom: 16px;

    height: 2px;
    width: 100%;
    background-color: rgba(35, 31, 32,0.05);
}

.strucDividerB{
    margin-top: 12px;
    margin-bottom: 16px;

    height: 2px;
    width: 100%;
    /*background-color: rgba(100,55,0,.5);*/
    background-color: rgba(255,255,255,0.1);
}



.coverCaptionLeft{
    position: absolute;
    left: 28px;
    bottom: 28px;
    padding-left: 13px;
    padding-bottom: 10px;
    padding-top: 14px;
    border-left: 4px solid #fa8100;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
}

.tileCaptionRight{
    position: absolute;
    /*z-index: 7;*/
    right: 0px;
    top: 4px;
    text-align: right;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-top: 13px;
    width: 1187px;
    background-color: rgba(0,0,0,0.4);
}

.tileCaptionLeft{
     position: absolute;
    left: 0px;
    bottom: 28px;
    padding-left: 13px;
    padding-bottom: 10px;
    padding-top: 14px;
    box-sizing: border-box;
    z-index: 7;
    margin-left: 28px;
    border-left: 4px solid #fa8100;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}



.coverCaptionRight{
    position: absolute;
    z-index: 7;
    right: 0px;
    bottom: 0px;
    text-align: right;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-top: 14px;

    width: 1172px;
    background-color: rgba(0,0,0,0.2);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 30%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0.2) 30%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.struc100 {
    float: left;
    width: 1200px;
    position: relative;
    overflow: hidden;
}

.strucMiddle {
    margin: auto;


    width: 1000px;
    text-align: center; 
}

.strucSplash {
    margin: auto;
    margin-top: 80px;
    margin-bottom: 45px;

    /*max-width: 100%;*/
    /*min-width: 100%;*/
    /*height: auto;*/
    text-align: center; 

    /*position: relative;*/
    /*width: 1000px;*/
    /*padding-bottom: 500px;*/
    /*float: left;*/
    /*height: 0;*/


        min-width: 1000px;
        max-width: 1300px;
    height: auto;


}


    .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        /*background: #000;*/
        /*margin: 5px;*/
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
        
        /*-webkit-transform:scale(1); */
    /*-moz-transform:scale(1); */
    /*-ms-transform:scale(1);*/
    /*-o-transform:scale(1); */
    /*pointer-events: initial;*/
         /*Cursor:text !important; Text-Decoration: None !important; */
          /*display: none !important;*/
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }






/*///////////////////////////////////////////////////////////////////////////////*/
                            /*CUSTOM STRUCTURE ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/

.fixedNavBarScrolled {
    padding-top: 12px;
    position: fixed;
    top: 0;
    z-index: 9998;
    width: 1200px;
    height: 40px;
}
.fixedNavBar {
  top: 0;
  z-index: 9998;
  width: 1200px;
  height: 40px;
  background-color: #0f0f0f;
  margin-bottom: -40px;

}
.fixedFooterBar {
  position: fixed;
  bottom: 0;
  z-index: 9998;
  width: 1000px;
  height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;

  background-color: #f3f3f3;

}

.footerHolder {
    margin-left: auto;
    margin-right: auto;

  background-color: #f3f3f3;

    /*width: 100%;*/
    width: 1000px;

}

.backToTop {
    z-index: 9999;
    /*width:394px;*/
    padding:0px;
    margin: 0px;
    font-family: 'amyshandwriting';
    font-size: 18px;
    color: rgb(146, 146, 146); 
}

.backToTop:hover {    
    color: rgb(146, 146, 146); 
    text-decoration: underline;
}


/*///////////////////////////////////////////////////////////////////////////////*/
                            /*TEXT AND FONT ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/
#textBold{
    font-family: 'montserratbold';
}


.textColourA{
    color: #fa8100;
    background: -o-linear-gradient(#ff921d, #fa8100);
    background: -webkit-linear-gradient(#ff921d, #fa8100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.textColourABold{
    font-family: 'montserratbold';
    color: #fa8100;
    background: -o-linear-gradient(#ff921d, #fa8100);
    background: -webkit-linear-gradient(#ff921d, #fa8100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.textColourAAlt{
    color: #d76f00;
}


.textColourB{
    color: #b5b5b5;
    background: -o-linear-gradient(#FFFFFF, #b5b5b5);
    background: -webkit-linear-gradient(#FFFFFF, #b5b5b5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.textColourC{
    color: #b5b5b5;
}


#textRight{
    text-align: right;
}

#textLink{
    color: #231f20;
}

#textLink:hover{
    text-decoration: underline;
    color: #231f20;
    background: -o-linear-gradient(#231f20, #231f20);
}

h1 {
    font-family: 'amyshandwriting';
    /*font-size: 55px;*/
    font-size: 3.4em;

    /*font-size: 3.1vw;*/

    line-height: 74px;
    margin: 0px;
    padding: 0px;
    width:auto;
    height:auto;
    color: rgb(35, 31, 32); 
}


h2 {
    font-family: 'amyshandwriting';
    /*font-size: 28px;*/
    font-size: 1.75em;

    /*font-size: 3vw;*/

    line-height: 32px;
    margin: 0px;
    padding: 0px;
    margin-top: -2px;
    margin-left: -1px;
}
h3 {
    font-family: 'amyshandwriting';
    /*font-size: 36px;*/
    font-size: 2.25em;

    /*font-size: 2.1vw;*/

    /*text-align: left;*/
    line-height: 30px;
    margin: 0px;
    margin-bottom: 2px;
    position: relative;
    color: rgba(35, 31, 31, 0.2);
}



/*h3:after {
    background: none;
    display: inline-block;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
    top: 0;
    z-index: -1;
}
*/
h4 {
     font-family: 'amyshandwriting';
    font-size: 36px;
    /*text-align: left;*/
    line-height: 30px;
    margin: 0px;
    margin-bottom: 2px;
    position: relative;
    color: rgba(35, 31, 31, 0.3);
}

h5 {
    font-family: 'amyshandwriting';
    font-size: 28px;
    /*font-size: 1.75rem;*/

    line-height: 25px;
    margin: 0;
    margin-bottom: 4px;
    text-align: left;
}

h6 {
    font-family: 'amyshandwriting';
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    line-height: 22px;
    color: rgb(146, 146, 146); 
}

p {
    font-family: 'Barokah';
    /*font-size: 22px;*/
    font-size: 1.6em;

    /*font-size: 1.25vw;*/

    /*font-size: 1rem;*/
    /*line-height: 26px;*/
    line-height: 1.35em;

    margin-top: 0px;
    margin-bottom: 4px;
    color: rgb(146, 146, 146); 
}


/*@font-face {
  font-family: 'amyshandwriting';
  src: url('amyshandwriting.eot?#iefix') format('embedded-opentype'),  url('amyshandwriting.woff') format('woff'), url('amyshandwriting.ttf')  format('truetype'), url('amyshandwriting.svg#amyshandwriting') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Barokah';
  src: url('Barokah.eot?#iefix') format('embedded-opentype'),  url('Barokah.woff') format('woff'), url('Barokah.ttf')  format('truetype'), url('Barokah.svg#Barokah') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/


@font-face {
    font-family: 'amyshandwriting';
    src: url('fonts/amyshandwriting.eot');
    src: url('fonts/amyshandwriting.eot?#iefix') format('embedded-opentype'),
        url('fonts/amyshandwriting.woff2') format('woff2'),
        url('fonts/amyshandwriting.woff') format('woff'),
        url('fonts/amyshandwriting.ttf') format('truetype'),
        url('fonts/amyshandwriting.svg#amyshandwriting') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barokah';
    src: url('fonts/Barokah.eot');
    src: url('fonts/Barokah.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barokah.woff2') format('woff2'),
        url('fonts/Barokah.woff') format('woff'),
        url('fonts/Barokah.ttf') format('truetype'),
        url('fonts/Barokah.svg#Barokah') format('svg');
    font-weight: normal;
    font-style: normal;
}



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


/*///////////////////////////////////////////////////////////////////////////////*/
                            /* ICON FONTS*/
/*///////////////////////////////////////////////////////////////////////////////*/

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
    font-family: 'flexslider-icon';
    src:url('../fonts/webfonts/flexslider-icon.eot');
    src:url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/webfonts/flexslider-icon.woff') format('woff'),
        url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'),
        url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                        /*OTHER COMPARISON SLIDER ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/
.compImgA {
position: absolute;
overflow: hidden;
}

.compHolder {
position: relative;
overflow: hidden;


}

.compImgB {
height: 100%;
resize: horizontal; 
position: absolute; 
top: 0; left: 0; 
padding-bottom: 0;
padding: 0;
margin: 0;
border: 0;
}

.compImgB:before {
content: '';
background: #fa8100; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkM2YyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JlMzUyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I4MzMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2I4MzMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2I4MzMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2I4MzMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODI5MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dd3f27 0%, #be3520 50%, #982918 50%, #982918 51%, #982918 51%, #b8331f 51%, #b8331f 52%, #b8331f 52%, #b8331f 52%, #982918 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd3f27), color-stop(50%,#be3520), color-stop(50%,#982918), color-stop(51%,#982918), color-stop(51%,#982918), color-stop(51%,#b8331f), color-stop(52%,#b8331f), color-stop(52%,#b8331f), color-stop(52%,#b8331f), color-stop(100%,#982918)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #dd3f27 0%,#be3520 50%,#982918 50%,#982918 51%,#982918 51%,#b8331f 51%,#b8331f 52%,#b8331f 52%,#b8331f 52%,#982918 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #dd3f27 0%,#be3520 50%,#982918 50%,#982918 51%,#982918 51%,#b8331f 51%,#b8331f 52%,#b8331f 52%,#b8331f 52%,#982918 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #dd3f27 0%,#be3520 50%,#982918 50%,#982918 51%,#982918 51%,#b8331f 51%,#b8331f 52%,#b8331f 52%,#b8331f 52%,#982918 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #dd3f27 0%,#be3520 50%,#982918 50%,#982918 51%,#982918 51%,#b8331f 51%,#b8331f 52%,#b8331f 52%,#b8331f 52%,#982918 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3f27', endColorstr='#982918',GradientType=0 ); /* IE6-8 */

background: -o-linear-gradient(#fa8100, #e47600);
background: -webkit-linear-gradient(#fa8100, #e47600);

top: 0; right: 0px;
height: 100%;
position: absolute; 
cursor: ew-resize;
width: 12px;
font-size: 25px;
}

.compSlider{  
resize: horizontal; 
opacity: 0; 
top: 50%;

display: inline;

overflow: hidden;
position: relative; 
left: 0px; 
/*width: 0px; height: 10px; */
max-width: 1200px; min-width: 12px; 
cursor: e-resize;

transform: scaley(35);
transform-origin: center center;
/*animation: start 2s 1 infinite ease-in-out 1s;*/
}
/*@-webkit-keyframes start {*/
/*20% {width: 1200px}*/
/*}*/


/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                        /*BETTER ISH - COMPARISON SLIDER */
/*///////////////////////////////////////////////////////////////////////////////*/

/** {box-sizing: border-box;}*/
.img-comp-container {
  position: relative;
  /*height: 200px;*/ /*should be the same height as the images*/
  height: 675px;
  /*height: auto;*/

  /*height: 100%;*/
  /*min-height: 500px;*/
  /*max-height: 675px;*/
}


.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}
.img-comp-img img {
  display:block;
  vertical-align:middle;
}
.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*width: 50px;*/
  width: 12px;

  /*height: 50px;*/
  height: 100%;
/*    margin-left: 2px;
  margin-right: 2px;*/

    /*border-color: #fa8100;*/
  /*border-width: 0px;*/

  background-color: #d76f00;
  opacity: 1;
  /*opacity: 0.5;*/

  /*border-radius: 50%;*/
  /*transition: .5s ease;*/
}

.img-comp-slider:hover {
  /*position: absolute;*/
  /*z-index:9;*/
  /*cursor: ew-resize;*/
  /*width: 50px;*/
  /*height: 50px;*/
  width: 12px;

/*  border-color: #fa8100;
  border-width: 2px;
    margin-left: 2px;
  margin-right: 2px;
  border-width: 10px;*/


  background-color: #fa8100;
  opacity: 1;
  /*border-radius: 50%;*/
  /*transition: .5s ease;*/
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                        /*COMPARISON SLIDER ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/


.image-slider {
    position:relative;
    display: inline-block;
    line-height: 0;
}

/* Could use a pseudo-element, but they’re currently
   super buggy. See: http://dabblet.com/gist/ab432c3f6a8f672cd077 */
.image-slider>div {
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 20px;
    max-width: 100%;
    overflow: hidden;
    resize: horizontal;
}

/* Cross-browser resizer styling */
.image-slider>div:before {
    content: '';
    position: absolute;
    right: 0; bottom: 0;
    width: 15px; height: 15px;
    background: linear-gradient(-45deg, #dd3f27 50%, transparent 0);
    background-clip: content-box;
    cursor: ew-resize;
    -webkit-filter: drop-shadow(0 0 2px black);
    filter: drop-shadow(0 0 2px black);
}

.image-slider img {
    user-select: none;
}


/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; font-family: 'montserratbold'; display: block; margin: 300px 0 300px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 60px; opacity: 0.05; }
/*body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}*/

/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
                            /*SLIDER ELEMENTS*/
/*///////////////////////////////////////////////////////////////////////////////*/

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*.toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.toggle li a:hover { background: #ededed; color: #222; }
.toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }
*/

.slider { margin: 0px 0 0px!important;}
/*#carousel li {margin-right: 1px;}*/
#carousel img {display: block; opacity: .3; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

.flex-caption {
  width: 100%;
  /*padding: 2%;*/
  margin-bottom: -30px;
  left: 0;
  /*bottom: -30;*/
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  /*line-height: 18px;*/
}

.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important;}
.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important;}
.syntaxhighlighter.source{overflow:hidden !important;}
.syntaxhighlighter .bold{font-weight:bold !important;}
.syntaxhighlighter .italic{font-style:italic !important;}
.syntaxhighlighter .line{white-space:pre !important;}
.syntaxhighlighter table{width:100% !important;}
.syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 0.5em 1em !important;}
.syntaxhighlighter table td.code{width:100% !important;}
.syntaxhighlighter table td.code .container{position:relative !important;}
.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important;}
.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 1em !important;}
.syntaxhighlighter table td.code .line{padding:0 1em !important;}
.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important;}
.syntaxhighlighter.show{display:block !important;}
.syntaxhighlighter.collapsed table{display:none !important;}
.syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important;}
.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important;}
.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important;}
.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important;}
.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important;}
.syntaxhighlighter .toolbar span.title{display:inline !important;}
.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important;}
.syntaxhighlighter .toolbar a.expandSource{display:none !important;}
.syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important;}
.syntaxhighlighter.ie .toolbar{line-height:8px !important;}
.syntaxhighlighter.ie .toolbar a{padding-top:0px !important;}
.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important;}
.syntaxhighlighter.printing .line .number{color:#bbbbbb !important;}
.syntaxhighlighter.printing .line .content{color:black !important;}
.syntaxhighlighter.printing .toolbar{display:none !important;}
.syntaxhighlighter.printing a{text-decoration:none !important;}
.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important;}
.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important;}
.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important;}
.syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important;}
.syntaxhighlighter.printing .preprocessor{color:gray !important;}
.syntaxhighlighter.printing .variable{color:#aa7700 !important;}
.syntaxhighlighter.printing .value{color:#009900 !important;}
.syntaxhighlighter.printing .functions{color:#ff1493 !important;}
.syntaxhighlighter.printing .constants{color:#0066cc !important;}
.syntaxhighlighter.printing .script{font-weight:bold !important;}
.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important;}
.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important;}
.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important;}
.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important;}
/* Theming */
.syntaxhighlighter { clear: both; width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;}
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;}
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;}
.syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;}
.syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;}
.syntaxhighlighter .keyword {color: #2a93b9!important;}
/**/
.syntaxhighlighter{background-color:white !important;}
.syntaxhighlighter .line.alt1{background-color:white !important;}
.syntaxhighlighter .line.alt2{background-color:white !important;}
.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important;}
.syntaxhighlighter .line.highlighted.number{color:black !important;}
.syntaxhighlighter table caption{color:black !important;}
.syntaxhighlighter .gutter{color:#afafaf !important;}
.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important;}
.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important;}
.syntaxhighlighter.printing .line .content{border:none !important;}
.syntaxhighlighter.collapsed{overflow:visible !important;}
.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important;}
.syntaxhighlighter.collapsed .toolbar a{color:blue !important;}
.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important;}
.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important;}
.syntaxhighlighter .toolbar a{color:white !important;}
.syntaxhighlighter .toolbar a:hover{color:black !important;}
.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black !important;}
.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important;}
.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important;}
.syntaxhighlighter .keyword{color:#006699 !important;}
.syntaxhighlighter .preprocessor{color:gray !important;}
.syntaxhighlighter .variable{color:#aa7700 !important;}
.syntaxhighlighter .value{color:#009900 !important;}
.syntaxhighlighter .functions{color:#ff1493 !important;}
.syntaxhighlighter .constants{color:#0066cc !important;}
.syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important;}
.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray !important;}
.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important;}
.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important;}
.syntaxhighlighter .keyword{font-weight:bold !important;}


.strucPara{
    width: 100%;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: percentage;
}

.strucPara.A{
    height: 400px;
    background-image: url("images/titles/f12017/GameShotsA.jpg");
}




.struc66Left {
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 796px;
    overflow: hidden;
}

.strucDescriptionLeft {
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 685px;
    overflow: hidden;
}

.strucDescriptionMiddle {
    margin-left: 4px;
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 120px;
    overflow: hidden;
}

.strucDescriptionRight {
    float: left;
    padding:0px;
    width: 383px;
    overflow: hidden;
}

.struc66Right {
    margin-left: 4px;
    padding:0px;
    float: left;
    width: 796px;
    overflow: hidden;
}

.struc50Left {
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 596px;
    overflow: hidden;
    position: relative;
    left:0;
    top:0;
}
.struc50Right {
    margin-left: 4px;
    margin-bottom: 0px;
    float: left;
    width: 596px;
    overflow: hidden;
    position: relative;
    left:0;
    top:0;
}

.struc33Left {
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 395px;
    overflow: hidden;
}
.struc33Middle {
    margin-left: 4px;
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 394px;
    overflow: hidden;
}

.struc10Middle {
    margin-left: 4px;
    margin-right: 4px;
    float: left;
    padding:0px;
    width: 120px;
    overflow: hidden;
}


.struc33Right {
    margin-left: 4px;
    padding:0px;
    float: left;
    width: 395px;
    overflow: hidden;
}

.struc25Left {
    margin-right: 2px;
    float: left;
    padding:0px;
    width: 297px;
    overflow: hidden;
}
.struc25Middle {
    margin-left: 2px;
    margin-right: 2px;
    float: left;
    padding:0px;
    width: 297px;
    overflow: hidden;
}
.struc25Right {
    margin-left: 2px;
    padding:0px;
    float: left;
    width: 297px;
    overflow: hidden;
}

.struc20Left {
    margin-right: 2px;
    float: left;
    padding:0px;
    width: 237px;
    overflow: hidden;
}
.struc20Middle {
    margin-left: 2px;
    margin-right: 2px;
    float: left;
    padding:0px;
    width: 237px;
    overflow: hidden;
}
.struc20Right {
    margin-left: 2px;
    padding:0px;
    float: left;
    width: 236px;
    overflow: hidden;
}