/*
 Theme Name:   Oxygen Child Theme
 Theme URI:    http://jarilo.co.uk/
 Description:  Oxygen Child Theme
 Author:       Jarilo Design
 Author URI:   http://jarilo.co.uk
 Template:     oxygen
 Version:      0.1
 Text Domain:  ocart
*/


.entry-content h1 { text-align: center; margin-bottom: 30px; }

#content { margin-top: 40px !important; }



.flexslider { overflow: hidden; border: none !important; box-shadow: none !important; border-radius: 0px !important; margin-bottom: 0px !important; }


.rep-button { color: #fff; font-weight: bold !important; margin-top: 10px !important; }
.rep-button i { display: inline-block!important; font-size: 11px !important; font-family: FontAwesome!important;font-style: normal!important; font-weight: normal!important; line-height: 1!important; -webkit-font-smoothing: antialiased!important; -moz-osx-font-smoothing: grayscale !important; }
.representitive-example { display: none; width: calc(100% - 20px); background: #fff; min-height: auto !important; margin-bottom: 20px !important; margin-left: 20px !important; border-radius: 5px; }
.representitive-example .row { border-bottom: solid 1px #ccc; padding: 10px 0 !important; }

@media (max-width: 768px) {
	.apply-today { display: none; }
	#icalc .right-part .green-button .repay { width: 100%; }
	#icalc .right-part .green-button .repay-amount { width: 100%; }
}

#icalc, #icalc * {
  box-sizing:border-box!important;
  font: normal 14px 'Open Sans', sans-serif;
  padding:0; margin:0;
  display: block;
}

#calculator { background: #1BB0DF; }
#icalc {
  margin: auto;
  border: none;
  overflow: auto;
}


#icalc > div { float:left; padding:20px;}
@media (min-width: 768px) {
  #icalc > div { min-height: 365px;}
}


#icalc .left-part { width:55%; }
#icalc .left-part h2 { font: 800 36px 'Open Sans', sans-serif; letter-spacing: -0.5px; line-height: 50px; color: #fff; }
#icalc .left-part .fields { overflow: auto; }
#icalc .left-part .fields label { float: left; margin-right:20px; }
#icalc .left-part .fields label span { display:block; margin-bottom:5px; color: #fff; }
#icalc .left-part .fields label .amount { position: relative; }
#icalc .left-part .fields label .amount input { margin-left:30px; min-width:150px; color: #333; border: none; border-radius: 0 5px 5px 0; padding: 7px 6px; }
#icalc .left-part .fields label .amount:before { content: '\00a3'; position: absolute; top:0; left: 0; width: 30px; height:33px; line-height: 33px; text-align: center; background: #8CC63D; color: #fff; border-radius: 5px 0 0px 5px; }
#icalc .left-part .fields label *:not(span) { border: none; border-radius: 5px; padding: 6px; }
#icalc .left-part .credit-score label span { display:block; margin:20px 0 5px 0; color: #fff; }
#icalc .left-part .credit-score label div { overflow: auto; border-radius: 5px; }
#icalc .left-part .credit-score label div a { display: block; width:20%; float: left; line-height: 31px; text-align: center; background: #fff; }
#icalc .left-part .credit-score label div a:hover { background: #1EBDEF; color: #fff; cursor: pointer; }
#icalc .left-part .credit-score label div a.active { background: #8CC63D; color: #fff; cursor: pointer; }
#icalc .left-part .credit-description { margin-top:20px; font-size:13px;background: #fff;padding: 10px;border-radius: 3px;}
#icalc .left-part .credit-info-page:not(.active) { display:none; }


#icalc .right-part { width:45%; background: #1EBDEF!important; color: #fff;}
#icalc .right-part h3 { font: 600 28px 'Open Sans', sans-serif; letter-spacing: -0.5px; line-height: 50px; color: #fff; }

#icalc .right-part .breakdown * { font-size: 14px; line-height:33px; }
#icalc .right-part .breakdown div { border-bottom: 1px solid #189FCA; overflow: auto; width: 100%; }
#icalc .right-part .breakdown div span:first-of-type { float: left; }
#icalc .right-part .breakdown div span:last-of-type { float:right; text-align: right; font-weight: 700; }

#icalc .right-part .green-button { background: #70b215; margin-top:20px; border-radius: 10px; }
#icalc .right-part .green-button span { width:50%; display:block; float:left; text-align:center; }

#icalc .right-part .green-button .repay { font-size: 22px; padding: 10px 40px; }
#icalc .right-part .green-button .repay-amount { font-size: 42px; font-weight:700; padding: 10px; }

#icalc .right-part .green-button a {
  clear:left; background: #8CC63D;display: block;line-height: 60px;text-align: center;font-size: 22px;
  font-weight: 700; border-radius: 0 0 10px 10px; color: #fff;
}
#icalc .right-part .green-button a:hover { background: #fff; color:#444; cursor: pointer; }



@media (max-width:992px) {
  #icalc > div { float:none; width:100%!important; }
  #icalc .left-part { border-right: 1px solid #BBB; }
}