/* odds calc start */
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
.main-navigation{
display:none;
}
.site-header {
    display: none;
}
.entry-content {
margin-top: 0px;
}
.site-main {
background: #FFF;
border: 0px solid rgba(0, 0, 0, 0.1);
border-width: 0px; 
border-radius: 0 0 0.4em 0.4em;
box-shadow: 0 0px 0px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); */
-moz-box-shadow:0 0px 0px rgba(0,0,0,.2);
-o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
}
.calcbox{
width:690px;
background-color:#000066;
padding:20px;
padding-left: 5px;
padding-top: 5px;
color:#FBFBFC;
margin-top: -14px;
}
.clactext{
  font-size:11px;
  font-style:italic;
  margin-bottom:20px;
  margin-left: 9px;
}
.calcinputtitle{
  text-transform: uppercase;
  font-size:12px;
  margin-left:10px;
  padding-top:4px;

}
.calcbox input[type=text]{
width:80px;
text-align: center;
margin-left:10px !important;
background: rgba(255, 255, 255, 1) !important;
border: 0px solid #ccc !important;
border-radius: 0px !important;
color:#000 ;
font-weight:bold ; 
padding: 3px 0 3px 0 !important;
border: 2px solid #000 !important;
  outline: none !important;
}
input[type="text"]:focus {
border:1px solid #FF6600 !important;
box-shadow: 0 0 0 3px #FF6600 !important;
   outline: none !important;
}
#fracodds, #decodds, #usodds{
font-weight:bold;
float:left;
font-family: 'Fjalla One', sans-serif;
}
#BetAmount, #probodds{
 color:#6C6C6C;
  float:left;
}
#profit{
  color:#54B847;
}
.one{

}
.calcinputtitle{
  float:left;
  margin-left:15px;
}
#reset{
background-color:#3366CC;
border:1px solid #3366CC;
color:#fff;
font-size:12px;
padding:9px;
margin-left:356px;
cursor:pointer;
border-radius: 0px;
font-weight: normal;
text-shadow: none !important; 

}
#Convert{
  background-color:#009933;
  border:1px solid #009933;
  color:#fff;
  font-size:12px;
  text-align: center;
  padding:9px 60px 9px 60px;
  margin-left:80px;
  cursor:pointer;
  border-radius: 0px;
  font-weight: normal;
  text-shadow: none !important;
}
#fracodds{
  margin-left:13px !important;
  margin-right: 78px;
}
#decodds{
 margin-right: 73px; 
}
#BetAmount{
 margin-right: 41px;
}
#probodds{
 margin-right:100px;
}
.imglogoclac{
margin-bottom: -6px;
width: 210px!important;
height: 28px!important;
margin-top: 4px;
}
@media screen and (max-width: 800px) {
.calcbox{
margin-top: 0px;
}
}  
@media screen and (max-width: 605px) {
.calcbox {
    width: 540px;
 }  
.calcinputtitle {
    font-size: 9px;
}
.calcbox input[type="text"] {
    width: 72px;
}
  .two1{
  margin-left: 3px;
  }  
#fracodds {
    margin-right: 37px;
} 
#decodds {
    margin-right: 31px;
}  
#BetAmount {
    margin-right: 6px;
} 
#probodds {
  margin-right: 52px;
}
#reset {
    margin-left: 272px;
}
#Convert {
    margin-left: 12px;
}  
}  

@media screen and (max-width: 415px) {
.calcbox{
 width:94%;
  
}
   .two1{
  margin-left: 0px;
  } 
  .calcinputtitle {
    font-size: 12px;
}
  .calcbox input[type="text"] {
    width: 80px;
}  
.one1, .one2, .one3, .two1, .two2, .two3{
  position:relative;
  padding-bottom:50px;
  width:90%;
}
.one, .two{width:95%;}
#fracodds, #decodds, #usodds, #probodds, #BetAmount, #Profit{
position:absolute;
margin-left:1%;
}
.calcinputtitle{
width:40%;
  margin-left:10%;
}
  #fracodds {
    margin-left: 11px !important;

}
#reset{
position: absolute;
width: 1px;
float: left;
word-wrap: break-word;
padding: 10px 17px 10px 12px;
margin-top: -47%;
margin-left: 75%;
line-height: 1.1;
font-size: 12px;

}
#Convert {
    position: absolute;
    margin-top: -66%;
    margin-left: 32%;
    padding: 3px 60px;
}
.calcinputtitle{
  text-align:right;
  padding-right:10px;
}  
}  
@media screen and (max-width: 380px) {
.calcbox{
 width:90%;
  
}
.one1, .one2, .one3, .two1, .two2, .two3{
  position:relative;
  padding-bottom:50px;
  width:90%;
}
.one, .two{width:95%;}
#fracodds, #decodds, #usodds, #probodds, #BetAmount, #Profit{
position:absolute;
margin-left:1%;
}
.calcinputtitle{
width:40%;
  margin-left:10%;
}
#reset{
margin-top: -52%;
margin-left: 77%;
}
#Convert{
position:absolute;
margin-top: -73%;
margin-left: 30%;
}
.calcinputtitle{
  text-align:right;
  padding-right:10px;
}
}
@media screen and (max-width: 365px) {
#reset {
    margin-top: -54%;
    margin-left: 77%;
} 
  #Convert{

margin-top: -76%;

}
}  
@media screen and (max-width: 330px) {
#reset{
margin-top: -59%;
margin-left: 80%;
}
#Convert{
margin-top: -82%;
margin-left: 29%;
}
.calcinputtitle {
font-size: 10px;
}
}
/* end odds calc */