.bgline {
    background-image: url(../images/menuLine.png) !important;
    background-repeat: no-repeat !important;
    background-position: 24px !important;
    background-attachment: local !important;
    /* width: 3px; */
    z-index: 999;
    position: absolute;
    background-size: 3px 92% !important;
}

.menuLineHide {
    position: absolute;
    z-index: 1000;
    width: 6px;
    height: 80px;
    background: #e1dcd7;
    margin-top: -70.5px;
    margin-left: 13px;
}

/*********** FONTS  ***********/

@font-face {
    font-family: 'FuturaCondBold';
    src: url('../css/fonts/futurastd-condensedbold.eot');
    src: url('../css/fonts/futurastd-condensedbold.eot') format('embedded-opentype'),
         url('../css/fonts/futurastd-condensedbold.woff') format('woff'),
         url('../css/fonts/futurastd-condensedbold.ttf') format('truetype'),
         url('../css/fonts/futurastd-condensedbold.svg#FuturaStdBoldCondensed') format('svg');
}


@font-face {
    font-family: 'Futura';
    src: url('../css/fonts/futurastd-medium.eot');
    src: url('../css/fonts/futurastd-medium.eot') format('embedded-opentype'),
         url('../css/fonts/futurastd-medium.woff') format('woff'),
         url('../css/fonts/futurastd-medium.ttf') format('truetype'),
         url('../css/fonts/futurastd-medium.svg#FuturaStdMedium') format('svg');
}

@font-face {
font-family: 'Myriad Pro';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro'), url('../css/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


/* IE9 fix */

.text-block {
    width: 45%\9;
}

.panel-heading {
    padding-top: 10px\9;
}

.panel-heading a h3 {
    padding-top: 11px\9;
    padding-top /*\**/: 5px\9;
}

#firstSection, #secondSection, #thirdSection, #fourthSection, #fifthSection {
    padding-top: 10px\9;
}

.video-box {
    float: right\9;
}

.lineUpInsider a img, .identityInsider a img, .createInsider a img, .developInsider a img, .executeInsider a img {
    margin-top: 4px\9;
    margin-top /*\**/: -4px\9;
}

.lineUpInsider a h3, .identityInsider a h3, .createInsider a h3, .developInsider a h3, .executeInsider a h3 {
    line-height /*\**/: 24px\9;
}

.panel .lineUpInsider .panel-heading, .panel .identityInsider .panel-heading, .panel .createInsider .panel-heading,.panel .developInsider .panel-heading, .panel .executeInsider .panel-heading {
    height: 52px\9 !important;
}

.wrapped > .btn {
    float: left\9;
    margin-left: 15px\9;
}

.wrapped {
    width: 1000px\9;
}

.img-responsive {
    width: auto\9;
}

.lineUpInside .panel-body, .identityInside .panel-body, .createInside .panel-body, .developInside .panel-body, .executeInside .panel-body {
    padding-bottom: 7px !important;
}

/*********** GLOBAL SETTINGS ***********/

html {}

body {
	margin: 0px auto;
	font-size: 100%;
    padding: 0;
    background-image: url('../images/background.jpg');
    background-repeat:repeat-y;
    /*max-width: 1920px;*/
    background-position: left top;
    background-color: #232323;
    background-size: 100%;
}

/*.actualHeight {
    height: 0px;
}*/

a:link, a:hover, a:active, a:visited {
    color: #fff;
    text-decoration: none;
    outline: none !important;
}

.clear {
    clear: both;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

#wrapper {
    position: relative;
    z-index: 10;
    top: 91px;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    max-width:1920px;
}

.container {
    max-width: 1100px;
    width: 100%;
    background: #ffffff;
    position: relative;
    margin-top: 0px;
}


.videoBoxHolder {
    margin-right: 16px !important;
    margin-top: 12px;
}

.hiddenVid {
    display: none;
}

.mainBlockContent {
    width: 100%;
    float: right;
    transition: 0.2s;
}

.right-side > p {
    text-align: justify;
}

.hiddenPart {
    display: none;
}

.fullWidth {
    width: 100%;
}

#html5-next, #html5-prev {
    display: none !important;
}

/*********** LOG IN BAR  ***********/

.logInbar {
    height: 30px;
    background: #73645a;
    font-family: FuturaCondBold;
    font-size: 18px;
    position: fixed;
    z-index: 100;
    width: 100%;
    max-width: 1920px;
    margin-bottom: 30px;
    display: inline-flex;
}


.hiddenLink {
    display: none;
}

.project {
    width: 49%;
    float: left;
}

    .project a {
        color: #fff;
        text-transform: uppercase;
        margin-left:10%;
        vertical-align: middle;
        letter-spacing: 0.8px;
    }

.settings {
    width: 50%;
    float:right;
}

    .settings p {
        color: #fff;
        text-transform: uppercase;
        text-align: right;
        vertical-align: middle;
        margin-top: 2px;
        letter-spacing: 0.8px;
    }

    .settings a {
        color: #fff;
        font-family: 'Futura';
        float: right;
        margin-left: 5%;
        margin-right: 10%;
        text-transform:none !important;

    }

_::-moz-svg-foreign-content, :root .settings p { 
    margin-top: -25px;
}

/*********** HEADER  ***********/

header {
    height: 82px;
    background: #968c7d;
    position: fixed;
    width: 100%;
    z-index: 99;
    /*top: 30px;*/
}


    header h2 {
        font-family: FuturaCondBold;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        font-size: 4.813em;
        margin-top: 18px;
        transition: 0.5s;
        cursor: pointer;
    }

        header h2 img {
            margin-top: -15px;
        }


/**********  SIDEMENU    *********/

#menuItem02 .panel, #menuItem03 .panel, #menuItem04 .panel {
    background: none !important;
    background-color: none !important;
}



nav.menu {
    position: fixed;
    width: 46px;
    z-index: 20;
    background-color: #e1dcd7;
    overflow: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 40px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style:none;
}

nav.menu::-webkit-scrollbar { 
    display: none; 
}

    nav.menu a {
        font-weight: 300;
        font-family: FuturaCondBold;
        text-transform: uppercase;
        font-size: 33px;
        color: #716259;
        
    }

    nav.menu .toggleOpen .panel {
        background: none !important;
    }

.pusher .menu {
    width: 297px;
}

.shrinker {
    width: 72.2% !important;
    transition: 0.2s;
}



.menu .panel {
    background: #e1dcd7;
}

button.close-menu {
    background-color: #3184a1;
    color: #fff;
}
button.close-menu:focus {
    outline: none
}

nav.push-menu-left {
    top: 72px;
    /*width: 300px;*/
    /*width: 27%;*/
    height: 85%;
    height: 92%\9;
}

.pusher {
    height: 100%;
    width: 297px;
}

.sideBlockMenu {
    -webkit-box-shadow: -2px 2px 30px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 2px 30px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 2px 30px 0px rgba(50, 50, 50, 0.75);
    width: 5%;
    background: #e1dcd7;
    background-size: cover;
    float: none;
    position: absolute;
    height: 100%;
    margin: 0 auto;
    top: 0px;
    bottom: 0px;
    left: 0;
    transition: 0.2s;
    z-index: 8;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ie-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .sideBlockMenu button {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#sideMenu_main {
    z-index: 2;
    position: absolute;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ie-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.collapsed .sideMenu-LineUp, .collapsed .sideMenu-Identity, .collapsed .sideMenu-Create, .collapsed .sideMenu-Develop, .collapsed .sideMenu-Execute {
    background-image: url(../images/arrow-nav.png) !important;
}

.show {
    display: block;
}   

.pusher {
    /*width:16%;*/
    width: 27%;
    transition: 0.2s;
}

.moveleft {
    margin-left: 264px !important;
    z-index: 22 !important;
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #716259;
    text-decoration: none;
    background-color: #e1dcd7;
}

.submenuItems {
    margin-top: 0px;
}

.submenuItems a.list-group-item {
    line-height: 14px;
    font-weight: normal;
    font-size: 12px !important;
    font-family: 'Futura';
}

.submenuInput01, .submenuInput02, .submenuInput03, .submenuInput04 {
    margin-top: -15px;
    background: none !important;
}

.submenuInput04 {
    padding-bottom: 30px !important;
}

/*** Menu Line ***/

.menuLine1 {
    position: absolute;
    background: url(../images/menuLine.png);
    height: 100%;
    width: 3px;
    z-index: 99999;
    top: 45px;
    left: 25px;
    transition: 0.35s;
}


/*.expand1 {
    height: 127%;
    min-height: 635px;
    transition: 0.3s;
}*/

/* slide menu left */

.underText {
    font-weight: normal;
    font-family: 'Futura';
    font-size: 16px;
    line-height: 20px;
    margin-left: 47px;
}

    .underText p {
        margin-top: -36px;
        width: 160px;
    }

#menuItem01 a, #menuItem02 a, #menuItem03 a, #menuItem04 a, #menuItem05 a {
    font-size: 18px;
    margin-left: 33px;
    background-color:#e1dcd7;
}

#menuItem01 .panel, #menuItem02 .panel,  #menuItem03 .panel,  #menuItem04 .panel,  #menuItem05 .panel {
    background-color: #e1dcd7;
}

.sideNumber1 {
  background-image: url(../images/orange_1_button.png); 
  background-size: 35px 35px;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  width: 40px;
  height: 40px;
  top:16px;
  margin-left: -2px;
}

.collapsed .sideNumber1
{
    background-image: url(../images/grey_1_button.png); 
}

.sideNumber2 {
  background-image: url(../images/orange_2_button.png); 
  background-size: 35px 35px;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -2px;
  top:16px;
}

.collapsed .sideNumber2
{
    background-image: url(../images/grey_2_button.png); 
}

.sideNumber3 {
  background-image: url(../images/orange_3_button.png); 
  background-size: 35px 35px;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -2px;
  top:16px;
}

.collapsed .sideNumber3
{
    background-image: url(../images/grey_3_button.png); 
}

.sideNumber4 {
  background-image: url(../images/orange_4_button.png); 
  background-size: 35px 35px;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -2px;
  top:16px;
}

.collapsed .sideNumber4 {
    background-image: url(../images/grey_4_button.png); 
}

.sideNumber5 {
  background-image: url(../images/orange_5_button.png); 
  background-size: 35px 35px;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -2px;
  top:16px;
}

.collapsed .sideNumber5 {
    background-image: url(../images/grey_5_button.png); 
}

.highlighted {
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #ecb30c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ecb30c 0%, #f76206 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecb30c), color-stop(100%,#f76206)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ecb30c 0%,#f76206 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ecb30c 0%,#f76206 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ecb30c 0%,#f76206 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ecb30c 0%,#f76206 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb30c', endColorstr='#f76206',GradientType=0 ); /* IE6-9 */

}

.sideMenu-LineUp, .sideMenu-Identity, .sideMenu-Create, .sideMenu-Develop, .sideMenu-Execute {
    margin-left: 40px;
    background-image: url(../images/arrow-nav.png);
    background-size: 42px 42px;
    background-position: 186px 0px;
    background-repeat: no-repeat;
    width: 235px;
    display: block;
    margin-top: -46px;
    margin-bottom: 0px;
}


nav.push-menu-left a {
    display: block;
    padding: 10px;
    
}
nav.push-menu-left button.close-menu {
    margin: 10px 0;
    padding: 10px 30px;
    color: #fff;
}

body.pml-open nav.push-menu-left {
    left: 0
}
body.pml-open #wrapper {
    left: 300px;
    width: 84.26%;
}

.nav-toggler {
    margin-left: 14px;
    margin-top: 88px;
    background: #ff8700;
    position: fixed;
    float:right;
    z-index: 1;
}

    .nav-toggler .glyphicon-plus {
        font-size: 20px !important;
        font-weight: 600;
    }

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}



.menu .list-group-item {
    background-color: none !important;
    background: none !important;
    border: none;
}

#menuItem01 a, #menuItem02 a, #menuItem03 a, #menuItem04 a, #menuItem05 a {
    padding-left: 25px;
}

#menuItem01 a, .subMenu04 {
    margin-top: -13px;
}

#subMenu01 a, #subMenu02 a, #subMenu03 a, #subMenu04 a, #subMenu05 a, #subMenu06 a {
    padding-left: 30px;
}

.panel .subMenu03, .panel .subMenu03:hover, .panel .subMenu02, .panel .subMenu02:hover, .panel .subMenu01, .panel .subMenu01:hover, .panel .subMenu01:focus, .panel .subMenu01:active,.panel .subMenu02:focus, .panel .subMenu02:active, .panel .subMenu03:focus, .panel .subMenu03:active {
    color: #ff7d00;
}


.panel .subMenu06, .panel .subMenu06:hover, .panel .subMenu04, .panel .subMenu04:hover, .panel .subMenu05, .panel .subMenu05:hover, .panel .subMenu05:active, .panel .subMenu05:focus, .panel .subMenu04:active, .panel .subMenu04:focus, .panel .subMenu06:active, .panel .subMenu06:focus  {
    color: #0185bd;
}

.panel .subMenu07, .panel .subMenu07:hover, .panel .subMenu08, .panel .subMenu08:hover, .panel .subMenu09, .panel .subMenu09:hover, .panel .subMenu07:active, .panel .subMenu07:focus, .panel .subMenu08:active, .panel .subMenu08:focus, .panel .subMenu09:active, .panel .subMenu09:focus {
    color: #ffd100;
}

.panel .subMenu07, .panel .subMenu10, .panel .subMenu13 {
    margin-top: -15px;
}

.panel .subMenu12, .panel .subMenu12:hover, .panel .subMenu10, .panel .subMenu10:hover, .panel .subMenu11, .panel .subMenu11:hover, .panel .subMenu10:active, .panel .subMenu10:focus, .panel .subMenu11:active, .panel .subMenu11:focus, .panel .subMenu12:active, .panel .subMenu12:focus {
    color: #87c04a;
}

.panel .subMenu15, .panel .subMenu15:hover, .panel .subMenu14, .panel .subMenu14:hover, .panel .subMenu13, .panel .subMenu13:hover, .panel .subMenu13:active, .panel .subMenu13:focus, .panel .subMenu14:active, .panel .subMenu14:focus, .panel .subMenu15:active, .panel .subMenu15:focus {
    color: #d8272f;
}


/********** Download Menu  *********/

#popup_window{
    padding: 10px;
    background: #267E8A;
    cursor: pointer;
    color: #FCFCFC;
    margin: 200px 20px 20px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.overlay .popup-overlay {
    opacity: 1;
    left: 0;
    z-index: 20;
}
.popup {
    position: fixed;
    top: 25%;
    left: 5%;
    right: 5%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 100%;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
    z-index: 21;
    border-radius: 8px;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    right: 9px;
    font-size: 24px;
    color: #626060;
    /*background: url("../images/quit.png") no-repeat;*/
}

.popup-content .submitButton {
    margin-top: 20px;
    background: #968c7d;
    color: #fff;
    width: 100%;
    max-width: 110px;
    padding: 3px;
    border: none;
}

.popup .popup-content {
    overflow-y: auto;
}
.popup-content .popup-title {
    font-size: 24px;
    padding-bottom: 10px;
    font-family: 'Futura';
    font-weight: bold;
    color: #626060;
}

.popup-content input {
    font-size: 20px;
    font-family: 'Futura';
    color: #000000;
    width: 80%;
    border-radius: 6px;
    border: 2px solid #969696;
}

.popup-content p {
    font-size: 13px;
    text-align: justify;
}

/*a [href=''], a:empty {
    display: none !important;
    visibility: hidden;
}*/

.downloadList a {
    background-color: #ff8201;
    font-family: FuturaCondBold;
    width: 100% !important;
    max-width: 200px;
    color: #fff;
    display:inline-block;
    padding: 10px 15px;
    text-align: center;
    font-size: 18px;
    border-radius: 6px;
    margin: 5px;
    text-transform: uppercase;
    float:right;
}


.example, .tool, .template {
    /*background-image: url(../images/smallBg.png);
    background-repeat: no-repeat;*/
    /*background-color: #ff8201 !important;*/
    border-radius: 6px !important;
    float: right;
    position: relative;
    z-index: 1;
    background-size: 180px;
    left: -10px;

}

    .example h4, .tool h4, .template h4 {
        font-family: FuturaCondBold;
        font-size: 23px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 0px;
        margin-right: 25px;
        vertical-align: top;
        margin-top: 0px;
        height: auto;
        background: #ff7300;
        border-radius: 6px;
        width: 180px;
        padding: 15px 33px 15px 25px;
        margin-bottom: 0px;
    }

        .example h4 img, .template h4 img, .tool h4 img {
            position:absolute;
            z-index:1;
        }

    .example a, .tool a {
        height: 27px;
    }

.example {
    margin-top: 60px;
}

         .example h4 img {
            top: -14px;
            left: 141px;
            width: 27%;
         }

.tool {
    left:-10px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

        .tool h4 img {
            left: 112px;
            width: 51%;
            top: 0px;
        }

.template {
    margin-bottom: 20px !important;
    left: -10px;
    /*padding-left:10px;*/
}

    /*.template h4 {
        font-size: 18px;
        margin-top: 12px;
        text-indent: -10px;
        line-height: 20px;
        
    }*/

        .template h4 img {
            left: 125px;
            top: 3px;
            width: 41%;
        }

.rounded a {
    height: 100%;
}


.rounded .list-group-item {
    background-color: #ffb267;
    padding: 10px 15px 10px 15px;
    margin-left: 15px;
    font-family: FuturaCondBold;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    font-size: 20px;
    width: 150px !important;
}

.rounded  .list-group-item:last-child {
    border-radius: 0px 0px 5px 5px;
}

#example01, #example02, #example03, #example04,  #example05, #example06, #example07, #example08, #example09, #example10 {
     margin-bottom: 0px;
}

#tool01, #tool02, #tool03, #tool04, #tool05, #tool06, #tool07, #tool08, #tool09, #tool10 {
   margin-bottom: 0px;
}

#template01, #template02, #template03, #template04, #template05, #template06, #template07, #template08, #template09, #template10 {
    margin-bottom: 25px;
    /*margin-left: -10px;*/
}

.top {
    top: 10px;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
}

.top2 {
    top: 20px;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
}

.example > .collapse > .in, .tool > .collapse > .in, .template > .collapse > .in {
    transition: 0.5s;
}


/**** Download Menu Backgrounds ***/

.blue {
    /*background-image: url(../images/smallBg-blue.png);*/
    background-color: #0182bc !important;
}

.yellow {
    /*background-image: url(../images/smallBg-yellow.png);*/
    background-color: #ffcc00 !important;
}

.green {
    /*background-image: url(../images/smallBg-green.png);*/
    background-color: #89c04a !important;
}

.red {
    /*background-image: url(../images/smallBg-red.png);*/
    background-color: #d8272f !important;
}

.bluebg .list-group-item {
    background: #0173b3;
}

.yellowbg .list-group-item {
    background: #ffd100;
}

.greenbg .list-group-item {
    background: #7eb944;
}

.redbg .list-group-item {
    background: #d4252c;
}

/********** IntroBox  *********/

.viewVideo {
    background: #fe7700;
    border-radius: 6px;
    color: #fff;
    font-family: 'FuturaCondBold';
    cursor: pointer;
    white-space: normal;
    max-width: 180px;
    border: none;
    padding: 10px 15px;
    max-width: 200px;
    margin-left: 15px;
    margin-top: 28px;
    font-size: 18px !important;
    text-transform:uppercase;
}

    .viewVideo:active, .viewVideo:hover, .viewVideo:focus {
        background: #fe7700;
    }

#html5-watermark {
    display: none !important;
}

.introBox h3 {
    font-family: FuturaCondBold;
    color: #73645a;
    text-transform: uppercase;
    font-size: 36px;
    padding: 0 15px;
    letter-spacing: 0.8px;
}

.introBox img {
    padding: 15px;
    float: right;
}

.introBox .leftBlock .playBtn {
    padding: 0px;
    cursor: pointer;
}

.row .introBox {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 110px;
}

.introBox p {
    font-family: Futura;
    font-size: 21px;
    color: #73645a;
    line-height: 28px;
    padding: 0 15px;
}

.leftBlock img {
    float: left;
    margin-right:-33px;
    z-index: 30;
    position: relative;
}

.leftBlock iframe {
    max-width: 600px;
    height: 240px;
}

.videoHide iframe .player .controls .play-bar {
    display: none !important;
}



/* Video block Images */

.video-holder-div {
    background-size: 108px 141px;
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 5px;
    padding-right: 50px;
    height:159px;
    width: 100%;
    max-width: 141px;
    float:right;
}


    .video-holder-div > a:empty {
        display: block !important;
        visibility: visible !important;
        width: inherit;
        height: 78px;
        margin-top: 25px;
        width: 128px;
    }
/* IE8 */

.video-holder-div {
    width: 108px;
    height: 141px;
    background: none\9 !important;
    /*background-position: 600px 600px\9;*/
} 


 .lineUp .video-holder-div {
    background-image: url(../images/orangeBtn.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/orangeBtn.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/orangeBtn.png',
    sizingMethod='scale')";

}

.identity .video-holder-div {
    background-image: url(../images/blueBtn.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/blueBtn.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/blueBtn.png',
    sizingMethod='scale')";
        
}

.createBox .video-holder-div {
    background-image: url(../images/yellowBtn.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/yellowBtn.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/yellowBtn.png',
    sizingMethod='scale')";
}

.develop .video-holder-div {
    background-image: url(../images/greenBtn.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/greenBtn.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/greenBtn.png',
    sizingMethod='scale')";
}

.execute .video-holder-div {
    background-image: url(../images/redBtn.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/redBtn.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/redBtn.png',
    sizingMethod='scale')";
}


.right-side .viewVideo, .playBtn {
    display: none;
}

.leftBlock .playBtn {
    display: block;
}

/********** Accordian  *********/


#firstSection:hover, #secondSection:hover, #thirdSection:hover, #fourthSection:hover, #fifthSection:hover {
    cursor: pointer;
}

.lineUp01 .panel-body, .identity .panel-body, .createBox .panel-body, .develop .panel-body, .execute .panel-body {
    padding: 2px 15px 0px;
}



.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion {
    margin-left: -15px;
    margin-right: -15px;
}

.panel-group {
    margin-bottom: 0px;
}

.panel-group .panel+.panel  {
    margin-top: 0px;
}

.panel-group .panel + .panel {
    border-radius: 0px;
}

.panel {
    border: none;
}

.panel-title {
    font-family: FuturaCondBold;
    font-size: 4.688em;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.numbers img {
    margin-top: 15px;
    float: right;
    position: relative;
    left: 10px;
    margin-right: -10px;
}

.text-block p {
    font-family: Futura;
    font-size: 2em;
    color: #fff;
    text-transform: uppercase;
    float: left;
}

.btn-lg {
    font-size: 15px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    border-color: transparent;
}

.lineUp btn-primary:focus, .lineUp btn-primary:active, .lineUp btn-primary:hover {
    border: none;
    background: #ff8700;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}

.panel-body p {
    font-family: 'Futura';
    font-size: 19px;
    color: #626060;
    padding-left: 8%;
    margin-top: 10px;
}

header, .lineUp, .identity, .createBox, .develop, .execute {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}


.lineUp {
    position: relative;
    z-index: 7;
}

.identity {
    position: relative;
    z-index: 6;
}

.createBox {
    position: relative;
    z-index: 5;
}

.develop {
    position: relative;
    z-index: 4;
}

.execute {
    position: relative;
    z-index: 3;
    margin-bottom: 20px !important;
}

.panel-group .panel {
    border-radius: 0px;
}

#line-up > img, #line-up1 > img, #line-up2 > img, #identity > img, #identity2 > img, #identity3 > img,
#create > img, #create2 > img, #create3 > img, #develop > img, #develop2 > img, #develop3 > img,
#execute > img, #execute2 > img, #execute3 > img  {
    float:right;
    right: 20px;
    width: 32px;
    margin-left: 15px !important;
    margin-top: -30px;
}


/********** Line Up  *********/



.lineUp .panel-heading {
    background-size: cover;
    /*background-repeat: no-repeat;*/
    /*background-image: url(../images/lineUpBg.jpg);*/
    background: #ff7300;
    border-radius: 0px;
    height: auto !important;
    
}

.lineUp .absoluteImg {
    float: right;
    margin-top: 2%;
    right: 23%;
    position: relative;
    width: 56px;
}

.text-block a {
    background: #ff8700;
    border: none;
    font-family: 'FuturaCondBold';
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    white-space: normal;
    max-width: 180px;
    float:right;
    margin-top: -5px;
    margin-right: 85px;
    font-weight: bold;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 15px 0px rgba(50, 50, 50, 0.75);
    border: none;
}



.lineUp .text-block a:hover, .lineUp .text-block a:active, .lineUp .text-block a:focus {
    background: #e47200 !important;
}


/********** Line Up  Inside *********/

.lineUpInside .panel-heading {
    background-image: none;
    background: #ffb267;
    margin-right: -15px;
    margin-left: -15px;
   
}


    .lineUpInside .panel-heading h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 1px;
        margin-bottom: 4px;
        margin-right: 5%;
        margin-left: 9%;
    }


    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border: none;
}

.lineUpInside .panel-body {
    padding: 5px 15px 5px 15px;
}

.lineUpInsider1 {
    margin-top: 0px;
    /*padding-bottom: 40px;*/
}

    .lineUpInsider1 .panel-heading h3, .identityInsider1 .panel-heading h3, .createInsider1 .panel-heading h3, .developInsider1 .panel-heading h3, .executeInsider1 .panel-heading h3  {
        margin-left: 7.5% !important;
        
    }


.panel-group .panel-collapse.expanded {
    height: auto !important;
}

    .lineUpInsider1 .panel-body p, .identityInsider1 .panel-body p, .createInsider1 .panel-body p, .developInsider1 .panel-body p, .executeInsider1 .panel-body p  {
        margin-left: -1% !important;
        padding-right: 4%;
    }

/*.panel-body .lastAccordian {
    margin-bottom: -40px;
}*/


/********** Line Up  Insider *********/

.panel-heading .lineUpSection3, .panel-heading .lineUpSection4 {
    margin-top: 20px !important;
}

.lineUpInsider .panel-heading {
    background-image: none;
    background: #fefefe;
    height: 87px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 5px;
}

    .lineUpInsider .panel-heading h3 {
        margin-left: 13% !important;
    }


    .lineUpInsider .panel-heading h3, .lineUpInsider1 .panel-heading h3 {
        color: #626060;
        
    }

.lineUpInsider1 .panel-heading {
    background: none;
} 

.lineUpLevel2 {
    background: #fd9430 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.lineUpLevel3 {
    background: #ff7d00 !important;
    margin-bottom: 2px !important;
}

.lineUpInsider img {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float: left;
    margin-right: 1%;
}

.panel-body .lastone {
    margin-top: 2px;
    /*margin-bottom: -15px;*/
}

.lineUpInsider .panel-heading, .identityInsider .panel-heading, .createInsider .panel-heading, .developInsider .panel-heading, .executeInsider .panel-heading, 
.panel-body .lineUpInsider1 .panel-heading, .panel-body .identityInsider1 .panel-heading, .panel-body .createInsider1 .panel-heading, .panel-body .developInsider1 .panel-heading, .panel-body .executeInsider1 .panel-heading {
   background: -moz-radial-gradient(center, ellipse cover,  rgba(247,247,246,1) 0%, rgba(204,204,204,0) 100%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(247,247,246,1)), color-stop(100%,rgba(204,204,204,0)));
   background: -webkit-radial-gradient(center, ellipse cover,  rgba(247,247,246,1) 0%,rgba(204,204,204,0) 100%);
   background: -o-radial-gradient(center, ellipse cover,  rgba(247,247,246,1) 0%,rgba(204,204,204,0) 100%);
   background: -ms-radial-gradient(center, ellipse cover,  rgba(247,247,246,1) 0%,rgba(204,204,204,0) 100%);
   background: radial-gradient(ellipse at center,  rgba(247,247,246,1) 0%,rgba(204,204,204,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f6', endColorstr='#00cccccc',GradientType=1 );
   
}

.lineUpInsider .panel-body p, createInsider .panel-body p, .developInsider .panel-body p, .executeInsider .panel-body p {
    margin-top: 15px;
}

/*.lineUpInsider1 .panel-heading h3, .identityInsider1 .panel-heading h3, .createInsider1 .panel-heading h3, .developInsider1 .panel-heading h3, .executeInsider1 .panel-heading h3 {.panel .subMenu10:active, .panel .subMenu10:focus
    margin-bottom: 45px;
}*/

/*.panel-body .lineUpInsider1 .panel-heading, .panel-body .identityInsider1 .panel-heading, .panel-body .createInsider1 .panel-heading, .panel-body .developInsider1 .panel-heading, .panel-body .executeInsider1 .panel-heading {
    padding-top: 25px;
    margin-top: -10px;
    padding-bottom: 45px;
    margin-bottom: -30px;
}*/

.lineUpInsider .panel-heading h3, .identityInsider .panel-heading h3, .createInsider .panel-heading h3, .developInsider .panel-heading h3, .executeInsider .panel-heading h3 {
    margin-top: 2px !important;
}

/********** Identity  *********/

.identity .panel-heading {
    
    background: #0174b3 /*url(../images/identityBg.jpg)*/;
    background-size: cover;
    /*background-repeat: no-repeat;*/
    border-radius: 0px;
    height: auto !important;
}

.identity .absoluteImg {
    float:right;
    position: relative;
    right: 22%;
    margin-top: 55px;
    width: 76px;
}

.identity .text-block a, .identity .viewVideo {
    background: #0185bd;
    border: none;
}

.identity .text-block a {
    margin-right: 85px;
}

    .identity .text-block a:hover, .identity .text-block a:active, .identity .text-block a:focus, .identity .viewVideo:hover, .identity .viewVideo:active, .identity .viewVideo:focus {
        background: #0173b3;
    }

/********** Identity  Inside *********/

.identityInside .panel-heading {
    background-image: none;
    background: #7dbdd8;
    height: 40px;
    margin-left: -15px;
    margin-right: -15px;
}

    .identityInside .panel-heading h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        text-transform: uppercase;
        margin-left: 9%;
        margin-top: 1px;
        margin-bottom: 4px;
        margin-right: 5%;
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border: none;
}

.identityInside .panel-body {
    padding: 5px 15px 0px 15px;
}

.identityInsider1 {
    margin-top: 0px;
    padding-bottom: 0px;
}

/*.panel-body .lastAccordian {
    margin-bottom: -40px;
}*/

/********** Identity  Insider *********/

.identityInsider .panel-heading {
    background-image: none;
    background: #fefefe;
    height: 87px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 5px;
}

    .identityInsider .panel-heading h3, .identityInsider1 .panel-heading h3 {
        color: #626060;
        
    }

.identityInsider1 .panel-heading {
    background: none;
} 

.identityLevel2 {
    background: #4d98b8 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.identityLevel3 {
    background: #0185bd !important;
    margin-bottom: 2px !important;
}

.identityInsider img {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float: left;
    margin-right: 1%;
}

.identityInsider .panel-heading h3 {
    margin-left: 13% !important;
}

/********** Create  *********/

.createBox .panel-heading {
    background-size: cover;
    /*background-repeat: no-repeat;*/
    height: auto !important;
    background: #febd00 /*url(../images/createBg.jpg)*/;
    border-radius: 0px;
}

.createBox .absoluteImg {
    float: right;
    position: relative;
    right: 23%;
    margin-top: 102px;
    width: 96px;
}

.createBox .text-block a, .createBox .viewVideo {
    background: #ffd100;
    border: none;
}

.createBox .text-block a {
    margin-right: 85px;
}


    .createBox .text-block a:hover, .createBox .text-block a:active, .createBox .text-block a:focus, .createBox .viewVideo:hover, .createBox .viewVideo:active, .createBox .viewVideo:focus {
        background: #ffc400;
    }



/********** Create Inside *********/

.createInside .panel-heading {
    background-image: none;
    background: #FFE46B;
    height: 40px;
    margin-left: -15px;
    margin-right: -15px;
}

    .createInside .panel-heading h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        text-transform: uppercase;
        margin-left: 9%;
        margin-top: 1px;
        margin-bottom: 4px;
        margin-right: 5%;
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border: none;
}

.createInside .panel-body {
    padding: 5px 15px 0px 15px;
}

.createInsider1 {
    margin-top: 0px;
    padding-bottom: 0px;
}

/*.panel-body .lastAccordian {
    margin-bottom: -40px;
}*/

/********** Create  Insider *********/

.createInsider .panel-heading {
    background-image: none;
    background: #fefefe;
    height: 87px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 5px;
}

    .createInsider .panel-heading h3, .createInsider1 .panel-heading h3 {
        color: #626060;
        
    }

.createInsider1 .panel-heading {
    background: none;
} 

.createLevel2 {
    background: #FFDB38 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.createLevel3 {
    background: #ffd100 !important;
    margin-bottom: 2px !important;
}

.create1909 {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float:left;
    margin-right: 1%;
}

.createInsider .panel-heading h3 {
    margin-left: 10% !important;
}

.createInsider img {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float: left;
    margin-right: 1%;
}


/********** Develop  *********/

.develop .panel-heading {
    background-size: cover;
    /*background-repeat: no-repeat;*/
    height: auto !important;
    background: #71b53e /*url(../images/developImg.jpg)*/;
    border-radius: 0px;
}

.develop .text-block a, .develop .viewVideo {
    background: #87c04a;
    border: none;
}

.develop .text-block a {
    margin-right: 85px;
}

    .develop .text-block a:hover, .develop .text-block a:active, .develop .text-block a:focus, .develop .viewVideo:hover, .develop .viewVideo:focus, .develop .viewVideo:active {
        background: #71b43e;
    }

.develop .absoluteImg {
    float: right;
    position:relative;
    margin-top: 54px;
    right: 23.5%;
    width:66px;
}

/********** Develop  Inside *********/

.developInside .panel-heading {
    background-image: none;
    background: #CDFC99;
    height: 40px;
    margin-right: -15px;
    margin-left: -15px;
}

    .developInside .panel-heading h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        text-transform: uppercase;
        margin-left: 9%;
        margin-top: 1px;
        margin-bottom: 4px;
        margin-right: 5%;
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border: none;
}

.developInsider1 {
    margin-top: 0px;
    padding-bottom: 0px;
}

.developInside .panel-body {
    padding: 5px 15px 0px 15px;
}

/*.panel-body .lastAccordian {
    margin-bottom: -40px;
}*/

/********** Develop  Insider *********/

.developInsider .panel-heading {
    background-image: none;
    background: #fefefe;
    height: 87px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 5px;
}

    .developInsider .panel-heading h3, .developInsider1 .panel-heading h3 {
        color: #626060;
        
    }

.developInsider1 .panel-heading {
    background: none;
} 

.developLevel2 {
    background: #AEE276 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.developLevel3 {
    background: #87c04a !important;
    margin-bottom: 2px !important;
}

.developInsider img {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float: left;
    margin-right: 1%;
}

.developInsider .panel-heading h3 {
    margin-left: 9% !important;
}


/********** Execute  *********/

.execute .panel-heading {
    background-size: cover;
    /*background-repeat: no-repeat;*/
    height: auto !important;
    background: #cc1f25 /*url(../images/executeImg.jpg)*/;
    border-radius: 0px;
}

.execute .text-block a, .execute .viewVideo {
    background: #d8272f;
    border: none;
}

.execute .text-block a {
    margin-right: 85px;
}

    .execute .text-block a:hover, .execute .text-block a:active, .execute .text-block a:focus, .execute .viewVideo:hover, .execute .viewVideo:active, .execute .viewVideo:focus {
        background: #cc1f25;
    }

.execute .absoluteImg {
    float: right;
    position: relative;
    right: 23%;
    margin-top:45px;
    width:58px;
}


/********** Execute  Inside *********/

.executeInside .panel-heading {
    background-image: none;
    background: #FEB9BC;
    height: 40px;
    margin-right: -15px;
    margin-left: -15px;
}

    .executeInside .panel-heading h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        text-transform: uppercase;
        margin-left: 9%;
        margin-top: 1px;
        margin-bottom: 4px;
        margin-right: 5%;
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border: none;
}

.executeInsider1 {
    margin-top: 0px;
    padding-bottom: 0px;
}

.executeInside .panel-body {
    padding: 5px 15px 0px 15px;
}

/*.panel-body .lastAccordian {
    margin-bottom: -40px;
}*/

/********** Execute  Insider *********/

.executeInsider .panel-heading {
    background-image: none;
    background: #fefefe;
    height: 87px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 5px;
}

    .executeInsider .panel-heading h3, .executeInsider1 .panel-heading h3 {
        color: #626060;
        
    }

.executeInsider1 .panel-heading {
    background: none;
} 

.executeLevel2 {
    background: #E86E74 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.executeLevel3 {
    background: #d8272f !important;
    margin-bottom: 2px !important;
}

.executeInsider img {
    margin-top: -8px;
    margin-left: 8.5%;
    width: 45px;
    float: left;
    margin-right: 1%;
}

.executeInsider .panel-heading h3 {
    margin-left: 9% !important;
}


/********** Inside Page  *********/

.sideBox {
    float: right;
    /*margin-top: -30px !important;*/
}

    .sideBox a
    {
        height: auto;
    }

    .sideBox .panel
    {
        width:189px;
    }

    .sideBox .list-group
    {
        position: relative; 
    }

    .sideBox .rounded
    {
        position:relative;
        top: 0;
    }

    .sideBox h3 {
        font-family: FuturaCondBold;
        font-size: 24px;
        color: #626060;
        text-transform: uppercase;
        text-align: right;
        border-bottom: 4px solid #edecec;
        line-height: 36px;
    }

.insidePage p {
    font-family: 'Futura';
    font-size: 19px;
    color: #626060;
    padding-left:8%;
}


.right-side .viewVideo {
    float: left;
    margin-top: 25px;
    margin-bottom: 60px;
    margin-right: initial;
}

.right-side .playBtn {
    float: left;
    margin-left: 6%;
    margin-right: -33px;
    position: relative;
    z-index: 50;
    cursor: pointer;
    width: 99px !important;
    margin-top: 0px;
}


/********** Footer  *********/

.footer {
    height: 70px;
    background: #968c7d;
    z-index:99;
    position: relative;
}

    .footer p {
        margin-top: -20px;
        font-size: 14px;
        font-family: 'Myriad Pro';
        color: #fff;
        padding-top: 30px;
    }

    .footer img {
        margin-top: 8px;
        margin-left: 74px;
        float: left;
        margin-right: 15px;
        margin-top: -12px\9;
    }

.backTop {
    float: right;
    border-bottom: 2px solid #ffffff;
    margin-right: 320px;
}

.backTop1 {
    border-bottom: 2px solid #fff;
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Myriad Pro';
}

.footer-up {
    margin-left: 10px;
}

    
 /***** Media Queries *****/

@media only screen and (max-width: 1275px) {
    @-moz-document url-prefix() { 
      .footer img {
         margin-top: -9px;
      }
    }
}

@media only screen and (max-width: 1091px) {
    .sibeBox {
        width: 100%;
    }

    .sideBox h3 {
        margin-bottom: 20px;
    }

    .example, .tool, .template {
        float: left;
        margin-left: 50px;
    }

    .example {
        margin-top: 0px;
    }

    .tool {
        margin-left: 47px;
    }

    .template {
        margin-left: 49px;
    }

    .lineUp .text-block a, .identity .text-block a, .createBox .text-block a, .develop .text-block a, .execute .text-block a {
        margin-top: initial;
        float: left;
    }
}

@media only screen and (max-width: 1039px) {
    .menu, .mask {
        display: none;
    }

    .nav-toggler {
        display: none;
    }

    .sideBlockMenu
    {
        display: none;
    }

    .mainBlockContent
    {
        width: 100% !important;
    }

    .backTop {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1009px) {
    .sideBox .template {
        display: inline-block;
    }

        .sideBox .template h4 {
            
            padding-right: 10px;
        }
    .identity .text-block a,.createBox .text-block a, .develop .text-block a, .execute .text-block a  {
        margin-right: 109px;
    }
}



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

    .insidePage .fullWidth p {
        margin-left: 0% !important;
    }

    .lineUpInsider1 .panel-body p, .identityInsider1 .panel-body p, .createInsider1 .panel-body p, .developInsider1 .panel-body p, .executeInsider1 .panel-body p {
        margin-left: 0% !important;
    }
   

    .downloadList a {
        float: left;
    }

    .right-side .playBtn {
        margin-left: 4%;
    }

    .downloadList {
        margin-left: 5px;
    }

   .video-holder-div > a:empty {
        display: block !important;
        visibility: visible !important;
        width: inherit;
        height: 78px;
        margin-top: 25px;
    }

    .html5lightbox img, .absoluteImg {
        display: none;
    }

    .displayNone {
        display: block;
        height: 72px;
        width: 72px;
        position: relative;
        top: 42px;
        right: 7%;
        float: right;
    }

    .right-side .html5lightbox img {
        display: block;
        padding-left: 4.5%;
    }

    .leftBlock img {
        display: block;
    }

    .insidePage p {
        padding-left: 4.5%;
    }

    /*.lineUp .video-holder-div, .develop .video-holder-div, .execute .video-holder-div {
        background-position: 88% 38%;
    }*/

    .sideBox {
        width: 100%;
        padding-bottom: 20px;
    }

        .sideBox h3 {
            text-align: right;
        }

        .sideBox .example, .sideBox .tool, .sideBox .template {
            top: 0px;
            left: 0px;
            /*margin: 0 auto;*/
        }

     .sideBox .tool {
        margin-top: initial !important;
    }

    .video-box {
        float: right;
    }

}


@media only screen and (max-width: 850px)
{
    .sideBox .panel
        {
            float: none;
            display: block;
            margin: 0 auto;
        }
    .sideBox .tool {
        margin-top: 50px !important;
    }

    .hiddenVid {
        display: block;
    }

}

@media only screen and (max-width: 768px) {
    .introBox .leftBlock {
        padding-bottom: 30px;
    }

    #projectText {
        display: none;
    }

    #logInText {
        display: none;
    }

    .hiddenLink {
        display: block;
    }

    .settings a
    {
        margin-right: 5%;
        margin-top: 2px;
    }

    .lineUp .text-block a, .identity .text-block a, .createBox .text-block a, .develop .text-block a, .execute .text-block a {
        margin-right: 0px;
    }
    
}

@media only screen and (max-width: 669px) {
    .backTop {
        display: none;
    }

    .insidePage p {
        padding-left: 2.5%;
    }

     .right-side .html5lightbox img {
        padding-left: 2.5%;
    }

    .right-side .playBtn {
        margin-left: 2%;
    }

     
     
}

@media only screen and (max-width: 620px) {
    .backTop {
        display: none !important;
    }
    .footer .hidden {
        display: block !important;
        visibility: visible !important;
        text-align: center;
    }

    .footer {
        height: 81px;
    }

        .footer p {
            text-align: center;
            margin-left: 10%;
        }

        .footer img {
            margin-top: -45px;
            margin-left: 4%;
            margin-right: 0%;
        }
}

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

    .lineUpInsider1 .panel-body p, .identityInsider1 .panel-body p, .createInsider1 .panel-body p, .developInsider1 .panel-body p, .executeInsider1 .panel-body p {
        margin-left: -1% !important;
    }
    
    .lineUpInside .panel-heading h3, .identityInside .panel-heading h3, .createInside .panel-heading h3, .developInside .panel-heading h3, .executeInside .panel-heading h3 {
        margin-left: 11% !important;
        font-size: 16px;
    }

    #line-up > img, #line-up1 > img, #line-up2 > img, #identity > img, #identity2 > img, #identity3 > img, #create > img, #create2 > img, #create3 > img, #develop > img, #develop2 > img, #develop3 > img, #execute > img, #execute2 > img, #execute3 > img {
        width: 26px;
        margin-top: -23px;
    }

    header {
        height: 50px;
    }

    header h2 {
        font-size: 2.813em;
        margin-top: 10px;
    }

    .numbers img {
        width: 40px;
        margin-right: -15px;
    }

    header h2 img {
        width: 250px;
        height: 40px;
        float: left;
        margin-top: -6px;
        margin-left: 33px;
    }

    .sideBox .tool {
        top: 0px;
        left: 1px;
    }

    .sideBox .template {
        left: -1px;
    }

     .lineUp .video-holder-div, .identity .video-holder-div, .createBox .video-holder-div, .develop .video-holder-div, .execute .video-holder-div  {
        background-size: 66px 86px !important;
        background-position: right;
        margin-right: -20px;
        margin-top: -16px;
   }

     .text-block a, .identity .text-block a, .createBox .text-block a, .develop .text-block a, .execute .text-block a {
        margin-right: initial;
    }

    .downloadList {
        margin-bottom: 20px;
    }
  
}

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

    .text-block a {
        font-size: 12px;
    }

    .video-holder-div > a:empty {
        margin-top: 25px;
    }

    .sideBox {
        margin-top: -30px !important;
    }

    #accordianPart2 h3, #accordianPart3 h3, #accordianPart4 h3, #accordianPart5 h3, #accordianPart6 h3, #accordianPart7 h3, #accordianPart8 h3, #accordianPart9 h3, #accordianPart10 h3, #accordianPart11 h3 {
        padding-bottom: 0px;
        margin-left: 8% !important;
    }

    .insidePage .fullWidth p {
        margin-left: -3% !important;
    }

    #executeSection3 .panel-body p {
        margin-left: 3% !important;
    } 

    #link17 h3 {
        margin-left: 11% !important;
    }

    #lineUpSection4 .right-side p, #identitySection6 .right-side p {
        margin-left: -1% !important;
    }
    #createSection7 .panel-body p {
        margin-left: 3% !important;
    }

    #accordion04 .developInsider .panel-heading h3 {
        margin-left: 11% !important;
    }

    #developSection4 .panel-body p {
        margin-left: 3% !important;
    }

    .lineUpInsider1 .panel-body p, .identityInsider1 .panel-body p, .createInsider1 .panel-body p, .developInsider1 .panel-body p, .executeInsider1 .panel-body p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 1.5em;
        height: auto !important;
    }

    .lineUpInsider1 .panel-body, .identityInsider1 .panel-body, .createInsider1 .panel-body, .developInsider1 .panel-body, .executeInsider1 .panel-body {
        margin-bottom: 10%;
    }

    .paddingMobile  {padding: 0px 15px 15px 15px;}

    .right-side .html5lightbox img {
        padding-left: 12%;
    }

    .settings {
        width: 100%;
    }

    .lineUpInsider a img, .identityInsider a img, .createInsider a img, .developInsider a img, .executeInsider a img {
        width: 30px;
        margin-top: -1px;
    }

    /*.lineUpInside .panel-heading {
        margin-right: 0px;
        margin-left: 0px;
    }*/

    .panel-group .lineUpInsider .panel-heading, .panel-group .identityInsider .panel-heading, .panel-group .createInsider .panel-heading, .panel-group .developInsider .panel-heading, .panel-group .executeInsider .panel-heading {
        height: 67px;
        margin-bottom: 0px;
    }

    /*.lineUpLevel3, .lineUpLevel2, .identityLevel3, .identityLevel2, .createLevel3, .createLevel2, .developLevel3, .developLevel2, .executeLevel3, .executeLevel2 {
        margin-top: 15px !important;
    }*/

    .lineUpInsider1, .identityInsider1, .createInsider1, .developInsider1, .executeInsider1 {
        border-radius: 0px !important;
        /*margin-bottom: 7px !important;*/
    }

    .lineUpInsider h3 img, .identityInsider h3 img, .createInsider h3 img, .developInsider h3 img, .executeInsider h3 img {
        width: 35px;
    }

    .video-holder-div {
        background-size: 52px 52px;
    }

    .panel-title {
        font-size: 3em;
        margin-top: 15px;
    }

    .text-block p {
        font-size: 1.2em;
        width: 135%;
        margin-bottom: 10px;
    }

    .btn-lg {
        font-size: 14px;
    }

    .introBox h3 {
        font-size: 2.5em;
        margin-top: 5px;
    }

    .video-holder-div {
        background-size: 100% !important;
    }

    header h2 img {
        width: 250px;
        height: 40px;
        float: left;
        margin-top: -6px;
        margin-left: 36px;
        margin-right: 10px;
    }

    header h2 {
        font-size: 2.5em;
        margin-top: 10px;
        text-align: left;
    }

    .row .introBox {
        margin: 0px;
    }

    .introBox p {
        font-size: 1.5em;
        line-height: 20px;
        margin-right: -20px;
    }

    .playBtn {
        height: 65px;
        width: 65px;
        margin-top: 2px;
    }

    .nav-toggler {
        margin-top: -26px;
        margin-left: 5px;
    }

    .leftBlock button {
        margin-top: 14px;
    }

    .leftBlock .viewVideo {
        font-size: 12px !important;
    }
    /*.footer img {
        width: 40px;
        height: 40px;
        float: left;
        margin-left: 15px;
        margin-top: -15px;
    }

    .footer p {
        font-size: 1.2em;
        padding-top: 20px;
    }

    .footer {
        height: 85px;
    }*/  
    
    .panel-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .right-side p {
        font-size: 1.5em;
        padding-left: 0%;
        padding-right: 0%;
    }

    .right-side {
        width: 100%;
    }

    .lineUpInsider img, .identityInsider img, .createInsider img, .developInsider img, .executeInsider img {
        margin-left: 10.5%;
    }

        .right-side .playBtn {
            margin-left: initial;
            margin-right: -33px;
            width: 65px !important;
            margin-top: 12px;
        }

    .html5lightbox {
        font-size: 14px !important;
    }    

    .sideBox h3 {
        font-size: 1.9em;
    }

    .sideBox {
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        
    }

    .sideBox  a {
        font-size: 14px;
    }

        .sideBox .example {
            left: -2px;
        }

    .introBox .leftBlock {
        padding-bottom: 10px;
        padding-top: 60px;
    }

    header {
        margin-left: 0px;
    }

    .lineUp > .panel-heading, .identity > .panel-heading, .createBox > .panel-heading, .develop > .panel-heading, .execute > .panel-heading {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .numbers img {
        width: 28px;
    }

    .lineUpInside .panel-heading, .identityInside .panel-heading, .createInside .panel-heading, .developInside .panel-heading, .executeInside .panel-heading {
        height: 40px;
    }

    .lineUpInsider .panel-heading h3, .identityInsider .panel-heading h3, .createInsider .panel-heading h3, .developInsider .panel-heading h3, .executeInsider .panel-heading h3,
    .lineUpInsider1 .panel-heading h3, .identityInsider1 .panel-heading h3, .createInsider1 .panel-heading h3, .developInsider1 .panel-heading h3, .executeInsider1 .panel-heading h3 {
        font-size: 1.8em;
        padding-left: 0%;
        padding-bottom: 2%;
        margin-left: 10px !important;
        margin-top: 5px !important;
    }

    .text-block > a {
        margin-right: -50px !important;
    }

    .viewVideo {
        margin-top: 17px;
    }
}


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

    #executeSection1 .insidePage .fullWidth p {
        margin-left: -9% !important;
    }

    .numbers {
        margin-right: 8px;
    }

    .panel-title {
        font-size: 3em;
        margin-top: 15px;
    }

    .text-block p {
        font-size: 1.6em;
        width: 115%;
    }

    .numbers img {
        width: 32px;
        margin-right: -20px;
        margin-top: 15px;
    }

    .btn-lg {
        font-size: 14px;
    }

    .introBox h3 {
        font-size: 2.5em;
    }

    header h2 img {
        width: 250px;
        height: 40px;
        float: left;
        margin-top: -6px;
        margin-left: 20px;
    }

    header h2 {
        font-size: 2.5em;
        margin-top: 10px;
    }

    header {
        height: 48px;
    }
    .row .introBox {
        margin: 0px;
    }

    .introBox p {
        font-size: 1.5em;
        line-height: 20px;
    }

    .nav-toggler {
        margin-top: -26px;
        margin-left: 5px;
    }

    .footer img {
        width: 40px;
        height: 40px;
        float: left;
        margin-left: 15px;
    }

    .footer p {
        font-size: 1.2em;
        padding-top: 20px;
    }

    .panel-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .right-side p {
        font-size: 1.5em;
        
    }

    .right-side {
        width: 100%;
    }

        .right-side .playBtn {
            margin-left: -5%;
        }


    .sideBox h3 {
        font-size: 1.9em;
    }

    .wrapped a {
        margin-right: -50px !important;
    }

    .sideBox {
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    .project {
        display: none;
    }

    .settings a {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    .video-holder-div {
        position: absolute;
        background-size: 100%;
        max-width: 86px;
        padding-right: 0px;
    }

        .video-holder-div > a:empty {
            width: 80px;
            height: 78px;
            margin-top: 24px;
        }
    
}

/* iPad Fix */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
       .downloadList {
        margin: 0 auto;
        margin-bottom: 15px;
        
    }
    
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
       .identity .text-block a,.createBox .text-block a, .develop .text-block a, .execute .text-block a  {
        margin-right: 125px;
    }
    
}

/* iPhone Fix */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .right-side p {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -20px;
        
    }

   .lineUp .text-block a, .identity .text-block a, .createBox .text-block a, .develop .text-block a, .execute .text-block a {
        margin-right: -50px;
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .text-block > .panel-title {
        font-size: 2.5em;
    }

    .wrapped > p {
        font-size: 1em !important;
        margin-right: -60px;
        width: 150%;
    }

    .wrapped > a {
        font-size: 1em;
    }

    .numbers img {
        width: 25px;
    }

    .introBox p, .lineUpInsider .panel-body p, createInsider .panel-body p, .developInsider .panel-body p, .executeInsider .panel-body p, .lineUpInsider1 .panel-body p, .identityInsider1 .panel-body p, .createInsider1 .panel-body p, .developInsider1 .panel-body p, .executeInsider1 .panel-body p {
        font-size: 1.2em !important;
        line-height: 1.4em;
    }

    .introBox h3 {
        font-size: 2.2em !important;
        margin-right: -25px;
    }

    #accordianPart2 h3, #accordianPart3 h3, #accordianPart4 h3, #accordianPart5 h3, #accordianPart6 h3, #accordianPart7 h3, #accordianPart8 h3, #accordianPart9 h3, #accordianPart10 h3, #accordianPart11 h3 {
        font-size: 1.8em !important;
    }


    .lineUpInsider .panel-heading h3, createInsider .panel-heading h3, .developInsider .panel-heading h3, .executeInsider .panel-heading h3 {
        margin-top: 5px !important;
        font-size: 1.8em;
    }

    .leftBlock {
        margin-left: -10px;
    }
    
}





/*Reef's Code*/

.panel-collapse
{

    display:block !important;
    overflow: hidden;
    height: 0;

}

.expanded
{
   
}

.expSibling, .childSibling, .plainSibling, .artSibling
{
     height: auto !important;
}

/* apptesting page */


#apptesting-page p
{
    font-size: 20px;
}
#apptesting-page {
    background-color: #fff;
    min-height: 300px;
    padding: 110px 20px;
}


/* Additional Fixes */

#createSection7 p, #developSection4 p {
    margin-left: 2% !important;
}

#executeSection3 p {
    margin-left: -1% !important;
}

.fullWidth p {
    margin-left: -3% !important;
}


/* Play Video Buttons */


.downloadBTN {
    display: initial !important;
}

/* View/Read Button */

#viewDoc {
    background: #968c7d;
    color: #fff;
    max-width: 110px;
    width: 110px;
    padding: 3px;
    border: none;
    font-size: 20px;
    font-family: 'Futura';
    border-radius: 6px;
    margin: 10px auto;
}





/*Reef changes*/

.videoCont
{
    position: fixed;

    /*top: 50%;*/
    bottom: 25%;
left: 50%;
max-width: 960px;
margin-top: -270px;
margin-left: -480px;
z-index: 32;
background: white;
/*border: 8px solid white;*/


}

    .videoCont video
    {
        width: 100% !important;
        height: auto!important;
    }

.greyBack
{
    display: block; 
position: fixed; 
top: 0px; 
left: 0px; 
right: 0;
bottom: 0;
width: 100%; 
min-height: 100%; 
opacity: 0.8; 
background-color: rgb(0, 0, 0);
z-index: 31;
}

.vjs-big-play-button
{
    left: 40% !important;
    right: 40% !important;
    width: 20% !important;
    top: 40% !important;
}

.nodis
{
  display: none;
}


.closeIt
{
    cursor: pointer;
    text-align: right;
    padding-right: 10px;
    font-size: 18px;
}


.IE9
{
    display: none;
}

video.IE10
{
    display: none;
}



/*IE10 hack*/

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    div
    {
        background: red !important;
    }
}*/


/*@media screen and (min-width:0\0) {  


    div
    {
        background: red !important;
    }
}*/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .IE9
    {
        display: block\9 !important;
    }
    .IE10
{
    display: block\9 !important;
}

    div.IE10
{
    display: block\9 !important;
}

.notIE9
{
    display: none\9!important;
}

    .nonhtml5
    {
        display: none\9 !important;
    }




}



@media screen and ( max-height: 870px ){
    .videoCont
    {
        bottom: 5%!important;
        
    }

    header
    {
        z-index: 28;
    }




}