@charset "utf-8";
/*
Template Name: Light HTML Theme
Template Author: WP Expand
Author URL: http://wpexpand.com

-----------------------------------------------------------
Table of Index
-----------------------------------------------------------

1. Base CSS
2. Header CSS
3. Slider CSS
4. Portfolio CSS
5. Single Portfolio CSS
6. Page CSS
7. Post Carousel CSS
8. Sidebar CSS
9. Single Post CSS
10. Comments CSS
11. Contact CSS
12. 404 CSS
13. Footer CSS
14. Preloader CSS
15. Demobox CSS
16. Colors CSS

----------------------------------------------------------

================ CSS Starts =====================

-----------------------------------------------------------
Base CSS
-----------------------------------------------------------*/

.floatleft { float: left }
.floatright { float: right }
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }
h1 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #ec2200;
}
h2 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #ec2200;
}
h3 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #333;
}
h4 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #ffffff;
}
h5 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #ec2200;
}
h6 {
    margin: 0 0 15px;
	font-family: 'Dosis', sans-serif;
    font-weight: 700;
	color: #ec2200;
}
html,
body { height: 100% }
body {
	font-family: "Titillium Web", sans-serif
}
a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #1e1e1e;
}
a:focus { color: #1e1e1e }
a:hover { text-decoration: none }
input[type="submit"] {
    border: medium none;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
}
body input[type="submit"]:hover { background: #000 }

/* --------------------------------------------------------
Header CSS
-----------------------------------------------------------*/

.logo h1 {
    font-family: "Titillium Web", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.logo p {
    color: #999;
    font-size: 12px;
    max-width: 200px;
}
.social-link a {
    color: #333;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}
.social-link2 a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}
ul.nav.navbar-nav {
    float: none;
    font-size: 16px;
	color:#ec2200
    margin-right: -30px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
}
ul.nav.navbar-nav li {
    display: inline-block;
    float: none;
}
ul.nav.navbar-nav li ul li { display: block }
ul.nav.navbar-nav li ul {
    letter-spacing: 0;
    text-transform: none;
}
ul.nav.navbar-nav > li > a:focus,
ul.nav.navbar-nav > li > a:hover { background: none }
.social-link { margin: 6px 0 }
header.header {
    background: none repeat scroll 0 0 #fff;
    padding: 30px 0;
    width: 100%;
    z-index: 99;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.is-sticky .logo p,
.is-sticky .social-link { display: none }
.is-sticky header.header { padding: 10px 0 }
.is-sticky .logo h1 { margin: 3px 0 }

/* --------------------------------------------------------
Slider CSS
-----------------------------------------------------------*/
.homepage-slider {
    margin-bottom: 50px;
    overflow: hidden;
    padding: 20px;
    background: #fff;
}
.homepage-slider .owl-nav {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-left: -20px;
}
.homepage-slider .owl-nav div {
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.homepage-slider .owl-nav div.owl-prev {
    margin-left: -45px;
    float: left;
}
.homepage-slider .owl-nav div.owl-next {
    margin-right: -45px;
    float: right;
}
.homepage-slider:hover .owl-nav div.owl-prev { margin-left: 45px }
.homepage-slider:hover .owl-nav div.owl-next { margin-right: 45px }
.single-slide { position: relative }
.slide-caption {
    bottom: 0;
    color: #fff;
    left: 0;
    max-width: 600px;
    padding: 20px;
    position: absolute;
    z-index: 1;
}
.slide-caption::after {
    content: "";
    height: 100%;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.slide-caption h2 {
    font-size: 25px;
    font-weight: 600;
}
.panel-title a { display: block }
.panel-group .panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    margin-bottom: 10px;
}


/* --------------------------------------------------------
Portfolio CSS
-----------------------------------------------------------*/
.work-hover {
    position: relative;
    height: 100%;
    padding: 20px;
}
.work-hover-inner {
    color: #fff;
    height: 100%;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.work-hover::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.work-hover * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.single-work:hover .work-hover * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-work:hover .work-hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.work-hover h2 { font-size: 20px }
.work-info a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    margin-left: 10px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}
.work-info a::after {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.work-info {
    bottom: 20px;
    position: absolute;
    right: 20px;
}
body .work-info a:hover { background: #333; color: #fff }
.portfolio-menu ul {
    background: none repeat scroll 0 0 #fff;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0 15px;
}
.portfolio-menu li {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 15px 20px;
}


/* --------------------------------------------------------
Single Portfolio CSS
-----------------------------------------------------------*/
.portfolio-single-wrap {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 50px;
    padding: 20px;
}
.project-info {
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.portfolio-detail { margin-bottom: 29px }
.work-screenshots h3 { margin-bottom: 50px }
.related-works h4 { margin-top: 15px }
.related-works {
    background: none repeat scroll 0 0 #fff;
    padding: 20px 20px 10px;
}

/* --------------------------------------------------------
Page CSS
-----------------------------------------------------------*/

.section-gray { background-color: #eee }
.section-padding { padding: 50px 0 }
.single-work,
.post-featured-img {
    background: none repeat scroll 0 0 #fff;
    padding: 20px;
    position: relative;
}
.post-featured-img { padding-bottom: 0 }
.post-featured-img iframe {
    width: 100%;
    border: none;
}
.single-work { margin-bottom: 30px }
.page-title { margin-bottom: 30px }
.single-post {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 30px;
}
.blog-title { margin-top: 20px }
.post-inner {
    border-bottom: 1px solid #ddd;
    padding: 20px 20px 10px;
}
.post-inner h2 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #F00
}
.post-meta {
    color: #999;
    font-size: 12px;
}
.readmore {
    display: inline-block;
    padding: 15px 20px;
}
.readmore i { margin-left: 5px }
.page-title h2 {
    color: #ec2200;
    font-weight: 600;
}

.page-content {
    background: none repeat scroll 0 0 #fff;
    padding: 20px;
}
.page-content h2.internal-page-title { font-size: 25px }
.page-content h2 { font-size: 20px }

/* --------------------------------------------------------
Post Carousel CSS
-----------------------------------------------------------*/

#post-carousel { overflow: hidden }
.post-carousel-control {
    background: none repeat scroll 0 0 #fff;
    color: #222;
    font-size: 25px;
    height: 40px;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
body a.post-carousel-control:hover { color: #fff }
.post-carousel-control.left { left: -50px }
.post-carousel-control.right { right: -50px }
#post-carousel:hover .post-carousel-control.right { right: 0 }
#post-carousel:hover .post-carousel-control.left { left: 0 }



/* --------------------------------------------------------
Sidebar CSS
-----------------------------------------------------------*/
.single-sidebar {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.sidebar-title { font-size: 20px }
.list-items,
.single-sidebar ul {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0;
}
.list-items li,
.single-sidebar ul li { margin-bottom: 3px }
.list-items li:before,
.single-sidebar ul li:before {
    content: "";
    font-family: "FontAwesome";
    margin-right: 8px;
}
.search-form input[type="search"] {
    background: none repeat scroll 0 0 #eee;
    border: medium none;
    padding: 10px 40px 10px 10px;
    width: 100%;
}
.search-form button[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    position: absolute;
    right: 10px;
    top: 10px;
}
.search-form { position: relative }
#shotsByPlayerId {
    margin-bottom: 0;
    margin-left: -20px;
    overflow: hidden;
}
#shotsByPlayerId li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 150px;
}
#shotsByPlayerId li::before { display: none }
.post-navigation {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    font-size: 15px;
    margin-top: 20px;
}
.post-navigation a {
    display: inline-block;
    padding: 15px 25px;
}
.post-navigation a:first-child { border-right: 1px solid #999 }

/* --------------------------------------------------------
Single Post CSS
-----------------------------------------------------------*/
.single-post-inner-title { margin-top: 20px }
.single-post-meta {
    color: #999;
    font-size: 12px;
    margin-bottom: 25px;
    margin-left: -20px;
}
.single-post-meta i.fa { margin-left: 20px }
.single-post-inner-meta {
    margin: 25px 0;
    overflow: hidden;
}
.single-post-inner-meta h2 {
    float: left;
    font-size: 18px;
    margin-right: 20px;
}
.tag-list { float: left }
.tag-list a {
    background: none repeat scroll 0 0 #ccc;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 10px;
}


/* --------------------------------------------------------
Comments CSS
-----------------------------------------------------------*/
.comment-area {
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment-area h2 {
    color: #636363;
    font-size: 18px;
    margin-bottom: 30px;
}
ol.comment-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ol.comment-list li {
    background: none repeat scroll 0 0 #eee;
    margin-bottom: 61px;
    padding: 15px;
    position: relative;
}
ol.comment-list li .reply {
    bottom: -25px;
    position: absolute;
    right: 0;
}
.comment-metadata {
    float: left;
    font-size: 12px;
}
.comment-meta { overflow: hidden }
.comment-author-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.comment-content h3 { font-size: 16px }
.comment-content h3 a { color: #5c5c5c }
.comment-content span {
    color: #8c8c8c;
    font-size: 10px;
    font-weight: 400;
    margin-left: 30px;
}
.comment-body { color: #8d8c8c }
.comment-respond {
    background: none repeat scroll 0 0 #f7f7f7;
    padding: 30px;
}
.comment-reply-title {
    color: #5c5c5c;
    font-size: 18px;
    margin-bottom: 30px;
}
.comment-respond input[type="text"],
.comment-respond input[type="url"],
.comment-respond input[type="email"],
.comment-respond textarea {
    background: none repeat scroll 0 0 #eee;
    border: medium none;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}
.comment-respond textarea { height: 190px }




/* --------------------------------------------------------
Contact CSS
-----------------------------------------------------------*/
#map-canvas {
    width: 100%;
    height: 150px;
}
#map-canvas img { max-width: none }
.contact-form {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 10px solid;
    margin-top: -100px;
    padding: 30px;
    position: relative;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    background: none repeat scroll 0 0 #ededed;
    border: medium none;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}
.contact-form::after,
.contact-form::before {
    content: "";
    height: 100px;
    position: absolute;
    top: -10px;
    width: 10px;
}
.contact-form::before { left: 0 }
.contact-form::after { right: 0 }
.contact-form textarea { height: 190px }
.contact-info {
    background: none repeat scroll 0 0 #fafafa;
    margin-top: 30px;
    padding: 30px;
}
.contact-info-right p i.fa {
    left: 0;
    position: absolute;
    top: 3px;
}
.contact-info-right p {
    padding-left: 25px;
    position: relative;
}
.contact-section { padding-bottom: 50px }
.contact-title h2 { font-size: 25px }
.contact-title { margin-bottom: 35px }




/* --------------------------------------------------------
404 CSS
-----------------------------------------------------------*/

.not-found-content > h2 { font-size: 150px }
.back-to-home {
    color: #fff;
    display: inline-block;
    margin-top: 50px;
    padding: 10px 20px;
    text-transform: uppercase;
}
body a.back-to-home:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
.back-to-home i.fa { margin-right: 10px }


/* --------------------------------------------------------
Footer CSS
-----------------------------------------------------------*/
.footer-top {
	background: none repeat scroll 0 0 #26282a;
	border-top: 4px solid #adadad;
	color: #ffffff;
	padding: 50px 0;
}
.wid-title {
    color: #ec2200;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.wid-title::after {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px;
}
.tag-cloud a {
    background: none repeat scroll 0 0 #1d1f20;
    color: #999;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 11px;
}
body .tag-cloud a:hover { color: #fff }
#instafeed img {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 64px;
}
#instafeed { margin-left: -10px }
.footer-bottom {
    background: none repeat scroll 0 0 #1d1f20;
    color: #fff;
    font-size: 13px;
    padding: 30px 0;
}
.footer-bottom a { color: #fff }
.copyright-text p { margin: 0 }
.copyright-text { padding: 10px 0 }
.scroll-to-top a {
    background: none repeat scroll 0 0 #000;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}
body .scroll-to-top a:hover { color: #fff }
.copyright-text i.fa,
.seprator { margin: 0 5px }



/* --------------------------------------------------------
Preloader CSS
-----------------------------------------------------------*/

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.preloader:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    content: "";
    z-index: -1;
    height: 100%;
}
.loader-xbox {
    height: 100px;
    width: 100px;
    animation-duration: 1.05s;
    margin-left: -50px;
    margin-top: -50px;
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 50px;
    line-height: 100px;
    text-align: center
}

/* --------------------------------------------------------
Demobox CSS
-----------------------------------------------------------*/

#demo-box {
    position: fixed;
    left: 0;
    width: 250px;
    padding: 20px;
    background: #fff;
    z-index: 999;
    top: 50%;
    margin-top: -150px;
}
.close-box {
    background: #444;
    position: absolute;
    right: -40px;
    top: 0;
    cursor: pointer;
}
#demo-box i.fa {
    color: #fff;
    font-size: 20px;
    height: 40px;
    padding-top: 9px;
    text-align: center;
    width: 40px;
}
#demo-box i.fa.box-close { display: none }
.color-box { margin-left: -10px }
.color-box span {
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 63px;
    cursor: pointer;
}
.color-box span.default-color { background-color: #2c3e50 }
.color-box span.lightgren-color { background-color: #16a085 }
.color-box span.blue-color { background-color: #2980b9 }
.color-box span.darkblue-color { background-color: #2c3e50 }
.color-box span.sliver-color { background-color: #bdc3c7 }
.color-box span.green-color { background-color: #41C484 }
#demo-box h2 {
    color: #5c5c5c;
    font-size: 16px;
    margin-bottom: 25px;
}

/* --------------------------------------------------------
Colors CSS
-----------------------------------------------------------*/

a:hover,
.copyright-text i.fa,
.portfolio-menu li.active { color: #ec2200 },
.portfolio-menu li:hover { color: #ffffff }
.tag-cloud a:hover,
.scroll-to-top a:hover,
.work-hover::after,
input[type="submit"],
.slide-caption::after,
.post-carousel-control:hover,
.back-to-home { background-color: #ec2200 }
.loader-xbox,
.loader-xbox:before,
.loader-xbox:after { border-top-color: #ec2200 }