@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body{ background:#f7f7f7;font-family: 'Roboto Condensed', sans-serif; font-size:18px;}
nav {color: #4d3a01;background-color: #FFC107;}
header, main, footer {padding-left: 300px;}
a {color: #cf2601;}
.brand-logo > img{margin-top: 10px;}
nav ul a {color: #4d3a01;}    
nav .btn{padding: 0 1rem;}
nav#bredcrumbs{color: #4d3a01;background-color:transparent;}
nav#bredcrumbs .breadcrumb {font-size: 18px;color: rgba(0,0,0,0.6);}
nav#bredcrumbs .breadcrumb:before {color: rgba(0,0,0,0.6);}
nav#bredcrumbs {-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.14), 0 0px 0px 0 rgba(0,0,0,0.12), 0 0px 0px 0px rgba(0,0,0,0.2); box-shadow: 0 0px 0px 0 rgba(0,0,0,0.14), 0 0px 0px 0 rgba(0,0,0,0.12), 0 0px 0px 0px rgba(0,0,0,0.2);}
nav#bredcrumbs{height:32px;line-height:24px;margin-top:20px;}
.dropdown-content li>a, .dropdown-content li>span {color: #000000;}

nav#bredcrumbs .breadcrumb:last-child {color: rgba(0,0,0,1);}

.breadcrumb{margin-bottom: 0px;background-color: transparent;border-radius: 0px;}  
.breadcrumb li:last-child{text-overflow: ellipsis;white-space: nowrap;}

.tabs .tab a:hover, .tabs .tab a.active { color: rgba(0,0,0,0.9);}
.tabs .tab a { color: rgba(103,75,0,0.7);}
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {color: rgba(0,0,0,0.4);}


.margin-right-24{margin-right:24px;}

.carousel .indicators .indicator-item.active {
    background-color: rgba(0,0,0,0.6);
}
.carousel .indicators .indicator-item {height: 8px;width: 8px;margin: 24px 4px;background-color: rgba(0,0,0,0.2);}
.tabs .indicator {background-color: #ff6f00;}
.tab-content{ border:1px solid #ddd;}
.tabs .indicator {background-color: #ff6f00;}



.card-panel { 
    padding: 12px;
    margin: .5rem 0 1rem 0;
}


h2 {
    font-size: 24px;
    margin: 10px 0 10px 0;
}

.pr-box {border:1px solid #ddd; width:100%; display:block; text-align:center; padding:0px 0px 12px; margin-bottom:10px; position:relative;}

.pr-box img{border-bottom:1px solid #ddd;}

.pr-box-title{ font-size:24px; color:rgba(0,0,0,0.7); text-align:left; padding:0 12px;font-family: 'Roboto Condensed', sans-serif;}



.pr-box a.btn-flat{color:#FF6F00;}

.pointer-amber {
    width: 150px;
    height: 48px;
    position: relative;
    margin: 0px 0px 10px -12px;
    padding:10px;
    background:#FFC107;
    text-align:center;
    box-shadow: 0px 1px 1px #999;
    color:#fff;
    }
.pointer-amber:before {
    content: "";
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 24px solid #FFC107;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    }
.pointer-amber-dark {
    width: 150px;
    height: 48px;
    position: relative;
    margin: 0px 0px 10px -12px;
    padding:10px;
    text-align:center;
    background:#FF6F00;
    box-shadow: 0px 1px 1px #999;
    color:#fff;
    }
.pointer-amber-dark:before {
    content: "";
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 24px solid #FF6F00;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    }
.pointer-amber a, 
.pointer-amber-dark a{    
    color:#fff;
    }

.page-footer {
    padding-top: 0px;
    color: #333;
    background-color: #fff;
    border-top:1px solid #ddd;
    padding-left: 0px;
}
footer {
    padding-left: 0px;
}
.page-footer .footer-copyright{color:#444;}
.border-all {border:1px solid #ddd;}
.border-t {border-top:1px solid #ddd;}
.border-b {border-bottom:1px solid #ddd;}
.detail-box{background:#fff; border:1px solid #ddd;margin-bottom:20px;padding-bottom:16px;}
.detail-box h1{ font-size:36px;margin:10px 10px 10px 10px;}
.detail-box h2{ font-size:28px;margin:16px 10px 16px 10px;}
.detail-box .responsive-img{padding:10px; max-width:300px;}
.price-box{border:1px solid #ffe082;padding-bottom:20px; position:relative; background:#fbf9f1;}

.price-box .img-box{ width:100%; margin:16px auto; display:block;}
.price-box .img-box img{ width:80%; padding:10px;background:#fff; border:1px solid #ffe082;}

.price-content{margin-top:20px; position:relative; padding:10px 0px;}
.price-text-lg{ font-size:40px; color:#784a00;font-family: 'Roboto', sans-serif;}
.price-text-sm{ font-size:18px; color:#784a00;font-family: 'Roboto', sans-serif;}
.muted{ opacity:0.5;}

.collapsible-body{ font-size:16px;}

.detail-box .collapsible{
    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 1px 5px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,0);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0), 0 1px 5px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,0);
}

.detail-box .collapsible {
    border-top: 1px solid #ddd;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    margin: 0rem 0 0rem 0;
}

.detail-box .collapsible.no-br-t{border-top:0;}

.testimonials{ padding:8px;}
.testimonials h3{ font-size:24px; color:#784a00;}
.testimonials p{font-size:16px; color:#784a00;}

.testimonials h3::before,
.testimonials h3::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #784a00;
    width: 4rem;
    margin: 0 5px;
    transform: translateY(-6px);
}

.padding-10{ padding:10px;}


.font-rc{font-family: 'Roboto Condensed', sans-serif;}
.featured-products{  margin-bottom:10px;}
.featured-products p{ font-size:18px; text-align:justify;}
.featured-products .responsive-img{ max-width:250px; margin-left:110px; padding-top:10px;}
.body-content, .matches, .squads, .stats {background:#fff;}
.body-content p { text-align:justify; }



.pr-box-title-lg{ font-size:48px; color:rgba(0,0,0,0.7); text-align:left; padding:0 0px;font-family: 'Roboto Condensed', sans-serif;}


.ribbon {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 80px;
  border: 50px solid #ff0000;
  border-top: 0 solid;
  border-bottom: 35px solid rgba(0,0,0,0);
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  color:#fff;
  font-size:32px;
  line-height: 40px;
  position:absolute;
}
.ribbon span{ position:absolute; left:-21px;}

.ribbon-1 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 70px;
  height: 0px;
  border: 12px solid #ff0000;
  border-left: 0 solid;
  border-right: 12px solid rgba(0,0,0,0);
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  color:#fff;
  font-size:15px;
  position:absolute;
  margin-left:-12px;
  margin-top:-9px;
}
.ribbon-1 span{ position:absolute; top:-10px; left:10px; text-transform:uppercase}

.offer-stamp { 
  position:absolute;
  width: 40px;
  height: 40px;
  margin:10px;
  right:0;
  background: #d5881b;
  color:#fff;
  padding:8px;
  line-height:14px;
  font-size:14px;
  border-radius:100%;
  text-align:center;
  top:0;
  }
.offer-stamp-1 { 
  position:absolute;
  width: 40px;
  height: 40px;
  margin:2px;
  background: #ff0000;
  color:#fff;
  padding:8px;
  line-height:14px;
  font-size:14px;
  border-radius:100%;
  text-align:center;
}



.page-footer i{ font-size:16px; vertical-align:middle}

.btn-float{position:absolute; right:0;top:-50px}
.relative{ position:relative;}
.text-24{ font-size:24px;}
.text-14{ font-size:14px;}
.btn{font-family: 'Roboto', sans-serif;}
.btn-flat{font-family: 'Roboto', sans-serif;}

.padding-right-16{ padding-right:16px;}
.body-content{ padding:10px;}
.justify{ text-align:justify;}
.margin-top-10{ margin-top:10px;}

.border-all{border:1px solid #ddd;}
.padding-all{padding:10px;}
.margin-t{margin-top:10px;}
.margin-r{margin-right:10px;}
.btn-block{ display:block;}

.border-all-amber{border:1px solid #FFE082;}
.no-br-t{border-top:0;}

.form-heading{ background:#FFECB3; margin:0; padding:12px; color:#634002; font-size:24px; border:1px solid #FFE082}
.form-heading i{ font-size:32px; vertical-align: middle;margin-top: -3px;}


.ui-out-of-stock img{opacity: 0.3; filter: alpha(opacity=30); pointer-events: none;}
.ui-out-of-stock-text{position: absolute;background: #fff; border-top:1px solid #c99804;border-bottom:1px solid #c99804; padding: 10px; width:100%; font-size: 18px; top: 27%; left:0; color: #333;text-decoration: none;text-align: center; z-index: 1;}


.detail-box .ui-out-of-stock img{opacity: 0.3; filter: alpha(opacity=30); pointer-events: none;}
.detail-box .ui-out-of-stock-text{position: absolute;background: rgba(255,255,255,0.5);border-top:0px solid #c99804; border-bottom:0px solid #c99804; padding: 10px; width:100%; font-size: 18px;height:100%; top: 0; left:0; color: #333;text-decoration: none;text-align: center; z-index: 1;}
.detail-box .ui-out-of-stock-text span{ display:block; text-align:center; width:100%;}

.price-content .ui-out-of-stock-text{position: absolute;background: rgba(255,255,255,0.9); border-top:1px solid #ffe082;border-bottom:1px solid #ffe082; padding:10px 10px; width:100%; height:100%; font-size: 24px; top: 1%;  left:0; color: #333;text-decoration: none;text-align: center; z-index: 2;}
.price-content .ui-out-of-stock-text span{ display:block; text-align:center; width:100%;}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
   margin: 0 0 10px 0;
}

.br-radius-15{border-radius:15px;}
.f-card .card-panel{ transition: background-color 1s ease; border-radius:3px 3px;}

.br-red-lr{border-left:3px solid #ff0000;border-right:3px solid #ff0000;}
.br-amber-lr{border-left:3px solid #FFC107;border-right:3px solid #FFC107;}
.br-blue-lr{border-left:3px solid #3F51B5;border-right:3px solid #3F51B5;}
.br-brown-lr{border-left:3px solid #795548;border-right:3px solid #795548;}

.br-amber-t{border-top:5px solid #FFC107;}
.br-gray-t{border-top:5px solid #dadbdd;}

.br-cyan-lr{border-left:3px solid #006064;border-right:3px solid #006064;}


.f-card h2.f-card-title{ font-size:24px; text-align:left; padding:0 0px; margin:0;}
.f-card p{ font-size:16px; padding:10px 0px; margin:0;}

.f-card h2.f-card-title-lg{ font-size:36px; text-align:left; color:rgba(0,0,0,0.7); padding:0 0px; margin:0;}

.no-card-margin-t{margin:0rem 0 1rem 0}

.f-card a.red-text:hover>.card-panel{ background:#ff0000; color:#fff}
.f-card a.amber-text:hover>.card-panel{ background:#FFC107; color:#fff}
.f-card a.indigo-text:hover>.card-panel{ background:#3F51B5; color:#fff}
.f-card a.brown-text:hover>.card-panel{ background:#795548; color:#fff}

.f-card a.red-text:hover img{ background:#fff; border-radius:100%; padding:4px;}
.f-card a.amber-text:hover img{ background:#fff; border-radius:100%; padding:4px;}
.f-card a.indigo-text:hover img { background:#fff; border-radius:100%; padding:4px;}
.f-card a.brown-text:hover img{ background:#fff; border-radius:100%; padding:4px;}

.min-height-160{min-height:160px;}
.min-height-210{min-height:210px;}
.min-height-492{min-height:492px;}
.common-box{ background:#f7f7f7; padding:16px 0px 8px; margin:0; position:relative;border-top:1px solid #ddd;}
.no-margin-b{ margin-bottom:0;}

.paralax-bg{ background-image:url(opl-parallax-universe.jpg); background-repeat:no-repeat; width:100%; height:100%;}

.img-box{ width:250; margin:16px auto; display:block; position:relative;}
.img-box img{padding:10px;background:#fff; border:1px solid #ffe082;}


.img-box-gray{ width:250; margin:16px auto; display:block;}
.img-box-gray img{padding:10px;background:#fff; border:1px solid #dadbdd; width:200px;}
.img-box-amber{ width:250; margin:16px auto; display:block;}
.img-box-amber img{padding:10px;background:#fff; border:1px solid #ffe082; width:200px;}




ul.fp-list li {
    list-style: none;
    padding-left: 25px;
    background: url(ic_bullet.png) 0 6px no-repeat;
    margin-bottom: 16px;
}

.btn-group{ padding:16px;}
.btn-group a{ border:1px solid #ffe082;margin-right:-5px; border-spacing:0; display:inline-block; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; color:#444}

.btn-group a.active{ background:#ffe082; color:#6e5302;}

.btn-group a:hover{ background:#FFE082;}


.collapsible li.active i.material-icons {
  -ms-transform: rotate(180deg); 
  -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.waves-input-wrapper {border-radius: 2px;}

.step-box{ border:1px solid #d7ccc8; padding:16px; margin-bottom:20px;}
.step-box h4{ font-size:18px; padding:0; margin:0;position:relative; color:#4e342e;}
.step-box h4 > i{ color:#4e342e; margin-right:10px; }
.box{ background:#fff; border:1px  solid #ddd; padding:10px; margin-top:10px;}







.nav-main {
    font-size: 16px;
    font-weight: 500;
    text-align:center;
}
.wdgt-base:last-child {
    margin-bottom: 0;
}
.header .wdgt-base {
    margin-bottom: 0;
}
.wdgt-base {
    margin-bottom: 20px;
}
.nav-main > ul.wdgt-menu-list {
    margin:0;
    padding:12px;
}


.nav-main > ul > li {
    display: inline-block;
}


.nav-main > ul > li > a {
    border-right: 0px solid #ddd;
    color: inherit;
    line-height: 30px;
    padding: 10px 19px;
    white-space: nowrap;
}
.nav-main > ul > li > a:hover 
{
    color:#ff0000;
}
.nav-main .micon {
    font-size: 1.1em;
    margin-right:0px;  
    opacity:0.7; 
}

.nav-main > ul > li > a > i {
    vertical-align:middle;
}

/*.nav-main > ul > li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #FF770F;
    transition: width .5s;
}*/
.nav > li > a {
    padding: 5px 15px;
}
.nav > li > a:hover {
    background: none;
}
.nav-main > ul > li:hover::after {
    width: 100%;
}

.bg-white{ background:#FFFFFF;}
.card-shadow {box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16), 0 1px 5px 0 rgba(0,0,0,0.12);}


.feed-item-1 img{ width: 100%; max-width: 100%; height:auto; margin-bottom:16px;}
.feed-item img{height:100px; width:auto;}
.feed-item a,.feed-item-1 a{color:#444;}
.feed-item h2,.feed-item-1 h2{color:#ff6f00 ;}

.right-panel{}
.right-panel h4{color: #ff7000;font-size: 24px;font-weight: 300;padding: 16px 12px;margin:0;}
.right-panel h5{color:#333;font-size:24px; padding:8px;}



.right-panel table td{padding:8px 8px; font-size:16px; } 


.tabs .indicator { display: none; height:0; }
.tabs .tab a.active { border-bottom: 2px solid #ff6f00; }
.feed-box .card{margin: 0rem 0 1rem 0;}

.container{width:98%;}

   
@media only screen and (max-width : 992px) {header, main, footer {padding-left: 0;}.container{width:98%;}}

@media (max-width : 768px) {.img-box-gray img{width:100px;}.img-box-amber img{width:100px;}.carousel .indicators .indicator-item {margin: 0px 4px;}}
                            
.d 
{
    padding:6px;
    margin:5px 0px;
    font-size:14px;
} 
.orange-clr 
{
    background:#ff7000;
    color:#fff;
}        


.inner-match-detail{
    padding-bottom:15px;
    padding-top:10px;
    border-bottom:1px solid #ddd;
} 

.inner-match-detail p {
    color:#888;
    font-size:16px;
    margin:0px; 
    line-height:2; 
    }
.inner-match-detail a {
    color:#ff7000;
    font-size:16px; 
    display:block;
}
.squads 
{
    margin-top: 10px;
	padding: 15px;
}
.team-player 
{
    margin-top:10px;
}
.team-player a 
{
    color:#888;
    display:block;
    line-height:2;
    font-weight:100;
    font-size:16px;
}
.team-player p {
    color:#888;
    display:block;
    margin:0px;
    line-height:2;
    font-weight:100;
    font-size:16px;
}
.stats h4 
{
    margin-bottom:5px;
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
    padding:10px;
}


.orange-cap 
{
    
    padding:10px;
    background:#fff;
    float:left;
    width:100%;
     
}
.row 
{
    margin-left:-15px;
    margin-right:-15px;
}
.col-md-3 {
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding:0 15px;
}
.col-md-9 
{
    width:75%;
    float: left;
	box-sizing: border-box;
	padding:0 15px;
} 
.orange-cap h2 
{
    color:#ff7000;
    font-size:24px;
    margin-top:0px;
}

.orange-cap table td 
{
    text-align:center;
}
.orange-cap table {
	background: #f5f5f5;
}
.dft td {text-align:center;}
.margin-top-20 {margin-top:30px;}

.team-defne li img {
	width: 100px;
	padding:5px;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12); 
	padding:5px;
	border:1px solid #ddd;
	margin:15px 0px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.team-defne {
	width: 100%;	
}
.team-defne li {  
    border-top:1px solid #ddd;
    display:block;
}
.team-defne li a {  
    color:#333;
}
.dp {
	display: inline-block;	
	margin-right: 15px;
	vertical-align: middle;
	line-height:0;
}
.cp {
	display: inline-block;
	vertical-align: middle;
}
.cp p{
	margin:0px;
	font-size:16px;
}


.page-footer .row
{
    margin-bottom:0px;
}
.page-footer ul
{
    padding:15px 0px;
    margin:0px;
}
.page-footer ul li
{
    display:inline-block;
}
.page-footer ul li a
{
    padding:1px;
}
.page-footer ul li a:hover
{
    color:#B71C1C !important;
}
.bg-color 
{
    background:#f2f2f2;
}
.bn img 
{
    max-width:100%;
    width:100%;
}
.footer-ul ul li a 
{
    color:#333;
}
.stadium li img 
{
    width:110px;
}
.stadium li {
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12);
	border: #ddd 0px solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-radius: 3px;
	padding:5px;
	border:1px solid #ddd;
}

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

    .cap {text-align:center;}
}