/*
Theme Name: Apirho
Theme URI: Blackid
Author: blackid
Author URI: http://www.blackid.com/
Description: Apirho Tour
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apirho

*/


/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    display: none;
}
::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    display: none;
}
::-ms-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    display: none;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    display: none;
}
::-moz-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    display: none;
}
::-ms-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    display: none;
}*/


p {
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


/**********************
 *CSS Animations by:
 *http://codepen.io/vivinantony
***********************/
.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner2 {
  width: 40px;
  height: 40px;
  position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999999;
    line-height: 28px !important;
    outline: medium none;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fff;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner2 .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner3 {
  width: 40px;
  height: 40px;
  position: relative;  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner4 {
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.spinner5 {
  width: 32px;
  height: 32px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.spinner6 {
  width: 50px;
  height: 30px;
  text-align: center;
}

.spinner6 > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  margin-left:2px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner6 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner6 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner6 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner6 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
  .spinner7 {
      width: 90px;
      height: 30px;
      text-align: center;
    }

    .spinner7 > div {
      background-color: #fff;
      height: 15px;
      width: 15px;
      margin-left:3px;
      border-radius: 50%;
      display: inline-block;
      
      -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
      animation: stretchdelay 0.7s infinite ease-in-out;
    }

    .spinner7 .circ2 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }

    .spinner7 .circ3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }

    .spinner7 .circ4 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }

    .spinner7 .circ5 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }

    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: translateY(-10px) }  
      20% { -webkit-transform: translateY(-20px) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { 
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
      } 20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
      }
    }


.inactive_tour_sidebar a{
    color: #d2d2d2 !important;    
}


.mechanical {
    background-color: #69b8b2;
    color: #fff;
    /*min-height: 106px;*/
	height: 85px;
    padding: 11px 8px;
    /*padding: 18px 8px 0;*/
}
.mac-left {
    float: left;
    margin-left: 13px;
    margin-right: 8px;
}
.mac-right {
    float: right;
    width: 159px;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.exit-tour-mechanical {
    color: #085650;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 6px;
    position: relative;
	text-transform: uppercase;
}
#text-5 {
    float: left;
    margin-bottom: 0;
    width: 100%;
}
.vertical_logo_wrapper {
    height: 85px;
    padding: 15px 30px;
    text-align: center;
}
.normal {
    width: 58%;
}
#menu-side-menu {
    padding: 0 35px;
    margin-top: 50px;
}
#text-5 {
    list-style: none;
}
.vertical_menu_area_widget_holder {
    text-align: center;
    width: 100%;
    font-size: 12px !important;
}
.menu-bg {
    background-color: #83d5ca;
	margin-bottom: 12px;
}
.custom-menu-chem {
   /* height: 275px;
   	overflow-y: auto;*/
	position: relative;
    padding: 5px 0;
	width: 100%;
}
.custom-menu-chem-assign1 {
    /* height: 275px;
   	overflow-y: auto;*/
	position: relative;
    padding: 5px 0;
	width: 100%;
}
.custom-menu-chem-assign3 {
    /* height: 275px;
   	overflow-y: auto;*/
	position: relative;
    padding: 5px 0;
	width: 100%;
}
.main-assign {
    box-shadow: 1px 1px 2px #d2d2d2;
    width: 70%;
    float: left;
}
.main-sub {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}
.criteria {
    float: left;
    width: 40%;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 10px 25px;
}
.criteria p, .two-rigid p, .two-rigid-two p {
    color: #3976ab;
    font-size: 18px;
    font-weight: bold;
}
.two-rigid {
    float: left;
    width: 21%;
    border-right: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
 padding: 10px 25px;
}
.two-rigid-two {
    float: left;
    width: 22%;
border-bottom: 1px solid #d7d7d7;
 padding: 10px 25px;
}
.performance {
    float: left;
    width: 50%;
}
.high {
    float: left;
    width: 25%;
}
.wpcf7-list-item.first {
    width: 90%;
}
.wpcf7-list-item-label {
    font-size: 18px;
    color: #464646;
    font-weight: 600;
}


.title_outer.title_without_animation {
    display: none;
}




/* Login CSS */
.tml {
    background-color: #e5e5e5;
    border-radius: 5px;
    box-shadow: 1px 4px 5px;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px;
    position: relative;
    top: 50px;
    width: 40%;
}
.input {
    padding: 10px 0;
}
.tml-submit-wrap > input {
    background-color: #83d5ca;
    border: medium none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 25px;
}
.tml-user-login-wrap > label {
    color: #333; font-size: 16px;
}

.tml-user-pass-wrap > label {
    color: #333;
    font-size: 16px;
}



/* Slider CSS */
.wrapper_inner {
    overflow: visible;
    width: 100%;
}
/*html {
    height: 100% !important;
	height: auto;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
/*.page-template {
    height: 100% !important;
}
.wrapper {
	height: 100%;
}
.wrapper_inner {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.content {
    height: 100%;
}
.content_inner.fade {
    height: 100%;
    width: 100%;
}
.content_inner {
    height: 100%;
    width: 100%;
}
.full_width {
    height: 100%;
    width: 100%;
}
.full_width_inner {
    height: 100%;
    width: 100%;
}*/
.cycle-slide {
    height: auto;
    width: 100%;
}
.cycle-slideshow {
    height: 100%;
    width: 100%;
}
.content .container,  .full_width,  .q_slider,  .title_outer,  footer {
    padding-left: 250px !important;
	height: 768px;
}
aside.vertical_menu_area {
    width: 250px !important;
	position: absolute;
}
.center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
.fa-arrow-left::before {
    color: #4d7b86;
    content: "�?�";
    font-size: 32px;
}
.fa-arrow-right::before {
    color: #4d7b86;
    content: "�?�";
    font-size: 32px;
}
.arrrider .left-arrow::before {
    color: #acacac; opacity: 0.9;
}
.arrrider .right-arrow::before {
    color: #acacac; opacity: 0.9;
}
.oop-varation-one .left-arrow::before {
    color: #e5e5e5; opacity: 0.9;
}
.oop-varation-one .right-arrow::before {
    color: #acacac; opacity: 0.9;
}
.oop-varation-one #prev {
    pointer-events: none;
}
.oop-varation-two .left-arrow::before {
    color: #e5e5e5; opacity: 0.9;
}
.oop-varation-two .right-arrow::before {
    color: #acacac; opacity: 0.9;
}
.oop-varation-two #prev {
    pointer-events: none;
}
.arrrider-slide4 .left-arrow::before {
    color: #65acc4;
}
.arrrider-slide4 .right-arrow::before {
    color: #65acc4;
}
.fa.fa-chevron-right {
    font-size: 12px;
    margin-right: 5px;
}
.arrrider-one .fa.fa-arrow-left.left-arrow::before {
    color: #a5a5a5;
}
.arrrider-one .fa.fa-arrow-right.right-arrow::before {
    color: #e5e5e5;
}
.arrrider-one #next {
    pointer-events: none;
}
#prev {
    margin-right: 13px;
}
#next {
    margin-left: 13px;
}
.arrow-no {
    display: none;
}
.home-arrow #prev {
    pointer-events: none;
}
.calculat-arrow {
    left: 56%;
    position: fixed;
    bottom: 5%;
    z-index: 1000;
}
#calprev {
    margin-right: 13px;
}
#calnext {
    margin-left: 13px;
}
.arrrider-one #calprev {
    pointer-events: none;
}
.arrrider-one #prev-oops {
    pointer-events: none;
}

.fa.fa-arrow-left.left-arrow.cal-arrow-left::before {
    color: #e5e5e5;
}
.fa.fa-arrow-right.right-arrow.cal-arrow-right::before {
    color: #a5a5a5;
}
.cal-arrow-black .fa.fa-arrow-left.left-arrow.cal-arrow-left::before {
    color: #4d7b86;
}
.cal-arrow-black .fa.fa-arrow-right.right-arrow.cal-arrow-right::before {
    color: #4d7b86;
}

.cal-arrow .fa.fa-arrow-left.left-arrow.cal-arrow-left::before {
    color: #a5a5a5;
}
.cal-arrow .fa.fa-arrow-right.right-arrow.cal-arrow-right::before {
    color: #a5a5a5;
}

.oops-arrow {
    left: 56%;
    position: absolute;
    top: 90%;
    z-index: 1000;
}
#prev-oops {
    margin-right: 16px;
}
#next-oops {
    margin-left: 16px;
}
.fa.fa-arrow-left.oop-arrow-left::before {
    color: #e5e5e5;
}
.fa.fa-arrow-right.oop-arrow-right::before {
    color: #a5a5a5;
}

.cal-arrow .fa.fa-arrow-left.oop-arrow-left::before {
    color: #a5a5a5;
}
.cal-arrow .fa.fa-arrow-right.oop-arrow-right::before {
    color: #a5a5a5;
}
.cal-arrow-black .fa.fa-arrow-left.oop-arrow-left::before{
	color: #4d7b86;
}
.cal-arrow-black .fa.fa-arrow-right.oop-arrow-right::before{
	color: #4d7b86;
}

.owl-dots {
    display: none;
}
.owl-theme .owl-nav {
    margin-top: -65px !important;
    position: absolute;
}
.owl-theme .owl-nav [class*="owl-"] {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    left: 621px !important;
    margin: 5px;
    padding: 4px 7px;
    position: relative;
}


/**
 * Menu CSS
 */
.chem-supervise {
    background-color: #ffffff;
    border-bottom: 1px solid #83d5ca;
    border-top: 1px solid #83d5ca;
    bottom: 50px;
    cursor: pointer;
    height: 60px;
    left: 20px;
    margin: 10px auto 0;
    padding: 6px 0;
    position: fixed;
    width: 210px;
}
.fa.fa-arrow-left.chemi-super::before {
    color: #004252;
	cursor: pointer;
    float: left;
    font-size: 20px;
    margin-top: 9px;
    width: 24px;
}
.inactive_tour_sidebar .fa.fa-arrow-left.chemi-super::before {
    color: #d2d2d2;
}
.inactive_tour_sidebar .chem-supervise-right {
    color: #d2d2d2;
}
.chem-supervise-right {
    color: #00566a;
    float: right;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    width: 80%;
	margin-bottom: 0;
}
.backto-chem-design{
	background-color: #ffffff;
    border-bottom: 1px solid #83d5ca;
    border-top: 1px solid #83d5ca;
    bottom: 50px;
    cursor: pointer;
    height: 60px;
    left: 20px;
    margin: 10px auto 0;
    padding: 6px 0;
    position: fixed;
    width: 210px;
}

.copyright-text {
    background-color: #ffffff;
    bottom: 0;
    color: #176c7b;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    margin: 0 18px;
    padding-bottom: 25px;
    padding-top: 13px;
    position: fixed;
    text-align: center;
}
.custom-menu {
   /* height: 320px;
    overflow-y: auto;*/
    padding: 5px 0;
}

  .tree {
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    list-style: outside none none;
	padding-left: 10px !important;
	width: auto;
 }

 .fa.fa-file-text.concept-icon-file {
     font-size: 16px;
     margin-left: 24px;
     margin-right: 8px;
     margin-top: 4px;
 }
 .fa.fa-pencil-square-o.concept-icon-edit {
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
	margin-top: 0;
 }
 .fa.fa-file-text.high-3 {
     font-size: 16px;
     margin-left: 24px;
     margin-right: 8px;
 }
 .fa.fa-pencil-square-o.high-4 {
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
 }
 .fa.fa-file-text.highm-3 {
     font-size: 16px;
     margin-left: 24px;
     margin-right: 8px;
 }
 .fa.fa-pencil-square-o.highm-4 {
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
 }
 .submenu-tree {
     list-style: outside none none;
 }
 .menu-step1 > a {
     color: #969696;
     font-family: "proxima-nova",sans-serif;
 }

.tree,
.tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#828282;
  position:relative;
}

.tree ul {margin-left: 0px;} /* (indentation/2) */

.tree::before {
    border-left: 1px solid;
    bottom: 0;
    content: "";
    display: block;
    height: 225px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 0;
}

.tree li {
  margin:0;
  padding:0 17px; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.tree li:before {
  content:"";
  display:block;
  width:15px; /* same with indentation */
  height:0;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.tree li:last-child:before {

  top:1em; /* (line-height/2) */
}

.tree li.menu-step1::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.menu-step1.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree li.menu-step2::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.menu-step2.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree li.menu-step3::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.menu-step3.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.submenu-tree li {
    padding-left: 38px !important;
}
.tree ul.submenu-tree::before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.tree .submenu-tree li::before {
    border-bottom: 1px dotted #004252;
    border-left: 1px dotted #004252;
    height: 12px;
    margin-left: 20px;
    top: 5px;
    width: 12px;
}

.submenu-tree-two {
    left: 22px;
    width: 90%;
}
.tree ul.submenu-tree-two::before {
    bottom: 0;
    content: "";
    display: block;
    left: 10px;
    position: absolute;
    top: 0;
    width: 0;
}

.tree ul ul.submenu-tree-two li::before {
    margin-left: 16px;
}
.tree ul ul.submenu-tree-two li {
    margin-left: 1px;
    padding-left: 34px;
}


/* Mechanical Menu */
.intro-step1 > a {
     color: #828282;
     font-family: "proxima-nova",sans-serif;
}
.intro-step2 > a {
     color: #828282;
     font-family: "proxima-nova",sans-serif;
}
.intro-step3 > a {
     color: #828282;
     font-family: "proxima-nova",sans-serif;
}
.intro-one-design.active > a {
    color: #004252;
    font-family: "proxima-nova",sans-serif;
}
.intro-one-design > a {
    color: #828282;
    font-family: "proxima-nova",sans-serif;
}

.tree li.intro-step1::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.intro-step1.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree li.intro-step2::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.intro-step2.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree li.intro-step3::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree li.intro-step3.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}


.active {
    color: #004252 !important;
}
.example-one-con-edit-assign {
    margin-bottom: 0;
}
.example-one-con-view {
    float: left;
    margin-left: 16px;
	margin-bottom: 0;
  margin-top: -5px;
    width: 20%;
}
.example-two-con-view {
    float: left;
    margin-bottom: 0;
    margin-left: 16px;
    width: 20%;
}
.example-two-con-edit {  margin-bottom: 0; }

.example-three-con-view {
    float: left;
    margin-bottom: 0;
    margin-left: 16px;
    width: 20%;
}
.example-three-con-edit {  margin-bottom: 0; }

.vertical_menu_area_widget_holder {
    display: none;
}
.menu-step1 > a { color: #828282; }
.menu-step1 > a:hover { color: #828282; }
.menu-step2 > a { color: #828282; font-family: "proxima-nova",sans-serif; }
.menu-step2 > a:hover { color: #828282; }
.example-one-design > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-one-design > a:hover { color: #828282; }
.example-one-concept-four > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-one-concept-four > a:hover { color: #828282; }
.example-one-con-evl-six > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-one-con-evl-six > a:hover { color: #828282; }


.example-one-detail > a { color: #828282; font-family: "proxima-nova",sans-serif; }
.example-one-detail > a:hover { color: #828282; }
.menu-step3 > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.menu-step3 > a:hover { color: #828282; }
.example-two-design > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-two-design > a:hover { color: #828282; }
.example-two-det-des > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-two-det-des > a:hover { color: #828282; }
.example-two-detail > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-two-detail > a:hover { color: #828282; }
.example-two-gen > a { color: #828282;  font-family: "proxima-nova",sans-serif;}
.example-two-gen > a:hover { color: #828282; }
.example-three-evl > a { color: #828282; font-family: "proxima-nova",sans-serif;}
.example-three-evl > a:hover { color: #828282; }


.example-one-design.active > a { color: #004252;  font-family: "proxima-nova",sans-serif;}
.example-one-concept-four.active > a { color: #004252; font-family: "proxima-nova",sans-serif; }
.example-one-con-evl-six.active > a { color: #004252; font-family: "proxima-nova",sans-serif; }
.example-one-detail.active > a { color: #004252; font-family: "proxima-nova",sans-serif; }


/* Menu 2 CSS */
.chemical {
    background-color: #69b8b2;
    color: #ffffff;
    height: 85px;
    padding: 11px 8px;
}
#text-6 {
    float: left;
    margin-bottom: 0;
    width: 100%;
	list-style: outside none none;
}
.exit-tour-chemical { 
	color: #085650;
    cursor: pointer;
    float: right;
	font-size: 13px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 6px;
	position: relative;
	text-transform: uppercase;
}
.tree-two {
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    list-style: outside none none;
	padding-left: 10px !important;
	width: auto;
}
.tree-two,
.tree-two ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#828282;
  position:relative;
}

.tree-two ul {margin-left: 0px;} /* (indentation/2) */

.tree-two::before {
    border-left: 1px solid;
    bottom: 0;
    content: "";
    display: block;
    height: 210px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 0;
}

.tree-two li {
  margin:0;
  padding:0 17px; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.tree-two li:before {
  content:"";
  display:block;
  width:15px; /* same with indentation */
  height:0;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.tree-two li:last-child:before {

  top:1em; /* (line-height/2) */
}

.tree-two li.menu-step1::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree-two li.menu-step1.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree-two li.menu-step2::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree-two li.menu-step2.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree-two li.menu-step3::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree-two li.menu-step3.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}
.tree-two ul.submenu-tree::before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.tree-two .submenu-tree li::before {
    border-bottom: 1px dotted #004252;
    border-left: 1px dotted #004252;
    height: 12px;
    margin-left: 20px;
    top: 5px;
    width: 12px;
}

.submenu-tree-two {
    left: 22px;
    width: 90%;
}
.tree-two ul.submenu-tree-two::before {
    bottom: 0;
    content: "";
    display: block;
    left: 10px;
    position: absolute;
    top: 0;
    width: 0;
}

.tree-two ul ul.submenu-tree-two li::before {
    margin-left: 16px;
}
.tree-two ul ul.submenu-tree-two li {
    margin-left: 1px;
    padding-left: 34px;
}

.fa.fa-file-text.process-icon {
    font-size: 16px;
    margin-left: 21px;
    margin-right: 8px;
    margin-top: 5px;
}
.fa.fa-pencil-square-o.process-icon-edit {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 1px;
}
.fa.fa-file-text.pipe-icon {
    font-size: 16px;
    margin-left: 21px;
    margin-right: 8px;
    margin-top: 5px;
}
.fa.fa-pencil-square-o.pipe-icon-edit {
    font-size: 16px;
    margin-left: 4px;
    margin-right: 15px;
}
.pipe-design-one > a {
    color: #828282;
    float: left;
    font-family: "proxima-nova",sans-serif;
    margin-top: 0px;
    width: 100%;
}
.pipe-design-one > a:hover { color: #828282; }
.pipe-design-one.active > a { color: #004252; }
.process-flow-one > a {
    color: #828282; font-family: "proxima-nova",sans-serif;
}
.process-flow-one > a:hover { color: #828282; }
.process-flow-one.active > a { color: #004252; }
.equipment-design > a {
color: #828282;
    font-family: "proxima-nova",sans-serif;
    margin-top: 0px;
    width: 100%;
}
.equipment-design > a:hover { color: #828282; }
.equipment-design.active > a { color: #004252; }
.design-menu-two > a{
	color: #828282; font-family: "proxima-nova",sans-serif;
}
.design-menu-two > a:hover { color: #828282; }
.design-menu-two.active > a { color: #004252; }
.equipment-design-two > a{
	color: #828282; font-family: "proxima-nova",sans-serif;
}
.equipment-design-two > a:hover { color: #828282; }
.equipment-design-two.active > a { color: #004252; }
.fa.fa-file-text.equipment-3 {
    font-size: 16px;
    margin-left: 22px;
    margin-right: 8px; 
}
.fa.fa-pencil-square-o.equipment-4 {
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px; 
}

/* Menu 3 CSS */
.chemicalsuper {
    background-color: #69b8b2;
    color: #ffffff;
    height: 85px;
    padding: 9px 8px 0;
}
#text-7 {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    width: 100%;
}
.exit-tour-chemicalsuper {
    color: #085650;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 6px;
    position: relative;
    text-transform: uppercase;
}
.custom-menu-chemsuper {
    height: 150px;
	position: relative;
	overflow-y: auto;
    padding: 15px 0;
	width: 100%;
}
.chemsuper-menu-step1 > a {
     color: #969696;
     font-family: "proxima-nova",sans-serif;
}
.chemsuper-menu-step2 > a {
     color: #969696;
     font-family: "proxima-nova",sans-serif;
}
.chemsuper-menu-step1 > a { color: #828282; }
.chemsuper-menu-step1 > a:hover { color: #828282; }
.chemsuper-menu-step2 > a { color: #828282; }
.chemsuper-menu-step2 > a:hover { color: #828282; }

.tree-three {
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    list-style: outside none none;
	padding-left: 10px !important;
	width: auto;
}
.tree-three,
.tree-three ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#828282;
  position:relative;
}

.tree-three ul {margin-left: 0px;} /* (indentation/2) */

.tree-three::before {
    border-left: 1px solid;
    bottom: 0;
    content: "";
    display: block;
    height: 30px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 0;
}

.tree-three li {
  margin:0;
  padding:0 17px; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.tree-three li:before {
  content:"";
  display:block;
  width:15px; /* same with indentation */
  height:0;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.tree-three li:last-child:before {

  top:1em; /* (line-height/2) */
}

.tree-three li.chemsuper-menu-step1::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree-three li.chemsuper-menu-step1.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}

.tree-three li.chemsuper-menu-step2::before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    color: #b6b6b6;
    display: block;
    height: 15px;
    left: -8px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding-left: 0;
    padding-top: 0;
    top: 6px;
    width: 16px;
}

.tree-three li.chemsuper-menu-step2.active::after {
    background-color: #ffffff;
    border: 1px solid #004252;
    border-radius: 50%;
    color: #004252;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 8px;
    height: 15px;
    left: -8px;
    line-height: 15px;
    margin-bottom: 1px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 16px;
}


.fa.fa-file-text.process-icon-super::before {
    font-size: 16px;
}
.fa.fa-file-text.process-icon-super {
    margin-left: 3px;
	margin-top: 4px;
}
.fa.fa-pencil-square-o.process-icon-super-edit::before {
    font-size: 16px;
}
.fa.fa-pencil-square-o.process-icon-super-edit {
    margin-left: -14px;
    margin-top: 1px;
}



.home-arrow .fa.fa-arrow-left.left-arrow {
    opacity: 0.2;
}
.slide1 {
    background-color: #004252;
    height: auto;
    width: 100%;
}
.slide1-inner {
    background-color: #004252;
    min-height: 768px;
    width: 100%;
}
.slide1-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    overflow-y: hidden;
    position: absolute;
    top: 15%;
    width: 780px;
}
.smiley-slide1 {
    float: left;
    height: auto;
    margin: 40px 0 auto 24px;
    top: 0;
    width: 170px !important;
}
.shap1-slide1 {
    float: left;
    height: auto !important;
    margin: 200px 0 auto;
    width: 550px !important;
}
.slide1-dec {
    float: left;
    padding: 10px 25px;
    width: 510px;
}
.slide1-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 80px;
    margin-top: 48px;
}
.slide1-text-bg {
    background-image: url("img/shap1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: auto !important;
    margin: 100px 0 auto;
    padding: 80px 0;
    width: 530px !important;
    z-index: 100;
}

.slide2 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.slide2-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.slide2-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.slide2-dec {
    float: left;
    margin-left: 160px;
    padding-right: 35px;
    position: absolute;
    top: 180px;
    width: 502px;
}
.slide2-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.slide2-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    text-align: justify;
}
.slide2-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
    text-align: justify;
}
.slide2-shap2-main {
    bottom: -210px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide2-shap2 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 85px;
    min-height: 102px !important;
    position: absolute;
    right: 115px;
    width: 330px !important;
	padding: 30px 25px;
}
.slide2-shap2-half {
	background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 2px;
    height: 84px;
    position: absolute;
    right: 115px;
    width: 330px;
}
.slide2-smiley2 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px;
}
.slide2-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 24px;
    position: relative;
    top: 11px;
    width: 235px;
}
.slide2-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide2-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px;
    z-index: 1000;
}

.slide3 {
    background-image: url("img/slide3-bg3.jpg");
    background-position: center center;
    background-repeat: repeat-x;
	height: auto;
    width: 100%;
}
.slide3-inner {
    min-height: 768px;
    width: 100%;
}
.slide3-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 15%;
    width: 780px;
}
.slide3-left-img {
    position: relative;
    top: 83px;
    width: 53%;
}
.slide3-right-img {
    left: 510px;
    position: relative;
    top: -220px;
    width: 30%;
}
.slide3-shap3-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 10px;
}
.slide3-shap3 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 75px;
    min-height: 170px !important;
    position: absolute;
    right: 105px;
    width: 445px !important;
	padding: 30px 25px;
}
.slide3-shap3-half {
	background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 0px;
    height: 84px;
    position: absolute;
    right: 100px;
    width: 450px;
}
.slide3-smiley3 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px;
}
.slide3-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 19px;
    position: relative;
    top: 5px;
    width: 365px;
}
.slide3-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide3-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px;
    z-index: 1000;
}

.slide4 {
    background-color: #2288ab;
	height: auto;
	width: 100%;
}
.slide4-inner {
    background-color: #2288ab;
	min-height: 768px;
	width: 100%;
}
.slide4-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.slide4-shap4-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide4-shap4 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 100px;
    min-height: 200px !important;
    position: absolute;
    right: 127px;
    width: 445px !important;
}
.slide4-shap4-half {
	background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 18px;
    height: 84px;
    position: absolute;
    right: 122px;
    width: 450px;
}
.slide4-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide4-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px;
    z-index: 1000;
}
.slide4-smiley4 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 100px !important;
}
.slide4-machin {
    height: auto !important;
    margin-left: 50px;
    width: 60%;
}
.slide4-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 50px;
    line-height: 26px;
    position: relative;
    top: 28px;
    width: 350px;
}
.slide4-popup2 {
    bottom: 0;
    color: #959595;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    left: 48px;
    position: relative;
    top: 30px;
    width: 340px;
}


.slide5 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide5-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide5-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.fa.fa-chevron-right.slide5-icon {
    margin-left: 20px;
    margin-top: 7px;
    position: absolute;
}
.slide5-board {
    position: absolute;
    top: 85px;
    width: 780px !important;
}
.slide5-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.slide5-dec {
    float: left;
    height: auto;
    margin-left: 129px;
    padding: 58px 35px;
    position: absolute;
    top: 88px;
    width: 565px;
}
.slide5-dec > ul {
    list-style: outside none none;
    width: 460px;
}
.slide5-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    width: 475px;
}
.slide5-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 5px;
    width: 475px;
}
.slide5-text3 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 35px;
    text-align: justify;
    margin-top: 8px;
    width: 418px;
}
.slide5-text4 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    width: 460px;
line-height: 22px;
}
.slide5-shap5-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide5-shap5 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 100px;
    min-height: 160px !important;
    position: absolute;
    right: 120px;
    width: 438px !important;
}
.slide5-shap5-half {
	background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 18px;
    height: 84px;
    position: absolute;
    right: 108px;
    width: 450px;
}
.slide5-smiley5 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.slide5-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    left: 62px;
    line-height: 26px;
    position: relative;
    top: 36px;
    width: 320px;
}
.slide5-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 22px !important;
    z-index: 10;
}
.slide5-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}


.slide6 {
    background-color: #f7f7f7;
	height: auto;
	width: 100%;
}
.slide6-inner {
    background-color: #f7f7f7;
	min-height: 768px;
	width: 100%;
}
.slide6-contant {
    height: 90%;
    left: 50%;
    margin: 0 auto 0 -390px;
    position: absolute;
    top: 5%;
    width: 780px;
}
.slide6-concept1 {
    width: 90%;
}
.slide6-concept2 {
    width: 90%;
}
.gray-line {
    position: relative;
    top: 265px;
}
.slide6-tit {
    color: #3976ab;
    font-size: 24px;
    font-weight: bold;
    margin-left: 270px;
    position: absolute;
    top: 0;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
}
.slide6-top-one {
    position: absolute;
    top: 53px;
}
.slide6-left-one {
    position: relative;
    width: 275px !important;
}
.slide6-right-one {
    margin-left: 235px;
    position: absolute;
    top: 1px;
}
.slide6-top-two {
    position: absolute;
    top: 240px;
}
.slide6-left-two {
    position: relative;
    top: 90px;
    width: 270px !important;
}
.slide6-right-two {
    margin-left: 235px;
    position: absolute;
    top: 0px;
}
.fa.fa-chevron-right.slide6-icon {
    margin-left: 155px;
    position: absolute;
    top: 80px;
}
.fa.fa-chevron-right.slide6-icon-two {
    margin-left: 155px;
    position: absolute;
    top: 122px;
}
.fa.fa-chevron-right.slide6-icon-three {
    margin-left: 155px;
    position: absolute;
    top: 155px;
}
.fa.fa-chevron-right.slide6-icon-four {
    margin-left: 155px;
    position: absolute;
    top: 197px;
}
.slide6-text1 {
    color: #464646;
    font-size: 18px;
    line-height: 26px;
    margin-left: 119px;
    position: absolute;
    top: 28px;
    width: 370px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 600;
}
.slide6-text2 {
    color: #464646;
    font-size: 18px;
    line-height: 22px;
    margin-left: 175px;
    position: absolute;
    top: 75px;
    width: 370px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}
.slide6-text3 {
    color: #464646;
    font-size: 18px;
    line-height: 26px;
    margin-left: 175px;
    position: absolute;
    top: 115px;
    width: 340px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}
.slide6-text4 {
    color: #464646;
    font-size: 18px;
    line-height: 26px;
    margin-left: 119px;
    position: absolute;
    top: 102px;
    width: 370px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 600;
}
.slide6-text5 {
    color: #464646;
    font-size: 18px;
    line-height: 22px;
    margin-left: 175px;
    position: absolute;
    top: 150px;
    width: 385px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}
.slide6-text6 {
    color: #464646;
    font-size: 18px;
    line-height: 26px;
    margin-left: 175px;
    position: absolute;
    top: 190px;
    width: 370px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}
.slide6-toggle-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide6-toggle {
    background-image: url("img/shap-big-3-1.png");
    bottom: 70px;
    min-height: 100px;
    padding: 30px 20px;
    position: absolute;
    right: 118px;
    width: 442px !important;
}
.slide6-toggle-half {
	background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: -5px;
    height: 75px;
    position: absolute;
    right: 110px;
    width: 450px;
}
.slide6-smiley6 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.slide6-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 33px;
    line-height: 26px;
    position: relative;
    top: 7px;
    width: 345px;
}
.slide6-popup2 {
    color: #959595;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    left: 32px;
    line-height: 26px;
    position: relative;
    top: 20px;
    width: 345px;
}
.slide6-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}

.slide7 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide7-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide7-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.fa.fa-chevron-right.slide7-icon {
    margin-left: -8px;
    margin-top: 5px;
    position: absolute;
}
.slide7-board {
    position: absolute;
    top: 85px;
    width: 780px !important;
}
.slide7-bord-text {
    background-image: url("img/slide2-board.png");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.slide7-dec {
    float: left;
    height: auto;
    margin-left: 143px;
    padding: 58px 10px;
    position: absolute;
    top: 105px;
    width: 545px;
}
.slide7-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    width: 475px;
margin-bottom: 10px;
}
.slide7-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
margin-bottom: 10px;
    width: 475px;
}
.slide7-dec > ul {
    float: left;
    list-style: outside none none;
    margin-left: 40px;
    width: 437px;
}
.slide7-text3 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
	margin-left: 10px;
    text-align: justify;
}
.slide7-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}
.slide7-smiley7 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
}

.slide8 {
    background-color: #ededed;
	height: auto;
	width: 100%;
}
.slide8-inner {
    background-color: #ededed;
	min-height: 768px;
	width: 100%;
}
.slide8-contant {
    /*height: 100%;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 4%; */
    width: 780px;
	margin: 0 auto;
	padding-top: 4%;
}
.slide8-tit {
	clear: both;
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
    font-size: 24px;
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
    /*margin-left: 326px;
	top: 0;
    position: absolute; */
}
.slide8-dec {
	clear: both;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 25px;
    margin-top: 16px;
    text-align: center;
    width: 100%;
}
.slide8-table {
    /*position: absolute;
    top: 120px; */
    width: 780px;
}
.calculation-main {
	min-height: 768px;
	width: 100%;
}
.slide8-criteria {
    border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;
    color: #3976ab;
    font-size: 18px;
    padding: 20px;
    width: 350px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
}
.slide8-two-rigid {
    color: #3976ab;
    font-size: 18px;
    padding: 20px 20px;
    text-align: center;
    width: 275px;
	border-right: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
}
.slide8-two-flexible {
border-bottom: 1px solid #d7d7d7;
    color: #3976ab;
    font-size: 18px;
	padding: 20px 20px;
	text-align: center;
    width: 275px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
}
thead {
    background-color: #fff !important;
    padding: 16px 0;
}
table {
	margin-top: 25px !important;
}
.slide8-onehigh {
    margin-bottom: 10px;
    margin-left: 50px;
    text-align: center;
}
.slide8-onehigh-two {
    margin-left: 50px;
    margin-top: 14px;
    width: 100%;
}
.slide8-onehigh-three {
    margin-bottom: 10px;
    margin-left: 50px;
    text-align: center;
}
.slide8-onehigh-four {
    margin-left: 50px;
    margin-top: 14px;
    width: 100%;
}

.slide8-performance {
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    color: #949494;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 22px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	text-align: left !important;
}
.slide8-cost {
 background-color: #ffffff;
    border-right: 1px solid #d7d7d7;
    color: #949494;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 20px 16px;
	text-align: left !important;
}
.blue-pro {
    color: #427bae;
    font-size: 18px;
    line-height: 35px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 500;
}
.blue-pro.per {
	float: left;
    margin-top: -58px !important;
}
.variation-one .blue-pro.per {
    margin-top: -58px !important;
}
.variation-one > p {
    margin-bottom: 0;
    margin-top: -45px !important;
}
.variation-one-boottom .blue-pro.cost-oop {
    float: left;
    margin-top: -59px !important;
}
.slide8-cost.variation-one-boottom > p {
    float: left;
    margin-bottom: 0;
    margin-top: -45px !important;
}
.my-awsome .blue-pro {
    float: left;
    margin-top: -36px;
}
.my-awsome > p {
    float: left;
    line-height: 21px;
    margin-top: -27px;
 margin-bottom: 0;
}
.my-awsome-two .blue-pro {
    float: left;
    margin-top: -36px;
}
.my-awsome-two > p {
    float: left;
    line-height: 21px !important;
    margin-bottom: 0;
    margin-top: -25px !important;
}
.varation-four .blue-pro {
    float: left;
    margin-top: -38px !important;
}
.varation-four > p {
    margin-top: -27px !important;
}
.variation-first > p {
    margin-bottom: 0;
    margin-top: -24px !important;
}
.varation-four-bottom .blue-pro.cost-oop {
    float: left;
    margin-top: -54px !important;
}
.slide8-cost.varation-four-bottom > p {
    float: left;
    margin-top: -43px !important;
margin-bottom: 0;
}
.per-oop > p {
    float: left;
    line-height: 22px;
    margin-top: -45px;
    margin-bottom: 0;
}
.blue-pro.cost-oop {
    float: left;
    margin-top: -40px !important;
}
.slide8-cost > p {
    line-height: 22px;
    margin-top: -23px !important;
}
.slide8-answer.bottom {
    margin-top: 18px;
}
.slide8-high {
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    padding: 20px 25px;
    text-align: center;
    z-index: 10;
}
.slide8-high-one {
    background-color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    padding: 20px 25px;
    text-align: center;
    z-index: 20;
}
.first-cal-high {
    border-bottom: 1px solid #d7d7d7;
}
form {
    margin-top: -120px;
    position: relative;
}
.slide8-high-three {
    background-color: #fff;
    border-right: 1px solid #d7d7d7;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 50px;
    padding: 20px 25px;
    text-align: center;
}
.slide8-high-four {
    background-color: #fff;
    padding: 20px 25px;
    text-align: center;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
}
.slide8-smiley8 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
	cursor: pointer;
}
.slide8-needhint {
    background-color: #6eadce;
    border-radius: 5px;
    bottom: 70px;
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 12px;
    position: fixed;
    right: 105px;
    z-index: 20;
}
.slide8-needhint:hover {
	color: #fff;
}
.slide8-needhint:active {
	color: #fff;
}
/*Need hint popup*/
.slide8-popup {
   background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
   display: none;
   height: 100%;
   left: 0 !important;
   opacity: 1;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 50 !important;
}
.slide8-popup-sub {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
	min-height: 380px;
    left: 20%;
    margin: 86px 0;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 620px;
    z-index: 1040;
}
.hint-modal {
    margin: 0 auto;
    overflow-y: hidden;
    padding: 25px 0;
    width: 100%;
}
.modal-title-hint {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}
.hint-icon {
    margin-top: -5px;
}
.hint-stepone-main {
    margin: 0 auto;
    width: 80%;
}
.hint-one-left {
    color: #595959;
    float: left;
    width: 100%
}
.hint-one-left > p {
        color: #464646;
        float: left;
        font-family: "proxima-nova",sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        margin: 0 auto 5px;
        width: 100%;
}
.hint-one-right {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.hint-step {
    float: left;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 23px !important;
}
.hint-one-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 10px;
    width: 100%;
}
.hint-steptwo-main {
    margin: 0 auto;
    width: 80%;
}
.hint-two-left {
    color: #595959;
    float: left;
    width: 100%;
}
.hint-two-left > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.hint-two-right {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.hint-two-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 10px;
    width: 100%;
}
.hint-got-itbtn {
    float: left;
    margin: 0 auto 0 37%;
    position: relative;
    text-align: center;
    width: 30%;
}
.hint-got-it {
    background-color: #3976ab;
    color: #fff !important;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
#hint-got-it {
    border-radius: 5px;
}

/* popups */
.two-rigid-bg  {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.rigid-modal.medium > a {
    float: right;
}
.fa.fa-times-circle-o {
    font-size: 20px;
}
.rigid-modal.medium {
    background-color: #fff;
    height: 300px;
    left: 25px;
    margin: 0 auto;
    max-width: 62.5rem;
    padding: 25px 30px;
    position: absolute;
    right: 0;
    top: 10% !important;
    width: 80%;
}
.two-rigid-modal {
    float: left;
    width: 100%;
}
.two-rigid-left {
    float: left;
    width: 42%;
}
.two-rigid-right {
    float: left;
    width: 58%;
}
.two-rigid-tit {
	color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
	margin-top: 30px;
}
.two-rigid-text {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 60px;
	margin-top: 15px;	
    position: absolute;
	width: 350px;
}
.two-rigid-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 60px;
    position: absolute;
    top: 150px;
    width: 350px;
}

.two-flexible-bg  {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 50 !important;
}
.close-pop {
    float: right;
}
.flexible-modal.medium {
    background-color: #fff;
    height: 250px;
    left: 25px;
    margin: 0 auto;
    max-width: 62.5rem;
    padding: 25px 30px;
    position: absolute;
    right: 0;
    top: 10% !important;
    width: 80%;
}
.two-flexible-modal {
    float: left;
    width: 100%;
}
.two-flexible-left {
    float: left;
    width: 42%;
}
.two-flexible-right {
    float: left;
    width: 58%;
}
.two-flexible-tit {
	color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.two-flexible-text {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 60px;
    position: absolute;
	width: 350px;
}
.two-flexible-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 60px;
    position: absolute;
    top: 118px;
    width: 363px;
}

.high-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 37%;
    margin-top: 15px;
    padding: 12px 40px;
    cursor: pointer;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #3976ab;
}
label {
	float: left;
}
.slide8-right-arrow {
    margin-left: 10px;
}
.cal-submit-btn {
    float: left;
    width: 100%;
}
.hint-main {
    float: left;
}
.radio {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border: 1px solid #bbbbbb;
    border-radius: 45px;
    float: left;
    height: 15px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 5px;
    width: 15px;
	cursor: pointer;
}
.radio1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border: 1px solid #bbbbbb;
    border-radius: 45px;
    float: left;
    height: 15px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 5px;
    width: 15px;
	cursor: pointer;
}
.highertwo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #bbbbbb;
    border-radius: 45px;
    float: left;
    height: 15px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 5px;
    width: 15px;
	cursor: pointer;
}
.radio-active {
    background-color: #4ec9d1;
    border: 3px solid #ddd;
    border-spacing: 5px;
}
.radio-active-lower {
    background-color: #4ec9d1;
    border: 3px solid #ddd;
    border-spacing: 5px;
}
.radio-active-two {
    background-color: #4ec9d1;
    border: 3px solid #ddd;
    border-spacing: 5px;
}
.radio-active-twolower {
	background-color: #4ec9d1;
    border: 3px solid #ddd;
    border-spacing: 5px;
}
.fa.fa-arrow-up {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    width: 20px;
	font-size: 16px;
}
.slide8-onehigh > label {
    float: left;
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.slide8-onehigh-two > label {
    float: left;
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.slide8-onehigh-three.two > label {
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.slide8-onehigh-four.one > label {
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.slide8-onehigh-three.four > label {
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.slide8-onehigh-four.three > label {
    font-size: 16px;
    margin-left: 5px;
    margin-top: -2px;
}
.fa.fa-arrow-down {
    float: left;
	font-size: 16px;
    margin-left: 5px;
    margin-top: 4px;
    width: 20px;
}
.slide8-awsome {
    background-color: #fff;
    border-right: 1px solid #d7d7d7;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    padding: 20px 25px;
    text-align: center;
}
.slide8-awsome.ans-wrng-border-top {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome-one.ans-wrng-border-top {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome-one.condition-one-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome.condition-one-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome-one.condition-two-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome.condition-two-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome.condition-awsome-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome-one.condition-awsome-border {
    border-bottom: 1px solid #d7d7d7;
}
.slide8-awsome-one {
    background-color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    padding: 20px 25px;
    text-align: center;
}
.slide8-answer {
    float: left;
    margin-left: 50px;
    margin-top: 0px;
    vertical-align: middle;
}
.variation-firdt-bottom {
    float: left;
    margin-top: 17px !important;
}
.variation-bottom-two {
    margin-top: 16px;
}
.fa.fa-check {
    color: #9fbb6e;
    float: left;
    font-size: 20px;
    margin-top: 21px;
}
.fa.fa-arrow-down.answer-arrow-down {
    float: left;
    font-size: 18px;
    margin-left: 5px;
    margin-top: 23px;
    width: 24px;
}
.fa.fa-arrow-up.answer-arrow-up {
    float: left;
    font-size: 18px;
    margin-left: 6px;
    margin-top: 21px;
}
.answer-lbl {
    float: left;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 16px;
}
.slide8-ans-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 13px auto 0;
    width: 91%;
    text-align: center;
}
.popup-text-awsome {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    left: 26px;
    line-height: 21px;
    position: absolute;
    top: 26px;
    width: 265px;
}
.popup-text {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 36px;
    line-height: 21px;
    position: absolute;
    top: 26px;
    width: 265px;
}
.slide8-ans-popup {
    background-image: url("img/shap-answer-right.png");
    bottom: 60px;
    height: 117px !important;
    position: fixed;
    right: 99px;
    width: 322px !important;
    z-index: 100;
}
.smiley-answer-right {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 110px !important;
}
.smiley-oops{
    bottom: 20px;
    position: fixed;
    right: 28px;
    width: 90px !important;
}

.fa.fa-times {
    color: #dc7070;
    float: left;
    font-size: 20px;
	margin-top: 7px;
}
.fa.fa-arrow-down.answer-red {
    float: left;
    font-size: 18px;
    margin-left: 10px;
	color: #dc7070;
	margin-top: 8px;
}
.fa.fa-arrow-up.answer-red {
    float: left;
    font-size: 18px;
    margin-left: 10px;
    color: #dc7070;
    margin-top: 7px;
}
.wrong-lbl {
	float: left;
    font-size: 18px;
    margin-left: 10px;
	margin-top: 1px;
}

.fa.fa-arrow-down.wrong-arrow-down {
    float: left;
    font-size: 18px;
    margin-left: 5px;
    width: 24px;
	margin-top: 9px;
}
.fa.fa-arrow-up.wrong-arrow-up {
    float: left;
    font-size: 18px;
    margin-left: 6px;
	margin-top: 8px;
}
.fa.fa-check.wrong-chek {
    margin-top: 8px !important;
}
.alerterror {
	color: #e20000;
	width: 100%;
	text-align: center;
}
#error {
	color: #e20000;
	width: 100%;
	text-align: center;
	font-size: 13px;
	display: none;
}
#error-performance {
    color: #e20000;
    width: 100%;
    text-align: center;
    font-size: 13px;
    display: none;
}
#error-cost {
    color: #e20000;
    width: 100%;
    text-align: center;
    font-size: 13px;
    display: none;
}
.border-error {
    border: 3px solid #e20000;
    display: none;
    height: 127px;
    margin-left: 293px;
    position: absolute;
    top: 57px;
    width: 490px;
}
.border-error-two {
    border: 3px solid #e20000;
    display: none;
    height: 124px;
    margin-left: 293px;
    position: absolute;
    top: 180px;
    width: 490px;
}
/* active radio css*/
.slide8-onehigh.myactiveradio > label {
	color: #4ec9d1;
}
.slide8-onehigh-two.myactiveradio > label {
	color: #4ec9d1;
}
.two.myactiveradio .fa.fa-arrow-up {
	color: #4ec9d1;
}
.two.myactiveradio .fa.fa-arrow-down {
	color: #4ec9d1;
}
.slide8-onehigh-three.two.myactiveradio > label {
	color: #4ec9d1;
}

.slide8-onehigh-three.one.myactiveradio > label {
	color: #4ec9d1;
}
.one.myactiveradio .fa.fa-arrow-up {
	color: #4ec9d1;
}
.one.myactiveradio .fa.fa-arrow-down {
	color: #4ec9d1;
}
.slide8-onehigh-four.myactiveradio > label {
	color: #4ec9d1;
}

.three.myactiveradio .fa.fa-arrow-up {
	color: #4ec9d1;
}
.three.myactiveradio .fa.fa-arrow-down {
	color: #4ec9d1;
}

.four.myactiveradio .fa.fa-arrow-up {
	color: #4ec9d1;
}
.four.myactiveradio .fa.fa-arrow-down {
	color: #4ec9d1;
}
.slide8-onehigh-three.four.myactiveradio > label {
	color: #4ec9d1;
}
.load {
    margin: 0 auto 0 29%;
    position: absolute;
    top: 23%;
    width: 18%;
}
.slide8-load {
    background-color: #fff;
    height: 100%;
    width: 100%;
}
.slide8-inner-load {
    background-color: #fff;
    height: 100%;
    width: 100%;
}


.slide11 {
    background-color: #f2eae4;
	height: auto;
	width: 100%;
}
.slide11-inner {
    background-color: #f2eae4;
	height: 768px;
	width: 100%;
}
.slide11-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 4%;
    width: 780px;
}
.slide11-machine {
    margin-left: 160px;
    width: 60%;
}
.slide11-machine-text {
    float: left;
    margin-top: 40px;
    width: 780px;
}
.slide11-dec {
    float: left;
    height: auto;
    margin-left: 85px;
    position: relative;
    top: 0;
    width: 630px;
}
.slide11-text1 {
    color: #415064;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
}
.slide11-text2 {
	color: #415064;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
	margin-top: 17px;
}
.slide11-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 22px;
    position: relative;
    top: 5px;
    width: 250px;
}
.slide11-shap11-main {
    bottom: 22px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide11-shap11 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 101px;
    min-height: 70px;
    padding: 30px 25px;
    position: absolute;
    right: 119px;
    width: 327px;
}
.slide11-shap11-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 18px;
    height: 84px;
    position: absolute;
    right: 120px;
    width: 326px;
}
.slide11-smiley11 {
    bottom: 40px;
    position: fixed;
    right: 40px;
    width: 85px;
}
.slide11-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide11-shap7 {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px;
    z-index: 1000;
}

.slide12 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide12-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide12-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -350px;
    overflow-y: hidden;
    position: absolute;
    top: 10%;
    width: 780px;
}
.slide12-machine {
    margin-left: 50px;
    position: relative;
    top: 0;
    width: 80%;
}
.slide12-shap12-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide12-shap12 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 110px;
    min-height: 100px;
    padding: 30px 25px;
    position: absolute;
    right: 105px;
    width: 440px;
}
.slide12-shap12-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 27px;
    height: 84px;
    position: absolute;
    right: 105px;
    width: 440px;
}
.slide12-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 27px;
    line-height: 24px;
    position: relative;
    top: 10px;
    width: 345px;
}
.slide12-smiley12 {
    bottom: 40px;
    position: fixed;
    right: 40px;
    width: 85px;
}
.slide12-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 25px;
    width: 22px !important;
    z-index: 10;
}
.slide12-shap7 {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px;
    z-index: 1000;
}


.slide13 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide13-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide13-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -350px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.slide13-machine {
    margin-left: 45px;
    position: relative;
    width: 80%;
}
.slide13-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 26px;
    position: relative;
    top: 0px;
    width: 360px;
}
.slide13-popup2 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    left: 15px;
    line-height: 23px;
    position: relative;
    top: 0px;
	margin-bottom: 10px;
    width: 370px;
}
.slide13-popup3 {
    bottom: 5px;
    color: #959595;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    left: 40px;
    position: absolute;
    width: 377px;
}
.slide13-shap13-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
}
.slide13-shap13{
    background-image: url("img/shap-big-3-1.png");
    bottom: 110px;
    min-height: 80px;
    padding: 30px 25px;
    position: absolute;
    right: 124px;
    width: 444px !important;
}
.slide13-shap13-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 27px;
    height: 84px;
    position: absolute;
    right: 128px;
    width: 440px;
}
.slide13-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 25px;
    top: 21px;
    width: 22px !important;
    z-index: 10;
}
.slide13-smiley13 {
    bottom: 40px;
    position: fixed;
    right: 40px;
    width: 100px;
}
.slide13-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide13-shap7 {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px;
    z-index: 1000;
}

.slide14 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide14-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide14-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.wrapper_inner.myhide {
    overflow: hidden;
}
.slide14-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.slide14-dec {
    float: left;
    height: auto;
    margin-left: 125px;
    padding: 65px 40px;
    position: absolute;
    top: 112px;
    width: 565px;
}
.slide14-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
 margin-bottom: 10px;
    width: 465px;
}
.slide14-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
 margin-bottom: 10px;
    width: 465px;
}
.slide14-text3 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
margin-bottom: 10px;
    margin-left: 40px;
    text-align: justify;
    width: 425px;
}
.slide14-text4 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    width: 460px;
}
.slide14-smiley14 {
    bottom: 40px;
    position: fixed;
    right: 40px;
    width: 85px;
}


.slide15 {
    background-color: #ededed;
	height: auto;
	width: 100%;
}
.slide15-inner {
    background-color: #ededed;
	min-height: 970px;
	width: 100%;
}
.slide15-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 1%;
    width: 780px;
}
.slide15-shap15-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.slide15-shap15 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 110px;
    min-height: 90px;
    padding: 30px 25px;
    position: absolute;
    right: 123px;
    width: 327px;
}
.slide15-shap15-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 27px;
    height: 84px;
    position: absolute;
    right: 128px;
    width: 322px;
}
.slide15-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 22px !important;
    z-index: 10;
}
.slide15-shap7 {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px;
    z-index: 10;
}
.slide15-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 250px;
}
.smiley6-img {
    bottom: 40px;
    position: fixed;
    right: 45px;
}
/* Assignment */
.assign {
    border-right: 1px solid #bfbfbf;
    /*float: left;*/
}
.assign-right {
    /*float: left;*/
}
.cal-arrrider {
    /*pointer-events: none; */
}
.cal-arrrider {
    left: 22%;
    position: relative;
    top: -58px;
}
.cal-arrrider #calprev {
    float: left;
    margin-top: -114px;
    width: 109px;
pointer-events: none;
}
.cal-arrrider #calnext {
    float: left;
    height: 43px;
    margin-top: -118px;
    position: relative;
    right: -298px;
    width: 153px;
pointer-events: none;
}
.cal-arrrider .fa.fa-arrow-left.left-arrow.cal-arrow-left::before {
    color: #ededed;  opacity: 0;
}
.cal-arrrider .fa.fa-arrow-right.right-arrow.cal-arrow-right::before {
    color: #ededed;  opacity: 0;
}
.assignment-main-img {
    width: 96%;
    margin-right: 0px;
}
.assignment-img {
   /* border-right: 1px solid #bfbfbf;*/
    width: 100%;
}
.assign-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}
.assign-one{
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 26px;
    margin-bottom: 15px;
    width: 100% !important;
 }
.assign-one-dec > p {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.f1 {
	font-family: "proxima-nova",sans-serif;
    font-weight: 600;
}
.assign-one-dec {
    float: left;
    /*height: 250px;*/
    margin-top: 30px;
    /*overflow-y: scroll;*/
    padding-right: 14px !important;
}
.master {
    margin-bottom: 0 !important;
}
.we-will {
    margin-bottom: 0 !important;
}
.slave {  }
.assume-brake {
font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    font-style: italic;
    font-weight: 400 !important;
    line-height: 26px !important;
}
.bottom-btn {
    float: left;
    margin-top: 12px;
    width: 100%;
}
.btn-left {
font-family: "proxima-nova",sans-serif;
    color: #3976ab;
    float: left;
    font-size: 18px;
font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
}
.btn-right .fa.fa-arrow-right::before {
    color: #fff;
    font-size: 20px;
}
.btn-left:hover {
    color: #3976ab;
}
.btn-right {
font-family: "proxima-nova",sans-serif;
    background-color: #3976ab;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.left-arrow {
    margin-top: -3px;
}
.btn-right:hover, .btn-right:active, .btn-right:focus  {
    color: #fff;
}
.abt-brok-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: left;
}
.video-img {
    margin-bottom: 40px;
}
.how-to-tit {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 15px;
}
.how-to-tit-mech {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 30px;
}
.instruct-btn {
    background-color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    clear: both;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 5px;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.instruct-btn:hover {
    color: #fff;
}
.reveal-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 15%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 40;
}
.reveal-modal.medium {
    left: -15%;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 40%;
}
.rotor-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.modal-rotor {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
	min-height: 635px; 
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 160px;
    margin: 15px 0 14px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.rotor-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.modal-title-rotor {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 1px;
    margin-top: 25px;
    text-align: center;
}
.modal-rotor-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 auto 14px;
    width: 85%;
}
.modal-rotor-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 85%;
}
.got-itbtn-main {
    float: right;
    width: 22px;
}
.got-it-btn {
    color: #3976ab !important;
    font-size: 24px !important;
    cursor: pointer;
}
.got-it-btn:hover {

}

.slide16 {
    background-color: #ededed;
    height: auto;
    width: 100%;
}
.slide16-inner {
    background-color: #ededed;
    min-height: 768px;
    width: 100%;
}
.slide16-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 1%;
    width: 780px;
}
.wrapper_inner.myhide-two {
    overflow: hidden;
}

/* Rotor Radius Calculation */
.rotor-radius-top {
    margin-top: 25px;
}
.assignment {
    margin: 0 auto 0 105px;
    width: 70%;
}
.model-assign-img {
    margin: 10px 0;
}
.assignment-rotor {
    margin-left: 0px;
}
.rotor-input.clamping-force {
    border: 2px solid #cecece;
    float: left;
margin-top: 15px;
    margin-bottom: 5px !important;
    width: 16% !important;
}
.rotor-input.friction-force {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px !important;
    width: 17% !important;
}
.rotor-input.total-friction {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px !important;
    width: 17% !important;
}
.rotor-input.minimum-rotor {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px !important;
    width: 17% !important;
}


.view-instruction-icon {
    margin-right: 5px;
    margin-top: 3px;
}
.rotor-radius-tit {
    color: #3976ab;
font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
    margin-right: 25px;
    text-align: center;
}
.assignment-rotor {
    width: 96%;
}
.rotor-radius-border {
    float: left;
    border-right: 1px solid #bfbfbf;
	min-height: 605px;
}
.border-rotor {
    border: 1px solid #e2e2e2;
    float: left;
    margin: 24px 0;
    width: 100%;
}
.rotor-radius-one-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.rotor-radius-main {
    float: left;
    /*height: 230px;
    margin-top: 20px;
    overflow-y: scroll;*/
    width: 100%;
}
.rotor-radius-one-dec {
    float: left;
    margin-bottom: 5px;
    width: 100%;
    text-align: left;
}
.determine-dec {
    font-size: 16px !important;
    margin: 3px 0 !important;
}
.clamping-dec {
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
}
.clamping-dec-light {
    color: #999999 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
 margin-top: 8px;
}
.clamping-dec > strong {
  /*  font-weight: 400 !important; */
}
.friction-dec {
    font-size: 16px !important;
    margin: 3px 0 !important;
    font-weight: 400 !important;
}
.friction-dec-light {
    color: #999999 !important;
    font-size: 16px !important;
    margin: 8px 0 !important;
    font-weight: 400 !important;
}
.rotor-dec {
    float: left;
    font-family: "proxima-nova",sans-serif;
    width: 100%;
}
.rotor-radius-one-dec p strong {
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
}
.myrotor {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 7px;
    width: 60%;
line-height: 23px;
}
.myrotor-one {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 7px;
    width: 58%;
line-height: 23px;
}
.myrotor-queal-one {
    float: left;
color: #656565;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 22px;
    width: 20px;
}
.myrotor-queal {
    float: left;
color: #656565;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 6px;
    width: 20px;
}
.step3-rotor {
    width: 58% !important;
}
.rotor-radius-one-dec p input {
    float: left;
    margin-bottom: 5px;
    /* margin-right: 15px; */
    padding: 8px 12px;
    width: 115px;
}
.n {
	color: #464646;
    float: right;
    height: auto;
    margin-right: 25px;
    margin-top: 23px;
    width: auto;
}
.n2 {
	color: #464646;
    float: right;
    height: auto;
    margin-right: 20px;
    margin-top: 8px;
    width: auto;
}
.n3 {
	color: #464646;
    float: right;
    height: auto;
    margin-right: 20px;
    margin-top: 8px;
    width: auto;
}

.rotor-radius-bottom-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-left: 135px;
    margin-top: 12px;
    padding: 12px 34px;
    text-align: center;
}
.rotor-right-arrow {
    margin-left: 4px;
    margin-top: -2px;
}
.rotor-radius-btn {
    background-color: #3976ab;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
}
.rotor-radius-btn:hover, .rotor-radius-btn:focus {
    color: #fff;
}
.rotor-how-to-tit {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 10px;
}
.rotor-abt-brok-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 35px 0 10px;
    text-align: left;
}
.video-16 {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 35px 0 10px;
    text-align: left;
}
.video-16:hover { color: #3976ab; }
.timer {
    background-color: #0a0a0a;
    border: 2px solid #745244;
    border-radius: 3px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    height: 40px;
    margin-bottom: 30px;
    padding: 2px 10px;
    text-align: center;
    width: 85px;
}
.timer > div {
    margin-top: 3px;
}
.play-btn {
    margin-right: 10px;
    margin-top: -3px;
}
.smiley-img-rotor {
    bottom: 25px;
    position: absolute;
    right: 45px;
}
.workneed-hint-btn {
    background-color: #6eadce;
    border-radius: 5px;
    bottom: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    position: absolute;
    right: 100px;
    z-index: 10;
}
.need-hint-btn:hover {
    color: #fff;
}
.needhint-modal {
    margin: 70px auto;
    width: 70%;
}
.need-hint-modal {
    bottom: 0;
    display: none;
    left: 250px;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal-open .need-hint-modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-title-needhint {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 25px;
    text-align: center;
}
.modal-hint-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 25px auto 0;
    width: 86%;
}
.green-need-hint {
    color: #69b8b2;
}
.need-hint-main {
    margin: 30px auto;
    min-height: 0;
    width: 66%;
}
.hint-left-btn {
    float: left;
}
.need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.right-hint {
    margin-top: -6px;
}
.need-hint-left:hover { color: #fff; }
.need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.need-hint-right:hover{ color: #fff; }
.hint-right-btn {
    float: right;
}
.work-hint-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.work-hint-modal-sub {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 190px;
    margin: 40px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    z-index: 1040;
}
.work-hint-modal {
    padding: 40px 0;
}
.work-modal-title-hint {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0 35px;
    text-align: center;
    width: 100%;
}
.work-hint-icon {
    margin-top: -5px;
}
.workhint-step {
    font-weight: 600 !important;
}
.workhint-stepone-main {
    margin: 0 auto;
    width: 80%;
}
.workhint-one-left {
    color: #595959;
    float: left;
    width: 30px;
}
.workhint-one-left > p {
        color: #464646;
        float: left;
        font-family: "proxima-nova",sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        margin: 0 auto 10px;
        width: 100%;
}
.workhint-one-right {
    float: left;
    width: 90%;
    margin-bottom: 20px;
}
.workhint-one-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.workhint-steptwo-main {
    margin: 0 auto;
    width: 80%;
}
.workhint-two-left {
    color: #595959;
    float: left;
    width: 30px;
}
.workhint-two-left > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 10px;
    width: 100%;
}
.workhint-two-right {
    float: left;
    width: 90%;
    margin-bottom: 20px;
}
.workhint-two-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.workhint-stepthree-main {
    margin: 0 auto;
    width: 80%;
}
.workhint-three-left {
    color: #595959;
    float: left;
    width: 30px;
}
.workhint-three-left > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 10px;
    width: 100%;
}
.workhint-three-right {
    float: left;
    width: 90%;
    margin-bottom: 20px;
}
.workhint-three-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.workhint-got-itbtn {
    float: left;
    margin: 0 auto 43px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.workhint-got-it {
    background-color: #3976ab;
    color: #fff !important;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.start-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.start-work-sub {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 240px;
    left: 25%;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 53%;
    z-index: 1040;
    border-radius: 5px;
}
.start-work-inner {
    margin: 0 auto;
    width: 100%;
}

/* continue Work */
.continue-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.continue-work-sub {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 230px;
    left: 21%;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
    border-radius: 5px;
}
.continue-work-inner {
    margin: 0 auto;
    width: 100%;
}
.modal-title-continue {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 30px;
    text-align: center;
}
.modal-cont-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 15px auto 0;
    text-align: center;
    width: 91%;
}
.cont-work-main {
    margin: 28px auto;
    min-height: 0;
    width: 100%;
}
.contwork-btn {
    margin: 0 auto;
    width: 27%;
}
.contwork-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 205px;
}

/*form styles*/
#rotorradiusform{
    margin: 30px auto;
    text-align: center;
    position: relative;
}
.step-two, .step-three {
    display: none;
}
.lione.liactive {
    color: #3976ab !important;
}
.litwo.liactive {
    color: #3976ab !important;
}
.lithree.liactive {
    color: #3976ab !important;
}
.step-one, .step-two, .step-three {
    float: left;
    /*height: 235px;
    overflow: auto;*/
    position: relative;
}

/*Hide all except first fieldset*/
#rotorradiusform step-one:not(:first-of-type) {
    display: none;
}
/*inputs*/
.val-one::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-one::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-one:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-one:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-two::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-two::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-two:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-two:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-two2::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-two2::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-two2:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-two2:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-two3::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-two3::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-two3:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-two3:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-three2::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-three2::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-three2:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-three2:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-three3::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-three3::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-three3:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-three3:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}
.val-three::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e20000;
}
.val-three::-moz-placeholder { /* Firefox 19+ */
  color: #e20000;
}
.val-three:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.val-three:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}

#rotorradiusform input, #rotorradiusform textarea {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 6px;
    margin-left: 10px;
    width: 100px !important;
}
/*buttons*/
#rotorradiusform .action-button {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    width: 100px;
}
#rotorradiusform .action-button:hover, #rotorradiusform .action-button:focus {
   /* box-shadow: 0 0 0 2px white, 0 0 0 3px #3976AB */
}
/*progressbar*/
#progressbar {
    counter-reset: step;
    margin-bottom: 10px;
    margin-left: -61px;
    overflow: hidden;
}
#progressbar li {
    list-style-type: none;
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    width: 33.33%;
    float: left;
    text-transform: capitalize;
    position: relative;
}
#progressbar li::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 25px;
    margin: 0 auto 5px;
    width: 26px;
    -moz-padding-top: 0px;
    -webkit-padding-top: 1px;
    padding-top: 0px;
    -moz-padding-left: 0px;
    -webkit-padding-left: 2px;
    padding-left: 0px;
}
#progressbar li .liactive::before{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "\f00c";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 5px;
    width: 20px;
}
/*progressbar connectors*/
#progressbar li::after {
    background: #c8c8c8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -37%;
    position: absolute;
    top: 11px;
    width: 75%;
    z-index: -1;
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
#progressbar li.liactive::before, #progressbar li.liactive::after {
    border-radius: 50px;
    color: #3976ab;
}
#progressbar li.passed::before {
    border-radius: 50px;
    color: #999999;
    content: "";
    font-size: 16px;
}
#progressbar .passed {
    color: #999999 !important;
    font-size: 18px;
    text-transform: capitalize;
}


.lione {
    z-index: 10;
}
.litwo {
    z-index: 10;
}
.lithree {
    z-index: 10;
}


/* calculator */
#calculator {
}
#result {
    background-color: #fff;
    border: 1px solid #bcbdc1;
    box-shadow: 0 0 3px inset;
    font-family: digital;
    font-size: 25px;
    height: 40px;
    line-height: 34px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 5px;
    text-align: right;
}
.isequal {
    float: right;
    margin-right: 4px;
}
.key.equal-key {
    height: 89px;
    padding: 32px 10px;
    width: 41px;
}
.key {
    background-color: #ebebeb;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    height: 40px;
    margin: 3px 0 6px 1px;
    padding: 5px;
    text-align: center;
    vertical-align: bottom;
    width: 41px;
}
.key:active {
    background-color: #a1a1a1;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
.cal-rotor {
    pointer-events: none;
}
.cal-rotor .fa.fa-arrow-left {
    pointer-events: none;
    color: #e5e5e5;
    opacity: 0;
}
.cal-rotor .fa.fa-arrow-right {
    pointer-events: none;
    color: #e5e5e5;
    opacity: 0;
}
.step1-error, .step2-error, .step3-error {
    display: none;
}
.step1-sucess, .step2-sucess, .step3-sucess {
    display: none;
}
.error-messages {
    float: left;
    text-align: left;
    width: 100%;
}
.step1-error {
    background-image: url('img/assign2-answer-bg.png');
    color: #e20000;
    background-size: 100% auto;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 12px 10px 10px 25px;
    text-align: left;
    width: 90%;
}
.step1-sucess {
    background-image: url('img/assign2-answer-bg.png');
    background-size: 100% auto;
    color: #add037;
    float: left;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 7px 10px 8px 25px;
    text-align: left;
    width: 90%;
}
.fa.fa-thumbs-up {
    background-color: #add037;
    border-radius: 50px;
    color: #ffffff;
    font-size: 26px;
    height: 32px;
    margin-right: 8px;
    padding-left: 4px;
    padding-top: 3px;
    width: 30px;
}
.step2-error {
    background-image: url('img/assign2-answer-bg.png');
    color: #e20000;
    background-size: 100% auto;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 12px 10px 10px 25px;
    text-align: left;
    width: 90%;
}
.step2-sucess {
    background-image: url('img/assign2-answer-bg.png');
    background-size: 100% auto;
    color: #add037;
    float: left;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 7px 10px 8px 25px;
    text-align: left;
    width: 90%;
}
.step3-error {
   background-image: url('img/assign2-answer-bg.png');
   color: #e20000;
   background-size: 100% auto;
   font-size: 15px;
   font-family: "proxima-nova",sans-serif;
   font-weight: 400;
   margin-top: 5px;
   margin-bottom: 15px;
   padding: 12px 10px 10px 25px;
   text-align: left;
   width: 90%;
}
.step3-sucess {
    background-image: url('img/assign2-answer-bg.png');
    background-size: 100% auto;
    color: #add037;
    float: left;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 7px 10px 8px 25px;
    text-align: left;
    width: 90%;
}

/* Hint step1 */
.step1-hint {
    display: none;
    float: left;
font-family: "proxima-nova",sans-serif;
    color: #3976ab;
    font-size: 16px;
    font-weight: 600;
}
.step1-hint:hover {
    color: #3976ab;
}
.step1-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.step1-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 250px;
    left: 33%;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 37%;
    z-index: 1040;
}
.step1-hint-popup {
    padding: 35px 0;
}
.step1-hint-got-itbtn {
    float: left;
    margin:11px auto 43px 36%;
    position: relative;
    text-align: center;
    width: 31%;
}
.step1-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff !important;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.step1-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.step1-hint-icon {
    margin-top: -5px;
}
.step1-btn {
    margin: 0 auto;
    width: 50%;
}
.step1-hint-main {
    margin: 0 auto;
    width: 80%;
}
.step1-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.step1-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.step1-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.step1-hint-step {
    font-weight: 400 !important;
}
.submited-ans-one {
    background-image: url("img/try-again.png");
    background-size: 100% auto;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-top: 8px;
    margin-left: -5px;
    padding: 19px 20px 20px 25px;
    width: 99%;
}
.sub-ans-incorrect {
    color: #e20000;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: left;
}
.try-again-one {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-text-step1 {
    margin-left: 3px;
}
.try-again-one:hover {
    color: #ffffff;
}
.correct-ans-one {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-one:hover {
    color: #999999;
}
.correct-ans-step1 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.correct-ans-step1-tit {
    color: #759b1a;
    font-size: 17px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
}
.correct-ans-step1-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.enter-val {
    display: none;
    color: #ff0000;
    float: right;
    font-size: 16px;
    margin-right: 56px;
    margin-top: -39px;
}
.only-number1 {
    display: none;
    color: #ff0000 !important;
    float: right !important;
    font-size: 12px !important;
    margin-top: -22px;
    width: 32% !important;
}
.process {
    display: none;
}
.process-btn {
    margin: 20px auto;
    width: 130px;
}
.cal-process-three.action-button {
    display: none;
}
.correct-ans-rotor {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 22px;
    width: 90px;
}
.step1-false {
    display: none;
}


/* Hint step2 */
.step2-hint-popup {
}
.step2-hint {
    display: none;
 font-family: "proxima-nova",sans-serif;
    color: #3976ab;
    float: left;
    font-size: 16px;
    font-weight: 600;
}
.step2-hint:hover {
    color: #3976ab;
}
.step2-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.step2-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 21%;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    height: 280px;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.step2-hint-popup {
    padding: 20px 0;
}
.step2-hint-itl {
    font-style: italic;
}
.step2-hint-got-itbtn {
    float: left;
    margin: 30px auto 15px 36%;
    position: relative;
    text-align: center;
    width: 32%;
}
.step2-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff !important;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.step2-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 7px 0 20px;
    text-align: center;
    width: 100%;
}
.step2-hint-icon {
    margin-top: -5px;
}
.step2-btn {
    margin: 0 auto;
    width: 50%;
}
.step2-hint-main {
    margin: 0 auto;
    width: 80%;
}
.step2-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.step2-hint-right {
    margin: 0 auto;
    width: 79%;
}
.step2-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.step2-hint-step {
    font-weight: 400 !important;
}
.submited-ans-two {
    background-image: url("img/try-again.png");
    background-size: 100% auto;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-top: 8px;
    margin-left: -5px;
    padding: 19px 20px 20px 25px;
    width: 99%;
}
.sub-ans-incorrect-two {
    color: #e20000;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: left;
}
.try-again-two {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-text-step2 {
    margin-left: 3px;
}
.try-again-one:hover {
    color: #ffffff;
}
.correct-ans-two {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-two:hover {
    color: #999999;
}
.correct-ans-step2 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.correct-ans-step2-tit {
    color: #759b1a;
    font-size: 17px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
}
.correct-ans-step2-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.enter-val-two {
    display: none;
    color: #ff0000;
    float: right;
    font-size: 16px;
    margin-right: 47px;
    margin-top: -39px;
}
.only-number2 {
    display: none;
    color: #ff0000 !important;
    float: right !important;
    font-size: 10px !important;
    margin-top: -21px;
    width: 31% !important;
}
.enter-val-two2 {
    display: none;
    color: #ff0000;
    float: right;
    font-size: 16px;
    margin-right: 47px;
    margin-top: -39px;
}
.only-numbertwo2 {
    display: none;
    color: #ff0000 !important;
    float: right !important;
    font-size: 10px !important;
    margin-top: -11px;
    width: 31% !important;
}
.process-two {
    display: none;
}
.correct-ans-rotor-two {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 7px;
    width: 90px;
}
.correct-ans-rotor-two2 {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 7px;
    width: 90px;
}
.step2-false {
    display: none;
}

/* Hint step3 */
.step3-hint-popup {
}
.step3-hint {
    color: #3976ab;
font-family: "proxima-nova",sans-serif;
    display: none;
    float: left;
    font-size: 16px;
    font-weight: 600;
}
.step3-hint:hover {
    color: #3976ab;
}
.step3-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.step3-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 21%;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    height: 210px;
    width: 60%;
    z-index: 1040;
}
.step3-hint-popup {
    padding: 20px 0;
}
.step3-hint-got-itbtn {
    float: left;
    margin: 15px auto 10px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.step3-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff !important;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px !important;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.step3-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0 35px;
    text-align: center;
    width: 100%;
}
.step3-hint-icon {
    margin-top: -5px;
}
.step3-btn {
    margin: 0 auto;
    width: 50%;
}
.step3-hint-main {
    margin: 0 auto;
    width: 80%;
}
.step3-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.step3-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 35px;
    width: 90%;
}
.step3-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.step3-hint-step {
    font-weight: 400 !important;
}
.submited-ans-three {
    background-image: url("img/try-again.png");
    background-size: 100% auto;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-top: 8px;
    margin-left: -5px;
    padding: 19px 20px 20px 25px;
    width: 99%;
}
.sub-ans-incorrect-three {
    color: #e20000;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
    text-align: left;
}
.try-again-three {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-text-step3 {
    margin-left: 3px;
}
.try-again-three:hover {
    color: #ffffff;
}
.correct-ans-three {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-three:hover {
    color: #999999;
}
.correct-ans-step3 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.correct-ans-step3-tit {
    color: #759b1a;
    font-size: 17px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
}
.correct-ans-step3-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.enter-val-three {
    display: none;
    color: #ff0000;
    float: right;
    font-size: 16px;
    margin-right: 55px;
    margin-top: -39px;
}
.only-number3 {
    display: none;
    color: #ff0000 !important;
    float: right !important;
    font-size: 10px !important;
    margin-top: -10px;
    width: 33% !important;
}
.process-three {
    display: none;
}
.correct-ans-rotor-three {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 7px;
    width: 90px;
}
.step3-false {
    display: none;
}



/*Timer CSS*/
.colorDefinition {
    background: #000000;
    color : #FFFFFF;
    border-color: #F0068E;
}
.size_xl {
   font-size:50px;
   border-width: 8px;
   border-radius: 6px;
}
.size_lg {
   font-size:40px;
   border-width: 7px;
   border-radius: 5px;
}
.size_md {
   font-size:30px;
   border-width: 5px;
   border-radius: 4px;
}
.size_sm {
   font-size:20px;
   border-width: 3px;
   border-radius: 3px;
}
.size_xs {
   font-size:15px;
   border-width: 2px;
   border-radius: 2px;
}

.slide17 {
    background-color: #7881a5;
    height: auto;
    width: 100%;
}
.cal-model #calprev {
    opacity: 0.2;
    pointer-events: none;
}
.slide17-inner {
    background-color: #7881a5;
    min-height: 768px;
    width: 100%;
}
.slide17-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    position: absolute;
    top: 8%;
    width: 780px;
}
.modal-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
.model-slide1 #modprev {
    pointer-events: none;
}
.model-slide1 #modprev .fa.fa-arrow-left.left-arrow.mod-arrow-left:::before {
    color: #545a73;
	opacity: 0.2;
}
#modprev {
    margin-right: 13px;
}
#modnext {
    margin-left: 13px;
}
.cal-model .fa.fa-arrow-left.left-arrow.cal-arrow-left::before {
    color: #545a73;
}
.cal-model .fa.fa-arrow-right.right-arrow.cal-arrow-right::before {
    color: #545a73;
}
.mod-first #modprev {
    opacity: 0.2;
    pointer-events: none;
}
.model-slide1 .mod-arrow {

}
.slide17-machine {
    margin-left: 235px;
    width: 42%;
}
.slide17-machine-text {
    float: left;
    margin-top: 20px;
    width: 780px;
}
.slide17-dec {
    float: left;
    height: auto;
    margin-left: 85px;
    position: relative;
    top: 0;
    width: 630px;
}
.slide17-text1 {
    color: #3c3c40;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
     margin-bottom: 10px;
}
.slide17-text2 {
    color: #c7d3e3;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 auto;
    width: 500px;
}
.slide17-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 28px;
    line-height: 22px;
    position: absolute;
    top: 27px;
    width: 280px;
}
.slide17-shap17-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	display: block;
    z-index: 10;
}
.slide17-shap17 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 95px;
    min-height: 100px;
    padding: 30px 25px;
    position: absolute;
    right: 122px;
    width: 330px;
}
.slide17-shap17-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 18px;
    height: 81px;
    position: absolute;
    right: 127px;
    width: 325px;
}
.slide17-smiley17 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.slide17-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide17-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}


.slide18 {
    background-color: #004252;
    height: auto;
    width: 100%;
}
.slide18-inner {
    background-color: #004252;
    min-height: 768px;
    width: 100%;
}
.slide18-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.model-slide2 .fa.fa-arrow-left.mod-arrow-left::before {
    color: #4d7b86;
}
.model-slide2 .fa.fa-arrow-right.mod-arrow-right::before {
    color: #4d7b86;
}
.slide18-board {
    position: absolute;
    top: 85px;
    width: 780px !important;
}
.slide18-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.slide18-dec {
    float: left;
    height: auto;
    margin-left: 129px;
    padding: 58px 35px;
    position: absolute;
    top: 85px;
    width: 565px;
}
.slide18-dec > ul {
    list-style: outside none none;
    width: 460px;
}
.slide18-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
	margin-bottom: 7px;
    width: 475px;
}
.slide18-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    width: 475px;
     margin-bottom: 12px;
}
.slide18-text3 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 23px;
    text-align: justify;
    width: 418px;
}
.slide18-text4 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 23px;
    text-align: justify;
    width: 418px;
}
.slide18-text5 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 23px;
    text-align: justify;
    width: 418px;
}
.slide18-text6 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    width: 460px;
    line-height: 22px;
}
.slide18-smiley18 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 85px !important;
}


.slide19 {
    background-color: #ededed;
    height: auto;
    width: 100%;
}
.slide19-inner {
    background-color: #ededed;
	min-height: 900px;
    width: 100%;
}
.slide19-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.modal-arrow.mod-first.model-slide2 {
    position: absolute;
    top: 100%;
}
.model-slide3 {
    left: 0;
    position: absolute;
}
.model-slide3 .mod-arrow {
    pointer-events: none;
}
.model-slide2 .fa.fa-arrow-left.left-arrow.mod-arrow-left {
    opacity: 0;
}
.model-slide2 .fa.fa-arrow-right.right-arrow.mod-arrow-right {
	 opacity: 0;
}
.model-slide2 .mod-arrow {
    pointer-events: none;
}
.model-slide3 .fa.fa-arrow-left.mod-arrow-left::before {
    color: #e5e5e5;
    opacity: 0;
}
.model-slide3 .fa.fa-arrow-right.mod-arrow-right::before {
    color: #e5e5e5;
    opacity: 0;
}
.assign-three-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
}
.assign-three-btn-right .fa.fa-arrow-right::before {
    color: #ffffff;
    font-size: 20px;
}
.assign-tit-three {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}
.assignment-img-three {
   /* border-right: 1px solid #bfbfbf;*/
    width: 100%;
}
.assignment-main-img-three {
    margin-right: 0;
    width: 96%;
}
.assign-three-dec {
    float: left;
    margin-top: 15px;
	/*height: 200px;
    overflow-y: scroll;*/
    padding-right: 10px;
}
.assign-three-dec > p {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
    width: 99%;
}
.assign-three {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 26px;
    margin-bottom: 15px;
    width: 100%;
}
.assign-three-step1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.dueto-main-one {
    width: 100%;
    margin-bottom: 20px;
}
.dueto-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 5px;
    width: 100%;
}
.dueto-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: 15px;
    width: 95%;
}
/*.dueto-main-two {
    width: 100%;
    margin-bottom: 20px;
}
.dueto-dec-two {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 5px;
    width: 100%;
}*/
.dueto-dec-three {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    width: 100%;
}
.assign-three-btn-left {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.assign-three-btn-left:hover {
    color: #3976ab;
}
.assign-three-btn-right {
    background-color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.assign-three-btn-right:hover {
    color: #ffffff;
}
.abt-factor-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: left;
}
.instruct-btn-optimise {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.instruct-btn-optimise:hover{
    color: #ffffff;
}
.how-optimized-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.how-optimized {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 14%;
    margin: 15px 0 10px;
    outline: 0 none;
    margin: 30px;
    min-height: 505px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.how-optimized-modal {
    margin: 10px auto;
    overflow: auto;
    width: 100%;
}
.how-optimized-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
}
.how-optimized-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 14px;
    width: 75%;
}
.how-optimized-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 auto 2px;
    width: 75%;
}
.how-optimized-dec-inner {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 15px;
    text-align: justify;
    width: 75%;
}
.how-optimized-btn-main {
    float: left;
    margin: 18px auto 30px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.how-optimized-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.how-optimized-btn {
    color: #ffffff;
}
.smiley19-img {
    bottom: 25px;
    position: fixed;
    right: 45px;
}
.slide19-shap19-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.slide19-shap19 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 83px;
    min-height: 84px;
    padding: 30px 25px;
    position: absolute;
    right: 122px;
    width: 331px;
    z-index: 10;
}
.slide19-shap19-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 2px;
    height: 81px;
    position: absolute;
    right: 128px;
    width: 325px;
}
.slide19-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 22px;
    z-index: 10;
}
.slide19-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px;
    z-index: 10;
}
.slide19-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 24px;
    line-height: 26px;
    position: relative;
    top: 7px;
    width: 245px;
}

/* start Working */
.start-work-three {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0 !important;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50 !important;
}
.start-work-sub-three{
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 240px;
    left: 25%;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 53%;
    z-index: 1040;
    border-radius: 5px;
}
.start-work-inner-three {
    margin: 0 auto;
    width: 100%;
}
.need-hint-main-three {
    margin: 30px auto;
    min-height: 0;
    width: 66%;
}
.modal-title-needhint-three {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-align: center;
}
.modal-hint-dec-three {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 25px auto 0;
    width: 90%;
}
.hint-left-btn-three {
    float: left;
}
.hint-right-btn-three {
    float: right;
}
.need-hint-left-three {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.need-hint-left-three:hover { color: #ffffff; }
.need-hint-right-three {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.need-hint-right-three:hover { color: #ffffff; }

.slide20 {
    background-color: #dedede;
    height: auto;
    width: 100%;
}
.slide20-inner {
    background-color: #dedede;
    min-height: 768px;
    width: 100%;
}
.slide20-contant {
    height: 96%;
    left: 50%;
    margin: 0 auto 0 -415px;
    overflow-y: hidden;
    position: absolute;
    top: 3%;
    width: 840px;
}
.model-slide4 {
    left: 0;
    position: absolute;
}
.model-slide4 .mod-arrow {
    pointer-events: none;
}
.model-slide4 .fa.fa-arrow-left.mod-arrow-left::before {
    color: #e5e5e5;
    opacity: 0;
}
.model-slide4 .fa.fa-arrow-right.mod-arrow-right::before {
    color: #e5e5e5;
    opacity: 0;
}
.fa.fa-arrow-left.assign-arrow::before {
    background-color: #919191;
    border-radius: 50px;
    color: #ffffff;
    font-size: 14px;
    padding: 3px;
}
.fa.fa-arrow-left.assign-arrow {
	margin-top: 5px;
}
.assignment-three-top {
    float: left;
    margin-left: 5px;
    width: 99%;
}
.assignment-back-main {
    float: left;
      height: 30px;
    width: 100%;
}
.see-assignment {
    color: #909090;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: -3px;
    width: 96%;
}
.assignment-top-inner {
    float: left;
    height: 50px;
    width: 100%;
}
.abt-fact-main {
    float: left;
    width: 33.33%;
}
.timer-main {
    float: left;
    width: 33.33%;
}
.instruct-main {
    float: right;
    width: 173px;
}
.abt-fact-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 7px 0;
    text-align: left;
}
.assign-three-abt { color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.assign-three-abt:hover {
    color: #3976ab;
}
.assign-three-instruct-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.timer-main .timer {
    margin-left: 93px;
}
.software-tit {
    color: #010101;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.assignment-three-main {
    /*background-image: url("http://localhost/Apirho-new/wp-content/themes/bridge/img/assign-3-bg.png");*/
    background-color: #ededed;
    -webkit-box-shadow: 0 0 5px 2px #d2d6d9;
    box-shadow: 0 0 5px 2px #d2d6d9;
    float: left;
    margin-left: 5px;
    min-height: 500px;
    max-width: 830px;
    padding: 0 10px;
}
.assignment-three-left {
    float: left;
    padding-left: 5px;
    width: 50%;
}
.assignment-three-right {
    float: left;
    padding-right: 10px;
    width: 50%;
}
.assignment-three-border {
    border-right: 1px solid #bfbfbf;
    float: left;
    width: 100%;
}
.assignment-three-img {

}
.assignment-three-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    text-align: center;
}
.assignment-software {
    margin-left: 25px;
    width: 90%;
}
.software-main {
    float: left;
    /*height: 360px;
    overflow-y: auto;*/
    padding-right: 12px !important;
    width: 100%;
}
.force-main-dec {
    margin-left: 2px;
    width: 95%;
}
form {
    margin-top: 0;
}
.force {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 0;
    width: 100%;
}
.force-span {
    font-weight: 400 !important;
}
.material {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 0;
    width: 100%;
}
.material-span {
    font-weight: 400 !important;
}
.range-design {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 0;
    width: 100%;
}
.slide20-table {
    margin-top: 3px !important;
    margin-bottom: 15px !important;
    width: 98%;
}
.slide20-one {
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
.slide20-radius {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
.slide20-thickness {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
}
.slide20-minimum {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    width: 150px;
}
.slide20-radius-one {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
width: 80px;
}
.slide20-thickness-one {
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    padding: 0px;
}
.slide20-maximum {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-right: 1px solid #d7d7d7;
    width: 150px;
}
.slide20-radius-two {
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-right: 1px solid #d7d7d7;
    padding: 0px;
}
.slide20-thickness-two {
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 0px;
}
.manufacturable-main {
    float: left;
    height: 50px;
    margin-bottom: 0;
	margin-top: 6px;
    width: 100%;
}
.manufact-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 53%;
}
.manufact-list {
    float: left;
    margin-left: 10px;
    width: 43%;
}
.manufact-list > select {
    background-image: url("img/dropdown-icon.png");
    font-family: "proxima-nova",sans-serif;
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-size: 16px;
   padding: 5px 25px 5px 4px;
}
#manufact-list > option {
    padding: 2px 10px 2px 4px;
}


.select2-search__field {
    display: none;
}
.select2-search.select2-search--dropdown {
    display: none;
}
#select2-manufact-list-result-h7ds-1:hover {
    background-color: #d2d2d2;
    color: #333333;
}
.select2-selection.select2-selection--single {
    border: 2px solid #cecece;
    border-radius: 0;
    height: 35px !important;
}
.select2-selection__rendered {
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    padding: 2px 0;
}
.select2-selection__arrow::after {
    background-repeat: no-repeat;
    color: #b4b4b4;
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    right: -2px;
    top: 8px;
    width: 18px;
    z-index: 10;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
     top: -4px;
}

/* Video Popup */
.slide20-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.slide20-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.slide20-video-popup {
    padding: 0;
}
.close-pop-video20 {
    float: right;
}
.close-pop-video20 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}

/* See Assignment Popup*/
.see-assignment-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.see-assignment-popup {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 160px;
    margin: 15px 0;
    outline: 0 none;
    min-height: 500px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.see-assignment-popup-modal {
    margin: 25px auto;
    overflow: auto;
    width: 100%;
}
.assignment-img-threepopup {
    margin: 0 auto;
    width: 50%;
}
.assignment-main-img-threepopup {
    margin-right: 0;
    width: 100%;
}
.assign-three-decpopup {
    float: left;
    margin-top: 15px;
    padding: 5px 45px;
}
.assign-three-decpopup > p {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
    width: 99%;
}
.assign-threepopup {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 15px;
    width: 100%;
}
.assign-three-step1popup {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.dueto-main-onepopup {
    margin-bottom: 20px;
    width: 100%;
}
.dueto-decpopup {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 5px;
    width: 100%;
}
.dueto-steppopup {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 15px;
    width: 95%;
}
.dueto-dec-threepopup {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    width: 100%;
}
.see-assignmrnt-popup-main {
    float: right;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 22px;
}
.see-assignmrnt-closebtn {
    color: #3976ab !important;
    font-size: 24px !important;
    cursor: pointer;
}


select::before {
    content: "�?�";
    font-family: FontAwesome;
    font-size: 15px;
}
td > input[type="text"] {
    border: 0 none;
    box-shadow: none;
    display: inline-block;
    height: 44px;
    margin-bottom: 0;
    padding: 10px 4px;
    text-align: center;
    width: 100%;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    color: #b4b4b4;
}
.thickness-one {
    margin-bottom: 0;
}
.thickness-two {
    margin-bottom: 0;
}
.radius-two {
    margin-bottom: 0;
}
.objective-main {
    float: left;
    height: 65px;
    width: 100%;
}
.objective-dec {
    color: #565656;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 1px;
    width: 100%;
}
#objective-list > option {
    padding: 2px 10px 2px 4px;
}
.objective-list {
    float: left;
    width: 48%;
}
.objective-list > select {
 background-image: url("img/dropdown-icon.png");
    font-family: "proxima-nova",sans-serif;
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-size: 16px;
    padding: 5px 25px 5px 4px;
}
.objective-list-two {
    float: left;
    margin-left: 10px;
    width: 48%;
}
.objective-list-two > select {
 background-image: url("img/dropdown-icon.png");
    font-family: "proxima-nova",sans-serif;
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-size: 16px;
    padding: 5px 25px 5px 4px;
}
#objective-list-two > option {
    padding: 2px 10px 2px 4px;
}
.constraint-main {
    float: left;
    height: 65px;
    width: 100%;
    margin-top: 15px;
}
.constraint-dec {
    color: #565656;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 1px;
    width: 100%;
}
.constraint-list {
    float: left;
    width: 35%;
}
.constraint-list > select {
 background-image: url("img/dropdown-icon.png");
    font-family: "proxima-nova",sans-serif;
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-size: 16px;
    margin-bottom: 0;
    padding: 5px 20px 5px 4px;
}
#constraint-list > option {
    padding: 2px 10px 2px 4px;
}
.constraint-list-two {
    float: left;
    margin-left: 7px;
    width: 34%;
}
.constraint-list-two > select {
 background-image: url("img/dropdown-icon.png");
    font-family: "proxima-nova",sans-serif;
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-size: 16px;
    padding: 5px 18px 5px 0px;
    margin-bottom: 0;
}
#constraint-list-two > option {
    padding: 2px 10px 2px 4px;
}
.constraint-list-three {
    float: left;
    margin-left: 12px;
    width: 24%;
}
.software.constraint {
    border: 2px solid #cecece;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    color: #b4b4b4;
    padding: 5px 2px;
    text-align: center;
    margin-bottom: 0;
height: 35px;
}
.run-btn {
    float: left;
    height: 50px;
    margin: 55px auto 0;
    text-align: center;
    width: 100%;
}
.run-optimize {
    background-color: #3976ab;
    border-radius: 3px;
    font-family: "proxima-nova",sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
    padding: 7px 30px;
    text-align: center;
    width: 28%;
}
.run-optimize:focus {
    color: #ffffff;
}
.run-optimize:hover {
    color: #ffffff;
}
.run-submit {
    background-color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    display: none;
    margin: 0 auto;
    padding: 7px 25px;
    text-align: center;
    width: 28%;
}
.run-submit:hover {
    color: #ffffff;
}

.geometric-tit {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.result-tit {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: -15px;
    text-align: center;
    width: 100%;
}
.border-result {
    border: 1px solid #e2e2e2;
    float: left;
    margin: 25px 0 25px 20px;
    width: 94%;
}
.result {
    float: left;
    padding-left: 20px;
    width: 100%;
}
.result-dec {
    color: #b8b8b8;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
}
.submit-error-chem3 {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 0 #d2d2d2;
    color: #e20000;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 35px;
    padding: 20px 30px;
}
.submited-assignment-three {
    background-image: url("img/submit-answer-three-new.png");
    background-size: 100% auto;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-left: -5px;
    margin-top: 5px;
    padding: 8px 20px 13px 25px;
    width: 100%;
}
.submited-assignment-incorrect {
    color: #e20000;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left;
    line-height: 20px;
}
.try-again-assignthree {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
margin-top: 2px;
}
.try-text-assignthree {
    margin-left: 3px;
}
.try-again-assignthree:hover {
    color: #ffffff;
}
.correct-try-assignthree {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
    padding: 4px 10px;
margin-top: 2px;
}
.correct-try-assignthree:hover {
    color: #999999;
}
/* validation */
.false-thick::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e20000;
}
.false-thick::-moz-placeholder {
    color: #e20000;
}
.false-thick:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.false-thick:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}

.false-radius::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e20000;
}
.false-radius::-moz-placeholder {
    color: #e20000;
}
.false-radius:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.false-radius:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}

.false-thicktwo::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e20000;
}
.false-thicktwo::-moz-placeholder {
    color: #e20000;
}
.false-thicktwo:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.false-thicktwo:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}

.false-constraint-three::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e20000;
}
.false-constraint-three::-moz-placeholder {
    color: #e20000;
}
.false-constraint-three:-ms-input-placeholder { /* IE 10+ */
  color: #e20000;
}
.false-constraint-three:-moz-placeholder { /* Firefox 18- */
  color: #e20000;
}

.numeric1 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 12px;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 128px;
}
.numeric2 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 12px;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 128px;
}
.numeric3 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 12px;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 128px;
}
.numeric4 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    position: relative;
    right: 0;
    top: 2px;
    width: 92px;
}
.require1 {
    color: #ff0000;
    display: none;
    font-size: 12px;
    margin: -5px 12px 0;
    float: right;
}
.require2 {
    color: #ff0000;
    display: none;
    font-size: 12px;
    margin: -5px 0 0;
    float: right;
}
.require3 {
    color: #ff0000;
    display: none;
    font-size: 12px;
    margin: -5px 12px 0;
    float: right;
}
.require4 {
    color: #ff0000;
    display: none;
    font-size: 12px;
    margin: -2px 0 0;
    float: right;
}
.require5 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 12px;
    margin: -2px 0 0;
}

/* Correct Answer Assignment Three */
.thickness-one-correct {
    color: #19b0be;
    display: none;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
}
.radius-two-correct {
    color: #19b0be;
    display: none;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
}
.thickness-two-correct {
    color: #19b0be;
    display: none;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
}
.onemm-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #19b0be;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 25px;
    display: none;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
    text-align: left;
   /* width: 113px;*/
}
.fa.fa-chevron-down.down-correct {
    color: #b4b4b4;
    float: right;
    font-size: 12px;
    margin-top: 6px;
}
.mass-correct {
   background-color: #ffffff;
   border: 2px solid #cecece;
   color: #19b0be;
   font-family: "proxima-nova",sans-serif;
   font-size: 16px;
   padding: 5px 25px;
   display: none;
   font-weight: 400;
   pointer-events: none;
   margin-bottom: 0;
   text-align: left;
  /* width: 135px; */
}
.minimisation-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #19b0be;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 25px;
    display: none;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
    text-align: left;
   /* width: 185px;*/
}
.factor-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #19b0be;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 2px;
    display: none;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
    text-align: left;
    /*width: 145px;*/
}
.min-correct {
   background-color: #ffffff;
   border: 2px solid #cecece;
   color: #19b0be;
   font-family: "proxima-nova",sans-serif;
   font-size: 16px;
   padding: 5px 6px;
   display: none;
   font-weight: 400;
   pointer-events: none;
   margin-bottom: 0;
   text-align: left;
   /*width: 120px;*/
}
.constraint-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #19b0be;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px;
    display: none;
    font-weight: 400;
    pointer-events: none;
    margin-bottom: 0;
    text-align: center;
   /* width: 100px;*/
}
.ans-result-main {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    display: none;
}
.optimum-solu {
    font-family: "proxima-nova",sans-serif;
    color: #464646;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
}
.answer-result-left {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    float: left;
    font-size: 16px;
    font-weight: 600;
    width: 50%;
}
.light-result {
    color: #656565;
    font-size: 16px;
    font-weight: 400 !important;
}
.answer-result-right {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    float: left;
    font-size: 16px;
    font-weight: 600;
    width: 50%;
}


.slide21 {
    background-color: #004252;
    height: auto;
    width: 100%;
}
.slide21-inner {
    background-color: #004252;
    min-height: 768px;
    width: 100%;
}
.slide21-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -390px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.model-slide5 #modprev {
    pointer-events: auto;
	opacity: 1;
}
.model-slide5 .fa.fa-arrow-left.left-arrow.mod-arrow-left::before {
    color: #4d7b86;
}
.model-slide5 .fa.fa-arrow-right.mod-arrow-right::before {
    color: #4d7b86;
}
.model-slide5 #modnext {
    pointer-events: none;
	opacity: 0.2;
}
.slide21-shap21-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.slide21-shap21 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 83px;
    min-height: 218px;
    padding: 30px 25px;
    position: absolute;
    right: 133px;
    width: 445px;
}
.slide21-shap21-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 8px;
    height: 81px;
    position: absolute;
    right: 128px;
    width: 450px;
}
.slide21-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.slide21-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135x;
    width: 48px !important;
    z-index: 1000;
    right: 130px;
}
.slide21-smiley21 {
    bottom: 20px;
    position: fixed;
    right: 40px;
    width: 100px !important;
}
.slide21-img {
    height: auto;
    margin-left: 160px;
    width: 60%;
}
.slide21-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 26px;
    line-height: 23px;
    position: relative;
    top: 24px;
    width: 350px;
}
.slide21-popup2 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 26px;
    line-height: 23px;
    position: relative;
    top: 43px;
    width: 350px;
}


.slide35 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.slide35-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.slide35-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    overflow-y: hidden;
    position: absolute;
    top: 8%;
    width: 780px;
}
.model-slide6 #modnext {
    pointer-events: none;
}
.model-slide6 .fa.fa-arrow-left.mod-arrow-left::before {
    color: #4d7b86;
}
.model-slide6 .fa.fa-arrow-right.mod-arrow-right::before {
    color: #003b4a;
}
.slide35-text-bg {
    background-image: url("img/shap35.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: 385px !important;
    margin: 111px 0 auto;
    padding: 110px 0;
    width: 530px !important;
    z-index: 100;
}
.slide35-dec {
    float: left;
    padding: 10px 100px;
    width: 540px;
}
.smiley-slide35 {
    float: left;
    height: auto;
    top: 0;
    width: 24%;
}
.shap35-slide35 {
    height: 300px;
    margin-left: 167px;
    position: absolute;
    top: 295px;
    width: 540px !important;
}
.slide35-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 14px;
    position: absolute;
    width: 340px;
}
.slide35-goodbye-btn {
    background-color: #004252;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-left: 87px;
    margin-top: 129px;
    padding: 12px 28px;
}


/* Chemical CSS*/
.chem-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
#chemprev {
    margin-right: 13px;
}
#chemnext {
    margin-left: 13px;
}
.fa.fa-arrow-left.chem-left-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.fa.fa-arrow-right.chem-right-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.chem-slide1-arrow #chemprev {
    opacity: 0.2;
    pointer-events: none;
}

.chem-slide1 {
    background-color: #004252;
    height: auto;
    width: 100%;
}
.chem-slide1-inner {
    background-color: #004252;
    min-height: 768px;
    width: 100%;
}
.chem-slide1-contant {
    height: auto;
    left: 50%;
    margin-left: -380px;
    overflow-y: hidden;
    position: absolute;
    top: 15%;
    width: 780px;
}
.chem-smiley-slide1 {
    float: left;
    height: auto;
    margin: 40px 0 auto 24px;
    top: 0;
    width: 170px !important;
}
.chem-shap1-slide1 {
    float: left;
    height: auto !important;
    margin: 200px 0 auto;
    width: 550px !important;
}
.chem-slide1-dec {
    float: left;
    padding: 10px 25px;
    width: 510px;
}
.chem-slide1-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 60px;
    margin-top: 48px;
    width: 380px;
}
.chem-slide1-text-bg {
    background-image: url("img/shap1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: auto !important;
    margin: 100px 0 auto;
    padding: 80px 0;
    width: 530px !important;
    z-index: 100;
}


.chem-slide2 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chem-slide2-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.chem-slide2-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide2-dec {
    float: left;
    margin-left: 130px;
    padding-right: 35px;
    position: absolute;
    top: 180px;
    width: 570px;
}
.chem-slide2-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chem-slide2-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
	margin-bottom: 0px;
    text-align: justify;
}
.chem-slide2-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: justify;
}
.chem-slide2-shap2-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide2-shap2 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 105px;
    padding: 30px 40px 22px;
    position: absolute;
    right: 120px;
    width: 330px !important;
}
.chem-slide2-shap2-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide2-smiley2 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chem-slide2-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 12px;
    line-height: 26px;
    position: relative;
    top: 0;
    width: 235px;
}
.chem-slide2-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide2-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chem-slide3-arrow #chemprev .chem-left-arrow::before {
    color: #7da4cf;
}
.chem-slide3-arrow #chemnext .chem-right-arrow::before {
    color: #7da4cf;
}
.chem-slide3 {
    background-color: #457dba;
	height: auto;
	width: 100%;
}
.chem-slide3-inner {
    background-color: #457dba;
	min-height: 768px;
	width: 100%;
}
.chem-slide3-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide3-shap3-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide3-shap3 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 100px;
    min-height: 150px;
    padding: 30px 25px;
    position: absolute;
    right: 120px;
    width: 436px;
}
.chem-slide3-shap3-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 436px;
}
.chem-slide3-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide3-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px !important;
    z-index: 1000;
}
.chem-slide3-smiley3 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 85px;
}
.chem-slide3-machin {
    height: auto;
    margin-left: 110px;
    width: 70%;
}
.chem-slide3-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 24px;
    line-height: 26px;
    position: relative;
    top: 7px;
    width: 350px;
}

.chem-slide4 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.chem-slide4-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.chem-slide4-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -380px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide4-shap4 {
    background-image: url("img/chem-shap4.png");
    height: 380px;
    left: 75px;
    position: relative;
    right: 0;
    top: 30px;
    width: 690px;
}
.chem-slide4-smiley4 {
    left: 20px;
    position: relative;
    top: 30px;
    width: 130px;
}
.chem-slide4-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    left: 90px;
    line-height: 23px;
    position: absolute;
    top: 90px;
    width: 350px;
}
.chem-slide4-text {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    left: 90px;
    line-height: 26px;
    margin-bottom: 0;
    position: absolute;
    text-align: justify;
    top: 135px;
    width: 510px;
}
.chem-slide4-text2 {
    color: #949494;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    left: 90px;
    line-height: 26px;
    margin-bottom: 0;
    position: absolute;
    text-align: justify;
    top: 225px;
    width: 510px;
}


.chem-slide5 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chem-slide5-inner {
    background-color: #004252;
	height: 768px;
    width: 100%;
}
.chem-slide5-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide5-dec {
    float: left;
    margin-left: 130px;
    padding-right: 35px;
    position: absolute;
    top: 190px;
    width: 580px;
}
.chem-slide5-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chem-slide5-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-align: justify;
}
.chem-slide5-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: justify;
}
.chem-slide5-text3 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 6px;
    text-align: justify;
}
.chem-slide5-shap5-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide5-shap5 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
	background-repeat: no-repeat;
    min-height: 105px;
    padding: 30px 25px;
    position: absolute;
    right: 120px;
    width: 330px !important;
}
.chem-slide5-shap5-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide5-smiley5 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chem-slide5-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 20px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 250px;
}
.chem-slide5-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide5-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chem-slide6-arrow #chemprev .chem-left-arrow::before {
    color: #9b9b9b;
}
.chem-slide6-arrow #chemnext .chem-right-arrow::before {
    color: #9b9b9b;
}
.chem-slide6 {
    background-color: #dedede;
	height: auto;
    width: 100%;
}
.chem-slide6-inner {
    background-color: #dedede;
	min-height: 768px;
    width: 100%;
}
.chem-slide6-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 13%;
    width: 780px;
}
.chem-slide6-dec {
    float: left;
    position: relative;
    top: 0;
    width: 780px;
}
.chem-slide6-text1 {
    color: #363636;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center;
}
.chem-slide6-text2 {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}
.chem-slide6-process-box-main {
    float: left;
    margin-top: 10px;
    position: relative;
}
.chem-box1 {
    background-color: #5f84ac;
    border-radius: 5px;
    float: left;
    padding: 20px 0;
    width: 173px;
}
.chem-box1 > p {
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.chem-box1-dec {
    font-weight: 400 !important;
}
.chem-arrow-1 {
    float: left;
    margin-left: -2px;
    margin-top: 27px;
}
.chem-box2 {
    background-color: #527394;
    border-radius: 5px;
    float: left;
    padding: 20px 0;
    width: 300px;
}
.chem-box2 > p {
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.chem-box2-dec {
    font-weight: 400 !important;
}
.chem-box3 {
    background-color: #45617d;
    border-radius: 5px;
    float: left;
    padding: 30px 0;
    width: 85px;
}
.chem-box3 > p {
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.chem-box4 {
    background-color: #395067;
    border-radius: 5px;
    float: left;
    padding: 20px 0;
    width: 150px;
}
.chem-box4 > p {
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.chem-slide6-process-box2 {
    float: right;
    margin-top: 31px;
    position: relative;
    right: 0;
}
.chem-arrow-2 {
    float: left;
    margin-top: -35px;
}
.chem-box5 {
    background-color: #395067;
    border-radius: 5px;
    float: left;
    padding: 30px 0;
    width: 150px;
}
.chem-box5 > p {
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.chem-slide6-shap6-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide6-shap6 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 115px;
    padding: 30px 25px;
    position: absolute;
    right: 120px;
    width: 330px !important;
}
.chem-slide6-shap6-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide6-smiley6 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chem-slide6-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 26px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 235px;
}
.chem-slide6-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide6-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chem-slide7-arrow #chemprev .chem-left-arrow::before {
    color: #9b9b9b;
}
.chem-slide7-arrow #chemnext .chem-right-arrow::before {
    color: #9b9b9b;
}
.chem-slide7-arrow #chemprev  {
    display: none;
}
.chem-slide7-arrow #chemnext  {
    display: none;
}
.chem-slide7 {
    background-color: #eaeaea;
	height: auto;
    width: 100%;
}
.chem-slide7-inner {
    background-color: #eaeaea;
	min-height: 768px;
    width: 100%;
}
.chem-slide7-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 10%;
    width: 780px;
}
.chem-assign-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}
.chem-assign {
    border-right: 1px solid #d0d0d0;
    min-height: 515px;
}
.chemassign-one-dec {
    float: left;
}
.chem-assign-one  {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: justify;
    width: 100%;
}
.chem-assign-one-ital  {
    color: #707070;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    width: 100%;
    text-align: justify;
    font-style: italic;
}
.chem-formula {
    color: #3976ab;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    width: 100%;
}
.chem-form-dec {
	color: #3976ab;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 90px;
}
.chem-form-dec-two {
	color: #3976ab;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 97px;
}
.chem-form-dec-three {
	color: #3976ab;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 135px;
}
.chem-form-dec-four {
	color: #3976ab;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 65px;
}
.how-to-find {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 22px;
    margin-bottom: 10px;
}
.chem-instruct-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 8px 16px;
    text-transform: capitalize;
}
.chem-instruct-btn:hover {
	color: #ffffff;
}
.chem-bottom-btn {
    float: left;
    margin-top: 12px;
    width: 100%;
}
.chem-btn-left {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.chem-btn-left:hover{
	color: #3976ab;
}
.chem-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
    margin-right: 5px;
}
.chem-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.chem-btn-right:hover {
    color: #ffffff;
}
.chem-btn-right .fa.fa-arrow-right::before {
    color: #fff;
    font-size: 20px;
	margin-left: 5px;
}

.chem-slide7-shap7-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.chem-slide7-shap7 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 110px;
    min-height: 90px;
    padding: 30px 25px;
    position: absolute;
    right: 123px;
    width: 327px;
}
.chem-slide7-shap7-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 27px;
    height: 84px;
    position: absolute;
    right: 128px;
    width: 322px;
}
.chem-slide7-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide7-shap7-icon {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px;
    z-index: 10;
}
.chem-slide7-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 250px;
}
.chem-slide7-smiley7 {
    bottom: 40px;
    position: fixed;
    right: 45px;
}

.chem-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 15px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
	height: 440px;
}
.chem-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chem-got-itbtn-main {
    float: left;
    text-align: center;
    width: 100%;
}
.chem-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}
.chem-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 78%;
}
.chem-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 14px;
    width: 78%;
}
.chem-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-align: center;
}


.chem-modal-bgtwo {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-modal-rotortwo {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 15px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
	height: 440px;
}
.chem-instr-modal-two {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chem-got-itbtn-main {
    float: left;
    text-align: center;
    width: 100%;
}
.chem-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}
.chem-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 72%;
	clear: both;
}
.chem-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 14px;
    width: 72%;
}
.chem-show-more {
	border-bottom: 1px solid #d9e2ec;
    color: #3976ab;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
     margin-bottom: 15px;
    margin-left: 14%;
    margin-top: -11px;
    width: 115px;
}
.chem-hide-more {
	border-bottom: 1px solid #d9e2ec;
	clear: both;
    color: #3976ab;
	display: none;
	cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
	font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin-left: 14%;
    margin-top: -12px;
    width: 115px;
}
.chem-show-more-text {
    clear: both;
    color: #3976ab;
	display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
	font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 14%;
    margin-top: 0px;
    width: 70%;
}

.chem-show-more-two {
	border-bottom: 1px solid #d9e2ec;
    color: #3976ab;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 14%;
    margin-top: -11px;
    width: 195px;
}
.chem-hide-more-two {
	border-bottom: 1px solid #d9e2ec;
	clear: both;
    color: #3976ab;
	display: none;
	cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
	font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin-left: 14%;
    margin-top: -12px;
    width: 195px;
}
.chem-show-more-text-two {
    clear: both;
    color: #3976ab;
	display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
	font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    margin-left: 14%;
    margin-top: 0px;
    width: 70%;
}

.chem-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-align: center;
}
.fa.fa-angle-down.chem-show-icon {
    margin-left: 5px;
}
.fa.fa-angle-up.chem-hide-icon {
    margin-left: 5px;
}

/*start Work */
.chem-start-work {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}	
.chem-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 270px;
    left: 200px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.chem-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chem-modal-title-needhint {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 35px;
    text-align: center;
}
.chem-modal-hint-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    width: 81%;
}
.chem-green-need-hint {
    color: #69b8b2;
}
.chem-need-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 58%;
}
.chem-hint-left-btn {
    float: left;
}
.chem-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.chem-need-hint-left:hover { 
	color: #ffffff;
}
.chem-hint-right-btn {
    float: right;
}
.chem-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.chem-need-hint-right {
	color: #ffffff;
}


.chem-slide8-arrow #chemprev  {
    display: none;
}
.chem-slide8-arrow #chemnext  {
    display: none;
}
.chem-slide8 {
    background-color: #eaeaea;
	height: auto;
    width: 100%;
}
.chem-slide8-inner {
    background-color: #eaeaea;
	min-height: 860px;
    width: 100%;
}
.chem-slide8-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 7%;
    width: 780px;
}
.chem-report-main {
    float: left;
    width: 100%;
}
.chem-report-tit {
    border-bottom: 2px solid #3976ab;
    color: #3976ab;
    font-size: 21px;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.chem-report-tit-dec {
	color: #3976ab;
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.chem-assign-formula {
    color: #999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-top: 25px;
    text-align: center;
    width: 100%;
}
.chem-ethanol-dec {
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.chem-form-assign-dec {
	color: #999;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    width: 90px;
}
.chem-form-assign-dec-two {
	color: #999;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    width: 116px;
}
.chem-form-assign-dec-three {
	color: #999;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    width: 125px;
}
.chem-form-assign-dec-four {
	color: #999;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    width: 60px;
}
.chem-molar-main {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.chem-molar-tit {
    color: #999;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}
.chem-condition-tit {
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 10px;
    width: 100%;
}
.chem-molar-tit-two {
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    width: 100%;
}
.chem-molar-left {
    float: left;
    width: 50%;
}
.chem-molar-left > p {
	color: #999;
    font-size: 16px;
	font-weight: 400;
	font-family: "proxima-nova",sans-serif;
    margin-bottom: 0px;
}
.chem-molar-right {
    float: left;
    width: 50%;
}
.chem-molar-right > p {
	color: #999;
    font-size: 16px;
	font-weight: 400;
	font-family: "proxima-nova",sans-serif;
    margin-bottom: 0px;
}
.chem-radius-main {
    float: left;
    width: 100%;
}
.chem-radius-one-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}

#rotorradiusform input, #rotorradiusform textarea {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 6px;
    margin-left: 10px;
    width: 100px !important;
}
/*buttons*/
#rotorradiusform .action-button {
    background: #3976ab none repeat scroll 0 0;
font-family: "proxima-nova",sans-serif;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    width: 100px;
}
#rotorradiusform .action-button:hover, #rotorradiusform .action-button:focus {
   /* box-shadow: 0 0 0 2px white, 0 0 0 3px #3976AB */
}
/*progressbar*/
#chem-progressbar {
    counter-reset: step;
    margin-bottom: 20px; margin-top: 35px;
    margin-left: -70px;
    overflow: hidden;
}
#chem-progressbar li {
    list-style-type: none;
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    width: 33.33%;
    float: left;
    text-transform: capitalize;
    position: relative;
}
#chem-progressbar li::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 5px;
    width: 26px;
    -moz-padding-top: 0px;
    -webkit-padding-top: 1px;
    padding-top: 0px;
    -moz-padding-left: 0px;
    -webkit-padding-left: 2px;
    padding-left: 0px;
}
#chem-progressbar li .liactive::before{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "\f00c";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 5px;
    width: 20px;
}
/*progressbar connectors*/
#chem-progressbar li::after {
    background: #c8c8c8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -37%;
    position: absolute;
    top: 11px;
    width: 75%;
    z-index: -1;
}
#chem-progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
#chem-progressbar li.liactive::before, #chem-progressbar li.liactive::after {
    border-radius: 50px;
    box-shadow: 1px 2px 5px #d2d2d2;
    color: #3976ab;
}
#chem-progressbar li.passed::before {
    border-radius: 50px;
    color: #999999;
    content: "";
    font-size: 16px;
}
#chem-progressbar .passed {
    color: #999999 !important;
    font-size: 18px;
    text-transform: capitalize;
}


/* step1 */
.chem-one-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
}
.chem-one-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem-one-dec-light {
    color: #999999 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    margin-top: 8px;
}
.chem-one-dec p strong {
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.chem-step1-dec {
    float: left;
    font-family: "proxima-nova",sans-serif;
    width: 100%;
}
.try-again-one-chem {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.correct-ans-one-chem {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-one-chem:hover {
    color: #999999;
}
.chem-moles-one {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    margin-top: 13px;
    width: 59%;
}
.chem-queal-one {
    color: #656565;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 12px;
    width: 20px;
}
.chem-input.ethyl-force {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px;
    margin-top: 6px;
    width: 16%;
}
.moles-hr {
    color: #464646;
    float: right;
    font-size: 16px;
    height: auto;
    margin-right: 0;
    margin-top: 14px;
    width: auto;
}
.chem-step1-hint {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.chem-step1-hint:hover {
    color: #3976ab;
}
.chem-only-number1 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-step1-error {
    background-image: url('img/wrong-answer-chemical.png');
    color: #e20000;
    background-size: 100% auto;
	display: none;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 14px 10px 10px 25px;
    text-align: left;
    width: 90%;
   height: 54px;
}

/* step2 */
.try-again-two-chem {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.correct-ans-two-chem {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-two-chem:hover {
    color: #999999;
}
.chem-two-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
}
.chem-two-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem-two-dec-light {
    color: #999999 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    margin-top: 8px;
}
.chem-two-dec p strong {
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.chem-step2-dec {
    float: left;
    font-family: "proxima-nova",sans-serif;
    width: 100%;
}
.chem-moles-two {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    margin-top: 13px;
    width: 50%;
}
.chem-queal-two {
    color: #656565;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 12px;
    width: 20px;
}
.moles-hr-two {
    color: #464646;
    float: right;
    margin-right: 25px;
    margin-top: -42px;
    width: 69px;
}
.chem-input.amount-water {
    margin-top: 7px;
}
.chem-input.amount-ethanol {
    margin-top: 7px;
}
.chem-input.amount-acetic {
    margin-top: 7px;
}
.chem-step2-hint {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.chem-step2-hint:hover {
    color: #3976ab;
}
.chem-only-number2 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-only-numbertwo2 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-only-numbertwo3 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.enter-val-two3 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 16px;
    margin-right: 47px;
    margin-top: -39px;
}
.chem-step2-error {
    background-image: url('img/wrong-answer-chemical.png');
    color: #e20000;
    background-size: 100% auto;
	display: none;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 14px 10px 10px 25px;
    text-align: left;
    width: 90%;
height: 54px;
}


/* step3 */
.try-again-three-chem {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-again-three-chem:hover {
    color: #ffffff;
}
.correct-ans-three-chem {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-three-chem:hover {
    color: #999999;
}
.chem-three-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
}
.chem-three-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem-three-dec-light {
    color: #999999 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    margin-top: 8px;
}
.chem-three-dec p strong {
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.chem-step3-dec {
    float: left;
    font-family: "proxima-nova",sans-serif;
    width: 100%;
}
.chem-moles-three {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    margin-top: 13px;
    width: 58%;
}
.chem-queal-three {
    color: #656565;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 12px;
    width: 20px;
}
.moles-hr-three {
	color: #464646;
    float: right;
    height: auto;
    margin-right: 17px;
    margin-top: -43px;
    width: auto;
}
.correct-ans-rotor-three2 {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 7px;
    width: 90px;
}
.correct-ans-rotor-three3 {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 7px;
    width: 90px;
}
.enter-val-three2 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 16px;
    margin-right: 55px;
    margin-top: -39px;
}
.enter-val-three3 {
    color: #ff0000;
    display: none;
    float: right;
    font-size: 16px;
    margin-right: 55px;
    margin-top: -39px;
}
.chem-input.amount-water-three {
    margin-top: 7px;
}
.chem-input.amount-ethanol-three {
    margin-top: 7px;
}
.chem-input.amount-acetic-three {
    margin-top: 7px;
}
.chem-step3-hint {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.chem-step3-hint:hover {
    color: #3976ab;
}
.chem-only-number3 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-only-numberthree2 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-only-numberthree3 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem-step3-error {
    background-image: url('img/wrong-answer-chemical.png');
    color: #e20000;
    background-size: 100% auto;
	display: none;
    font-size: 15px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 14px 10px 10px 25px;
    text-align: left;
    width: 90%;
height: 54px;
}


/* Hint Step1 */
.chem-step1-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-step1-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 270px;
    left: 160px;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.chem-step1-hint-popup {
    padding: 30px 0;
}
.chem-step1-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 35px;
    text-align: center;
    width: 100%;
}
.chem-step1-hint-icon {
    margin-top: -5px;
}
.chem-step1-hint-main {
    margin: 0 auto;
    width: 90%;
}
.chem-step1-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.chem-step1-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 0px;
    width: 100%;
}
.chem-step1-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.chem-step1-hint-got-itbtn {
    float: left;
    margin: 20px auto 43px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.chem-step1-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.chem-step1-hint-got-it:hover {
	color: #ffffff;
}

/* Hint Step2 */
.chem-step2-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-step2-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 230px;
    left: 225px;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%;
    z-index: 1040;
}
.chem-step2-hint-popup {
    padding: 20px 0;
}
.chem-step2-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0px 0 0px;
    text-align: center;
    width: 100%;
}
.chem-step2-hint-icon {
    margin-top: -5px;
}
.chem-step2-hint-main {
    margin: 0 auto;
    width: 90%;
}
.chem-step2-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.chem-step2-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 0px;
    width: 100%;
}
.chem-step2-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.chem-step2-hint-got-itbtn {
    float: left;
    margin: 0px auto 43px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.chem-step2-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.chem-step2-hint-got-it:hover {
	color: #ffffff;
}

/* Hint Step3 */
.chem-step3-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-step3-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 210px;
    left: 180px;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    z-index: 1040;
}
.chem-step3-hint-popup {
    padding: 18px 0;
}
.chem-step3-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0px 0 0px;
    text-align: center;
    width: 100%;
}
.chem-step3-hint-icon {
    margin-top: -5px;
}
.chem-step3-hint-main {
    margin: 0 auto;
    width: 85%;
}
.chem-step3-hint-left {
    color: #595959;
    float: left;
    width: 30px;
}
.chem-step3-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: -8px;
    width: 100%;
}
.chem-step3-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 5px;
    width: 100%;
}
.chem-step3-hint-got-itbtn {
    float: left;
    margin: 0px auto 43px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.chem-step3-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}
.chem-step3-hint-got-it:hover {
	color: #ffffff;
}

/* Video Popup */
.slide16-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.slide16-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.slide16-video-popup {
    padding: 0;
}
.close-pop-video16 {
    float: right;
}
.close-pop-video16 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}


/* Continue Pop-up Work */
.chem-continue-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-continue-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 300px;
    left: 160px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.chem-continue-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chem-modal-title-continue {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 65px auto 0;
    text-align: center;
    width: 95%;
}
.chem-modal-cont-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    text-align: center;
    width: 90%;
}
.chem-cont-work-main {
    margin: 40px auto;
    min-height: 0;
    width: 100%;
}
.chem-contwork-btn {
    margin: 0 auto;
    width: 27%;
}
.chem-contwork-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 205px;
}


/* correct step1 Answer */
.chem-correct-ans-step1 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.chem-correct-ans-step1-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem-correct-ans-step1-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.chem-correct-ans-step1-dec-sub {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
	margin-left: 10px;
}
.chem-correct-ans-step1-dec-border {
    border-bottom: 1px solid #759b1a;
    margin-bottom: 0;
    margin-left: 13px;
    width: 55%;
}
.chem-correct-ans-step1-dec-border-two {
    border-bottom: 1px solid #759b1a;
    margin-bottom: 0;
    margin-left: 13px;
    width: 8%;
}

.chem-correct-ans-step2 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.chem-correct-ans-step2-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem-correct-ans-step2-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}

.chem-correct-ans-step3 {
    display: none;
    float: left;
    text-align: left;
    width: 98%;
}
.chem-correct-ans-step3-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem-correct-ans-step3-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}


.step-one, .step-two, .step-three {
    float: left;
   /* height: 220px;
    overflow: auto;*/
    position: relative;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 16px;
}
#chemicalform input, #chemicalform textarea {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: 2px;
    padding: 6px;
    width: 100px;
}
#chemicalform {
    margin: 30px auto;
    position: relative;
    text-align: center;
}
.step1-btn {
    margin: 0 auto;
    width: 50%;
}
#chemicalform .action-button {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    width: 100px;
}



.chem2-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
.fa.fa-arrow-left.chem-left-arrow::before {
	color: #4d7b86;
}
.fa.fa-arrow-right.chem-right-arrow::before {
	color: #4d7b86;
}
.chem-step2-slide1-arrow #chem2prev {
    opacity: 0.2;
    pointer-events: none;
}
#chem2prev {
    margin-right: 13px;
}
#chem2next {
    margin-left: 13px;
}
.chem-slide9 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chem-slide9-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.chem-slide9-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide9-dec {
    float: left;
    margin-left: 130px;
    padding-right: 55px;
    position: absolute;
    top: 170px;
    width: 580px;
}
.chem-slide9-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chem-slide9-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-align: justify;
}
.chem-slide9-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 14px;
    margin-top: 15px;
    text-align: justify;
}
.chem-slide9-text3 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 6px;
    text-align: justify;
}
.chem-slide9-text4 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 6px;
    text-align: justify;
}
.chem-slide9-smiley9 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}

.chem-slide10 {
    background-color: #eaeaea;
	height: auto;
    width: 100%;
}
.chem-slide10-inner {
    background-color: #eaeaea;
	min-height: 768px;
    width: 100%;
}
.chem-slide10-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 10%;
    width: 780px;
}
.chem-step2-slide2-arrow #chem2prev {
    display: none;
}
.chem-step2-slide2-arrow #chem2next {
    display: none;
}
.chem-assign2-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}
.chem-assign2 {
    border-right: 1px solid #d0d0d0;
}
.chemassign-two-dec {
    float: left;
}
.chem-assign-two  {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
	text-align: justify;
    width: 100%;
}
.chem-assign-two-ital  {
    color: #707070;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    width: 100%;
	text-align: justify;
	font-style: italic;
}
.fluid-volume {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 22px;
    margin-bottom: 10px;
}
.how-to-pipe {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 22px;
    margin-bottom: 10px;
	margin-top: 50px;
}
.chem-instruct2-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chem-instruct2-btn:hover {
	color: #ffffff;
}
.chem-bottom-btn {
    float: left;
    margin-top: 12px;
    width: 100%;
}
.chem-btn-left {
    color: #3976ab;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.chem-btn-left:hover{
	color: #3976ab;
}
.chem-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
    margin-right: 5px;
}
.chem-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.chem-btn-right:hover {
    color: #ffffff;
}
.chem-btn-right .fa.fa-arrow-right::before {
    color: #fff;
    font-size: 20px;
	margin-left: 5px;
}

.chem2-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem2-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 40px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
    min-height: 305px;
}
.chem2-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chem2-got-itbtn-main {
    float: left;
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
}
.chem2-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}
.chem2-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 70%;
	clear: both;
}
.chem2-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 14px;
    width: 70%;
}
.chem2-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    text-align: center;
}
.fa.fa-angle-down.chem-show-icon {
    margin-left: 5px;
}
.fa.fa-angle-up.chem-hide-icon {
    margin-left: 5px;
}

/*start Work */
.chem2-start-work {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}	
.chem2-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 270px;
    left: 210px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.chem2-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chem2-modal-title-needhint {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 35px;
    text-align: center;
}
.chem2-modal-hint-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    width: 81%;
}
.chem2-green-need-hint {
    color: #69b8b2;
}
.chem2-need-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 58%;
}
.chem2-hint-left-btn {
    float: left;
}
.chem2-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.chem2-need-hint-left:hover { 
	color: #ffffff;
}
.chem2-hint-right-btn {
    float: right;
}
.chem2-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.chem2-need-hint-right {
	color: #ffffff;
}
.chem2-btn-left {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.chem2-btn-left:hover {
	color: #3976ab;
}
.chem2-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.chem2-btn-right:hover {
	color: #ffffff;
}
.chem2-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
    margin-right: 5px;
}
.chem2-btn-right .fa.fa-arrow-right::before {
    color: #ffffff;
    font-size: 20px;
    margin-left: 5px;
}




.chem-slide11 {
    background-color: #ededed;
	height: auto;
    width: 100%;
}
.chem-slide11-inner {
    background-color: #ededed;
	min-height: 768px;
    width: 100%;
}
.chem-slide11-contant {
    height: 93%;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-step2-slide3-arrow #chem2prev {
    display: none;
}
.chem-step2-slide3-arrow #chem2next {
    display: none;
}
.chem2-molar-main {
    float: left;
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
}
.chem2-molar-tit {
    color: #999;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}
.chem2-molar-left {
    float: left;
    width: 100%;
}
.chem2-molar-left > p {
	color: #999;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
.chem-assign-left {
    border-right: 1px solid #d0d0d0;
    min-height: 590px;
}
.border-chem2-assign {
    border: 1px solid #e2e2e2;
    float: left;
    margin: 20px 0;
    width: 100%;
}
.how-to-find-pipe {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
}
.chem2-fluid {
    cursor: pointer;
    float: left;
}
.play-btn-chem2 {
    float: left;
    margin-right: 8px;
    margin-top: 4px;
    width: 14%;
}
.chem2-fluid-right {
    float: left;
    width: 82%;
	color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.chem2-assign-instruct-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 8px 16px;
    text-transform: capitalize;
}
.try-again-one-chem2 {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-again-one-chem2:hover {
    color: #ffffff;
}
.correct-ans-one-chem2 {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-one-chem2:hover {
    color: #999999;
}
.chem2-one-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
}
.chem2-one-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem2-step1-dec {
    float: left;
    font-family: "proxima-nova",sans-serif;
    width: 100%;
}
.chem-min-one {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    margin-top: 13px;
    width: 68%;
}
.chem-input.min-cross {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px;
    margin-top: 6px;
    width: 21%;
}
.chem2-queal-one {
    color: #656565;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 7px;
    margin-top: 11px;
    width: 20px;
}
.m {
    color: #464646;
    float: right;
    font-size: 16px;
    height: auto;
    margin-right: 0;
    margin-top: 14px;
    width: auto;
}
.m-two {
    color: #464646;
    float: right;
    font-size: 16px;
    height: auto;
    margin-right: 10px;
    margin-top: 14px;
    width: auto;
}
.m-two-m {
	color: #464646;
    float: right;
	font-size: 16px;
    margin-right: 10px;
    position: relative;
    top: 12px;
	width: auto;
}

.chem2-two-dec {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
}
.try-again-two-chem2 {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 16px;
}
.try-again-one-chem2:hover {
    color: #ffffff;
}
.correct-ans-two-chem2 {
    border: 2px solid #dadada;
    border-radius: 5px;
    color: #999999;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    padding: 4px 10px;
}
.correct-ans-two-chem2:hover {
    color: #999999;
}
.chem2-two-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem2-two-dec > strong {
    font-weight: 600;
}
.chem2-two-dec-light {
    color: #a6a6a6 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    margin-top: 8px;
}
.chem2-min-dia-two {
	color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
    margin-top: 14px;
    width: 64%;
}	
.chem-input.min-diameter {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px;
    margin-top: 6px;
    width: 21% !important;
}
.chem-input.min-diameter-two {
    border: 2px solid #cecece;
    float: left;
    margin-bottom: 5px;
    margin-top: 6px;
    width: 21% !important;
}
.chem2-queal-two {
    color: #656565;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 7px;
    margin-top: 11px;
    width: 20px;
}

.chem2-three-dec {
    color: #464646;
    float: left;
    margin-bottom: 5px;
    text-align: left;
    width: 98%;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.chem2-three-dec > strong {
    color: #464646;
}
.chem2-three-dec > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
}
.chem2-three-dec-light {
    color: #999999;
	float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px;
    margin-top: 8px;
}
.chem2-radiobtn-dec {
    float: left;
    width: 440px;
}
.chem2-radio-one {
    float: left;
    width: 20%;
	margin-top: 5px;
}
.chem2-step3-error {
    background-image: url("img/wrong-answer-chemical.png");
    background-size: 100% auto;
    color: #e20000;
    display: none;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 54px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 14px 10px 10px 25px;
    text-align: left;
    width: 90%;
}
.chemprocess-three {
    display: none;
}
.radioone, .radiotwo, .radiothree, .radiofour, .radiofive {
    border: 1px solid #464646;
    border-radius: 45px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin: 2px 4px 5px 15px;
    width: 15px;
}
.radioone.active {
    background-color: #3976ab;
    border: 2px solid #464646;
    border-spacing: 10px;
    height: 13px;
    line-height: 20px;
    width: 13px;
}
.radioone.wrong {
    background-color: #e64242;
    border: 3px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e64242;
    height: 11px;
    width: 11px;
}
.radiotwo.active {
    background-color: #3976ab;
    border: 2px solid #464646;
    border-spacing: 10px;
    height: 13px;
    line-height: 20px;
    width: 13px;
}
.radiotwo.wrong {
    background-color: #e64242;
    border: 3px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e64242;
    height: 11px;
    width: 11px;
}
.radiothree.active {
	background-color: #3976ab;
    border: 2px solid #464646;
    border-spacing: 10px;
    height: 13px;
    line-height: 20px;
    width: 13px;
}
.radiothree.wrong {
    background-color: #e64242;
    border: 3px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e64242;
    height: 11px;
    width: 11px;
}
.radiofour.active {
	background-color: #3976ab;
    border: 2px solid #464646;
    border-spacing: 10px;
    height: 13px;
    line-height: 20px;
    width: 13px;
}
.radiofive.active {
    background-color: #3976ab;
    border: 2px solid #464646;
    border-spacing: 10px;
    height: 13px;
    line-height: 20px;
    width: 13px;
}
.radiofive.wrong {
    background-color: #e64242;
    border: 3px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #e64242;
    height: 11px;
    width: 11px;
}
.radiofour-green {
	border: 1px solid #759b1a;
	background-color: #759b1a;
	display: none;
    border-radius: 45px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: -21px;
    width: 15px;
	margin-bottom: 5px;
    margin-left: 15px;
}
.mygreen{
	color: #759b1a !important;
	font-size: 15px;
    font-weight: 400;
}
.fiftymm, .fiftythreemm, .fiftyfivemm, .fiftysevenmm, .fiftyninemm {
    font-family: "proxima-nova",sans-serif;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    width: 75%;
}
.select-val {
    color: #ff0000;
	display: none;
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}

.chem2-only-number1 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chemprocess {
    display: none;
}
.chem2-step1-hint {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
	margin-right: 10px;
}
.chem2-step1-hint:hover {
	color: #3976ab;
}
.chem2-step1-btn {
    margin: 0 auto;
	text-align: center;
    width: 50%;
}
.decimal-box {
    background-image: url("img/decimal-bg.png");
    float: right !important;
	display: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 74px;
    line-height: 22px !important;
    margin-left: 0;
    padding: 18px 20px;
    position: absolute;
    right: -65px;
    bottom: -5px;
    width: 206px !important;
    z-index: 50;
}
.decimal-box-two {
    background-image: url("img/decimal-bg.png");
    float: right !important;
	display: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 76px;
    line-height: 22px !important;
    margin-left: 100px;
    padding: 18px 20px;
    position: absolute;
    right: -46px;
    bottom: 45px;
    width: 206px !important;
	z-index: 50;
}
.decimal-box-three {
    background-image: url("img/decimal-bg.png");
    float: right !important;
	display: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 76px;
    line-height: 22px !important;
    margin-left: 100px;
    padding: 19px 26px;
    position: absolute;
    right: -46px;
    bottom: -8px;
    width: 206px !important;
	z-index: 50;
}

.chem2-only-number2 {
    color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chem2-only-numbertwo2 {
	color: #ff0000 !important;
    display: none;
    float: right !important;
    font-size: 12px !important;
    margin-top: -10px;
    width: 34% !important;
}
.chemprocess-two {
    display: none;
}
.chem2-step2-hint {
    color: #3976ab;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
	margin-right: 10px;
}
.chem2-step2-hint:hover {
	color: #3976ab;
}
.chem2-step2-btn {
    margin: 0 auto;
	text-align: center;
    width: 50%;
}

.chem2-step3-btn {
    float: left;
    margin: 23px auto 0;
    text-align: center;
    width: 90%;
}


/* Steps Form */
#chemicaltwoform input, #chemicaltwoform textarea {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 6px;
    margin-left: 0px;
    width: 100px !important;
}
#chemicaltwoform .action-button {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 19px;
    width: 100px;
}
#chemicaltwoform .action-button:hover, #chemicaltwoform .action-button:focus {
   /* box-shadow: 0 0 0 2px white, 0 0 0 3px #3976AB */
}
/*progressbar*/
#chemtwo-progressbar {
    counter-reset: step;
    margin-bottom: 25px;
    margin-left: -70px;
    overflow: hidden;
}
#chemtwo-progressbar li {
    list-style-type: none;
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    width: 33.33%;
    float: left;
    text-transform: capitalize;
    position: relative;
	text-align: center;
}
#chemtwo-progressbar li::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 24px;
    margin: 0 auto 5px;
    width: 25px;
    -moz-padding-top: 0px;
    -webkit-padding-top: 1px;
    padding-top: 0px;
    -moz-padding-left: 0px;
    -webkit-padding-left: 2px;
    padding-left: 0px;
}
#chemtwo-progressbar li .liactive::before{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: #ededed;
    content: "\f00c";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 5px;
    width: 20px;
}
/*progressbar connectors*/
#chemtwo-progressbar li::after {
    background: #c8c8c8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -37%;
    position: absolute;
    top: 11px;
    width: 75%;
    z-index: -1;
}
#chemtwo-progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
#chemtwo-progressbar li.liactive::before, #chemtwo-progressbar li.liactive::after {
    border-radius: 50px;
    box-shadow: 1px 2px 5px #d2d2d2;
    color: #3976ab;
}
#chemtwo-progressbar li.passed::before {
    border-radius: 50px;
    color: #999999;
    content: "";
    font-size: 16px;
}
#chemtwo-progressbar .passed {
    color: #999999 !important;
    font-size: 18px;
    text-transform: capitalize;
}

/* Correct Answer */
/* Step 1 */
.chem2-correct-ans-step1 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.chem2-correct-ans-step1-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem2-correct-ans-step1-dec {
    color: #759b1a;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.chem2-correct-ans-step1-dec-border {
    border-bottom: 1px solid #759b1a;
    margin-bottom: 0;
    margin-left: 13px;
    width: 47%;
}
.chem2-correct-ans-step1-dec-sub {
    color: #759b1a;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
    margin-left: 12px;
}
.chem2-correct-ans-step1-dec-sub-two {
    color: #759b1a;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
    margin-left: 26px;
}
.chem2-correct-ans-step1-dec-border-two {
    border-bottom: 1px solid #759b1a;
    margin-bottom: 0;
    margin-left: 13px;
    width: 8%;
}

/* Step 2 */
.chem2-correct-ans-step2 {
    display: none;
    float: left;
	margin-top: 15px;
margin-bottom: 15px;
    text-align: left;
    width: 100%;
}
.chem2-correct-ans-step2-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem2-correct-ans-step2-dec {
    color: #759b1a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.chem2-correct-left {
    float: left;
    width: 38%;
}
.chem2-correct-right {
    float: left;
    width: 62%;
}

/* Step 3 */
.chem2-correct-ans-step3 {
    display: none;
    float: left;
    text-align: left;
    width: 100%;
}
.chem2-correct-ans-step3-tit {
    color: #759b1a;
    font-family: "proxima-nova",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}
.chem2-correct-ans-step3-dec {
    color: #759b1a;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}


/* Video Popup */
.chem-slide11-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-slide11-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.chem-slide11-video-popup {
    padding: 0;
}
.close-pop-chem-slide11 {
    float: right;
}
.close-pop-chem-slide11 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}

/* Assignment 2 Hint 1 */
.chem2-step1-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem2-step1-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 610px;
    left: 135px;
    margin: 20px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 1040;
}
.chem2-step1-hint-popup {
    padding: 15px 0;
}
.chem2-step1-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.chem2-step1-hint-main {
    margin: 0 auto;
    width: 90%;
}
.chem2-popup-main {
    background-color: #f6f6f6;
    border-radius: 10px;
    float: left;
    padding: 25px;
    width: 100%;
}
.chem2-step1-hint-left {
    float: left;
    width: 50%;
}
.chem2-step1-hint-right {
    float: left;
    margin-bottom: 0;
    margin-left: 20px;
	margin-top: 10px;
    width: 46%;
}
.chem2-step1-hint-right > p {
	color: #7e7e7e;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
	margin-bottom: 10px;
    margin-top: 10px;
}
.chem2-hint-dec {
    float: left;
    padding: 0 30px;
    width: 100%;
}
.chem2-hint-dec-left {
    color: #323232;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: 190px;
}
.chem2-hint-dec-right {
    float: left;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 65%;
}
.one-step-main {
    float: left;
    height: 55px;
    width: 100%;
}
.chem2-hint-dec-right-two {
    float: right;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    width: 73%;
}
.chem2-hint-dec-right-two-t {
    float: right;
    width: 449px;
	margin-bottom: 0;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.chem2-hint-dec-right-two-t2 {
    float: right;
    width: 69%;
	margin-bottom: 0;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.chem2-hint-border {
    color: #b8b8b8;
    left: 184px;
    margin: 0;
    position: relative;
    width: 10px;
}
.chem2-hint-border-two {
    color: #b8b8b8;
    left: 183px;
    margin: 0;
    position: relative;
    width: 30px;
}
.two-step-main {
    float: left;
    margin-left: 171px;
    width: 450px;
}
.chem2-hint-dec-right-two-axd {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 50px;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.chem2-area {
    float: right;
    margin-top: 2px;
    width: 270px;
	color: #7e7e7e;
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
}
.chem2-hint-dec-right-two-att {
    float: left;
    margin-bottom: 0;
    margin-left: 33px;
    margin-top: 0;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.chem2-hint-border-three {
    color: #b8b8b8;
    left: 30px;
    margin: 0;
    position: relative;
    width: 10px;
}
.chem2-hint-dec-right-two-speed {
    float: left;
    margin: 0;
    width: 145px;
	color: #323232;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.chem2-hint-got-itbtn {
    float: left;
    margin: 20px auto 43px 37%;
    position: relative;
    text-align: center;
    width: 31%;
}
.chem2-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}

/* Assignment 2 Hint 2 */
.chem2-step2-hint-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem2-step2-hint-popup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 225px;
    left: 240px;
    margin: 70px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    z-index: 1040;
}
.chem2-step2-hint-popup {
    float: left;
    padding: 30px 0;
    width: 100%;
}
.chem2-step2-hint-title {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: center;
    width: 100%;
}
.chem2-step2-hint-main {
    margin: 0 auto;
    width: 62%;
}
.chem2-step2-hint-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
}
.chem2-step2-hint-right > p {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 5px;
    width: 100%;
}
.chem2-step2-hint-got {
    float: left;
    margin: 0px auto 43px 37%;
    position: relative;
    text-align: center;
    width: 32%;
}
.chem2-step2-hint-got-it {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
}


.chem3-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
.chem3-center-arrow .fa.fa-arrow-left.chem-left-arrow::before {
	color: #003b4a;
}
.chem3-center-arrow .fa.fa-arrow-right.chem-right-arrow::before {
	color: #003b4a;
}
.chem-step3-slide1-arrow #chem3prev {
    opacity: 0.2;
    pointer-events: none;
}
#chem3prev {
    margin-right: 13px;
}
#chem3next {
    margin-left: 13px;
}
.chem-slide12 {
    background-color: #00556a;
	height: auto;
    width: 100%;
}
.chem-slide12-inner {
    background-color: #00556a;
	min-height: 768px;
    width: 100%;
}
.chem-slide12-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide12-text1 {
    color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    margin-left: 90px;
    margin-top: 30px;
    text-align: justify;
    width: 610px;
}
.chem-slide12-text2 {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 14px;
	margin-left: 90px;
    margin-top: 15px;
    text-align: justify;
    width: 610px;
}
.chem-slide12-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide12-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px !important;
    z-index: 1000;
}
.chem-slide12-smiley12 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 85px;
}
.chem-slide12-machin {
    height: auto;
    margin-left: 250px;
    width: 38%;
}
.chem-slide12-shap12-main {
    bottom: 0px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide12-shap12 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 105px;
    padding: 30px 15px;
    position: absolute;
    right: 120px;
    width: 332px;
}
.chem-slide12-shap12-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 122px;
    width: 330px;
}
.chem-slide12-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 19px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 270px;
}

.chem-step3-slide2-arrow #chem3prev .fa.fa-arrow-left.chem-left-arrow::before {
	color: #757473;
}
.chem-step3-slide2-arrow #chem3next .fa.fa-arrow-right.chem-right-arrow::before {
	color: #757473;
}
.chem-slide13 {
	background-image: url("img/chem-slide13-bg.jpg");
    background-position: center center;
    background-repeat: repeat-x;
	height: auto;
    width: 100%;
}
.chem-slide13-inner {
	min-height: 768px;
    width: 100%;
}
.chem-slide13-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide13-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 17px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide13-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px !important;
    z-index: 1000;
}
.chem-slide13-smiley13 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 85px;
}
.chem-slide13-shap13-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide13-shap13 {
    background-image: url("img/shap-big-4-1.png");
    bottom: 100px;
    min-height: 115px;
    padding: 30px;
    position: absolute;
    right: 120px;
    width: 476px;
}
.chem-slide13-shap13-half {
    background-image: url("img/shap-big-4-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 477px;
}
.chem-slide13-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 12px;
    line-height: 26px;
    position: relative;
    top: 8px;
    width: 397px;
}

.chem-step3-slide3-arrow #chem3prev .fa.fa-arrow-left.chem-left-arrow::before {
	color: #9e9e9e;
}
.chem-step3-slide3-arrow #chem3next .fa.fa-arrow-right.chem-right-arrow::before {
	color: #9e9e9e;
}
.chem-slide14 {
    background-color: #e3e3e3;
	height: auto;
    width: 100%;
}
.chem-slide14-inner {
    background-color: #e3e3e3;
	min-height: 768px;
    width: 100%;
}
.chem-slide14-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide14-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide14-shap7 {
    bottom: 85px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 140px;
    width: 48px !important;
    z-index: 1000;
}
.chem-slide14-smiley14 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 100px;
}
.chem-slide14-machin {
    height: auto;
    margin-left: 50px;
    width: 38%;
}
.chem-slide14-shap14-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide14-shap14 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 130px;
    min-height: 185px;
    padding: 30px 15px;
    position: absolute;
    right: 120px;
    width: 445px;
}
.chem-slide14-shap14-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 49px;
    height: 81px;
    position: absolute;
    right: 119px;
    width: 446px;
}
.chem-slide14-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 30px;
    line-height: 26px;
    position: relative;
    top: 10px;
    width: 360px;
}

.chem-step3-slide4-arrow #chem3prev .fa.fa-arrow-left.chem-left-arrow::before {
	color: #4d7b86;
}
.chem-step3-slide4-arrow #chem3next .fa.fa-arrow-right.chem-right-arrow::before {
	color: #4d7b86;
}
.chem-slide15 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chem-slide15-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.chem-slide15-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chem-slide15-dec {
    float: left;
    margin-left: 160px;
    padding-right: 50px;
    position: absolute;
    top: 215px;
    width: 510px;
}
.chem-slide15-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chem-slide15-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
	margin-bottom: 0px;
    text-align: justify;
}
.chem-slide15-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: justify;
}
.chem-slide15-shap15-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide15-shap15 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 105px;
    padding: 30px 15px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide15-shap15-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide15-smiley15 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chem-slide15-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 37px;
    line-height: 26px;
    position: relative;
    top: 12px;
    width: 230px;
}
.chem-slide15-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide15-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chem-slide16 {
    background-color: #eaeaea;
	height: auto;
    width: 100%;
}
.chem-slide16-inner {
    background-color: #eaeaea;
	min-height: 768px;
    width: 100%;
}
.chem-slide16-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 10%;
    width: 780px;
}
.chem-step3-slide5-arrow #chem3prev {
    display: none;
}
.chem-step3-slide5-arrow #chem3next {
    display: none;
}
.chem-assign3-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 40px;
    margin-top: 25px;
    text-align: center;
}
.chem-assign3 {
    border-right: 1px solid #d0d0d0;
}
.chemassign-three-dec {
    float: left;
}
.chem-assign-three  {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
	text-align: justify;
    width: 100%;
}
.chem-assign-three-ital  {
    color: #707070;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    width: 84%;
	text-align: justify;
	font-style: italic;
}
.chem3-btn-left {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.chem3-btn-left:hover {
	color: #3976ab;
}
.chem3-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.chem3-btn-right:hover {
	color: #ffffff;
}
.chem3-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
    margin-right: 5px;
}
.chem3-btn-right .fa.fa-arrow-right::before {
    color: #ffffff;
    font-size: 20px;
    margin-left: 5px;
}
.abt-dist {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 22px;
    margin-bottom: 10px;
}
.how-to-find-reflux {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 22px;
    margin-bottom: 10px;
	margin-top: 50px;
}
.chem-instruct3-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chem-instruct3-btn:hover {
	color: #ffffff;
}
.chem-three-bottom-btn {
    float: left;
    margin-top: 12px;
    width: 100%;
}

.chem3-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem3-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 50px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
	min-height: 475px;
}
.chem3-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chem3-got-itbtn-main {
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
    width: 100%;
}
.chem3-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}
.chem3-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 67%;
	clear: both;
}
.chem3-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 14px;
    width: 67%;
text-align: justify;
}
.chem3-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 40px;
	margin-bottom: 30px;
    text-align: center;
}
.fa.fa-angle-down.chem-show-icon {
    margin-left: 5px;
}
.fa.fa-angle-up.chem-hide-icon {
    margin-left: 5px;
}

/*start Work */
.chem3-start-work {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}	
.chem3-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 300px;
    left: 210px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 58%;
    z-index: 1040;
}
.chem3-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chem3-modal-title-needhint {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 35px;
    text-align: center;
}
.chem3-modal-hint-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    width: 72%;
}
.chem3-green-need-hint {
    color: #69b8b2;
}
.chem3-need-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 59%;
}
.chem3-hint-left-btn {
    float: left;
}
.chem3-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.chem3-need-hint-left:hover { 
	color: #ffffff;
}
.chem3-hint-right-btn {
    float: right;
}
.chem3-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.chem3-need-hint-right {
	color: #ffffff;
}

.chem-step3-slide6-arrow #chem3prev {
    display: none;
}
.chem-step3-slide6-arrow #chem3next {
    display: none;
}
.chem-slide17 {
    background-color: #dedede;
    height: auto;
    width: 100%;
}
.chem-slide17-inner {
    background-color: #dedede;
    min-height: 970px;
    width: 100%;
}
.chem-slide17-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -415px;
    position: absolute;
    top: 3%;
    width: 840px;
}
.chem3-assignment-three-top {
    float: left;
    margin-left: 5px;
    width: 99%;
}
.chem3-assignment-back-main {
    float: left;
	padding-top: 3px;
    width: 100%;
}
.chem3-see-assignment {
    color: #909090;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: -1px;
    width: 96%;
}
.chem3-software-tit {
    color: #010101;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.chem3-assignment-three-main {
    /*background-image: url("img/assign-3-bg.png");*/
    background-color: #ededed;
   /* -webkit-box-shadow: 1px 1px 5px 2px #929ca3;
    box-shadow: 1px 1px 5px 2px #929ca3;*/
    -webkit-box-shadow: 0 0 5px 2px #d2d6d9;
    box-shadow: 0 0 5px 2px #d2d6d9;
    float: left;
    margin-left: 5px;
    min-height: 440px;
    max-width: 830px;
    padding: 0 10px;
}
.chem3-assign-instruct-main {
    float: right;
    width: 182px;
}
.chem3-assign-three-instruct-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chem3-assignment-software {
    margin-left: 80px;
    width: 65%;
}
.chem3-assignment-software-answer {
	display: none;
    margin-left: 80px;
    width: 65%;
}
.chem3-ans-result-main,.chem3-ans-result-main-two,.chem3-ans-result-main-three,.chem3-ans-result-main-four,.chem3-ans-result-main-five,.chem3-ans-result-main-six {
	display: none;
    color: #464646;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    width: 97%;
}
.chem3-assignment-three-left {
    float: left;
    padding-left: 5px;
    width: 50%;
}
.chem3-software-main {
    float: left;
    /*height: 340px;
    overflow-y: auto;*/
    padding-right: 12px;
    width: 100%;
}
.feed-stream-main {
    float: left;
    width: 96%;
}
.feed-stream-tit {
    color: #161616;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
.total-lab {
    color: #464646;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 700;
    width: 47%;
	margin-top: 5px;
	margin-bottom: 0px;
}
.software.totalmixture {
    float: left;
    margin-bottom: 5px;
    width: 32%;
	border: 2px solid #cecece;
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
	font-weight: 400;
	height: 35px !important;
	margin-top: 3px;
}
.tot-kg {
    color: #464646;
    float: left;
    font-size: 14px;
	font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 5px;
}
.compnent-tit {
    color: #464646;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
	width: 100%;
}
.compnent-one-tit {
	color: #464646;
    float: left;
    margin-bottom: 0;
    margin-top: 3px;
    width: 47%;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.compnent-one {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 50%;
}
select#compnent-one-list {
    margin-bottom: 0;
    width: 50%;
	height: 35px;
	-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
}
.compnent-one-list > select {
    background-image: url("img/dropdown-icon.png");
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 25px 5px 4px;
}
#compnent-one-list > option {
    background-color: #ffffff;
    padding: 5px 25px 5px 4px;
}
.comp-lab {
    clear: both;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 7px;
    width: 47%;
}
.software.compositionmass {
    border: 2px solid #cecece;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 0px;
	margin-top: 5px;
    width: 32%;
	height: 35px !important;
	
}
.tot-kg-two {
    color: #464646;
    float: left;
    font-size: 14px;
	font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 7px;
}
.compnent-two-tit {
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 3px;
    width: 47%;
}
select#compnent-two-list {
    margin-bottom: 0;
    width: 50%;
	height: 35px;
	-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
}
.compnent-two-list > select {
    background-image: url("img/dropdown-icon.png");
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 25px 5px 4px;
}
#compnent-two-list > option {
    background-color: #ffffff;
    padding: 5px 25px 5px 4px;
}
.comp-lab-two {
	color: #464646;
    float: left;
    margin-bottom: 0;
    margin-top: 7px;
    width: 47%;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.software.compositionmass-two {
    border: 2px solid #cecece;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
    width: 32%;
	height: 35px !important;
}

.comp-lab-three {
	color: #464646;
    float: left;
    margin-bottom: 0;
    margin-top: 7px;
    width: 47%;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
	text-transform: capitalize
}
.comp-lab-four {
	color: #464646;
    float: left;
    margin-bottom: 0;
    margin-top: 7px;
    width: 47%;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
	text-transform: capitalize
}
.software.compositionmass-three {
    border: 2px solid #cecece;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
	margin-top: 5px;
    width: 32%;
	height: 35px !important;
}
.software.compositionmass-four {
    border: 2px solid #cecece;
    color: #464646;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
	margin-top: 5px;
    width: 32%;
	height: 35px !important;
}
.product-stream-main {
    float: left;
    width: 96%;
}
.product-target {
    color: #464646;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    width: 100%;
}
.product-stream-tit {
    color: #161616;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.distillation-stream-main {
    float: left;
    width: 96%;
}
.distillation-stream-tit {
    color: #161616;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
.distillation-tit {
	color: #464646;
    float: left;
    margin-bottom: 0;
    margin-top: 3px;
    width: 47%;
	font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
}
select#distillation-list {
    margin-bottom: 0;
    width: 50%;
	height: 35px;
	-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
}

.distillation-list > select {
    background-image: url("img/dropdown-icon.png");
    border: 2px solid #cecece;
    color: #b4b4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    padding: 5px 25px 5px 4px;
}
#distillation-list > option {
    background-color: #ffffff;
    padding: 5px 25px 5px 4px;
}

/*#compnent-two-list .select2-container--default .select2-results__option[aria-selected=true] {
    cursor: default;
	display:none;
}*/
.select2-container--default .select2-results__option[aria-disabled=true] {
	display:none;
}
.chem3-assignment-three-right {
    float: left;
    padding-right: 10px;
    width: 50%;
}

.chem3-run-btn {
    float: left;
    height: 50px;
    margin: 15px auto 0;
    text-align: center;
    width: 100%;
}
.chem3-run-optimize {
    background-color: #525252;
    border-radius: 3px;
    color: #ffffff;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    padding: 7px 30px;
    text-align: center;
    width: 28%;
}
.chem3-run-optimize:focus {
    color: #ffffff;
}
.chem3-run-optimize:hover {
	color: #ffffff;
}
	
/* Messages for Assignment3 */	
.chem3-numeric1 {
	color: #ff0000;
	display: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	top: 2px;
	width: 87%;
	text-align: right;
	clear: both;
}
.chem3-numeric2 {
	color: #ff0000;
	display: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	top: 0px;
	width: 87%;
	text-align: right;
}
.chem3-numeric3 {
    color: #ff0000;
	display: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	top: 0px;
	width: 87%;
	text-align: right;
}
.chem3-numeric4 {
	color: #ff0000;
	display: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 5px;
	text-align: right;
	top: 0;
	width: 87%;
}
.chem3-numeric5 {
    color: #ff0000;
	display: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	top: 0px;
	width: 87%;
	text-align: right;
}
.chem3-step1-error {
    background-image: url("img/wrong-answer-chemical.png");
    background-size: 100% auto;
    color: #e20000;
    display: none;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 10px 10px 10px 25px;
    text-align: left;
    width: 97%;
}
.chem3-step1-sucess {
    background-image: url("img/assign2-answer-bg.png");
    background-size: 100% auto;
    color: #add037;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 7px 10px 10px 25px;
    text-align: left;
    width: 93%;
height: 42px;
}
.chem3-submited-assignment-three {
    background-image: url("img/submit-answer-three-new.png");
    background-size: 100% auto;
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-left: -5px;
    margin-top: 5px;
    padding: 10px 20px 11px 25px;
    width: 99%;
}
.fa.fa-thumbs-up.thum-chem-arrow-3 {
    background-color: #add037;
    border-radius: 50px;
    color: #ffffff;
    font-size: 21px;
    height: 28px;
    margin-right: 8px;
    padding-left: 5px;
    padding-top: 3px;
    width: 28px;
}

	
/* Table bottom Result */
.result-bottom {
	display: none;
    background-color: #ffffff;
    border: 2px solid #cecece;
    float: left;
    margin-left: 4px;
    margin-top: 10px;
    padding: 0 8px;
    width: 99%;
}
.result-for-team {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 17px;
    padding-left: 14px;
    width: 125px;
}
.chem3-main-table {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    float: left;
    margin-bottom: 0;
    margin-top: 0 !important;
    position: relative;
    width: 70%;
	font-family: "proxima-nova",sans-serif;
}
.chem3-main-tr {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
}
.reflux-ratio {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    border-right: 1px solid #cecece;
    font-size: 16px !important;
    font-weight: 600;
    padding-left: 15px;
    text-align: left;
}
.chem3-main-tr > td {
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    color: #3976ab;
    font-size: 14px;
    font-weight: 600;
}
.chem3-main-tr-two {
    background-color: #ffffff !important;
}
.chem3-main-tr-two > td {
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
    color: #3976ab;
    font-size: 14px;
    font-weight: 600;
}
.chem3-run-submit {
    background-color: #3976ab;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 18px auto 0 4px;
    padding: 7px 5px;
    text-align: center;
    width: 112px;
}
.dist-val {
    border: 1px solid #cecece;
    /*display: none;*/
}
.dist-val.chem3-one {
	/*bottom: -2px;
	height: 42px;
	margin-left: -1px;
	padding-top: 11px;
	position: absolute;
	width: 59px;
	visibility: hidden;*/
	border-bottom: medium none;
}
.dist-val.chem3-two {
    /*bottom: -2px;
	height: 42px;
    padding-top: 11px;
	margin-left: 57px;
    position: absolute;
    width: 57px;
    visibility: hidden;*/
    border-bottom: medium none;
}
.dist-val.chem3-three {
    /*bottom: -2px;
	height: 42px;
    padding-top: 11px;
    position: absolute;
    margin-left: 113px;
    width: 58px;
    visibility: hidden;*/
    border-bottom: medium none;
}
.dist-val.chem3-four {
    /*bottom: -2px;
	height: 42px;
    padding-top: 11px;
    position: absolute;
	margin-left: 170px;
    width: 59px;
    visibility: hidden;*/
    border-bottom: medium none;
}
.dist-val.chem3-five {
    /*bottom: -2px;
	height: 42px;
    padding-top: 11px;
    position: absolute;
	margin-left: 228px;
    width: 63px;
    visibility: hidden;*/
    border-bottom: medium none;
}
.dist-val.chem3-six {
    /*bottom: -2px;
	height: 42px;
    margin-left: 290px;
    padding-top: 11px;
    position: absolute;
    width: 62px;
    visibility: hidden;*/
    border-bottom: medium none;
}
.dist-val.chem3-one, .dist-val.chem3-two, .dist-val.chem3-three, .dist-val.chem3-four, .dist-val.chem3-five, .dist-val.chem3-six { border-left: 1px solid #cecece; opacity: 0; }
.dist-val.chem3-one.passed, .dist-val.chem3-two.passed, .dist-val.chem3-three.passed, .dist-val.chem3-four.passed, .dist-val.chem3-five.passed, .dist-val.chem3-six.passed { border-left: 1px solid #cecece; opacity: 1; }
.passed {
    border-top: medium none;
}
.totalmix-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 3px 0 4px 10px;
    pointer-events: none;
    text-align: left;
    width: 29%;
}
.methanol-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    margin-bottom: 0;
    margin-top: -4px;
    padding: 3px 14px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    text-align: left;
    width: 48%;
}
.compsition-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    margin-bottom: 0;
    margin-left: 0px;
    margin-top: 6px;
    padding: 2px 0 4px 10px;
    pointer-events: none;
    text-align: left;
    width: 29%;
}
.water-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    clear: both;
    color: #b4b4b4;
    display: none;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    margin-bottom: 0;
    margin-top: -29px;
    padding: 2px 14px;
    pointer-events: none;
    right: 16px;
    text-align: left;
    width: 188px;
}
.compsition-correct-two {
	background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    margin-bottom: 0;
	margin-left: -1px;
	margin-top: 8px;
    padding: 2px 0 4px 10px;
    pointer-events: none;
    text-align: left;
    width: 29%;
}
.massthree-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    margin-bottom: 2px;
    padding: 2px 0 4px 10px;
    pointer-events: none;
    text-align: left;
    width: 29%;
}
.massfour-correct {
    background-color: #ffffff;
    border: 2px solid #cecece;
    color: #b4b4b4;
    display: none;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    margin-bottom: 0;
    padding: 2px 0 4px 10px;
    pointer-events: none;
    text-align: left;
    width: 29%;
}

/* Video Popup */
.chem-slide17-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem-slide17-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.chem-slide17-video-popup {
    padding: 0;
}
.close-pop-chem-slide17 {
    float: right;
}
.close-pop-chem-slide17 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}

/* Assignment 3 Continue Work */
.chem3-continue-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem3-continue-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 300px;
    left: 160px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}
.chem3-continue-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chem3-modal-title-continue {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 65px;
    text-align: center;
}
.chem3-modal-cont-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    text-align: center;
    width: 80%;
}
.chem3-cont-work-main {
    margin: 40px auto;
    min-height: 0;
    width: 100%;
}
.chem3-contwork-btn {
    margin: 0 auto;
    width: 27%;
}
.chem3-contwork-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 205px;
}
/*  See assignment details */
.chem3-see-assignment-popup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chem3-see-assignment-popup {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    min-height: 400px;
    left: 210px;
    margin: 70px 0;
	padding: 0 40px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.chem3-see-assignment-popup-modal {
    margin: 25px auto;
    overflow: auto;
    width: 100%;
}
.chem3-see-assignment-got-itbtn-main {
    float: left;
    text-align: center;
    width: 100%;
}
.chem3-see-assignment-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}

.chem-step3-slide7-arrow #chem3prev .fa.fa-arrow-left.chem-left-arrow::before {
    color: #9e9e9e;
	opacity: 0.2;
}
.chem-step3-slide7-arrow #chem3next .fa.fa-arrow-right.chem-right-arrow::before {
    color: #9e9e9e;
}
.chem-step3-slide7-arrow #chem3prev {
    pointer-events: none;
}
.chem-slide18 {
    background-color: #dedede;
    height: auto;
    width: 100%;
}
.chem-slide18-inner {
    background-color: #dedede;
    min-height: 768px;
    width: 100%;
}
.chem-slide18-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -415px;
    position: absolute;
    top: 9%;
    width: 840px;
}
.chem3-assignment-three-top {
    float: left;
    width: 100%;
}
.chem3-cost-tit {
    color: #363636;
	font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
	margin-bottom: 0;
    text-align: center;
}
.chem3-cost-table {
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    float: left;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}
.chem3-cost-tr {
    background-color: #ffffff;
    border: 1px solid #cecece;
}
.chem3-cost-tr-two {
    background-color: #ffffff !important;
    border: 1px solid #cecece !important;
}
.chem3-cost-tr-three {
    background-color: #ffffff;
    border: 1px solid #cecece;
}
.cost-reflux-ratio {
    border-right: 1px solid #cecece;
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
    text-align: left;
}
.chem3-cost-tr > td {
    border-right: 1px solid #cecece;
	font-family: "proxima-nova",sans-serif;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}
.chem3-cost-tr-two > td {
    border-left: 1px solid #cecece;
	font-family: "proxima-nova",sans-serif;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}
.chem3-cost-tr-three > td {
    border-left: 1px solid #cecece;
	font-family: "proxima-nova",sans-serif;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}
.cost-blue {
    color: #3976ab !important;
}
.chem-slide18-shap18-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chem-slide18-shap18 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 123px;
    padding: 30px 15px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide18-shap18-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 19px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chem-slide18-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chem-slide18-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px !important;
    z-index: 1000;
}
.chem-slide18-smiley18 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 85px;
}
.chem-slide18-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 41px;
    line-height: 26px;
    position: absolute;
    top: 25px;
    width: 250px;
}
.chem3-cost-left {
    float: left;
	margin-left: 5px;
    margin-top: 15px;
    width: 60%;
}
.cost-theory-tit {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.cost-theory-main {
    float: left;
    width: 100%;
}
.cost-theory-left {
    float: left;
	color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 41%;
}
.cost-theory-right {
    float: left;
	color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 44%;
}
.long-arrow {
    float: left;
    width: 40px;
}
.fa.fa-long-arrow-right.long-arrow::before {
    font-size: 28px;
}
.chem3-cost-right {
    float: left;
    margin-top: 15px;
    width: 37%;
}
.cost-concl-tit {
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.cost-concl-dec {
    color: #3976ab;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.chem-step3-slide8-arrow #chem3prev .fa.fa-arrow-left.chem-left-arrow::before {
    color: #4d7b86;
}
.chem-step3-slide8-arrow #chem3next .fa.fa-arrow-right.chem-right-arrow::before {
    color: #4d7b86;
	opacity: 0.2;
}
.chem-step3-slide8-arrow #chem3next {
    pointer-events: none;
}
.chem-slide19 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.chem-slide19-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.chem-slide19-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    overflow-y: hidden;
    position: absolute;
    top: 8%;
    width: 780px;
}
.chem-slide19-text-bg {
    background-image: url("img/shap35.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: 385px !important;
    margin: 111px 0 auto;
    padding: 110px 0;
    width: 530px !important;
    z-index: 100;
}
.chem-slide19-dec {
    float: left;
    padding: 10px 100px;
    width: 540px;
}
.smiley-slide19 {
    float: left;
    height: auto;
    top: 0;
    width: 24%;
}
.chem-slide19-slide19 {
    height: 300px;
    margin-left: 167px;
    position: absolute;
    top: 295px;
    width: 540px !important;
}
.chem-slide19-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 14px;
    position: absolute;
    width: 340px;
}
.chem-slide19-goodbye-btn {
    background-color: #004252;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-left: 87px;
    margin-top: 129px;
    padding: 12px 28px;
}



/* Chemical Exit Tour Popup */
.chemical-exit {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.chemical-exit-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 210px;
    left: 40%;
    margin: 150px 0 10px;
	padding: 17px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
    z-index: 1040;
}
.chemical-exit-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chemical-exit-dec {
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 53%;
}
.chemical-exit-btn {
    margin: 0 auto;
    padding-top: 35px;
    width: 52%;
}
.chemical-exit-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
	height: 46px;
}
.chemical-exit-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
	height: 46px;
}

/* Mechanical Exit Tour Popup */
.mechanical-exit {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.mechanical-exit-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 210px;
    left: 33%;
    margin: 150px 0 10px;
	padding: 17px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    z-index: 1040;
}
.mechanical-exit-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.mechanical-exit-dec {
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 53%;
}
.mechanical-exit-btn {
    margin: 0 auto;
    padding-top: 35px;
    width: 45%;
}
.mechanical-exit-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
height: 46px;
}
.mechanical-exit-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
height: 46px;
}

/* Chemical Supervise Exit Tour Popup */
.chemicalsuper-exit {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.chemicalsuper-exit-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 210px;
    left: 33%;
    margin: 150px 0 10px;
	padding: 17px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    z-index: 1040;
}
.chemicalsuper-exit-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chemicalsuper-exit-dec {
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 53%;
}
.chemicalsuper-exit-btn {
    margin: 0 auto;
    padding-top: 35px;
    width: 45%;
}
.chemicalsuper-exit-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
	height: 46px;
}
.chemicalsuper-exit-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
	height: 46px;
}



/* Chemical Supervise CSS */
.chemsuper-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
.chemsuper-slide1-arrow #chemsuperprev {
    opacity: 0.2;
    pointer-events: none;
}
#chemsuperprev {
    margin-right: 13px;
}
#chemsupernext {
    margin-left: 13px;
}
.fa.fa-arrow-left.chem-left-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.fa.fa-arrow-right.chem-right-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.chem-slide1-arrow #chemsuperprev {
    opacity: 0.2;
    pointer-events: none;
}
.chemsuper-slide1 {
    background-color: #004252;
    height: auto;
    width: 100%;
}
.chemsuper-slide1-inner {
    background-color: #004252;
    min-height: 768px;
    width: 100%;
}
.chemsuper-slide1-contant {
    height: auto;
    left: 50%;
    margin-left: -380px;
    overflow-y: hidden;
    position: absolute;
    top: 15%;
    width: 780px;
}
.chemsuper-smiley-slide1 {
    float: left;
    height: auto;
    margin: 40px 0 auto 24px;
    top: 0;
    width: 170px !important;
}
.chemsuper-shap1-slide1 {
    float: left;
    height: auto !important;
    margin: 200px 0 auto;
    width: 550px !important;
}
.chemsuper-slide1-dec {
    float: left;
    padding: 10px 25px;
    width: 510px;
}
.chemsuper-slide1-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 75px;
    margin-top: 45px;
    width: 335px;
}
.chemsuper-slide1-text-bg {
    background-image: url("img/shap1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: auto !important;
    margin: 100px 0 auto;
    padding: 80px 0;
    width: 530px !important;
    z-index: 100;
}

.chemsuper-slide2 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chemsuper-slide2-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.chemsuper-slide2-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chemsuper-slide2-dec {
    float: left;
    margin-left: 160px;
    padding-right: 35px;
    position: absolute;
    top: 225px;
    width: 500px;
}
.chemsuper-slide2-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chemsuper-slide2-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
	margin-bottom: 0px;
    text-align: justify;
}
.chemsuper-slide2-shap2-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.chemsuper-slide2-shap2 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 83px;
    min-height: 112px;
    padding: 30px 25px;
    position: absolute;
    right: 128px;
    width: 330px !important;
}
.chemsuper-slide2-shap2-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 5px;
    height: 81px;
    position: absolute;
    right: 128px;
    width: 330px;
}
.chemsuper-slide2-smiley2 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chemsuper-slide2-popup {
	bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 27px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 235px;
}
.chemsuper-slide2-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chemsuper-slide2-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chemsuper-slide3-arrow #chemsuperprev .chemsuper-left-arrow::before {
    color: #79787a;
}
.chemsuper-slide3-arrow #chemsupernext .chemsuper-right-arrow::before {
    color: #79787a;
}
.chemsuper-slide3 {
    background-color: #3f3e41;
	height: auto;
	width: 100%;
}
.chemsuper-slide3-inner {
    background-color: #3f3e41;
	min-height: 768px;
	width: 100%;
}
.chemsuper-slide3-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chemsuper-slide3-shap3-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.chemsuper-slide3-shap3 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 83px;
    min-height: 112px;
    padding: 30px 25px;
    position: absolute;
    right: 128px;
    width: 330px !important;
}
.chemsuper-slide3-shap3-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 5px;
    height: 81px;
    position: absolute;
    right: 128px;
    width: 330px;
}
.chemsuper-slide3-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chemsuper-slide3-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px !important;
    z-index: 1000;
}
.chemsuper-slide3-smiley3 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 85px;
}
.chemsuper-slide3-machin {
    height: auto;
    width: 100%;
}
.chemsuper-slide3-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 23px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 235px;
}

.chemsuper-slide4-arrow #chemsuperprev .chemsuper-left-arrow::before {
    color: #9dd4d4;
}
.chemsuper-slide4-arrow #chemsupernext .chemsuper-right-arrow::before {
    color: #9dd4d4;
}
.chemsuper-slide4 {
    background-color: #72c1c1;
	height: auto;
	width: 100%;
}
.chemsuper-slide4-inner {
    background-color: #72c1c1;
	min-height: 768px;
	width: 100%;
}
.chemsuper-slide4-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chemsuper-slide4-shap4-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.chemsuper-slide4-shap4 {
    background-image: url("img/shap-big-3-1.png");
    bottom: 100px;
    min-height: 195px;
    padding: 30px 25px;
    position: absolute;
    right: 133px;
    width: 445px;
}
.chemsuper-slide4-shap4-half {
    background-image: url("img/shap-big-3-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 128px;
    width: 450px;
}
.chemsuper-slide4-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chemsuper-slide4-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 135px;
    width: 48px !important;
    z-index: 1000;
}
.chemsuper-slide4-smiley4 {
    bottom: 25px;
    position: fixed;
    right: 45px;
    width: 100px;
}
.chemsuper-slide4-machin {
    height: auto;
    margin-left: 135px;
    width: 60%;
}
.chemsuper-slide4-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 26px;
    position: relative;
    top: 10px;
    width: 370px;
}

.chemsuper-slide5 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.chemsuper-slide5-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.chemsuper-slide5-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.chemsuper-slide5-dec {
    float: left;
    margin-left: 130px;
    padding-right: 35px;
    position: absolute;
    top: 115px;
    width: 560px;
}
.chemsuper-slide5-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.chemsuper-slide5-text1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-align: justify;
}
.chemsuper-slide5-text2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 3px;
    text-align: justify;
}
.chemsuper-slide5-text3 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 7px;
    text-align: justify;
}
.chemsuper-slide5-text4 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 3px;
    text-align: justify;
}
.chemsuper-slide5-text4 b {
    font-weight: 400;
}
.chemsuper-slide5-text5 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0px;
    text-align: justify;
	margin-left: 10px;
}
.chemsuper-slide5-text6 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    text-align: justify;
	margin-left: 10px;
}
.chemsuper-slide5-text7 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: justify;
	margin-left: 10px;
}
.chemsuper-slide5-text8 {
    color: #575757;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: justify;
	margin-left: 10px;
}
.chemsuper-slide5-shap5-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
    z-index: 10;
}
.chemsuper-slide5-shap5 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 100px;
    min-height: 105px;
    padding: 30px 25px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chemsuper-slide5-shap5-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 21px;
    height: 81px;
    position: absolute;
    right: 120px;
    width: 330px;
}
.chemsuper-slide5-smiley5 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}
.chemsuper-slide5-popup {
    bottom: 42px;
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 20px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 240px;
}
.chemsuper-slide5-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px !important;
    z-index: 10;
}
.chemsuper-slide5-shap7 {
    bottom: 82px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 110px;
    width: 48px !important;
    z-index: 1000;
}

.chemsuper-slide6-arrow #chemsuperprev {
    display: none;
}
.chemsuper-slide6-arrow #chemsupernext {
    display: none;
}
.chemsuper-slide6 {
    background-color: #dedede;
	height: auto;
    width: 100%;
}
.chemsuper-slide6-inner {
    background-color: #dedede;
	min-height: 800px;
    width: 100%;
}
.chemsuper-slide6-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 3%;
    width: 780px;
}
.chemsuper-slide6-assign {
    color: #3976ab;
	font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
	margin-bottom: 10px;
    text-align: center;
}
.chemsuper-slide6-main {
    background-color: #fff;
    box-shadow: 0 0 5px 2px #d2d6d9;
    float: left;
    width: 780px;
    padding: 0 10px;
}
.chemsuper-flowrate-main {
    float: left;
    width: 100%;
}
.main-tab-cool {
	border: 1px solid #dedede;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 60%;
}
.warning-main-dec {
    border: 1px solid #dedede;
    border-radius: 5px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 25px 28px;
    width: 37%;
}
.chemsuper-warning-dec {
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}
.warning-main {
    border: 1px solid #dedede;
    border-radius: 5px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 25px 28px;
    width: 37%;
}
.chemsuper-warning {
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}
.chemsuper-flowrate-left {
    float: left;
    width: 35%;
    height: 86px;
	border-right: 1px solid #dedede;
}
.coolant-tit {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 33px;
    margin-left: 20px;
    margin-top: 33px;
}
.chemsuper-flowrate-right {
    float: left;
    width: 65%;
}
.actual-tab {
    border-bottom: 1px solid #dedede;
    float: left;
    height: 43px;
    padding-top: 8px;
    width: 100%;
}
.act-dec {
    float: left;
	color: #185692;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 60px;
    width: 23%;
}
.fa.fa-chevron-right.tab-right {
    float: left;
    width: 10%;
	margin-top: 6px;
}
.fa.fa-chevron-right.tab-right::before {
    color: #185692;
}
.act-25-dec {
    float: left;
    width: 25%;
	color: #185692;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.act-25 {
    float: left;
    width: 25%;
	color: #185692;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.act-29 {
    float: left;
	display: none;
    width: 25%;
	color: #185692;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}	
.act-21 {
    float: left;
	display: none;
    width: 25%;
	color: #185692;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}	
.setpoint-tab {
    float: left;
    height: 43px;
    padding-top: 9px;
    width: 100%;
}
.set-dec {
	color: #565656;
    float: left;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 60px;
    width: 23%;
}
.fa.fa-chevron-right.tab-right-gray {
    float: left;
    width: 10%;
	margin-top: 6px;
}
.fa.fa-chevron-right.tab-right-gray::before {
    color: #d5d5d5;
}
.set-25-dec {
    float: left;
    width: 25%;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.set-25 {
    float: left;
    width: 25%;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.set-21 {
    float: left;
	color: #ff5151;
	display: none;
    width: 25%;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.set-29 {
    float: left;
	color: #ff5151;
	display: none;
    width: 25%;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.chemsuper-slide6-bottom-main {
    float: left;
    margin-top: 20px;
    width: 100%;
}	
.chemsuper-slide6-bottom-left {
    /*height: 90px;
    overflow: auto;*/
	float: left;
	border-right: 1px solid #818181;
	padding-left: 14px;
	width: 66%;
    position: relative;
}
.chemsuper-slide6-bottom-right {
    /*height: 90px;
    overflow: auto;*/
    float: left;
    padding: 0 10px;
    position: relative;
    width: 34%;
}
.chemsuper-slide6-bottom-dec {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
.chemsuper-slide6-bottom-dec-itl {
	color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
	font-style: italic;
}
.chemsuper-abt-dist {
    clear: both;
    color: #3976ab;
	cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 25px;
    margin-left: 15px;
}
.how-to-troubleshoot {
    clear: both;
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.chemsuper-troubleshooting-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
    margin-left: 15px;    
}
.chemsuper-troubleshooting-btn:hover {
	color: #ffffff;
}
.chemsuper-bottom-btn {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.chemsuper-btn-left {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    padding: 14px 2px;
}
.chemsuper-btn-left:hover {
    color: #3976ab;
}
.chemsuper-btn-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 5px;
    padding: 9px 32px;
}
.chemsuper-btn-right:hover {
    color: #ffffff;
}
.chemsuper-btn-left .fa.fa-arrow-left::before {
    color: #3976ab;
    font-size: 20px;
    margin-right: 5px;
}
.chemsuper-btn-right .fa.fa-arrow-right::before {
    color: #ffffff;
    font-size: 20px;
    margin-left: 5px;
}

.chemsuper-slide6-shap6-main {
    bottom: -350px;
    height: auto;
    position: fixed;
    right: 0;
	z-index: 10;
}
.chemsuper-slide6-shap6 {
    background-image: url("img/shap-big-2-1.png");
    bottom: 110px;
    min-height: 90px;
    padding: 30px 25px;
    position: absolute;
    right: 123px;
    width: 327px;
}
.chemsuper-slide6-shap6-half {
    background-image: url("img/shap-big-2-2.png");
    background-repeat: no-repeat;
    bottom: 65px;
    height: 45px;
    position: absolute;
    right: 128px;
    width: 322px;
}
.chemsuper-slide6-icon6 {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 22px !important;
    z-index: 10;
}
.chemsuper-slide6-shap7 {
    bottom: 105px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 120px;
    width: 48px;
    z-index: 10;
}
.chemsuper-slide6-popup {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 15px;
    line-height: 26px;
    position: relative;
    top: 5px;
    width: 250px;
}
.chemsuper-slide6-img {
    bottom: 20px;
    position: fixed;
    right: 45px;
}


/* Video Popup */
.chemsuper-slide6-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chemsuper-slide6-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.chemsuper-slide6-video-popup {
    padding: 0;
}
.close-pop-chemsuper-slide6 {
    float: right;
}
.close-pop-chemsuper-slide6 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}


/* Chemical Supervise Start Work popup*/
.chemsuper-start-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chemsuper-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 300px;
    left: 200px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.chemsuper-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.chemsuper-modal-title-needhint {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 35px;
    text-align: center;
}	
.chemsuper-modal-hint-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 30px auto 0;
    width: 81%;
}
.chemsuper-green-need-hint {
    color: #69b8b2;
}
.chemsuper-need-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 58%;
}
.chemsuper-hint-left-btn {
    float: left;
}
.chemsuper-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.chemsuper-need-hint-left:hover {
	color: #ffffff;
}
.chemsuper-hint-right-btn {
    float: right;
}
.chemsuper-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}
.chemsuper-need-hint-right:hover {
	color: #ffffff;
}

/* Troubalshooting popup*/
.chemsuper-trubal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chemsuper-trubal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 600px;
    left: 115px;
    margin: 15px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    z-index: 1040;
}
.chemsuper-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.chemsuper-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    text-align: center;
}
.chemsuper-trubal-table {
    margin: 0 auto;
    width: 90%;
	border: 2px solid #dedede !important;
}
.chemsuper-issue-tit {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: left;
	border-right: 1px solid #dedede;
}
.chemsuper-cause-tit {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: left;
	border-right: 1px solid #dedede;
}
.chemsuper-remedy-tit {
    color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: left;
}
.chemsuper-first-tr {
    border-bottom: 1px solid #dedede;
}
.chemsuper-second-tr {
	border-bottom: 1px solid #dedede !important;
    background-color: #ffffff !important;
}
.chemsuper-dec {
	color: #464646;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    text-align: left;
	margin-bottom: 0;
	border-right: 1px solid #dedede !important;
}
.chemsuper-dec-two {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
}
.chemsuper-dec-sub {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 0;
    text-align: left;
    width: 90%;
}
.fa.fa-chevron-right.table-arrow {
    float: left;
    margin-top: 8px;
    width: 20px;
}
.chemsuper-modal-dec {
    color: #747474;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto 14px;
    width: 78%;
}
.chemsuper-got-itbtn-main {
    float: left;
    margin-bottom: 13px;
    text-align: center;
    width: 100%;
}
.chemsuper-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 43%;
    padding: 9px 0;
    width: 130px;
}

/* Chart CSS */
.data-tit {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.data-tit-two {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0px;
    text-align: center;
    width: 100%;
	position: relative;
	z-index: 10;
}
#chartContainer {  margin-top: -20px; }
#chart_main { margin-top: -20px; }

.canvasjs-chart-credit {
	display: none;
}
.chart-area {
	width: 100%;
	height: auto;
}

.chemsuper-slide7-arrow #chemsuperprev {
    display: none;
}
.chemsuper-slide7-arrow #chemsupernext {
    display: none;
}
.chemsuper-slide7 {
    background-color: #dedede;
	height: auto;
    width: 100%;
}
.chemsuper-slide7-inner {
    background-color: #dedede;
	min-height: 800px;
    width: 100%;
}
.chemsuper-slide7-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 2%;
    width: 780px;
}
.chemsuper-slide7-mid-main {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.chemsuper-slide7-mid-left {
    background-color: #efefef;
    border: 1px solid #c7c6c6;
    float: left;
    margin-right: 10px;
    padding: 13px 60px;
    text-align: center;
    width: 49%;
}
.chemsuper-slide7-collent-tit {
    color: #010101;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
	margin-bottom: 5px;
}
.chemsuper-slide7-flowrate-tit {
    color: #010101;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
	margin-bottom: 0px;
}
.chemsuper-contact-btn {
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
	margin-left: 10px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chemsuper-contact-btn-two {
	display: none;
    background-color: #3976ab;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
	margin-left: 10px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chemsuper-contact-btn-two:hover {
	color: #ffffff;
}
.chemsuper-contact-btn:hover {
	color: #ffffff;
}
.chemsuper-contact-icon {
    margin-right: 5px;
    margin-top: 3px;
}
.chemsuper-slide7-mid-right {
    background-color: #efefef;
    border: 1px solid #c7c6c6;
    float: left;
	margin-left: 5px;
    padding: 10px 40px;
	text-align: center;
    width: 49%;
}
.chemsuper-radio-one {
    float: left;
    margin-top: 5px;
    width: 33.33%;
}
.chemsuper-radio-two {
    float: left;
    margin-top: 5px;
    width: 33.33%;
}
.chemsuper-radio-three {
    float: left;
    margin-top: 5px;
    width: 33.33%;
}
.twentyone, .twentytwo, .twentythree {
	color: #3976ab;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    width: 83%;
}
.radiotwentyone, .radiotwentytwo, .radiotwentythree {
    border: 1px solid #3976ab;
    border-radius: 45px;
    cursor: pointer;
    float: left;
    height: 15px;
    margin: 5px 4px 5px 33px;
    width: 15px;
}
.radiotwentyone.active {
    background-color: #3976ab;
    border: 2px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #3976ab;
    height: 13px;
    width: 13px;
	pointer-events: none;
}
.radiotwentytwo.active {
    background-color: #3976ab;
    border: 2px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #3976ab;
    height: 13px;
    width: 13px;
	pointer-events: none;
}
.radiotwentythree.active {
    background-color: #3976ab;
    border: 2px solid #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 0 2px #3976ab;
    height: 13px;
    width: 13px;
	pointer-events: none;
}

.chemsuper-slide7-bottom-main {
    float: left;
    width: 100%;
}
.chemsuper-slide7-bottom-left {
    float: left;
	margin-top: 7px;
	padding: 0;
    width: 45%;
}
.chemsuper-timer > div {
    font-family: proxima-nova;
    margin-top: 3px;
}
.chemsuper-slide7-bottom-right {
    float: left;
    text-align: center;
    width: 44%;
}
.fa.fa-arrow-left.assign-arrow.chemsuper-see-arrow {
    float: left;
    margin-top: 4px;
}
.chemsuper-troubles-btn {
	background-color: #919191;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
	float: right;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}
.chemsuper-troubles-btn:hover {
	color: #ffffff;
}
.chemsuper-see-assignment {
    color: #909090;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: -2px;
    width: 48%;
}

/* Timer */
.chemsuper-timer-main {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.chemsuper-timer {
    background-color: #0a0a0a;
    border: 2px solid #745244;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 21px;
    font-weight: 600;
    height: 40px;
    margin-bottom: 8px;
    margin-left: 0;
    padding: 2px 10px;
    text-align: center;
    width: 11%;
}


/* Time Up Pop-up */
.chemsuper-timeup-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.chemsuper-timeup-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 190px;
    left: 335px;
    margin-top: 200px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    z-index: 1040;
}
.chemsuper-timeup-inner {
	margin: 0 auto;
    padding: 0 50px;
    width: 100%;
}
.duration-icon {
    float: left;
    margin-right: 25px;
    width: 20%;
}
.chemsuper-timeup-hint-dec {
    color: #3976ab;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
    width: 70%;
    margin-bottom: 15px;
}
.chemsuper-timeup-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 100%;
}
.chemsuper-timeup-right-btn {
    float: left;
    margin-left: 55px;
}
.chemsuper-timeup-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 40px;
    width: 170px;
}
.chemsuper-timeup-hint-right:hover {
    color: #ffffff;
}

/* See Assignment Details popup */
.chemsuper-seeassign-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.chemsuper-seeassign-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 325px;
    left: 180px;
    margin: 50px 0 10px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    z-index: 1040;
}
.chemsuper-seeassign-inner {
    margin: 0 auto;
    overflow: auto;
    padding: 40px 55px;
    width: 100%;
}
.chemsuper-seeassign-got-main {
    float: left;
    text-align: center;
    width: 100%;
     margin-top: 20px;
}
.chemsuper-seeassign-gotit-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 9px 0;
    width: 130px;
}

/* Change coolant flowrate setpoint for 21 popup */
.coolant21-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.coolant21-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 200px;
    left: 33%;
    margin: 150px 0 10px;
    outline: 0 none;
    overflow: hidden;
    padding: 17px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
    z-index: 1040;
}
.coolant21-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.coolant21-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 5px auto 10px;
    padding-top: 0px;
    text-align: center;
    width: 72%;
}
.coolant21-dec {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height: 26px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    width: 70%;
}
.coolant21-btn {
    margin: 0 auto;
    padding-top: 20px;
    width: 65%;
}
.coolant21-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}
.coolant21-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}

/* Change coolant flowrate setpoint for 25 popup */
.coolant25-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.coolant25-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 200px;
    left: 33%;
    margin: 150px 0 10px;
    outline: 0 none;
    overflow: hidden;
    padding: 17px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
    z-index: 1040;
}
.coolant25-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.coolant25-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 5px auto 10px;
    padding-top: 0px;
    text-align: center;
    width: 70%;
}
.coolant25-dec {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height: 26px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    width: 72%;
}
.coolant25-btn {
    margin: 0 auto;
    padding-top: 20px;
    width: 65%;
}
.coolant25-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}
.coolant25-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}

/* Change coolant flowrate setpoint for 29 popup */
.coolant29-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.coolant29-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 200px;
    left: 33%;
    margin: 150px 0 10px;
    outline: 0 none;
    overflow: hidden;
    padding: 17px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
    z-index: 1040;
}
.coolant29-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.coolant29-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 5px auto 10px;
    padding-top: 0px;
    text-align: center;
    width: 70%;
}
.coolant29-dec {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height: 26px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    width: 72%;
}
.coolant29-btn {
    margin: 0 auto;
    padding-top: 20px;
    width: 65%;
}
.coolant29-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}
.coolant29-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}

/* Contact Instruction Team popup */
.cont-inst-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.cont-inst-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 290px;
    left: 21%;
    margin: 150px 0 10px;
    outline: 0 none;
    overflow: hidden;
    padding: 17px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.cont-inst-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.call-img {
    float: left;
    margin-left: 70px;
    margin-right: 20px;
}
.cont-containt-main {
    float: left;
    width: 58%;
}
.cont-inst-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 15px auto 25px;
    padding-top: 0;
    text-align: center;
    width: 100%;
}
.cont-inst-dec {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align: left;
    width: 100%;
}
.cont-inst-btn {
    margin: 0 auto;
    padding-top: 5px;
    width: 60%;
}
.cont-inst-cancel {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}
.cont-inst-yes {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 155px;
}

/* Contact Instruction Team after Coollant rate changes popup */
.cont-inst-bg-two {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.cont-inst-cancel-two {
    background-color: #969696;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}
.cont-inst-yes-two  {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-left: 10%;
    padding: 9px 0;
    text-align: center;
    width: 155px;
}

/*  Replay Instruction Team popup */
.cont-rply-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.cont-rply-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 290px;
    left: 21%;
    margin: 150px 0 10px;
    outline: 0 none;
    overflow: hidden;
    padding: 17px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.cont-rply-inner {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.call-img {
    float: left;
    margin-left: 70px;
    margin-right: 20px;
}
.cont-containt-main {
    float: left;
    width: 58%;
}
.cont-rply-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 20px auto 25px;
    padding-top: 0;
    text-align: center;
    width: 100%;
}
.cont-rply-dec {
    color: #595959;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align: left;
    width: 100%;
}
.cont-rply-btn {
    margin: 0 auto;
    width: 14%;
}
.cont-rply-gotit {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
	margin-top: 15px;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}

/*  Replay Instruction Team After Collant Rate changes popup */
.cont-rply-bg-two {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.cont-rply-gotit-two {
    background-color: #3976AB;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
	margin-top: 15px;
    padding: 9px 0;
    text-align: center;
    width: 90px;
}

/* Error Messages for Graphs */
.error-warning {
    color: #ff5151;
    display: none;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}
.error-coolant {
	color: #ff5151;
	display: none;
	font-family: "proxima-nova",sans-serif;
	font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.actual-error-gray {
	font-family: "proxima-nova",sans-serif;
    font-size: 13px;
	color: #ff5151;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}
.actual-error {
	font-family: "proxima-nova",sans-serif;
	font-size: 13px;
	color: #ff5151;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 70%;
}
.sucess-final {
    color: #89b47e;
	display: none;
	font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: center;
}
.unsucess-final {
    color: #d84c60;
	display: none;
	font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: center;
}
.improper-final {
    color: #d84c60;
	display: none;
	font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: center;
}
.chemsuper-slide7-sucess {
	display: none;
    float: left;
    margin: 25px 94px 0;
    width: 76%;
}
.temp-sucess {
    color: #0e6375;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.chemsuper-slide7-unsucess {
	display: none;
    float: left;
    margin: 25px 94px 0;
    width: 76%;
}
.temp-unsucess {
    color: #0e6375;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.chemsuper-slide7-improper {
	display: none;
    float: left;
    margin: 25px 94px 0;
    width: 76%;
}
.temp-improper {
    color: #0e6375;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.chemsuper-slide7-improper-two {
	display: none;
    float: left;
    margin: 25px 94px 0;
    width: 76%;
}
.temp-improper-two {
    color: #0e6375;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.chemsuper-sucess-smiley {
    bottom: 20px;
	display: none;
    float: right;
    position: fixed;
    right: 50px;
    width: 125px;
}
.chemsuper-unsucess-smiley {
    bottom: 20px;
    float: right;
	display: none;
    position: fixed;
    right: 50px;
    width: 85px;
}


.chemsuper-slide7-arrow1 #chemsuperprev .fa.fa-arrow-left.chemsuper-left-arrow::before {
    color: #A5A5A5;
	opacity: 0.2;
}
.chemsuper-slide7-arrow1 #chemsupernext .fa.fa-arrow-right.chemsuper-right-arrow::before {
    color: #A5A5A5;
}
.chemsuper-slide7-arrow1 #chemsuperprev {
    pointer-events: none;
}
.chemsuper-slide8-arrow #chemsupernext {
    opacity: 0.2;
    pointer-events: none;
}
.chemsuper-slide9 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.chemsuper-slide9-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.chemsuper-slide9-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    overflow-y: hidden;
    position: absolute;
    top: 8%;
    width: 780px;
}
.chemsuper-slide9-text-bg {
    background-image: url("img/shap35.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: 385px !important;
    margin: 111px 0 auto;
    padding: 110px 0;
    width: 530px !important;
    z-index: 100;
}
.chemsuper-slide9-dec {
    float: left;
    padding: 10px 100px;
    width: 540px;
}
.chemsuper-smiley-slide9 {
    float: left;
    height: auto;
    top: 0;
    width: 24%;
}
.chemsuper-slide9-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 14px;
    position: absolute;
    width: 340px;
}
.chemsuper-slide9-goodbye-btn {
    background-color: #004252;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-left: 87px;
    margin-top: 129px;
    padding: 12px 28px;
}







/* Software Menu */

.custom-menu-software {

    height: 330px;

    overflow-y: auto;

    padding: 15px 0;

    position: relative;

    width: 100%;

}

.tree-four {

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #969696;

    list-style: outside none none;

	padding-left: 10px !important;

	width: auto;

}

.tree-four,

.tree-four ul {

  margin:0 0 0 1em; /* indentation */

  padding:0;

  list-style:none;

  color:#828282;

  position:relative;

}



.tree-four ul {margin-left: 0px;} /* (indentation/2) */



.tree-four::before {

    border-left: 1px solid;

    bottom: 0;

    content: "";

    display: block;

    height: 270px;

    left: 10px;

    position: absolute;

    top: 10px;

    width: 0;

}



.tree-four li {

  margin:0;

  padding:0 17px; /* indentation + .5em */

  line-height:2em; /* default list item's `line-height` */

  font-weight:bold;

  position:relative;

}



.tree-four li:before {

  content:"";

  display:block;

  width:15px; /* same with indentation */

  height:0;

  margin-top:-1px; /* border top width */

  position:absolute;

  top:1em; /* (line-height/2) */

  left:0;

}



.tree-four li:last-child:before {



  top:1em; /* (line-height/2) */

}



.tree-four li.software-menu-step1::before {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #b6b6b6;

    border-radius: 50px;

    color: #b6b6b6;

    display: block;

    height: 15px;

    left: -8px;

    line-height: 25px;

    margin: 0 auto 5px;

    padding-left: 0;

    padding-top: 0;

    top: 6px;

    width: 16px;

}



.tree-four li.software-menu-step1.active::after {

    background-color: #ffffff;

    border: 1px solid #004252;

    border-radius: 50%;

    color: #004252;

    content: "";

    display: block;

    font-family: FontAwesome;

    font-size: 8px;

    height: 15px;

    left: -8px;

    line-height: 15px;

    margin-bottom: 1px;

    margin-right: 0;

    margin-top: 0;

    padding-left: 0;

    padding-top: 0;

    position: absolute;

    text-align: center;

    top: 6px;

    width: 16px;

}



.tree-four li.software-menu-step2::before {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #b6b6b6;

    border-radius: 50px;

    color: #b6b6b6;

    display: block;

    height: 15px;

    left: -8px;

    line-height: 25px;

    margin: 0 auto 5px;

    padding-left: 0;

    padding-top: 0;

    top: 6px;

    width: 16px;

}



.tree-four li.software-menu-step2.active::after {

    background-color: #ffffff;

    border: 1px solid #004252;

    border-radius: 50%;

    color: #004252;

    content: "";

    display: block;

    font-family: FontAwesome;

    font-size: 8px;

    height: 15px;

    left: -8px;

    line-height: 15px;

    margin-bottom: 1px;

    margin-right: 0;

    margin-top: 0;

    padding-left: 0;

    padding-top: 0;

    position: absolute;

    text-align: center;

    top: 6px;

    width: 16px;

}



.tree-four li.software-menu-step3::before {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #b6b6b6;

    border-radius: 50px;

    color: #b6b6b6;

    display: block;

    height: 15px;

    left: -8px;

    line-height: 25px;

    margin: 0 auto 5px;

    padding-left: 0;

    padding-top: 0;

    top: 6px;

    width: 16px;

}



.tree-four li.software-menu-step3.active::after {

    background-color: #ffffff;

    border: 1px solid #004252;

    border-radius: 50%;

    color: #004252;

    content: "";

    display: block;

    font-family: FontAwesome;

    font-size: 8px;

    height: 15px;

    left: -8px;

    line-height: 15px;

    margin-bottom: 1px;

    margin-right: 0;

    margin-top: 0;

    padding-left: 0;

    padding-top: 0;

    position: absolute;

    text-align: center;

    top: 6px;

    width: 16px;

}

.tree-four ul.submenu-tree::before {

    bottom: 0;

    content: "";

    display: block;

    left: 0;

    position: absolute;

    top: 0;

    width: 0;

}

.tree-four .submenu-tree li::before {

    border-bottom: 1px dotted #004252;

    border-left: 1px dotted #004252;

    height: 12px;

    margin-left: 20px;

    top: 5px;

    width: 12px;

}



.submenu-tree-four {

    left: 22px;

    width: 90%;

}

.tree-four ul.submenu-tree-four::before {

    bottom: 0;

    content: "";

    display: block;

    left: 10px;

    position: absolute;

    top: 0;

    width: 0;

}



.tree-four ul ul.submenu-tree-four li::before {

    margin-left: 16px;

}

.tree-four ul ul.submenu-tree-four li {

    margin-left: 1px;

    padding-left: 34px;

}



.algorithm-design-opti {

    line-height: 20px !important;

    clear: both;

    margin-bottom: 5px !important;

}

.algorithm-design {

    margin-top: 5px !important;

}



.software-menu-step1 > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.software-menu-step2 > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.software-menu-step3 > a {

    color: #828282;

    float: left;

    font-family: "proxima-nova",sans-serif;

    width: 100%;

    margin-top: 0px;

}

.software-requirement > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.software-highlevel > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.software-dbdesign > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}



.fa.fa-file-text.db-process-icon {

    font-size: 16px;

    margin-left: 21px;

    margin-right: 8px;

    margin-top: 5px;

}

.fa.fa-pencil-square-o.db-process-icon-edit {

    font-size: 16px;

    margin-left: 5px;

    margin-right: 15px;

    margin-top: 1px;

}



.algorithm-design > a {

    color: #828282;

    float: left;

    font-family: "proxima-nova",sans-serif;

    margin-top: 0;

    width: 100%;

}

.fa.fa-file-text.algorithm-process-icon {

    font-size: 16px;

    margin-left: 21px;

    margin-right: 8px;

    margin-top: 5px;

}

.fa.fa-pencil-square-o.algorithm-process-icon-edit {

    font-size: 16px;

    margin-left: 4px;

    margin-right: 15px;

}

.process-flow-one > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.algorithm-design-opti > a {

    color: #828282;

    font-family: "proxima-nova",sans-serif;

}

.fa.fa-file-text.optimize-process-icon {

    font-size: 16px;

    margin-left: 22px;

    margin-right: 8px;
    margin-top: 5px;
}

.fa.fa-pencil-square-o.optimize-process-icon-edit {

    font-size: 16px;

    margin-left: 8px;

    margin-right: 8px;

}

.software-requirement > a .active {

    color: #004252;

}

.software-highlevel > a .active {

    color: #004252;

}

.software-dbdesign > a .active {

    color: #004252;

}

.db-process-icon > a .active {

    color: #004252;

}

.algorithm-process-icon active > a .active {

    color: #004252;

}







.softwaretour {

    background-color: #69b8b2;

    color: #ffffff;

    height: 85px;

    padding: 9px 8px 0;

}

.exit-tour-softwaretour {

    color: #085650;

    cursor: pointer;

    float: right;

    font-size: 13px;

    font-weight: 600;

    margin-right: 20px;

    margin-top: 8px;

    font-family: "proxima-nova",sans-serif;

    position: relative;

    text-transform: uppercase;

}





/* Software Exit Tour Popup */

.softwarer-exit {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

}

.softwarer-exit-sub {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    height: 210px;

    left: 33%;

    margin: 150px 0 10px;

    outline: 0 none;

    overflow: hidden;

    padding: 17px 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 40%;

    z-index: 1040;

}

.softwarer-exit-inner {

    height: 100%;

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.softwarer-exit-dec {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 700;

    margin: 0 auto;

    padding-top: 20px;

    text-align: center;

    width: 53%;

}

.softwarer-exit-btn {

    margin: 0 auto;

    padding-top: 35px;

    width: 45%;

}

.softwarer-exit-cancel {

    background-color: #969696;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 600;

    height: 46px;

    margin-left: 10%;

    padding: 9px 0;

    text-align: center;

    width: 90px;

}

.softwarer-exit-yes {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 600;

    height: 46px;

    margin-left: 10%;

    padding: 9px 0;

    text-align: center;

    width: 90px;

}









/* Software CSS */

.software-center-arrow {

    bottom: 4%;

    left: 56%;

    position: fixed;

    z-index: 1000;

}

#softwareprev {

    margin-right: 13px;

}

#softwarenext {

    margin-left: 13px;

}

.fa.fa-arrow-left.software-left-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.fa.fa-arrow-right.software-right-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.software-slide1-arrow #softwareprev {

    opacity: 0.3;

    pointer-events: none;

}



.software-slide1 {

    background-color: #004252;

    height: auto;

    width: 100%;

}

.software-slide1-inner {

    background-color: #004252;

    min-height: 768px;

    width: 100%;

}

.software-slide1-contant {

    height: auto;

    left: 50%;

    margin-left: -380px;

    overflow-y: hidden;

    position: absolute;

    top: 15%;

    width: 780px;

}

.software-smiley-slide1 {

    float: left;

    height: auto;

    margin: 40px 0 auto 24px;

    top: 0;

    width: 170px !important;

}

.software-shap1-slide1 {

    float: left;

    height: auto !important;

    margin: 200px 0 auto;

    width: 550px !important;

}

.software-slide1-dec {

    float: left;

    padding: 10px 25px;

    width: 510px;

}

.software-slide1-text1 {

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 22px;

    font-weight: 600;

    line-height: 32px;

    margin-left: 75px;

    margin-top: 45px;

    width: 335px;

}

.software-slide1-text-bg {

    background-image: url("img/shap1.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 95% auto;

    float: left;

    height: auto !important;

    margin: 100px 0 auto;

    padding: 80px 0;

    width: 530px !important;

    z-index: 100;

}





.software-slide2 {

    background-color: #004252;

	height: auto;

    width: 100%;

}

.software-slide2-inner {

    background-color: #004252;

	min-height: 768px;

    width: 100%;

}

.software-slide2-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-slide2-dec {

    float: left;

    height: 290px;

    margin-left: 145px;

    overflow: scroll;

    padding-right: 25px !important;

    position: relative;

    top: 120px;

    width: 521px;

}

.software-slide2-bord-text {

    background-image: url("img/slide2-board.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 80% auto;

    float: left;

    height: 525px;

    width: 100%;

    z-index: 1010;

}

.software-slide2-text1 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide2-text2 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 25px;

    text-align: justify;

}

.software-slide2-text3 > h3 {

    color: #858585;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    font-style: italic;

    line-height: 26px;

    margin-bottom: 10px;

    margin-top: 15px;

    text-align: justify;

}

.software-slide2-text3 > p {

    color: #858585;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    font-style: italic;

    line-height: 24px;

    margin-bottom: 12px;

    text-align: justify;

}

.software-slide2-shap2-main {

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide2-shap2 {

    background-image: url("img/shap-big-2-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 30px 25px 35px;

    position: absolute;

    right: 120px;

    width: 330px !important;

}

.software-slide2-shap2-half {

    background-image: url("img/shap-big-2-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 330px;

}

.software-slide2-smiley2 {

    bottom: 20px;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px !important;

}

.software-slide2-popup {

	bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 25px;

    line-height: 26px;

    position: relative;

    top: 5px;

    width: 235px;

}

.software-slide2-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide2-shap7 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 110px;

    width: 48px !important;

    z-index: 1000;

}





.software-slide3-arrow #softwareprev .software-left-arrow::before {

    color: #adadad;

}

.software-slide3-arrow #softwarenext .software-right-arrow::before {

    color: #adadad;

}

.software-slide3 {

    background-color: #e6e6e6;

	height: auto;

	width: 100%;

}

.software-slide3-inner {

    background-color: #e6e6e6;

	min-height: 768px;

	width: 100%;

}

.software-slide3-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 9%;

    text-align: center;

    width: 780px;

}

.software-slide3-shap3-main {

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide3-shap3 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 83px;

    min-height: 100px;

    padding: 30px 25px;

    position: absolute;

    right: 128px;

    width: 444px !important;

}

.software-slide3-shap3-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 128px;

    width: 444px;

}

.software-slide3-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide3-shap7 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 120px;

    width: 48px !important;

    z-index: 1000;

}

.software-slide3-smiley3 {

    bottom: 25px;

    position: fixed;

    right: 45px;

    width: 85px;

}

.software-slide3-machin {

    height: auto;

    width: 75%;

}

.software-slide3-popup {

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 23px;

    line-height: 26px;

    position: relative;

    top: 5px;

    width: 355px;

}





.software-slide4-arrow #softwareprev .software-left-arrow::before {

    color: #6b6565;

}

.software-slide4-arrow #softwarenext .software-right-arrow::before {

    color: #6b6565;

}

.software-slide4 {

    background-image: url("../img/software-slide4.png");

    background-position: center center;

    background-repeat: repeat-x;

    height: auto;

    width: 100%;

}

.software-slide4-inner {

	min-height: 768px;

	width: 100%;

}

.software-slide4-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    bottom: 32%;

    text-align: center;

    width: 780px;

}

.software-slide4-shap4-main {

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide4-shap4 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 100px;

    min-height: 100px;

    padding: 38px 42px 24px;

    position: absolute;

    right: 133px;

    width: 444px;

}

.software-slide4-shap4-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 21px;

    height: 81px;

    position: absolute;

    right: 128px;

    width: 449px;

}

.software-slide4-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide4-shap7 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 135px;

    width: 48px !important;

    z-index: 1000;

}

.software-slide4-smiley4 {

    bottom: 25px;

    position: fixed;

    right: 45px;

    width: 100px;

}

.software-slide4-machin {

    height: auto;

    margin-bottom: -4px;

    width: 70%;

}

.software-slide4-popup {

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 15px;

    line-height: 26px;

    position: relative;

    top: 10px;

    width: 370px;

}

.software-slide4-popup-text1 {

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 10px;

}

.software-slide4-popup-text2 {

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

}





.software-slide5 {

    background-color: #004252;

	height: auto;

    width: 100%;

}

.software-slide5-inner {

    background-color: #004252;

	min-height: 768px;

    width: 100%;

}

.software-slide5-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-slide5-dec {

    float: left;

    margin-left: 145px;

    padding-right: 25px !important;

    position: relative;

    top: 150px;

    width: 521px;

}

.software-slide5-bord-text {

    background-image: url("img/slide2-board.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 80% auto;

    float: left;

    height: 525px;

    width: 100%;

    z-index: 1010;

}

.software-slide5-text1 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 800;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide5-text2 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide5-text3 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide5-text4 {

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

    font-style: italic;

}

.software-slide5-shap5-main {

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide5-shap5 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 33px 40px 30px;

    position: absolute;

    right: 120px;

    width: 442px !important;

}

.software-slide5-shap5-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 442px;

}

.software-slide5-smiley5 {

    bottom: 20px;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px !important;

}

.software-slide5-popup {

	bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 25px;

    line-height: 26px;

    position: relative;

    top: 5px;

    width: 325px;

}

.software-slide5-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide5-shap5-icon5 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 110px;

    width: 48px !important;

    z-index: 1000;

}



.softwareslide-slide6-arrow #softwareprev .software-left-arrow::before {

    color: #adadad;

}

.softwareslide-slide6-arrow #softwarenext .software-right-arrow::before {

    color: #adadad;

}

.software-slide6 {

    background-color: #f8f8f8;

	height: auto;

    width: 100%;

}

.software-slide6-inner {

    background-color: #f8f8f8;

	min-height: 768px;

    width: 100%;

}

.software-slide6-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-slide6-boxes {

    width: 100%;

}

.software-slide6-arrow {

    float: left;

    position: relative;

    top: 100px;

    width: 60px;

}

.presentation-main {

    float: left;

    width: 28%;

}

.presentation-tit, .application-tit, .software-data-tit {

    color: #282828;

    font-size: 18px;

    font-weight: 600;

    font-family: "proxima-nova",sans-serif;

    margin-bottom: 20px;

    text-align: center;

}

.software-slide6-machin, .software-slide6-app, .software-slide6-data {

    margin-bottom: 35px;

}

.presentation-main > p, .application-main > p, .software-data-main > p {

    color: #282828;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 17px;

    font-family: "proxima-nova",sans-serif; 

}

.presentation-main i {

    color: #777777;

    font-size: 16px;

    font-weight: 400;

}

.application-main {

    float: left;

    width: 28%;

}

.software-data-main {

    float: left;

    width: 28%;

}

.software-slide6-shap6-main {

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide6-shap6 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 33px 25px 30px;

    position: absolute;

    right: 120px;

    width: 442px !important;

}

.software-slide6-shap6-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 442px;

}

.software-slide6-smiley6 {

    bottom: 20px;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px !important;

}

.software-slide6-popup {

	bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 25px;

    line-height: 26px;

    position: relative;

    top: 5px;

    width: 355px;

}

.software-slide6-popup-text1 {

    bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 15px;

    position: relative;

    top: 5px;

}

.software-slide6-popup-text2 {

    bottom: 42px;

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-style: italic;

    font-weight: 400;

    line-height: 26px;

    position: relative;

    top: 5px;

}

.software-slide6-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide6-shap6-icon6 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 110px;

    width: 48px !important;

    z-index: 1000;

}





.software-slide7 {

    background-color: #004252;

	height: auto;

    width: 100%;

}

.software-slide7-inner {

    background-color: #004252;

	min-height: 768px;

    width: 100%;

}

.software-slide7-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-slide7-dec {

    float: left;

    margin-left: 145px;

    padding-right: 25px !important;

    position: relative;

    top: 180px;

    width: 521px;

}

.software-slide7-bord-text {

    background-image: url("img/slide2-board.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 80% auto;

    float: left;

    height: 525px;

    width: 100%;

    z-index: 1010;

}

.software-slide7-text1 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 800;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide7-text2 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide7-text3 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide7-text4 {

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

    font-style: italic;

}

.software-slide7-shap7-main {
    display: none;

    bottom: -350px;

    height: auto;

    position: fixed;

    right: 0;

	z-index: 10;

}

.software-slide7-shap7 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 33px 60px 30px;

    position: absolute;

    right: 120px;

    width: 442px !important;

}

.software-slide7-shap7-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 442px;

}

.software-slide7-smiley7 {

    bottom: 20px;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px !important;

}

.software-slide7-popup {

	bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    position: relative;

    top: 5px;

    width: 325px;

}

.software-slide7-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px !important;

    z-index: 10;

}

.software-slide7-shap7-icon7 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 110px;

    width: 48px !important;

    z-index: 1000;

}





.softwareslide-slide8-arrow #softwareprev .software-left-arrow::before {

    color: #adadad;

}

.softwareslide-slide8-arrow #softwarenext .software-right-arrow::before {

    color: #adadad;

}

.software-center-arrow.softwareslide-slide8-arrow {

    display: none;

}

.software-slide8 {

    background-color: #eaeaea;

	height: auto;

    width: 100%;

}

.software-slide8-inner {

    background-color: #eaeaea;

	min-height: 900px;

    width: 100%;

}

.software-slide8-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-assign1-tit {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 40px;

    margin-top: 25px;

    text-align: center;

}

.software-assign1 {

    border-right: 1px solid #d0d0d0;

}

.software-assign1-dec {

    float: left;

}

.software-assign1-one {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 15px;

    text-align: justify;

    width: 100%;

}   

.software-assign1-customer {

    color: #292929;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 22px;

    margin-bottom: 0px;

    text-align: justify;

    width: 100%;

}

.software-assign1-customer > i {

    color: #464646;

    font-weight: 400;

}

.software-assign1-customer-dec {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 15px;

    text-align: justify;

    width: 100%;

}

.software-bottom-btn {

    float: left;

    margin-top: 12px;

    width: 100%;

}

.software1-btn-left {

    float: left;

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-top: 2px;

    padding: 14px 2px;

}

.software1-btn-left:hover  {  color: #3976ab; }

.software1-btn-left .fa.fa-arrow-left::before {

    color: #3976ab;

    font-size: 20px;

    margin-right: 5px;

}

.software1-btn-right {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    float: right;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-right: 15px;

    margin-top: 5px;

    padding: 9px 32px;

}

.software1-btn-right {  color: #ffffff; }

.software1-btn-right .fa.fa-arrow-right::before {

    color: #ffffff;

    font-size: 20px;

    margin-left: 5px;

}

.software-instruct1-btn {

    background-color: #3976ab;

    border-radius: 5px;

    clear: both;

    color: #ffffff;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 8px;

    padding: 6px 16px;

    text-transform: capitalize;

}





/* Software View Instruction */

.software1-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software1-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 145px;

    margin: 40px 0 10px;

    min-height: 305px;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

}

.software1-instr-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.software1-modal-title {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 25px;

    text-align: center;

}

.software1-modal-dec-step {

    clear: both;

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    margin: 0 auto 2px;

    width: 70%;

}

.software1-modal-dec {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin: 0 auto 14px;

    width: 70%;

}

.software1-got-itbtn-main {

    float: left;

    margin-bottom: 25px;

    text-align: center;

    width: 100%;

}

.software1-got-it-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-left: 41%;

    padding: 13px 0;

    width: 141px;

}


/* Software Start Assignment Popup */
.soft1-start-work { 
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.soft1-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 270px;
    left: 210px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.soft1-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.soft1-modal-content { 
}

.soft1-need-hint-main { 
    margin: 40px auto;
    min-height: 0;
    width: 58%;
}
.soft1-hint-left-btn {
    float: left;
}
.soft1-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.soft1-hint-right-btn {
    float: right;
}
.soft1-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}

.software-assign2-center-arrow {

    display: none;

}

.software-slide10 {

    background-color: #ededed;

	height: auto;

    width: 100%;

}

.software-slide10-inner {

    background-color: #ededed;

	min-height: 768px;

    width: 100%;

}

.software-slide10-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    position: absolute;

    top: 4%;

    width: 780px;

}

.software-slide10-assign1-main {

    background-color: #ffffff;

    box-shadow: 0 0 5px 2px #d2d6d9;

    margin: 0 auto;

    max-width: 830px;

    height: 520px;

    overflow: auto;

    padding: 15px 10px 0;

}

.software-slide10-assign1-top {

    float: left;

    padding-top: 3px;

    width: 100%;

}

.fa.fa-arrow-left.assign-arrow::before {

    background-color: #919191;

    border-radius: 50px;

    color: #ffffff;

    font-size: 14px;

    padding: 3px;

}

.software-slide10-see-assignment {

    color: #909090;

    float: right;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 5px;

    margin-top: -1px;

    width: 96%;

}

.software-slide10-btnbar {

    float: left;

    width: 100%;

}

.software-slide10-btnbar h3 {

    color: #3976ab;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-top: 0;

    text-align: right;

    width: 59%;

}

.fa.fa-list {

    margin-right: 5px;

}

.software-slide10-btnbar > p {

    background-color: #69b8b2;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-size: 14px;

    font-weight: 400;

    padding: 5px 25px;

    text-align: right;

font-family: "proxima-nova",sans-serif;
}

.software-slide10-top-inner {

    float: left;

    height: 50px;

    width: 100%;

}

.software-slide10-abt-design-main{

    float: left;

    width: 33.33%;

}

.software-slide10-abt-fact-tit {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 22px;

    margin: 7px 0;

    text-align: left;

}

.software-slide10-assign-three-abt {

    color: #352f2b;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 22px;

}

.software-slide10-assign-three-abt:hover { 

	color: #352f2b;

}

.play-btn {

    float: left;

    margin-right: 5px;

    margin-top: -3px;

}

.software-slide10-assign-three-abt > p {

    color: #352f2b;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 22px;

    margin-left: 5px;

    margin-top: -3px;

    width: 70%;

}

.timer-main {

    float: left;

    width: 33.33%;

}

.timer-main .timer {

    margin-left: 93px;

}

.timer > div {

    margin-top: 3px;

}

.software-slide10-assign-instruct-main {

    float: right;

    text-align: right;

}

.software-slide10-assign-one-instruct-btn {

    background-color: #352f2b;

    border-radius: 5px;

    clear: both;

    color: #ffffff;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 8px;

    padding: 6px 16px;

    text-transform: capitalize;

}

.view-instruction-icon {

    margin-right: 5px;

    margin-top: 3px;

}





/* See Assignment Popup */

.software1-seeassign-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software1-seeassign-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 145px;

    margin: 30px 0 10px;

    min-height: 305px;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

}

.software1-seeassign-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.software-seeassign-one {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 10px;

    text-align: justify;

    width: 100%;

}

.software-seeassign-customer {

    color: #292929;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 22px;

    margin-bottom: 0;

    text-align: justify;

    width: 100%;

}

.software-seeassign-customer-dec {

	color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 20px;

    text-align: justify;

    width: 100%;

}

.software-seeassign-dec {

    margin: 30px auto 0;

    width: 70%;

}

.software1-seeassign-got-itbtn-main {

    float: left;

    margin-bottom: 25px;

    text-align: center;

    width: 100%;

}

.software1-seeassign-got-it-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-left: 41%;

    padding: 13px 0;

    width: 141px;

}



/* Video Popup */

.software-slide10-video-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software-slide10-video-bg-sub {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 10px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    height: 340px;

    left: 24%;

    margin: 100px 0;

    outline: 0 none;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 0;

    width: 560px;

    z-index: 1040;

}

.software-slide10-video-popup {

    padding: 0;

}

.close-pop-software-slide10 {

    float: right;

}

.close-pop-software-slide10 .fa.fa-times-circle-o {

    height: 24px;

    margin-right: 7px;

    margin-top: 1px;

}



/* Continue Work Pop-up */

.software1-continue-work {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software1-continue-work-sub {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    height: 300px;

    left: 160px;

    margin-top: 70px;

    outline: 0 none;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

}

.software1-continue-work-inner {

    margin: 0 auto;

    width: 100%;

}

.software1-modal-title-continue {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 1px;

    margin: 65px auto 0;

    text-align: center;

    width: 95%;

}

.software1-modal-cont-dec {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin: 30px auto 0;

    text-align: center;

    width: 90%;

}

.software1-cont-work-main {

    margin: 40px auto;

    min-height: 0;

    width: 100%;

}

.software1-contwork-btn {

    margin: 0 auto;

    width: 27%;

}

.software1-contwork-btn-right {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    padding: 10px 21px;

    width: 205px;

}











/* Tables Design */

/*input[type=radio]:checked ~ .check {

    border: 3px solid #69b8b2 !important;

    border-radius: 50%;

    height: 12px;

    left: 5px;

    position: relative;

    top: 8px;

    width: 12px;

}



input[type=radio]:checked ~ .check::before{

  background: #69b8b2 !important;

  position: relative;

  border: 3px solid #fff !important;

}
*/

/* Radio Button CSS */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
    top: 27px;
    left: 0;
    width: 2%;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #464646;
	width: 100%;
	margin: 4px 0;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #464646;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #69b8b2;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #69b8b2;
    position: absolute;
    top: 5px;
    left: 11px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.hidden_tables,#tables_form_hidden{display: none;}

.table, .hidden_tables {

    margin: 0 15px;

}

.table_1_main {

    float: left;

    margin-right: 10px;

    width: 23%;

}

#table_1 {

    border: 1px solid #575757;

    float: left;

    margin-left: 10px;

    width: 100%;

}

#table_1_hide {

    border: 1px solid #575757;

    float: left;

	margin-left: 10px;

    width: 100%;

}

.table_1_hide .item_div > label {

    margin: 0px 0 0 24px;

}

.done-btn {

    background-color: #3976ab;

    background-image: url("../img/software-right.png");

    background-position: 15px 12px;

    background-repeat: no-repeat;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    padding: 10px 18px 10px 35px;

}

.done_1 {

    float: left;

    margin: 10px 0 0 10px;

    text-align: center;	

    width: 100%;

}

.dont-btn {

    background-color: #3976ab;

    border: medium none;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

}

.edit_btn {

    background-color: #3976ab;

    background-image: url("../img/software-edit.png");

    background-position: 10px 10px;

    background-repeat: no-repeat;

    border: medium none;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-right: 5px;

    margin-top: 15px;

    padding: 10px 14px 9px 31px;

    width: 70px;

}

.edit_btn.btn-disable {

    background-color: #d1d1d1;

    pointer-events: none;

}

.remove_btn.btn-disable {

    background-color: #d1d1d1;

    pointer-events: none;

}

.remove_btn {

	background-color: #3976ab;

    background-image: url("../img/remove-btn.png");

    background-position: 14px 9px;

    background-repeat: no-repeat;

    border: medium none;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-top: 15px;

    padding: 10px 14px 9px 33px;

    width: 98px;

}

	

.next_btn {

    background-color: #244b6d;

    background-image: url("../img/right-arrow.png");

    background-position: 87px 14px;

    background-repeat: no-repeat;

    border: medium none;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    margin-top: 15px;

    padding: 12px 55px 12px 45px;

}

.next_btn:hover { background-color: #244b6d; }

.radio_submit {

	background-color: #244b6d;

    border: medium none;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    background-image: url("../img/right-arrow.png");

    background-position: 94px 13px;

    background-repeat: no-repeat;

    padding: 12px 50px 12px 35px;

}

.radio_submit:hover { background-color: #244b6d; }

.add_new_table_1 {

    background-color: #d1d1d1;

    border: medium none;

    border-radius: 3px;

    cursor: pointer;

    float: left;

    margin-left: 10px;

    margin-top: 20px;
}

.blue-color .add-new-1-btn { background-color: #3976ab; }

.blue-color .add-new-1-btn:hover { background-color: #3976ab; }

.add_new_table_1 { pointer-events: none; }

.disabletable {

    border: 1px solid #a7a7a7 !important;

}

.disabletable .table_1_tit {

    background-color: #a7a7a7;

}

.select_table_tit_1, .select_table_tit_2, .select_table_tit_3, .select_table_tit_4 {

	color: #464646;

	line-height: 20px;

	margin-left: 15px;

	font-size: 16px;

	font-weight: 100;

	margin-bottom: 5px;

	width: 100%;

	float: left;
	font-family: "proxima-nova",sans-serif;

}

.sft-table-one-tit {

    height: 45px;

}

.sft-table-one-tit .select_table_tit_1.disabletext {

    display: none;

}

.sft-table-one-tit .select_table_tit_2.disabletext {

    display: none;

}

.sft-table-one-tit .select_table_tit_3.disabletext {

    display: none;

}

.sft-table-one-tit .select_table_tit_4.disabletext {

    display: none;

}

.table_2_main{

	display: none;

}

.add-new-1-btn {

    background-color: #d1d1d1;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

	background-image: url("../img/software-plus.png");

    background-position: 15px 9px;

    background-repeat: no-repeat;

    padding: 10px 18px 10px 35px;

}

.add-new-1-btn:hover { background-color: #d1d1d1; }



.table_2_main {

    float: left;

    margin-right: 10px;

    width: 23%;

}

#table_2 {

    border: 1px solid #575757;

    float: left;

    width: 100%;

}

#table_2_hide {

    border: 1px solid #575757;

    float: left;

	margin-left: 15px;

    width: 100%;

}

.table_2_hide .item_div > label {

    margin: 0px 0 0 24px;

}

.add_new_table_2 { display: none;

    background-color: #d1d1d1;

    border: medium none;

	border-radius: 5px;

    cursor: pointer;

    float: left;

margin-top: 20px;

}

.blue-color .add-new-2-btn { background-color: #3976ab; }

.blue-color .add-new-2-btn:hover { background-color: #3976ab; }

.add_new_table_2 { pointer-events: none; }

.add-new-2-btn {

    background-color: #d1d1d1;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    background-image: url("../img/software-plus.png");

    background-position: 15px 9px;

    background-repeat: no-repeat;

    padding: 10px 18px 10px 35px;

}

.add-new-2-btn:hover { background-color: #d1d1d1; }

.done-btn-2 {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    padding: 10px 25px;

	cursor: pointer;

}

.done_2 {

    float: left;

    margin: 10px 0 0 15px;

	text-align: center;	

    width: 100%;

}

.dont-btn {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

}

.edit-btn-2 {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

}

.next_2 {

	background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

}

.add_new_2 {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    cursor: pointer;

    float: left;

    left: 385px;

    margin-left: 10px;

    margin-top: 15px;

    padding: 10px 20px;

    position: absolute;

}



.table_3_main {

    float: left;

    margin-right: 10px;

    width: 23%;

	display: none;

}

#table_3 {

    border: 1px solid #575757;

    float: left;

    width: 100%;

}

#table_3_hide {

    border: 1px solid #575757;

    float: left;

	margin-left: 15px;

    width: 100%;

}

.table_3_hide .item_div > label {

    margin: 0px 0 0 24px;

}

.add_new_table_3 { display: none;

    background-color: #d1d1d1;

    border: medium none;

	border-radius: 5px;

    cursor: pointer;

    float: left;

margin-top: 20px;

}

.add-new-3-btn {

    background-color: #d1d1d1;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

	background-image: url("../img/software-plus.png");

    background-position: 15px 9px;

    background-repeat: no-repeat;

    padding: 10px 18px 10px 35px;

}

.blue-color .add-new-3-btn { background-color: #3976ab; }

.blue-color .add-new-3-btn:hover { background-color: #3976ab; }

.add_new_table_3 { pointer-events: none; }

.add_new_3 {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    cursor: pointer;

    float: left;

    left: 385px;

    margin-left: 10px;

    margin-top: 15px;

    padding: 10px 20px;

    position: absolute;

}

.done-btn-3 {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    padding: 10px 25px;

	cursor: pointer;

}

.done_3 {

    float: left;

    margin: 10px 0 0 15px;

	text-align: center;	

    width: 100%;

}

.edit-btn-3 {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

}

.next_3 {

	background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

}



.table_4_main {

    float: left;

    margin-right: 10px;

    width: 23%;

	display: none;

}

#table_4 {

    border: 1px solid #575757;

    float: left;

    width: 100%;

}

#table_4_hide {

    border: 1px solid #575757;

    float: left;

	margin-left: 15px;

    width: 100%;

}

.table_4_hide .item_div > label {  margin: 0px 0 0 24px; }

.table_1_tit {

    background-color: #575757;

    color: #ffffff;

    font-size: 15px;

    font-weight: 400;

    text-align: center;
    font-family: "proxima-nova",sans-serif;

}

.item_div {

    border-bottom: 1px solid #dfdfdf;

    float: left;

    padding: 0 5px;

    width: 100%;

}

.item_div > input {

    float: left;

    margin: 7px 0;

    width: 15%;

}

.item_div > label {

    color: #464646;

    float: left;

	font-size: 15px;

    margin: 0 0 0 0px;

    width: 84%;

}

.software10-bottom-next {

    bottom: -25px;

    float: left;

    margin-top: 0px;

    position: relative;

    text-align: center;

    width: 100%;

}

.done_4 {

    float: left;

    margin: 10px 0 0 15px;

	text-align: center;

    width: 100%;

}





.radio-section {

    float: left;

    width: 100%;

	margin-top: 30px;

	display: none;

}

.radio-section > p {

    color: #464646;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 20px;

    text-align: center;
    font-family: "proxima-nova",sans-serif;

}

.radio_submit_main {

    bottom: 0;

    float: left;

    padding-top: 25px;

    position: relative;

    text-align: center;

    width: 100%;

}

/*.radio_submit {

    background-color: #3976ab;

    border: medium none;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    margin-top: 15px;

    padding: 10px 20px;

    width: 100px;

}*/

.hidden_tables {

    float: left;

    width: 21% !important;

}

#table_hidden_1, #table_hidden_2, #table_hidden_3, #table_hidden_4 {

	border: 1px solid #575757;

    float: left;

    margin-left: 10px;

    width: 100%;

}

.item_div_radio {

    border-bottom: 1px solid #dfdfdf;

    float: left;

    width: 100%;

}

.item_div_radio > input {

    float: left;

    margin: 7px 0;

    width: 15%;

}

.item_div_radio > label {

    color: #464646;

    float: left;

    margin: 0;

    width: 80%;
    margin-left: 5px;

}



/* Error Section */

.software-slide10-error-section {

    float: left;

    width: 100%;

}

.five-table-error {

    border: 1px solid #e64242;

    border-radius: 5px;

    color: #e64242;

    display: none;

    font-size: 15px;

    line-height: 20px;

    margin: 15px auto;

    padding: 10px 20px;

    width: 94%;

}

.error-select-pk {

    border: 1px solid #e64242;

    border-radius: 5px;

    color: #e64242;

    display: none;

    font-size: 15px;

    line-height: 20px;

    margin: 15px auto;

    padding: 10px 20px;

    width: 98%;

}

.fa.fa-times-circle.software-primary-close {

    cursor: pointer;

    float: right;

    font-size: 20px;

    margin-right: -12px;

    position: relative;

    top: 0px;

}

.error-primarykey-invalid {

	border: 1px solid #e64242;

    border-radius: 5px;

    color: #e64242;

    display: none;

    font-size: 15px;

    line-height: 20px;

    margin: 15px auto;

    padding: 10px 20px;

    width: 90%;
 font-family: "proxima-nova",sans-serif;
}

.fa.fa-times-circle.software-redclose {

    cursor: pointer;

    float: right;

    font-size: 20px;

    margin-right: -12px;

    position: relative;

    top: -10px;

}

.software-slide10-submited-assignment, .software-slide10-submited-assignment-case4, .software-slide10-submited-assignment-case5,
 .software-slide10-submited-assignment-case6 {

    border: 1px solid #e64242;

    border-radius: 3px;

    display: none;

    float: left;

    margin: 0 auto;

    padding: 10px 25px;

    width: 100%;

}

.software-slide10-submit-incorrect {

    color: #e20000;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 5px;

    text-align: left;

}

.software-slide10-try-again {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 600;

    margin-top: 2px;

    padding: 5px 16px;

}

.software-slide10-try-again:hover { color: #ffffff; }

.software-slide10-correct-try:hover { color: #999999; }

.software-slide10-correct-try {

    border: 2px solid #dadada;

    border-radius: 5px;

    color: #999999;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-left: 20px;

    margin-top: 2px;

    padding: 4px 10px;

}



/*  Answers */

.software-slide10-assign1-answer-messages {

    float: left;

    text-align: center;

    width: 100%;

}

.software-slide10-oop {

	color: #2a7e89;

	font-family: "proxima-nova",sans-serif;

    font-size: 24px;

    font-weight: 600;

	display: none;

	margin: 25px 0;

}

.software-slide10-awsome { 

	color: #89b47e;

	font-family: "proxima-nova",sans-serif;

    font-size: 24px;

    font-weight: 600;

	display: none;

	margin: 25px 0;

}

.software-slide10-correct-ans { 

	color: #00566a;

	font-family: "proxima-nova",sans-serif;

    font-size: 24px;

    font-weight: 600;

	display: none;

	margin: 25px 0;

}



/*  Primaykey */

.software-slide10-primaykey {

	display: none;	

    float: left;

    margin: 20px 0 40px;

    width: 100%;

}

.software-slide10-primaykey-left {

    color: #999999;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    text-align: right;

    width: 260px;

}

.software-slide10-primaykey-right {

    color: #999999;

    float: left;

    font-size: 15px;

    margin-left: 30px;

    width: 50%;

}

.fa-star::before {

    content: "";

	color: #69b8b2;

    font-size: 18px;

    margin-right: 6px;

}

.fa.fa-star.oop_ans_star {

	display: none;

}

.cust-id-ans {

	color: #575757;

    border: 1px solid;

    font-family: "proxima-nova",sans-serif;

    font-weight: 600;

    margin-right: 10px;

    padding: 3px 5px;

}

.software-slide10-bottom-see-sample {

    display: none;

	float: left;

    text-align: center;

	margin: 55px 0 20px;

    width: 100%;

}

.software-slide10-bottom-see-sample > p {

    background-color: #69b8b2;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-size: 14px;

    font-weight: 400;

    margin: 0 auto;

    padding: 5px 25px;

    text-align: center;

    width: 230px;

}

.software-slide10-bottom-right-ans-details {
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 15px;
    display: none;
}

.software-slide10-bottom-right-ans-details p {
    line-height: 20px;
    font-style: italic;
    color: #7c7c7c;
    font-size: 16px;
    margin: 0 auto;
    width: 490px;
}


/*  Primaykey Wrong Answer */

.software-slide10-primaykey-wrong {

    display: none;

    float: left;

    margin: 20px 110px 40px;

    width: auto;

}

.software-slide10-primaykeywrong-left {

    color: #999999;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    text-align: right;

    width: 225px;

}

.software-slide10-primaykeywrongright {

    color: #999999;

    float: left;

    font-size: 15px;

	font-family: "proxima-nova",sans-serif;

    margin-left: 30px;

    width: 285px;

}

.fa.fa-star.answer_red::before {

    color: #e64242;

	font-size: 18px;

    margin-right: 6px;

}







/* Answer Tables */

.awsome_ans_table_main {

	display: none;

    margin: 0 auto;

    width: 60%;

}

.awsome_ans_table {

    float: left;

    margin: 0 10px;

    width: 200px;

	border: 1px solid #575757;

}

.awsome_anstable_tit {

    background-color: #575757;

    color: #ffffff;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

}

.software_awsome_ans {

    border-bottom: 1px solid #dfdfdf;

    float: left;

    width: 100%;

}

.software_awsome_ans > label {

    color: #464646;

    float: left;

    font-size: 15px;

    margin: 1px 15px;

}

.fa.fa-star.awsome_ans_star {

    float: left;

    margin-left: 15px;

    margin-top: 6px;

}

.software_awsome_ans_first {

	border-bottom: 1px solid #dfdfdf;

    float: left;

    width: 100%;

}

.software_awsome_ans_first > label {

    color: #69b8b2;

    float: left;

    font-size: 15px;

    margin: 1px 0px;

}

.software-slide10-shap10-main {

	display: none;

    bottom: 25px;

    height: auto;

    position: fixed;

    right: 0;

    z-index: 10;

}

.software-slide10-shap10 {

    background-image: url("img/shap-big-3-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 33px 40px 30px;

    position: absolute;

    right: 120px;

    width: 442px;

}

.software-slide10-icon6 {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px;

    z-index: 10;

}

.software-slide10-popup {

	bottom: 42px;

	color: #2a7e89;

	font-family: "proxima-nova",sans-serif;

	font-size: 18px;

	font-weight: 600;

	left: 25px;

	line-height: 26px;

	position: relative;

	top: 5px;

	width: 340px;

}

.software-slide10-shap10-half {

    background-image: url("img/shap-big-3-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 442px;

}

.software-slide10-shap10-icon10 {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 120px;

    width: 48px;

    z-index: 1000;

}

.software-slide10-smiley10 {

    bottom: 20px;

	display: none;

    float: right;

    position: fixed;

    right: 40px;

    width: 110px;

}



/* Wrong Answer */

.software-slide10-shap10-main-wrong {

	display: none;

    bottom: 25px;

    height: auto;

    position: fixed;

    right: 0;

    z-index: 10;

}

.software-slide10-shap10-wrong {

    background-image: url("img/shap-big-2-1.png");

    bottom: 83px;

    min-height: 80px;

    padding: 33px 40px 30px;

    position: absolute;

    right: 120px;

    width: 330px;

}

.software-slide10-icon6-wrong {

    cursor: pointer;

    float: right;

    position: absolute;

    right: 20px;

    top: 20px;

    width: 22px;

    z-index: 10;

}

.software-slide10-popup-wrong {

	bottom: 42px;

    color: #2a7e89;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    left: 20px;

    line-height: 26px;

    position: relative;

    top: 2px;

	width: 200px;

}

.software-slide10-shap10-half-wrong {

    background-image: url("img/shap-big-2-2.png");

    background-repeat: no-repeat;

    bottom: 5px;

    height: 81px;

    position: absolute;

    right: 120px;

    width: 330px;

}

.software-slide10-shap10-icon10-wrong {

    bottom: 82px;

    cursor: pointer;

    display: none;

    position: fixed;

    right: 120px;

    width: 48px;

    z-index: 1000;

}

.software-slide10-smiley10-wrong {

    bottom: 20px;

	display: none;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px;

}















/* Wrong Tables */

.wrong_ans_table_main {

	display: none;

    margin: 0 auto;

    width: 60%;

}

.wrong_ans_table {

    float: left;

    margin: 0 10px;

    width: 200px;

	border: 1px solid #575757;

}

.wrong_anstable_tit {

    background-color: #575757;

    color: #ffffff;

    font-size: 15px;

    font-weight: 400;

    text-align: center;
     font-family: "proxima-nova",sans-serif;

}

.software_wrong_ans {

    border-bottom: 1px solid #dfdfdf;

    float: left;

    width: 100%;

}

.software_wrong_ans > label {

    color: #464646;

    float: left;

    font-size: 15px;

}

.fa.fa-star.wrong_ans_star {

    float: left;

    margin-left: 15px;

    margin-top: 6px;

}

.software_wrong_ans_first {

	border-bottom: 1px solid #dfdfdf;

    float: left;

    width: 100%;

}

.software_wrong_ans_first > label {

    color: #69b8b2;

    float: left;

    font-size: 15px;

    margin: 1px 0px;

}

.fa.fa-star.wrong_ans_star_one, .fa.fa-star.wrong_ans_star_two, .fa.fa-star.wrong_ans_star_three, .fa.fa-star.wrong_ans_star_four {

    float: left;

    margin-left: 15px;

    margin-top: 6px;

	visibility: hidden;

}

.fa.fa-star.wrong_ans_star_one.red-star::before {

	color: #e64242;

}

.fa.fa-star.wrong_ans_star_two.red-star::before {

	color: #e64242;

}

.fa.fa-star.wrong_ans_star_three.red-star::before {

	color: #e64242;

}

.fa.fa-star.wrong_ans_star_four.red-star::before {

	color: #e64242;

}







/* Answer see sample Popup */

.software1-seeassign-ans-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1050;

}

.software1-seeassign-ans-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 170px;

    margin: 40px 0 50px;

    min-height: 305px;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 65%;

    z-index: 1040;

}

.software1-seeassign-ans-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}



.answer_sample_table {

    margin: 10px 20px 20px 30px;

    padding-top: 25px;

    width: 98%;

}

.answer_sample_table_left {

    float: left;

    margin-right: 17px;

    text-align: center;

    width: 428px;

}

.answer_sample_table_tit {

    background-color: #dfdfdf;

    color: #575757;

    font-size: 15px;

    font-weight: 600;

    padding: 1px 0;

}

.table-1-answer {

    float: left;

    margin: 0 !important;

}



.answer_sample_table_rigth {

    float: left;

    text-align: center;

    width: 301px;

}

.table-2-answer {

    float: left;

	margin: 0 !important;

}

.table-1-answer th {

    color: #ffffff;

}

.light-grren-tb {

    background-color: #7cc1bc;

    border-bottom: medium none;

    border-left: 1px solid #7cc1bc;

    border-right: 1px solid #7cc1bc;

    color: #ffffff;

}

.gray-tb {

    background-color: #575757;

    border-left: 1px solid #575757;

    border-right: 1px solid #575757;

	color: #ffffff;

}

.table-1-answer td {

    background-color: #ffffff;

    border-bottom: 1px solid #dfdfdf;

    border-left: 1px solid #575757;

    border-right: 1px solid #575757;

}

.table-2-answer td {

    background-color: #ffffff;

    border-bottom: 1px solid #dfdfdf;

	border-left: 1px solid #575757;

    border-right: 1px solid #575757;

}

.table-grren-text {

    color: #7cc1bc;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    font-weight: 300;

}

.table-gray-text {

	color: #575757;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    font-weight: 300;

}

.table-1-answer tr:last-child {

    border-bottom: 2px solid #575757;

}

.table-2-answer tr:last-child {

    border-bottom: 2px solid #575757;

}









/* View Correct Answer Popup */

.software1-viewcorrect-ans-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1050;

}

.software1-viewcorrect-ans-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 170px;

    margin: 40px 0 50px;

    min-height: 305px;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

}

.software1-viewcorrect-ans-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.software1-viewcorrect-modal-title {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 25px;

    text-align: center;

}

.software1-viewcorrect-got-itbtn-main {

    float: left;

    margin-bottom: 20px;

    margin-top: 5px;

    text-align: center;

    width: 100%;

}

.software1-viewcorrect-got-it-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-left: 41%;

    padding: 6px 0;

    width: 141px;

}









/* See Smaple Popup*/

.software1-seesample-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software1-seesample-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 145px;

    margin: 40px 0 10px;

    min-height: 305px;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

}

.software1-seesample-instr-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.software1-seesample-modal-title {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 25px;

    text-align: center;

}

#sample_table > table {

    margin-top: 10px !important;

}

.sample_table {

    margin: 0 auto;

    width: 90%;

}

#sample_table th {

    background-color: #575757;

    color: #ffffff;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    font-weight: 400;

}

#sample_table tbody {

    border: 1px solid #575757;

}

#sample_table tr {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background-color: #ffffff;

    border-color: #dfdfdf #575757;

    border-image: none;

    border-style: solid;

    border-width: 1px;

}

#sample_table td {

	border-color: #dfdfdf #575757;

	border-style: solid;

    border-width: 1px;

	padding: 5px 10px !important;

}

.table_to_hide{

	display : none;

	

}

.software1-seesample-got-itbtn-main {

    float: left;

    margin-bottom: 20px;

	margin-top: 5px;

    text-align: center;

    width: 100%;

}

.software1-seesample-got-it-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-left: 41%;

    padding: 6px 0;

    width: 141px;

}

.software-slide10-primaykey-popup {

    float: left;

    margin: 10px 0 10px;

    width: 100%;

}

.software-slide10-squre {

    background-color: #7cc1bc;

    float: left;

    margin-left: 55%;

    padding: 10px;

    text-align: right;

}

.software-slide10-primaykey-left-popup {

    color: #999999;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 15px;

    text-align: right;

    width: 37%;

}

.software-slide10-primaykey-right-popup {

    color: #999999;

    float: left;

    font-size: 15px;

    margin-left: 30px;

    width: 56%;

}

.table-1-answer tbody td, .table-1-answer tbody th {

    padding: 0.4rem;

}

.table-2-answer tbody td, .table-2-answer tbody th {

    padding: 0.4rem;

}













.software-assign2-center-arrow {

    bottom: 4%;

    left: 56%;

    position: fixed;

    z-index: 1000;

}

#software2prev {

    margin-right: 13px;

}

#software2next {

    margin-left: 13px;

}

.fa.fa-arrow-left.software-left2-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.fa.fa-arrow-right.software-right2-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.software-assign2-center-arrow #software2prev {

    opacity: 0.3;

    pointer-events: none;

}







.software-assign3-center-arrow {

    bottom: 4%;

    left: 56%;

    position: fixed;

    z-index: 1000;

}

#software3prev {

    margin-right: 13px;

}

#software3next {

    margin-left: 13px;

}

.software-assign3-center-arrow #software3prev {

    opacity: 0.3;

    pointer-events: none;

}

.fa.fa-arrow-left.software-left3-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.fa.fa-arrow-right.software-right3-arrow::before {

    color: #4d7b86;

    content: "";

    font-size: 32px;

}

.software-slide22 {

    background-color: #004252;

	height: auto;

    width: 100%;

}

.software-slide22-inner {

    background-color: #004252;

	min-height: 768px;

    width: 100%;

}

.software-slide22-contant {

    height: auto;

    left: 50%;

    margin: 0 auto 0 -385px;

    overflow-y: hidden;

    position: absolute;

    top: 6%;

    width: 780px;

}

.software-slide22-dec {

    float: left;

    margin-left: 135px;

    padding-right: 25px !important;

    position: relative;

    top: 125px;

    width: 525px;
    height: 275px;

}

.software-slide22-bord-text {

    background-image: url("img/slide2-board.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 80% auto;

    float: left;

    height: 525px;

    width: 100%;

    z-index: 1010;

}

.software-slide22-text1 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 800;

    line-height: 26px;

    margin-bottom: 15px;

    text-align: justify;

}

.software-slide22-text2 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 0px;

    text-align: justify;

}

.software-slide22-text3 {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 15px;

    text-align: justify;

}

.software-slide22-text4 {

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 15px;

    text-align: justify;

    font-style: italic;

}

.software-slide22-text5 {

    color: #858585;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-style: italic;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 0;

    text-align: justify;

}

.software-slide22-text6 {

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-style: italic;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 10px;

    text-align: justify;

}

.software-slide22-text7 {

    color: #999999;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-style: italic;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 0;

    text-align: justify;

}

.software-slide22-smiley22 {

    bottom: 20px;

    float: right;

    position: fixed;

    right: 40px;

    width: 85px !important;

}





.software-assign3-center-arrow.software-slide22-arrow #software3prev { opacity: 1; pointer-events: auto; }
input[type="text"]:disabled {
  background: #ccc;
}

.software-slide23 {

    background-color: #00556a;

    height: auto;

    width: 100%;

}

.software-slide23-inner {

    background-color: #00556a;

    min-height: 768px;

    width: 100%;

}

.software-slide23-contant {

    height: auto;

    left: 50%;

    margin-left: -380px;

    overflow-y: hidden;

    position: absolute;

    top: 15%;

    width: 780px;

}

.software-smiley23-slide23 {

	bottom: 25px;

    position: fixed;

    right: 45px;

    width: 100px;

}

.software-slide23-text1 {

    color: #61a4b4;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin: 0 80px 25px;

}

.software-slide23-text2 {

    color: #61a4b4;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

	line-height: 26px;

    margin: 0 80px 35px;

}

.software-slide23-form {

    background-color: #ffffff;

    border-radius: 5px;

    box-shadow: 0 0 6px 0 rgba(17, 17, 17, 0.24);

    margin: 0 auto;

    min-height: 275px;

    padding: 25px 0;

    text-align: center;

    width: 265px;

}

.slide23-form-icon {

    /*margin-top: 20px;*/

}

.software-slide23-form h4 {

    color: #666666;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 600;

    margin: 7px 0 15px;

}

.software-slide23-form-sub {

    float: left;

    padding: 0 10px;

    width: 100%;

}

.software-slider23-email {

    float: left;

	font-family: "proxima-nova",sans-serif;

    text-align: left;

    width: 80px;

	font-size: 14px;

    font-weight: 400;

}

#slide23-form-input {

    border-radius: 3px;

    float: left;

    height: 28px;

    width: 160px;
	background-color: #e8e8e8;
	pointer-events: none;    
}

.software-slide23-form-btn {

    background-color: #666666;

    border-radius: 5px;

	font-family: "proxima-nova",sans-serif;

    color: #ffffff;

    float: left;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    padding: 5px 0;

    width: 100%;
    pointer-events: none;  
}

.software-slide23-form-btn:hover, .software-slide23-form-btn:active {

	color: #ffffff;

}





.software-assign3-center-arrow.software-slide23-arrow { display: none; }

.software-slide24 {

    background-color: #dedede;

    height: auto;

    width: 100%;

}

.software-slide24-inner {

    background-color: #dedede;

    min-height: 768px;

    width: 100%;

}

.software-slide24-contant {

    height: auto;

    left: 50%;

    margin-left: -380px;

    overflow-y: hidden;

    position: absolute;

    top: 3%;

    width: 780px;

}

.software-slide24-tit {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 26px;

	margin-bottom: 10px;

	text-align: center;

}

.software-slide24-dec {

    color: #666666;

    font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-style: italic;

    font-weight: 400;

    line-height: 26px;

    margin: 0 80px 15px;

    padding-top: 15px;

}

.software-slide24-assign1-main {

    background-color: #ffffff;

    box-shadow: 0 0 5px 2px #d2d6d9;

    margin: 0 auto;

    max-width: 830px;

    min-height: 560px;

    overflow: auto;

    padding: 0 10px;

}

.software-slide24-assign1-mainboxes {

    border-bottom: 1px solid #e0e0e0;

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.software-slide24-assign1-box {

    float: left;

    margin-left: 10px;

    margin-right: 11px;

    width: 232px;

}

.software-slide24-case-tit {

	color: #2f2f2f;

    text-align: center;

	font-family: "proxima-nova",sans-serif;

    font-size: 16px;

    font-weight: 400;

	margin-bottom: 10px;

    line-height: 26px;

}

.software-slide24-form-sub {

    background-color: #fafafa;

    border: 1px solid #dddddd;

    border-radius: 5px;

    /*box-shadow: 0 0 6px 0 rgba(17, 17, 17, 0.24);*/

    margin: 0 auto;

    min-height: 290px;

    padding: 20px 0;

    text-align: center;

}

.software-slider24-form-dec {

    color: #666666;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 25px;

    margin-top: 20px;
    font-family: "proxima-nova",sans-serif;

}

.software-slide24-form-sub > h4 {

    color: #666666;

	font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 600;

    margin: 7px 0 15px;

}

.software-slide24-forminner {

    float: left;

    padding: 0 10px;

    width: 100%;

}

.software-slider24-email {

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    text-align: left;

    width: 65px;

}

#slide24-form-input {

    border-radius: 3px;

    float: left;

    height: 28px;

	margin-bottom: 7px;

    width: 145px;
    padding: 3px 10px;

}

.software-slide24-case-error-red {

    color: #e64545;

    float: left;

    font-style: italic;

    line-height: 17px;

    margin-bottom: 8px;

    text-align: left;

    width: 90%;

font-family: "proxima-nova",sans-serif;
}

.software-slide24-case-error-green {

    color: #93b046;

    float: left;

    font-style: italic;

    line-height: 17px;

    margin-bottom: 8px;

    text-align: left;

    width: 90%;
font-family: "proxima-nova",sans-serif;
}

.software-slide24-assign1-bottommain {

    float: left;

    width: 100%;

}

.software-slide24-algorithem {

    cursor: pointer;

    float: left;

    margin-right: 20%;

    width: 28%;

}

.play-btn-software-slide24 {

    float: left;

    margin-right: 8px;

    margin-top: 4px;

    width: 32px;

}

.software-slide24-algorithem-right {

    color: #3976ab;

    float: left;

    font-size: 16px;

    font-weight: 600;

    margin-top: 6px;
    font-family: "proxima-nova",sans-serif;

}

.software-slider24-howtobuilt {

    color: #3976ab;

    float: left;

    font-size: 16px;

    font-weight: 600;

    margin-top: 6px;
    font-family: "proxima-nova",sans-serif;

}

.software-slider24-instruct-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    float: right;

    font-family: "proxima-nova",sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 8px;

    padding: 6px 20px;

    text-transform: capitalize;

}

.software-slider24-instruct-btn:hover { color: #ffffff; }

.software-slider24-bottom-btn {

    float: left;

    margin-top: 12px;

    width: 100%;

}

.software-slider24-btn-left {

    color: #3976ab;

    float: left;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-top: 2px;

    padding: 14px 2px;

}

.software-slider24-btn-left:hover { color: #3976ab; }

.software-slider24-btn-right:hover { color: #ffffff; }

.software-slider24-btn-right {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    float: right;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-right: 15px;

    margin-top: 5px;

    padding: 9px 32px;

}

.software-slider24-btn-left .fa.fa-arrow-left::before {

    color: #3976ab;

    font-size: 20px;

    margin-right: 5px;

}

.software-slider24-btn-right .fa.fa-arrow-right::before {

    color: #ffffff;

    font-size: 20px;

    margin-left: 5px;

}

/* Video Popup */

.software-slider24-video-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software-slider24-video-bg-sub {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 10px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    height: 340px;

    left: 29%;

    margin: 100px 0;

    outline: 0 none;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 0;

    width: 560px;

    z-index: 1040;

}

.software-slider24-video-popup {

    padding: 0;

}

.close-pop-software-slider24 {

    float: right;

}

.close-pop-software-slider24 .fa.fa-times-circle-o {

    height: 24px;

    margin-right: 7px;

    margin-top: 1px;

}

/* Viw Instruction Popup */

.software-slider24-modal-bg {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 50;

}

.software-slider24-modal-rotor {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 5px;

    bottom: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: block;

    left: 145px;

    margin: 40px 0 10px;

	padding: 20px 0;

    outline: 0 none;

    overflow: hidden;

    position: relative;

    right: 0;

    top: 0;

    width: 70%;

    z-index: 1040;

    min-height: 305px;

}

.software-slider24-instr-modal {

    margin: 0 auto;

    overflow: auto;

    width: 100%;

}

.software-slider24-got-itbtn-main {

    float: left;

    text-align: center;

    margin-bottom: 25px;

    width: 100%;

}

.software-slider24-got-it-btn {

    background-color: #3976ab;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

	font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    margin-left: 41%;

    padding: 13px 0;

    width: 141px;

}

.software-slider24-modal-dec-step {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    margin: 0 auto 2px;

    width: 70%;

	clear: both;

}

.software-slider24-modal-dec {

    color: #464646;

    font-family: "proxima-nova",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin: 0 auto 14px;

    width: 70%;

}

.software-slider24-modal-title {

    color: #3976ab;

    font-family: "proxima-nova",sans-serif;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 25px;

	margin-bottom: 10px;

    text-align: center;

}

/* Start working popup form assignment 2 Software */
.soft2-start-work {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.soft2-start-work-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 270px;
    left: 210px;
    margin-top: 70px;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: 1040;
}
.soft2-start-work-inner {
    margin: 0 auto;
    width: 100%;
}
.soft2-need-hint-main {
    margin: 40px auto;
    min-height: 0;
    width: 58%;
}
.soft2-hint-left-btn {
    float: left;
}
.soft2-need-hint-left {
    background-color: #9a9a9b;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 11px 41px 9px;
    text-align: center;
    width: 170px;
}
.soft2-hint-right-btn {
    float: right;
}
.soft2-need-hint-right {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    padding: 10px 21px;
    width: 170px;
}


/* Scrollbar CSS */

.scroll-wrapper {

    overflow: hidden !important;

    padding: 0 !important;

    position: relative;

}



.scroll-wrapper > .scroll-content {

    border: none !important;

    box-sizing: content-box !important;

    height: auto;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none !important;

    overflow: scroll !important;

    padding: 0;

    position: relative !important;

    top: 0;

    width: auto !important;

}



.scroll-wrapper > .scroll-content::-webkit-scrollbar {

    height: 0;

    width: 0;

}



.scroll-element {

    display: none;

}

.scroll-element, .scroll-element div {

    box-sizing: content-box;

}



.scroll-element.scroll-x.scroll-scrollx_visible,

.scroll-element.scroll-y.scroll-scrolly_visible {

    display: block;

}



.scroll-element .scroll-bar,

.scroll-element .scroll-arrow {

    cursor: default;

}



.scroll-textarea {

    border: 1px solid #cccccc;

    border-top-color: #999999;

}

.scroll-textarea > .scroll-content {

    overflow: hidden !important;

}

.scroll-textarea > .scroll-content > textarea {

    border: none !important;

    box-sizing: border-box;

    height: 100% !important;

    margin: 0;

    max-height: none !important;

    max-width: none !important;

    overflow: scroll !important;

    outline: none;

    padding: 2px;

    position: relative !important;

    top: 0;

    width: 100% !important;

}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {

    height: 0;

    width: 0;

}







.scroll-element,

 .scroll-element div

{

    border: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 10;

}



.scroll-element div {

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

}



 .scroll-element.scroll-x {

    bottom: 2px;

    height: 8px;

    left: 0;

    width: 100%;

}



.scroll-element.scroll-y {

    height: 100%;

    right: 2px;

    top: 0;

    width: 8px;

}



 .scroll-element .scroll-element_outer {

    overflow: hidden;

}



.scroll-element .scroll-element_outer,

 .scroll-element .scroll-element_track,

 .scroll-element .scroll-bar {

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

}



.scroll-element .scroll-element_track,

.scroll-element .scroll-bar {

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

    filter: alpha(opacity=40);

   /* opacity: 0.4;*/

}



 .scroll-element .scroll-element_track { background-color: #e1e1e1; }

 .scroll-element .scroll-bar { background-color: #bfbfbf; }

 .scroll-element:hover .scroll-bar { background-color: #bfbfbf; }

 .scroll-element.scroll-draggable .scroll-bar { background-color: #bfbfbf; }







@media only screen and (max-width: 1500px) and (min-width: 1400px)  {

    .cal-arrrider {

        left: 15%;

        position: relative;

        top: 0px;

    }

    .cal-arrrider #calprev {

        float: left;

        margin-left: 70px;

        margin-top: -120px;

        width: 80px;

    }

    .cal-arrrider #calnext {

        float: left;

        height: 43px;

        margin-top: -131px;

        position: relative;

        right: -359px;

        width: 150px;

    }

}



@media only screen and (max-width: 1485px) and (min-width: 1350px)  {

}



@media only screen and (max-width: 1349px) and (min-width: 1279px)  {

    .cal-arrrider {

        left: 15%;

        position: relative;

        top: 0px;

    }

    .cal-arrrider #calprev {

        float: left;

        margin-left: 15px;

        margin-top: -110px;

        width: 80px;

    }

    .cal-arrrider #calnext {

        float: left;

        height: 43px;

        margin-top: -118px;

        position: relative;

        right: -308px;

        width: 150px;

    }

}

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

    .cal-arrrider {

        left: 15%;

        position: relative;

        top: 0px;

    }

    .cal-arrrider #calprev {

        bottom: -58px;

        float: left;

        margin-left: 0;

        position: relative;

        width: 80px;

    }

    .cal-arrrider #calnext {

        bottom: -58px;

        float: left;

        height: 43px;

        position: relative;

        right: -282px;

        width: 150px;

    }

}

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



}



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

	.center-arrow {

    bottom: 34px;

    left: 45%;

    position: absolute;

    z-index: 1000;

    }
}

/* Start: Aditya*/
.software-slide25 {
    background-color: #ededed;
	height: auto;
    width: 100%;
}

.software-slide25-inner {
    background-color: #ededed;
    height: 840px;
    width: 100%;
}

.software-slide25-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    position: absolute;
    top: 4%;
    width: 780px;
}

.software-slide25-assign2-top {
    float: left;
    padding-top: 3px;
    width: 100%;
}

.software-slide25-top-inner {
    float: left;
    height: 50px;
    width: 100%;
}

.software-slide25-assign-instruct-main {
    float: right;
    text-align: right;
}

.software-slide25-assign-three-abt {
    color: #352f2b;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.software-slide25-assign-three-abt:hover {
	color: #352f2b;
}

.software-slide25-assign-three-abt > p {
    color: #352f2b;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-left: 5px;
    margin-top: -3px;
    width: 70%;
}

.software-slide25-play-btn {
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}

.software-slide25-abt-design-main{
    float: left;
    width: 33.33%;
}

.software-slider25-instruct-btn {
    background-color: #352f2b;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}

.software-slide25-assign2-main {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #d2d6d9;
    margin: 0 auto;
    max-width: 830px;
    min-height: 560px;
    overflow: auto;
    overflow-y: hidden;
    padding: 15px 10px 0;
}

.software-slide25-main {
    padding-left: 1px;
    padding-right: 0px;
    font-family: "proxima-nova",sans-serif;
}

.software-slide25-conditionals-left {
  display: table-cell;
  width: 344px;
  height: 550px;
  border-right: 1px dashed #efefef;
  margin-top: 15px;
  margin-bottom: 15px;
}

.software-slide25-conditionals-right {
  display: table-cell;
  width: 435px;
  height: 550px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.software-slide25-headers-gray {
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #696969;
}

.software-slide25-headers-blue {
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #3976ab;
}

.software-slide25-txt1 {
  color: #488dbe;
  font-weight: 600 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt2 {
  color: #488dbe;
  font-weight: 500 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt3 {
  color: #b8b8b8;
  font-style: italic;
  font-weight: 500 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt4 {
  color: #48beb1;
  font-weight: 600 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt5 {
  color: #48beb1;
  font-weight: 500 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt6 {
  color: #43a363;
  font-weight: 600 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-txt7 {
  color: #43a363;
  font-weight: 500 !important;
  font-family: "proxima-nova",sans-serif;
}

.software-slide25-assignment-details {
    color: #909090;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -1px;
    margin-left: 2px;
    width: 200px;
    cursor: pointer;
}

.software-slide25-conditional-set-left > li {
    margin-right: 10px !important;
    border-top: 1px dashed #efefef;
}

.software-slide25-conditional-set-left > li:last-child {
  border-bottom: 1px dashed #efefef;
}

.software-slide25-conditional-set-right {
  font-size: 0;
}

.software-slide25-conditional-box {
    display: table-cell;
    width: 280px;
    padding: 10px;
}
.software-slide25-conditional-add-box {
  width: 13%;
  display: table-cell;
  height: 32px;
  width: 32px;
  vertical-align: middle;
}
.software-slide25-conditional-add-sign {
  padding: 10px;
  background-color: #729fc7;
  border-radius: 2px;
  cursor: pointer;
}

.software-slide25-conditional-right-initial {
  margin-top: 90px;
  padding-left: 80px;
  padding-right: 80px;
}

.software-slide25-conditional-right-statement {
  background-color: #99b7cc;
  color: #ffffff;
  padding: 7px;
  font-size: 14px;
  font-weight: 500;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.software-slide25-conditional-right-operator {
  background-color: #ffffff;
  color: #999999;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
  border: 1px dashed #999999;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-left: none;
  width: 103px;
  height: 32px;
  margin-top: 0px; 
  padding-top: 0px;
  margin-bottom: 0px; 
  padding-bottom: 0px;
}

.software-slide25-conditional-right-value {
  background-color: #ffffff;
  color: #999999;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
  border: 1px dashed #999999;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-left: none;
  width: 81px;
  height: 32px;
  margin-top: 0px; 
  padding-top: 0px;
  margin-bottom: 0px; 
  padding-bottom: 0px;
}

.software-slide25-conditional-right-display {
    background-color: #ffffff;
    color: #999999;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    border: 1px dashed #999999;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: none;
    width: 255px;
    height: 32px;
    padding-top: 0px;
    margin-bottom: 0px; 
    padding-bottom: 0px;
  }

.software-slide25-conditional-right-hr {
  border-left: 1px solid #99b7cc;
  width: 1px;
  margin-left: 5px;
  background-color: #99b7cc;
  height: 20px;
}

.software-slide25-conditional-right-remove-btn {
  color: #e2797e;
  font-size: 14px;
  cursor: pointer;
  margin-top: 20px;
  font-weight: 500;
  width:70px;
}

.fa.fa-arrow-right.software-slide25-conditional-add-sign::before {
  color: #ffffff;
  content: "";
  font-size: 16px;
}

.software-slide25-conditional-menu {
  text-align: left;
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  font-size: 14px;
}
.software-slide25-conditional-menu li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.software-slide25-conditional-menu li:hover {
  
}
.software-slide25-conditional-menu li ul {
  position: absolute;
  left: 0;
  width: 300px;
  font-style: normal;
  color: #808080;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.software-slide25-conditional-menu li ul li {
  padding: 0 !important;
  display: block;
}
.software-slide25-conditional-menu li ul li:hover {
  background: #ececec;
}
.software-slide25-conditional-menu li:hover ul {
  display: block;
  opacity: 1;
  padding: 0 !important;
  margin-left: -7px;
  visibility: visible;
}

.clear-float {
  clear: both;
}

.software-about-algo-design-text {
    left: 0; 
    position:absolute; 
    float:right; 
    margin-left: 45px; 
    margin-top: 0px; 
    width: 200px;
}

.software-slide25-button-box {
    margin: 0 auto;
    width: 50%;
    vertical-align: bottom;
}

.software-slide25-action-button {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fffefe;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    margin:10px;
    width: 160px;
    height: 45px;
    display: none;
}

.software-slide25-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}

.software-slide25-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 40px 0 10px;
    min-height: 305px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}

.software-slide25-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.software-slider25-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 70%;
	clear: both;
}

.software-slider25-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 14px;
    width: 70%;
}

.software-slider25-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
	margin-bottom: 10px;
    text-align: center;
}

.software-slider25-got-itbtn-main {
    float: left;
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
}

.software-slider25-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}

.software-slider25-assign-details-got-itbtn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-left: 41%;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 141px;
    text-align: center;
}

.software-slide25-submit-message-block {
    background-color: #ffffff;
    border: 1px solid #e64242;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    height: 86px;
    width: 410px;
    display: none;
}

.software-slide25-submit-message-block p{
    text-align: left; 
    font-size: 12px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    color: #e64242; 
    margin-left: 10px;
    padding: 0px;
}

.software-slide25-validate-message-block {
    background-color: #ffffff;
    border: 1px solid #e64242;
    border-radius: 3px;
    width: 410px;
    padding: 5px;
    color: red;
    display: none;
    margin-bottom: 10px;
    margin-left: 10px;
}

.software-slide25-validate-message {
	font-size: 14px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 500;
    color: #e64242;
    margin-right: 10px;
    width: 350px;
    line-height: 20px;
    display: inline-block;
}

#software-slide25-validate-message-remove {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    line-height: 15px;
}

.software-slide25-try-again {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 20px;
    width: 105px;
    height: 26px;
}

.software-slide25-view-answer {
    background: #F7F9FA !important;
    border: 1px solid #999999;
    border-radius: 3px;
    color: #999999;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 155px;
    height: 26px;
}

.software-slide25-video-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.software-slide25-video-bg-sub {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    height: 340px;
    left: 24%;
    margin: 100px 0;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    z-index: 1040;
}
.software-slide25-video-popup {
    padding: 0;
}
.close-pop-software-slide25 {
    float: right;
}
.close-pop-software-slide25 .fa.fa-times-circle-o {
    height: 24px;
    margin-right: 7px;
    margin-top: 1px;
}

.software-slide25-add-another-box1 {
    background: "fffefe";
    border: 1px dashed #999999;
    width: 436px;
    display: none;
}

.software-slide25-add-another-box1 p{
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: "#9c9c9c";
    text-align: center;
    vertical-align: middle;
    line-height: 74px;
    font-style: italic;
}

.software-slide25-add-another-box2 {
    background: "#fffefe";
    border: 1px dashed #999999;
    width: 436px;
    display: none;
}

.software-slide25-add-another-box2 p{
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: "#9c9c9c";
    text-align: center;
    vertical-align: middle;
    line-height: 74px;
    font-style: italic;
}

.software-slide25-add-another-box3 {
    background: "#fffefe";
    border: 1px dashed #999999;
    width: 436px;
    display: none;
}

.software-slide25-add-another-box3 p{
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: "#9c9c9c";
    text-align: center;
    vertical-align: middle;
    line-height: 74px;
    font-style: italic;
}

.software-slide25-right-condition-box {
    margin-bottom: 3px !important;
    background-color: #ececec;
    padding: 20px;
    padding-bottom: 10px;
}

.software-slide25-submit-correct-answer {
    background-color: #ededed;
    height: auto;
    width: 100%;
    display: none;
}
.software-slide25-submit-correct-answer-inner {
    background-color: #ededed;
    min-height: 768px;
    width: 100%;
}
.software-slide25-submit-correct-answer-contant {
    height: auto;
    left: 50%;
    margin-left: -380px;
    overflow-y: hidden;
    position: absolute;
    top: 15%;
    width: 780px;
}

.software-slide25-submit-correct-answer-smiley {
    float: left;
    height: auto;
    margin: 40px 0 auto 80px;
    top: 0;
    width: 170px !important;
}

.software-slide25-submit-correct-answer-text-bg {
    background-image: url("img/chem-shap4.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: auto !important;
    line-height: 100%;
    margin-top: 80px;
    padding: 80px 0;
    width: 530px !important;
}

.software-slide25-submit-correct-answer-dec {
    float: left;
    padding: 10px 25px;
    width: 510px;
}
.software-slide25-submit-correct-answer-text {
    color: #0e6375;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    width: 400px;
}

.software-slide25-submit-correct-answer-text-msg {
    color: #0e6375;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    width: 200px;
}

/* See Assignment Popup */
.software-slide25-seeassign-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}
.software-slide25-seeassign-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 40px 0 10px;
    min-height: 305px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 780px;
    z-index: 1040;
}
.software-slide25-seeassign-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.software-slide25-assign-details {
    background-color: #ffffff;
    height: auto;
    width: auto;
}
.software-slide25-assign-details-tit {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
	margin-bottom: 10px;
	text-align: center;
}
.software-slide25-assign-details-dec {
    color: #666666;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    margin: 0 80px 10px;
    padding-top: 10px;
    text-align: left;
}
.software-slide25-assign-details-assign2-main {
    background-color: #ffffff;
    margin: 0 auto;
    width: 780px;
    height: 560px;
    text-align: center;
    overflow: auto;
}
.software-slide25-assign-details-assign2-mainboxes {
    display: inline-block;
    margin-bottom: 10px;
}
.software-slide25-assign-details-assign2-box {
    float: left;
    margin-left: 10px;
    margin-right: 11px;
    width: 232px;
}
.software-slide25-assign-details-case-tit {
	color: #2f2f2f;
    text-align: center;
	font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
	margin-bottom: 10px;
    line-height: 26px;
}
.software-slide25-assign-details-form-sub {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 0 auto;
    min-height: 290px;
    padding: 20px 0;
    text-align: center;
}
.software-slide25-assign-details-form-dec {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: left;
}
.software-slide25-assign-details-form-sub > h4 {
    color: #666666;
	font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 7px 0 15px;
}
.software-slide25-assign-details-forminner {
    float: left;
    padding: 0 10px;
    width: 100%;
}
.software-slide25-assign-details-email {
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 65px;
}
.software-slide25-assign-details-form-input {
    border-radius: 3px;
    float: left;
    height: 28px;
	margin-bottom: 7px;
    width: 145px;
}
#software-slide25-assign-details-form-input {
    border-radius: 3px;
    float: left;
    height: 28px;
	margin-bottom: 7px;
    width: 145px;
    pointer-events: none;
}
.software-slide25-assign-details-case-error-red {
    color: #e64545;
    float: left;
    font-style: italic;
    line-height: 17px;
    margin-bottom: 8px;
    text-align: left;
    width: 90%;
}
.software-slide25-assign-details-case-error-green {
    color: #93b046;
    float: left;
    font-style: italic;
    line-height: 17px;
    margin-bottom: 8px;
    text-align: left;
    width: 90%;
}
.software-slide25-assign-details-assign2-bottommain {
    float: left;
    width: 100%;
}
.software-slide25-assign-details-algorithem {
    cursor: pointer;
    float: left;
    margin-right: 20%;
    width: 28%;
}
.software-slide25-assign-details-algorithem-right {
    color: #3976ab;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
}

.software-slide25-assign-details-form-btn {
    background-color: #666666;
    border-radius: 5px;
	font-family: "proxima-nova",sans-serif;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 0;
    width: 100%;
    pointer-events: none;
}
.software-slide25-assign-details-form-btn:hover, .software-slide25-assign-details-form-btn:active {
	color: #ffffff;
}

.software-slide25-answer-suggestion-slide {
    background-color: #ededed;
	height: auto;
    width: 100%;
    display: none;
}
.software-slide25-answer-suggestion-slide-inner {
    background-color: #ededed;
	min-height: 768px;
    width: 100%;
}

.software-slide25-answer-suggestion-slide-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    position: absolute;
    top: 4%;
    width: 780px;
}

.software-slide25-answer-suggestion-slide-smiley {
    height: auto;
    margin: 40px 0 auto 80px;
    width: 100px !important;
    position: fixed;
    right: 30px;
    bottom: 20px;
}

.software-slide25-answer-suggestion-slide-text-bg {
    background-image: url("img/shap17.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    padding: 60px 0;
    width: 400px !important;
    position: fixed;
    right: 100px;
    bottom: 40px;
}

.software-slide25-answer-suggestion-slide-dec {
    text-align: center;
    width: 400px;
}
.software-slide25-answer-suggestion-slide-text {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom:30px;
    width: 400px;
}

.software-slide25-answer-suggestion-slide-top {
    padding-top: 50px;
    width: 100%;
    color: #00566a;
    text-align: center;
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.software-slide25-answer-suggestion-slide-main {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #d2d6d9;
    margin: 10px auto;
    width: 780px;
    height: 400px;
    padding: 15px 10px 0;
}

.software-slide25-answer-suggestion-slide-main-header-text {
    color: #464646;
    margin-top: 20px;
    margin-left: 20px;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.software-slide25-answer-suggestion-slide-main-left{
    border: 1px solid #464646;
    width: 325px;
    height: auto;
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin: 25px;
    display: inline-block;
    vertical-align:top;
}

.software-slide25-answer-suggestion-slide-main-right{
    border: 1px solid #464646;
    width: 325px;
    height: auto;
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin: 25px;
    display: inline-block;
    vertical-align:top;
}

.software-algo-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
#software-algo-prev {
    margin-right: 13px;
}
#software-algo-next {
    margin-left: 13px;
}
.software-algo-center-arrow #software-algo-prev {
    opacity: 0.3;
    pointer-events: none;
}
.software-algo-center-arrow.software-algo-arrow #software-algo-prev { 
    opacity: 1;
    pointer-events: auto;
}
.fa.fa-arrow-left.software-algo-left-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.fa.fa-arrow-right.software-algo-right-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
/*End of software algorithm assignment: Aditya*/

.software-slide26 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.software-slide26-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.software-slide26-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.software-slide26-dec {
    float: left;
    margin-left: 130px;
    padding-right: 25px !important;
    position: absolute;
    top: 180px;
    width: 555px;
}
.software-slide26-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.software-slide26-title {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: justify;
    vertical-align: middle;
}
.software-slide26-subtitle {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0px;
    text-align: justify;
}
.software-slide26-description {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 7px;
    text-align: justify;
}

.software-slide26-smiley22 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}

.software-slide27 {
    background-color: #ededed;
	height: auto;
    width: 100%;
}

.software-slide27-inner {
    background-color: #ededed;
	height: 768px;
    width: 100%;
}

.software-slide27-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    position: absolute;
    top: 4%;
    width: 780px;
    text-align: center;
}

.software-slide27-content-title {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 400;
    margin-left: 50px;
    display: inline-block;
}

.software-slide27-instruct-main {
    float: right;
    display: inline-block;
}
.software-slide27-instruct-btn {
    background-color: #352f2b;
    clear: both;
    color: #ffffff;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 6px 16px;
    text-transform: capitalize;
}

.software-slide27-modal-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}

.software-slide27-modal-rotor {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: block;
    left: 145px;
    margin: 40px 0 10px;
    min-height: 305px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 1040;
}

.software-slide27-instr-modal {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.software-slide27-modal-title {
    color: #3976ab;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
	margin-bottom: 10px;
    text-align: center;
}

.software-slide27-modal-dec {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 14px;
    width: 70%;
}

.software-slide27-modal-dec-step {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 2px;
    width: 70%;
	clear: both;
}

.software-slide27-got-itbtn-main {
    float: left;
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
}

.software-slide27-got-it-btn {
    background-color: #3976ab;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
	font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 41%;
    padding: 13px 0;
    width: 141px;
}

.software-slide27-assign3-main {
    background-color: #ffffff;
    box-shadow: 0 0 5px 2px #d2d6d9;
    margin: 20px auto;
    width: 780px;
    min-height: 563px;
    overflow: auto;
    overflow-y: hidden;
}

.software-slide27-assign3-main-inner {
    margin: 20px 80px 20px 80px;
    text-align:center;
}

.software-slide27-assign3-main-inner-header {
    text-align: left;
    color: #313131;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    margin-left: 40px;
}

.software-slide27-assign3-main-inner-message {
    text-align: left;
    color: #313131;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 40px;
    display: none;
}

.software-slide27-assign3-option1 {
    margin-top: 10px;
    background-color: #fafafa !important;
    height: 207px;
    width: 534px;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    display: inline-block;
}

.software-slide27-assign3-option1 p{
    line-height:20px;
}

.software-slide27-assign3-option-title {
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    color: #323232;
    margin-left: 32px;
    padding-top: 10px;
    text-align:left;
}

.software-slide27-assign3-option-body {
    margin-left:70px;
    text-align:left;
}

.software-slide27-assign3-option2 {
    margin-top: 10px;
    background-color: #fafafa !important;
    height: 207px;
    width: 534px;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    display: inline-block;
}

.software-slide27-assign3-option2 p{
    line-height:20px;
}

.software-slide27-if-color {
    color: #6babd8;
    font-weight: 600 !important;
    font-family: "proxima-nova",sans-serif;
}
  
.software-slide27-condition-color {
    color: #17bfa4;
    font-weight: 500 !important;
    font-family: "proxima-nova",sans-serif;
}
  
.software-slide27-display-color {
    color: #948fc8;
    font-weight: 500 !important;
    font-family: "proxima-nova",sans-serif;
}
  
.software-slide27-operator-color {
    color: #2bb9cc;
    font-weight: 600 !important;
    font-family: "proxima-nova",sans-serif;
} 

.software-slide27-submit-button {
    background: #3976ab none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fffefe;
    cursor: pointer;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    margin-top: 30px;
    width: 160px;
    height: 45px;
    display:none;
}

.software-slide27-correct-answer-smiley {
    height: auto;
    margin: 40px 0 auto 80px;
    width: 85px;
    position: fixed;
    right: 30px;
    bottom: 20px;
}

.software-slide27-correct-answer-text-bg {
    background-image: url("img/shap17.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    padding: 20px 0;
    width: 350px !important;
    position: fixed;
    right: 100px;
    bottom: 40px;
}

.software-slide27-correct-answer-dec {
    text-align: center;
    width: 400px;
}
.software-slide27-correct-answer-text {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    width: 300px;
    text-align: left;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom:30px;
}

.software-optimisation-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}

#software-optimisation-prev {
    margin-right: 13px;
}
#software-optimisation-next {
    margin-left: 13px;
}
.software-optimisation-center-arrow #software-optimisation-prev {
    opacity: 0.3;
    pointer-events: none;
}
.software-optimisation-center-arrow.software-opti-prev-arrow #software-optimisation-prev { 
    opacity: 1;
    pointer-events: auto;
}
.software-optimisation-center-arrow.software-opti-next-arrow #software-optimisation-next { 
    opacity: 0.3;
    pointer-events: none;
}
.fa.fa-arrow-left.software-optimisation-left-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.fa.fa-arrow-right.software-optimisation-right-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}

.software-slide28 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.software-slide28-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.software-slide28-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
}
.software-slide28-bord-text {
    background-image: url("img/slide2-board.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    float: left;
    height: 525px;
    width: 100%;
    z-index: 1010;
}
.software-slide28-dec {
    float: left;
    margin-left: 130px;
    padding-right: 25px !important;
    position: absolute;
    top: 180px;
    width: 555px;
}
.software-slide28-title {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 21px;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: justify;
}

#software-slide28-list {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

#software-slide28-list li {
    position: relative;
    margin-left: 1em;
}
  
#software-slide28-list li:before {
    position: absolute;
    left: -1em;
    font-family: FontAwesome;
    content: "\f105";
}

.software-slide28-description1 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
	margin-bottom: 0px;
    text-align: justify;
}
.software-slide28-description2 {
    color: #464646;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: justify;
}
.software-slide28-smiley22 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}

.software-slide29 {
    background-color: #004252;
	height: auto;
    width: 100%;
}
.software-slide29-inner {
    background-color: #004252;
	min-height: 768px;
    width: 100%;
}
.software-slide29-contant {
    height: auto;
    left: 50%;
    margin: 0 auto 0 -385px;
    overflow-y: hidden;
    position: absolute;
    top: 6%;
    width: 780px;
    text-align:center;
}
.software-slide29-title {
    color: #61a4b4;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    width: 650px;
    display: table;
    margin: 50px auto;
    text-align:left;
}
.software-slide29-body {
    background-color: #fafafa !important;
    border-radius: 3px;
    width: 650px;
    height: 250px;
    margin: 30px auto;
    display: table;
}
.software-slide29-body-area {
    margin: 50px auto;
    display: table;
}
.software-slide29-body-area-title-text {
    color: #666666;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align:left;
}
.software-slide29-body-area-code-text{
    color: #666666;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align:left;
}
.software-slide29-smiley22 {
    bottom: 20px;
    float: right;
    position: fixed;
    right: 40px;
    width: 85px !important;
}

.software-slide30 {
    background-color: #004252;
	height: auto;
	width: 100%;
}
.software-slide30-inner {
    background-color: #004252;
	min-height: 768px;
	width: 100%;
}
.software-slide30-contant {
    height: auto;
    left: 50%;
    margin-left: -390px;
    overflow-y: hidden;
    position: absolute;
    top: 8%;
    width: 780px;
}
.software-slide30-text-bg {
    background-image: url("img/shap35.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    float: left;
    height: 385px !important;
    margin: 111px 0 auto;
    padding: 110px 0;
    width: 530px !important;
    z-index: 100;
}
.software-slide30-dec {
    float: left;
    padding: 10px 100px;
    width: 540px;
}
.software-slide30-smiley {
    float: left;
    height: auto;
    top: 0;
    width: 24%;
}
.software-slide30-slide19 {
    height: 300px;
    margin-left: 167px;
    position: absolute;
    top: 295px;
    width: 540px !important;
}
.software-slide30-text1 {
    color: #2a7e89;
    font-family: "proxima-nova",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 14px;
    position: absolute;
    width: 340px;
}
.software-slide30-goodbye-btn {
    background-color: #004252;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-left: 87px;
    margin-top: 129px;
    padding: 12px 28px;
}

.software-develop-center-arrow {
    bottom: 4%;
    left: 56%;
    position: fixed;
    z-index: 1000;
}
#software-develop-prev {
    margin-right: 13px;
}
#software-develop-next {
    margin-left: 13px;
}
.software-develop-center-arrow #software-develop-prev {
    opacity: 0.3;
    pointer-events: none;
}
.software-develop-center-arrow.software-develop-prev-arrow #software-develop-prev { 
    opacity: 1;
    pointer-events: auto;
}
.software-develop-center-arrow.software-develop-next-arrow #software-develop-next { 
    opacity: 0.3;
    pointer-events: none;
}
.fa.fa-arrow-left.software-develop-left-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
.fa.fa-arrow-right.software-develop-right-arrow::before {
    color: #4d7b86;
    content: "";
    font-size: 32px;
}
/* End: Aditya */


@media only screen and (max-width:1450px){
	.software1-seeassign-ans-modal-rotor {width: 70%; margin: 40px 0 110px;}
}
@media only screen and (max-width:1350px){
	.software1-seeassign-ans-modal-rotor {width: 73%; left: 145px;margin: 40px 0 110px;}
}
@media only screen and (max-width:1300px){
	.software1-seeassign-ans-modal-rotor {width: 76%; left: 125px;margin: 40px 0 110px;}
	.answer_sample_table {margin: 10px 20px 20px 15px; padding-top: 20px;width: 746px;float: left;overflow: scroll; }
}