.row.cal-row{margin:0 auto}p{font-size:16px;line-height:1.5em}::placeholder{color:#8c8c8c!important;opacity:1}:-ms-input-placeholder{color:#8c8c8c}::-ms-input-placeholder{color:#8c8c8c}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#fff;opacity:1}.btn-footer{display:block;margin-top:20px;margin-bottom:20px}.has-error .form-control{border-color:#F44336;background:#fdfdfd}.help-block{display:none}.form-inline .form-control{padding:6px 40px 6px 12px;color:#000;font-size:18px}.errmsg{position:absolute;left:0;top:36px;color:#F44336;font-weight:700}.form-group{position:relative}.btn-footer button{padding:6px 25px;font-size:14px;font-weight:700;min-width:118.7px}.btn-footer .btn.disabled{opacity:.9}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{background-color:#398439;border-color:#255625}.green{color:#5cb85c}.container{padding-top:50px}form label{font-size:17px}.equla{color:#060606;font-size:17px;font-weight:600}.form-inline22 .has-error .form-control{border-color:#cecece;background:#fdfdfd}.well form .form-group input{width:100%}.form-inline .input-group{width:100%;display:flex}span.input-group-addon{padding-top:10px}.reset{padding:6px 25px;font-size:14px;font-weight:700;min-width:118.7px}.form-group.cal-ans input{background:none;cursor:text;border:none!important;box-shadow:unset;margin-left:0;font-size:28px;padding-top:2px;font-weight:600;color:#4CAF50;padding-left:4px}.well{margin-bottom:40px}p.math{background:#fff;padding:15px;border-left:2px solid #6cbe6c}.footer-menu ul li{display:inline-block;border-right:2px solid #5cb85c;padding-right:5px;line-height:1em}.footer-menu ul{list-style:none}.footer-menu ul li:last-child{border:none}.footer-row{padding-top:20px;padding-bottom:0}.well.privacy{text-align:left}.well.privacy p{margin-bottom:0;padding-bottom:10px}.increase{display:block;text-align:left;padding-bottom:6px;font-size:17px;font-weight:700}.linear-wipe{font-weight:700;background:linear-gradient(to left,#00843d 20%,#dacb2f 40%,#d5c521 60%,#00843d 80%);background-size:200% auto;color:#000;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:shine 3s linear infinite;animation:shine 3s linear infinite}@-webkit-keyframes shine{to{background-position:200% center}}@keyframes shine{to{background-position:200% center}}.form-inline .form-group.cal-ans input{width:auto}h2{font-size:23px;font-weight:600;color:#337ab7;line-height:1.3em;margin-top:5px}.side-menu{border:2px solid #d6d6d6;padding:15px;}.side-head{font-size:20px;font-weight:600;margin-bottom:8px;border-bottom:3px solid #f0f0f0;padding-bottom:0px}.side-menu ul{list-style:none;padding-left:0}.side-menu ul li{font-size:15px;border-bottom:1px solid #d6d6d6;padding:10px 0;font-weight:600}.side-menu ul li a:before{content:"\e013";font-size:14px;position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:100;line-height:1;-webkit-font-smoothing:antialiased;color:#4caf50;margin-right:7px}.side-menu ul li a:hover{color:#4caf50;transition:all .6s;padding-left:8px;padding-right:0px;border:none}.gray-box{padding:15px;border:2px solid #d6d6d6}footer .footer-row{text-align:center}.gray-box h1{margin-top:0}
.oztocup .calc-pt label {
    padding-bottom: 15px;
}
.oztocup .calc-pt .input-group {
    padding-bottom: 10px;
}
.oztocup .oztocup .btn-footer button:first-child {
    margin-right: 5%;
}
.oztocup .calc-ans, .bg-box {
    background: #fff;
    box-shadow: hsl(0, 0%, 80%) 0 0 12px;
    padding: 20px;
    /* box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.1); */
    border-radius: 5px;
}
.oztocup .final-ans {
    display: block !important;
    border: 1px solid #eeeeee;
    box-shadow: none;
    margin-top: 15px;
	height: auto;
}
.oztocup .calc-ans p {
    padding-bottom: 0px;
    font-size: 15px;
	color: #337ab7;
	margin-bottom: 0px;
}
.oztocup .calc-pt {
    padding: 20px;
    border: 1px solid #dcdbdb;
    border-radius: 5px;
	transition: all .6s;
	padding-bottom: 60px;
}
.oztocup .calc-pt:hover {
    background: #fff;
    box-shadow: hsl(0, 0%, 80%) 0 0 12px;
    border-radius: 5px;
    transition: all .6s;
}
.oztocup .final-ans span {
    font-size: 25px;
    padding-bottom: 10px;
    display: block;
    font-weight: 700;
    color: #000000;
}
.oztocup .input-group-addon {
    padding: 6px 25px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
}
.oztocup .calc-ans .empty {
    padding: 16px !important;
}
.oztocup #ans:empty:before, #percent:empty:before {
  content:attr(data-placeholder);
  color:gray
}
.oztocup .row.cal-row {
    width: 80% !important;
    margin-left: -15px;
}
.oztocup h2 {
    font-size: 23px;
    font-weight: bold;
    color: #6a1b9a;
}
.oztocup .bg-sec {
    background: #f9f9f9;
    margin-top: 70px;
    padding-bottom: 40px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.oztocup #cmtoft {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.oztocup #cmtoft td, #cmtoft th {
  border: 1px solid #ddd;
  padding: 8px;
}
.oztocup #cmtoft tr:nth-child(even){background-color: #f2f2f2;}
.oztocup #cmtoft tr:hover {background-color: #ddd;}
.oztocup #cmtoft th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #337ab7;
    color: white;
    font-size: 16px;
    font-weight: 100;
}
.oztocup #cmtoft th {
position: sticky;
top: 0px;
}
.oztocup .cal-ans #ans div {
	position: absolute;
    right: 0;
    font-size: 14px;
    bottom: -26px;
    color: #bbbbbb;
	font-weight: 600;
}
.oztocup .formula {
    border-left: 3px solid #5cb85c;
    padding: 15px;
    background: #fff;
}
.oztocup .formula p {
	border: 1px solid #5cb85c94;
    padding: 8px;
    text-align: center;
    font-size: 18px;
}
.oztocup .title {
    font-size: 15px;
    font-weight: 600;
    color: #337ab7;
    margin-bottom: 8px;
}
.oztocup .calc-steps p {
    border: none;
    /* padding-bottom: 0px; */
    padding: 0px;
    margin-bottom: 5px !important;
    font-size: 24px;
}
.oztocup .steps p {
    font-size: 17px;
    font-weight: 500;
}
.oztocup p.main-dec {
    font-size: 16px;
    line-height: 1.5em;
	padding-bottom: 5px;
}
.oztocup .table-wall h3 {
    text-align: center;
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 22px;
    margin-top: 10px;
}
.oztocup .table-of-cnt #cmtoft {
margin-bottom: 40px; }
.well-item textarea {
	width: 100%;
}

.oztocup #cmtoft td {
    font-size: 16px;
}
.oztocup #cmtoft tr:hover td, #cmtoft tr:hover td a {
    color: #fff;
}
.oztocup #cmtoft tr {
	transition: all .5s;
}
.oztocup #cmtoft tr:hover {
    background-color: #3c88ca;
    cursor: pointer;
	transition: all .5s;
}
.table-of-cnt {
    margin: 0 auto;
    
}
.table-of-cnt .col-md-3 {
    width: 50%;
}
footer .container {
	padding-top: 15px;
}
.oztocup .table-of-cnt #cmtoft {
    margin-bottom: 0px;
}
.ouncestocup .navbar-inverse {
    background-color: #6A1B9A;
    border: none;
    border-radius: 0px;
    box-shadow: 0 3px 6px rgb(180 180 180 / 70%);
}
.ouncestocup .container {
	padding-top: 0px;
}
.ouncestocup .navbar-brand {
    float: left;
    padding: 10px 15px;
    font-size: 25px;
    line-height: 20px;
    font-weight: 600;
    color: #fff !important;
	height: auto;
	padding-top: 15px;
}
.ouncestocup .navbar-brand img { 
    max-width: 50px;
}
.ouncestocup nav li a {
	padding-top: 15px;
	color: #fff;
	background-color: transparent !important;
	font-size: 16px;
}
p.sub-head {
    font-size: 18px;
    color: #5E35B1;
    font-weight: 600;
}
.side-head:after {
    content: "";
    width: 40px;
    height: 3px;
    background: #fa9928;
    display: block;
    position: relative;
    bottom: -3px;
}
.side-box {
	padding-top: 40px;
	
}
.side-box li a {
	font-size: 14px;
}
.ouncestocup h1 {
    margin-top: 0px;
    font-weight: 600;
    font-size: 30px;
	margin-bottom: 15px;
}
side-head {
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 3px solid #f0f0f0;
    padding-bottom: 0px;
    font-weight: 600;
    margin-bottom: 8px;
}
.well {
	margin-top: 40px;
}
.well .formula {
	width: 60%;
}
.well-item {
    margin-bottom: 30px;
}
.well-item li {
    font-size: 16px;
    padding-bottom: 8px;
}
.ouncestocup .container-fluid {
    background-color: #9777a8;
    border: none;
    border-radius: 0px;
    box-shadow: 0 3px 6px rgb(180 180 180 / 70%);
}
.ouncestocup .container-fluid a {
	color: #fff;
}
.navbar-header {
    width: 100%;
}
.footer-menu ul {
    padding: 0px;
}
.footer-bottom {
    background: #333;
}
.footer-bottom p {
    text-align: center;
    color: #d0d0d0;
    padding-top: 8px;
	    padding-bottom: 8px;

	margin-bottom: 0px;
}
.ouncestocup nav li a:before {
    content: "";
    content: "\e013";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    margin-right: 4px;
    content: "\e021";
}
.tool-sec {
    background: #fff;
    border: 2px solid #e6e6e6;
    padding: 20px;
    box-shadow: 4px 4px 35px 1px rgba(0,0,0,0.15);
    border-radius: 5px;
}
.tool-sec .input-group {
    display: block;
}
.tool-sec textarea {
    float: none !important;
    display: block !important;
}
.tool-sec textarea {
    border: 1px solid #b9b9b9;
    border-radius: 0px !important;
	color: #151515;
}
.oztocup .cnt-right {
	text-align: center;
}
.oztocup .cnt-right .cnt-tit, .cnt-right .cnt-ans {
    font-size: 20px;
    color: #000;
}
.oztocup p.cnt-ans span {
    color: #1E88E5;
    /* font-weight: 800; */
    font-size: 24px;
}
.oztocup p.cn-ans {
    text-align: center;
    font-size: 20px;
}
.oztocup .img-left img {
    width: 80%;
    border: 2px solid #6A1B9A;
    border-radius: 5px;
	padding: 3px;
}
.oztocup p.cn-ans {
    text-align: center;
    font-size: 20px;
    color: #6A1B9A;
    font-weight: 600;
}
p.sideformula {
    text-align: center;
    font-size: 20px;
    color: #5E35B1;
    font-weight: 600;
	margin-bottom: 0px;
	padding-top: 3px;
}
.left-pt {
    padding: 15px;
    border: 2px solid #2196F3;
    border-radius: 5px;
    transition: all .6s;
    padding-bottom: 20px;
}
.w3-calculation .row {
	display: flex;
}
.w3-calculation .col-md-7 {
	display: flex;
    vertical-align: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #8E24AA;
    background: #fff;
    box-shadow: hsl(0deg 0% 80%) 0 0 12px;
    border-radius: 5px;
    border: 2px solid #8E24AA;
    margin-right: 15px;
}
.w3-calculation .col-md-5 {
	display: flex;
}
.blog-inner p {
    line-height: 1.5em;
}
.left-pt .input-group:first-child {
    margin-bottom: 15px;
}
.left-pt .input-group {
    display: flex;
}
.left-pt input[type=number]::-webkit-inner-spin-button, 
.left-pt input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
.ctof .left-pt .input-group-addon {
    padding: 6px 10px !important;
    min-width: 95px;
    max-width: 95px;
}
.right-pt {
background: #fff;
    padding: 20px;
    width: 100%;
}
p.ans-head {
    font-weight: 800;
}
.right-pt .ans-pt {
    display: block !important;
    border: 1px solid #eeeeee;
    box-shadow: none;
    height: auto;
    padding: 6px 40px 6px 12px;
    color: #35679f;
    font-size: 22px;
    text-align: center;
    font-weight: 800;
}
.right-pt #result {
    font-size: 20px;
}
.w3-calculation.ctof {
	padding-top: 5px;
    padding-bottom: 30px;
}
.note {
    border: 2px dashed #d6d6d6;
    padding: 14px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
	font-size: 17px;
}
.note:before {
    content: "";
    content: "\e013";
    position: absolute;
    top: 18px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: red;
    margin-right: 0px;
    content: "\e005";
    left: 10px;
}
p.color-box {
    background: #e8f8ff5c;
    color: #000;
    border: 2px solid #d0d0d0;
    padding: 20px;
}
.qus .sub-head {
    margin-bottom: 3px;
}
.qus {
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}
.oztocup  .img-oz .img-left img {
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
}
table.w3table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	background: #fff;
}
.w3table td, .w3table th {
    border: 1px solid #d0d0d0;
    text-align: left;
    padding: 8px;
	font-size: 15px;
}
.w3table tr:nth-child(even) {
    background-color: #dddddd;
}
.w3table {
	margin-bottom: 20px;
}
.social-links li {
    display: inline-block;
    padding: 7px;
}
.social-links ul {
    list-style: none;
    padding-left: 0;
    transition: all 0.6s;
}
.social-links li a:hover {
    color: black;
    transition: all 0.6s;
}
.oztocup blockquote {
    border-color: #6a1b9a;
    background: #f5f5f5;
    font-style: italic;
}
ul li {
    font-size: 16px;
}
h3 {
    font-size: 20px;
    font-weight: 600;
}
.oztocup .well {
	background-color: #fefefe;
}
.oztocup .para-well, .oztocup h3 {
	margin-top: 0px;
}
.oztocup blockquote {
    margin-bottom: 25px;
    margin-top: 20px;
}
.oztocup .center {
	text-align: center;
}
h4 {
    font-size: 17px;
    color: #6a1b9a;
    margin-bottom: 3px;
    font-weight: 600;
}
blockquote span {
	display: block;
}
.faq {
    border-bottom: 2px solid #dddddd;
	margin-bottom: 15px;
}
.full-img {
	width: 100%;
    border: 4px solid #FF9800;
    border-radius: 5px;
    margin-bottom: 20px;
}
.img-left {
    text-align: center;
}
.well .tool-sec {
	margin-bottom: 20px;
	margin-top: 15px;
} 
tr.bold {
    font-weight: 600;
    color: #6a1b9a;
}
.header {
background: #6A1B9A;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.header li a {
  display: block;
border-right: 1px solid #999999;
  text-decoration: none;
  color: #fff !important;
    font-size: 16px;
    font-weight: 400;
	padding-top: 8px;
    padding-bottom: 8px;
	line-height: 20px;
	padding: 10px 15px;
	    transition: all .6s;

}
.header li:first-child a {
border-left: 1px solid #999999;
}
.header li a:hover {
	background: #fa9928!important;
    transition: all .6s;
}

.header li a:hover,
.header .menu-btn:hover {
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
    margin-right: 20px;
    padding: 13px 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
}
.header .menu-icon .navicon {
  background: #fa9928;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fa9928;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 300px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
.logo-sec {
    padding: 48px 15px;
    font-size: 32px;
    line-height: 20px;
    font-weight: 600;
    color: #6A1B9A !important;
    height: auto;
    padding-left: 0px;
}
.logo-sec a{
    color: #6A1B9A;
}


.navbar {
margin-bottom: 0px;
}
.main-content {
    background-color: #f0f0f0;
    padding-bottom: 50px;
	padding-top: 15px;
}
.main-content .inner-cnt {
 background: #fff;
 padding-top: 10px;
}
.side-box {
    padding-top: 0px;
}
.side-menu {
    background: #fff;
	margin-bottom: 15px;
}
ul li.home a:before {
    content: "\e021";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    margin-right: 7px;
}
table.w3table tr th {
    background: #3e3e3e;
    color: #fff;
}
.top-footer {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #232323;
}
.logo-sec a:hover {
    text-decoration: none;
}
.side-menu ul li a {
    transition: all .6s;
    display: block;
    margin-left: 26px;
    text-indent: -11px;
    padding-right: 8px;
}
h1:after {
    content: "";
    width: 8%;
    height: 4px;
    background: #4CAF50;
    display: block;
    position: relative;
    bottom: -3px;
}
.img-noborder {
	
	border: none;
}
img {
	height: auto;
}
li.currentPage {
    display: none;
}
.qusans p {
    font-size: 23px;
    font-weight: 700;
}
@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header .menu {
    clear: none;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}
@media screen and (max-width: 980px) {
	.header li a {

	border: none;
    border-bottom: 1px solid #444444;
}
header.header .container {
    padding: 0px;
}
}

@media screen and (min-width: 980px) {
.w3marks .row {
    display: flex;
    align-items: center;
}
}

@media screen and (min-width: 980px) {
	
	.oztocup .bg-sec .row {
    display: flex;
    align-items: center;
}
.oztocup .tool-sec .row {
	display: flex;
	align-items: center;
}

}
@media screen and (max-width: 480px) {
	.ouncestocup h1 {
    font-size: 23px;
}
.oztocup p.main-dec {
    font-size: 15px;
    line-height: 1.5em;
    padding-bottom: 0px;
}
.oztocup .calc-pt {
    padding-bottom: 0px;
	margin-bottom: 10px;
	
}
.well .formula {
	width: 100%;
}
.oztocup h2 {
font-size: 18px; 

}
.border-box {
	padding-top: 0px;
	margin-bottom: 25px;
}
.side-menu {
    margin-top: 0px !important;
    position: relative;
}
}
@media screen and (max-width: 767px) {
	.footer-menu ul li {
    margin-bottom: 20px;
    padding-right: 25px;
    border: none;
}
	.oztocup .table-of-cnt {
    margin-bottom: 40px;
}
.oztocup .table-of-cnt .row {
    max-height: 300px;
    overflow: scroll;
}
.oztocup #cmtoft th {
    position: sticky;
    top: -1px;
}
.w3-calculation .row, .w3-calculation .col-md-5 {
	display: block;
}
.left-pt {
	margin-bottom: 25px;
}
.w3-calculation .col-md-7 {
	margin: 0px;
	border: none;
	box-shadow: none;
}
.w3-calculation .right-pt {
	box-shadow: hsl(0deg 0% 80%) 0 0 12px;
    border-radius: 5px;
    border: 2px solid #8E24AA;
}
}

@media screen and (max-width: 980px){
	.oztocup .img-left img {
		margin-bottom: 20px;
		width: 60%;
	}
	
ul.navbar-right {
    float: right;
    margin-top: 0px;
}

	footer{margin-top:0px}.side-menu{margin-top:50px}}@media screen and (min-width: 767px){.form-inline .form-group{display:block!important;margin-bottom:15px}.form-inline .form-group label{display:block}.btn-footer button:first-child{margin-right:1%}.form-group.cal-ans{padding-left:5px}}@media screen and (max-width: 720px){.form-group.cal-ans input{font-size:25px}h2{font-size:20px}.input-group-addon{padding:6px 4px;width:20%}.well form .form-group input{width:100%!important;padding-left:10px!important}.row.cal-row{width:95%!important}.well form .form-group input{display:inline-block;width:auto;padding:0;padding-left:5px}.well form .form-group{display:inline-block}.increase{text-align:center}.btn-footer button,.btn-footer .reset{padding:6px;font-size:14px;font-weight:700;min-width:90.7px;margin-right:6px}.btn-footer{margin-top:0}h1{font-size:30px}}@media screen and (max-width: 370px){h1{font-size:28px}.well{padding:10px;padding-top:10px;padding-bottom:10px}.well form .form-group input{max-width:85px}.btn-footer button,.btn-footer .reset{min-width:85px}}
@media screen and (min-width: 990px) and (max-width: 1200px) {
	.btn-footer button, .btn-footer .reset {
		min-width: auto;
	}
	.btn-footer button:first-child {
    margin-right: 3%;
}
}