/*
Theme Name: Masters Club
Text Domain: mastersClub
Version: 1.0
Description: Masters Club is custom WordPress theme.
*/

body{background:#fff; margin:0 auto; padding:0; overflow-x: none; font-family: 'Roboto', sans-serif;}
img{border:0;}
a, a:hover{text-decoration: none;}
h1{ width:100%; color:#0984e3; font-size:40px; margin-bottom:30px; text-align: center; line-height: 70px;}
.about-us h1{color:#202121; text-align: right; font-size: 60px; font-weight: 300; margin:20px 0;}
h3{font-size:30px; color:#142950; margin-bottom:30px; margin-top:0;}
h3 span{font-size:20px; color:#A8A8A8;}
h3 span.sub-heading{font-size:20px; color:#39B54A; font-style: italic;}
p{font-size:15px; line-height: 25px; color:#202121;}
p a{color:#112173;}
p a:hover{color:#202121;}
.white-text{color:#fff;}
/************* header starts here **************/
.header{ height:600px; width:100%;}

/********** navigation starts here **********/

.logo-nav{background-color:none;  padding:10px 0;}
.logo-nav img{padding:0;}

.navbar{margin-bottom:0; float:right; font-size:18px; font-weight: 600; padding: 24px 0;}
.navbar-default .navbar-nav > li > a{color:#112173; margin:0 4px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color: #f4c522; background: #112173; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}

.nav > li > a{padding:15px 14px;}
.call-now{float:right; background: #112173; padding:12px; font-size:15px; color:#fff; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; margin:20px 0;}
.call-now span{border-right:1px solid #fff; padding-right:10px; margin-right:10px;}
a.call-now:hover{color:#fff; background: #f4c522; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}

/************* banner starts here ************/
.banner{padding:100px 0;}
.banner-content{color:#fff;}
.banner-content span{font-size:20px;}
.banner-btn{margin:0 auto; display: block; text-align: center;}
.box {position:relative; vertical-align: middle; color: #112173; display: inline-block; height: 60px; line-height: 55px; text-align: center; transition: 0.5s; padding: 0 20px; cursor: pointer; border: 2px solid #112173; -webkit-transition:0.5s; font-size:20px;}
.box:hover {border: 2px solid #6b8e23; color: #FFF;background: #6b8e23;}
.box::before, .box::after {width: 100%; height:100%; z-index: 3; content:''; position: absolute; top:0; left:0; box-sizing: border-box; -webkit-transform: scale(0); transition: 0.5s;}
.foo::before { border-bottom: 3px solid #6b8e23; border-left: 3px solid #6b8e23; -webkit-transform-origin: 0 100%;}
.foo::after {border-top: 3px solid #6b8e23; border-right: 3px solid #6b8e23; -webkit-transform-origin: 100% 0%;}
.box:hover::after, .box:hover::before {-webkit-transform: scale(1);}

/*************** about us starts here ***********/
.about-us{background: #f4c522; padding:80px;}
.btn-about-read{border-radius:0px;background:#112173; margin:90px 0; color:#fff; padding:10px 20px; font-size:20px; font-weight: 400; border:2px solid #112173; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.btn-about-read:hover{background:#6b8e23; color:#FFF; border:2px solid #6b8e23; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}

/************ calender starts here **********/
.calender-box .container-fluid, .calender-box .col-sm-4{padding:0;}
.calender-box .row .col-sm-4{height:auto;}
.calender-box .row .col-sm-4 img{height:450px; width:100%;}
.calender-box .row{margin:0;}
.content-box{background:#112173; height:450px; text-align: center; border:10px solid #112173; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.content-box-text{padding:90px 50px; }
.content-icon i{font-size:50px; color:#fff;}
.content-heading{font-size:30px; color:#fff; padding:10px 0;}
.content-text p{font-size:17px; color:#fff; line-height: 28px;}
.content-box:hover{border:10px solid #6b8e23; background:none; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.content-box:hover i, .content-box:hover .content-heading, .content-box:hover .content-text p{color:#6b8e23; -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}

/********* testimonial starts here ***********/
.testimonial{padding:80px 0;}
.carousel {margin: 50px auto;}
.carousel .item {color: #999; overflow: hidden; min-height: 120px; font-size: 13px;}
.carousel .media {position: relative; padding: 0 0 0 20px; margin-left: 20px;}
.carousel .media img {width: 75px; height: 75px; display: block; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); border: 2px solid #fff;}
.carousel .testimonial {color: #fff; position: relative; background: #e6e6e6; padding: 15px; margin: 0 0 20px 20px;}
.carousel .testimonial::before, .carousel .testimonial::after {content: ""; display: inline-block; position: absolute; left: 0; bottom: -20px;}
.carousel .testimonial::before { width: 20px; height: 20px; background: #e6e6e6; box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);}
.carousel .testimonial::after {width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; border-left-color: #fff;}
.carousel .item .row > div:first-child .testimonial {margin: 0 20px 20px 0;}
.carousel .item .row > div:first-child .media {margin-left: 0;}
.carousel .testimonial p {text-indent: 40px; line-height: 21px; margin: 0;}
.carousel .testimonial p::before {content: '\f10d'; color: #fff; font-weight: bold; font-size: 24px; line-height: 70px; position: absolute; left: -25px; top: -10px; font-family: FontAwesome;}
.carousel .overview {padding: 3px 0 0 15px;}
.carousel .overview .details {padding: 5px 0 8px;}
.carousel .overview b {text-transform: uppercase;color: #112173;}
.carousel .carousel-control {width: 30px;height: 30px;background: #666; text-shadow: none;top: -76px;}
.carousel-control i {font-size: 16px;}
.carousel-control.left {left: auto;right: 40px;}
.carousel-control.right {left: auto;}
.carousel-indicators {bottom: -80px;}
.carousel-indicators li, .carousel-indicators li.active {width: 18px; height: 18px;border-radius: 0;margin: 1px 4px;}
.carousel-indicators li {	background: #e2e2e2;border: 4px solid #fff;}
.carousel-indicators li.active {color: #fff; background: #f4c522;     border: 5px double;    }
.star-rating li {padding: 0 2px;}
.star-rating i {font-size: 14px; color: #ffdc12;}

/************ call to action starts here ***********/
.blog-contact{margin:0; padding:0; background:#f4c52299;}
.quick-contact-box{position:relative}
.call-to-action{background:url(../images/call-to-action.png) top center no-repeat; height:450px; padding:35px 80px; position: absolute; left: -110px; width: 121%;}
.call-to-action h3{font-size:30px; color:#fff; font-weight: 700;}
.contact-input{background:rgba(255,255,255,0.5); padding:20px; border-radius: 0; margin-bottom:20px; width:100%; color:#222;}
.contact-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #222;}
.contact-input::-moz-placeholder { /* Firefox 19+ */color: #222;}
.contact-input:-ms-input-placeholder { /* IE 10+ */color: #222;}
.contact-input:-moz-placeholder { /* Firefox 18- */color: #222;}
.call-to-action .box {position:relative; vertical-align: middle; color: #fff; display: inline-block; height: 60px; line-height: 55px; text-align: center; transition: 0.5s; padding: 0 20px; cursor: pointer; border: 2px solid #112173; -webkit-transition:0.5s; font-size:20px; background:#112173;}
.call-to-action .box:hover {border: 2px solid rgba(0,160,80,0); color: #FFF;}
.call-to-action .box::before, .call-to-action .box::after {width: 100%; height:100%; z-index: 3; content:''; position: absolute; top:0; left:0; box-sizing: border-box; -webkit-transform: scale(0); transition: 0.5s;}
.call-to-action .foo::before { border-bottom: 3px solid #FFF; border-left: 3px solid #FFF; -webkit-transform-origin: 0 100%;}
.call-to-action .foo::after {border-top: 3px solid #FFF; border-right: 3px solid #FFF; -webkit-transform-origin: 100% 0%;}
.call-to-action .box:hover::after, .call-to-action .box:hover::before {-webkit-transform: scale(1);}

/*******blog Section Starts Here********/
#banner { display: block;}
#banner .container-fluid {padding: 0;}
#banner .carousel-inner {height: 400px;}
.slider-wrap{padding-top:25px; padding-bottom: 6px;}
#banner .carousel{margin:0; padding: 0 0 0 20px;}
#banner .carousel .item{height:100%;}
#banner .carousel-inner .item .carousel-caption {width: 100%; top:0; left:0; text-align: center; margin: 0 auto; padding: 0;}
#banner .carousel-inner .item .carousel-caption h1 { margin: 0; font-size:40px; color:#112173; text-shadow: none;}
#banner .carousel-inner .item .carousel-caption p {font:15px; color: #202121; margin: 0 0 10px 0; text-shadow:none;}
#banner .carousel-inner .item .carousel-caption p.blog-date{font-size:12px; color:#878787;}
#banner .carousel-inner .item .post-mata .mata-list, #banner .carousel-inner .item .post-mata .tags {display: inline-block;}
#banner .carousel-inner .item .post-mata .mata-list ul {list-style-type: none; display: inline-block;}
#banner .carousel-inner .item .post-mata .mata-list ul li { display: inline-block;}
#banner .carousel-inner .item .post-mata .mata-list ul li a {color: #fff; font: 300 14px/19px; margin: 0 25px 0 0; text-decoration: none;}
#banner .carousel-inner .item .post-mata .mata-list ul li::before { font-family: fontawesome; color: #fff; margin: 0 4px 0 0;font-size: 13px;}
#banner .carousel-inner .item .post-mata .mata-list ul li.date::before {content: "\f017";}
#banner .carousel-inner .item .post-mata .mata-list ul li.views::before {content: "\f06e";}
#banner .carousel-inner .item .post-mata .mata-list ul li.user::before {content: "\f007";}
#banner .carousel-inner .item .post-mata .tags .tag-list {background: #ffffff; padding: 6px 20px; border-radius: 15px; font: 400 12px/21px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; transition: all .2s ease .2s; text-shadow: none;}
#banner .carousel-inner .item .post-mata .tags .tag-list:hover { background: #F3616B; color: #fff; transition: all .2s ease .2s;}
#banner .carousel-indicators li {display: block; margin: 25px 0 25px 0;}
#banner .carousel-indicators { right: 8%; left: unset; width: 30%; bottom: 34%; margin: 0;}
#banner .carousel-indicators li { display: block; margin: 25px 0 25px 0; width: auto; height: auto; border: none; background: transparent; color: #ffffff; text-align: right; position: relative; right: -60px; top:-170px}
#banner .carousel-indicators li p { color: inherit;font: 400 15px/21px;}
#banner .carousel-indicators li span {color: inherit; font: 300 12px/18px;}
#banner .carousel-indicators li::after {content: ''; background: #ffffff; width: 10px; height: 10px; position: absolute; margin: 0 0px 0 5px; border-radius: 50%; top: 40%;}
#banner .carousel-indicators::after { content: ''; position: absolute; width: 2px; height: 100%; background: #676767; right: -70px;top: -160px;}
#banner .carousel-indicators li.active, #banner .carousel-indicators li:hover { color: #5FE56C; z-index: 9;}
#banner .carousel-indicators li.active::after, #banner .carousel-indicators li:hover::after{background: #5FE56C;	}
 #banner .carousel.vertical .carousel-inner .item {-webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top;}
#banner .carousel.vertical .active { top: 0;}
#banner .carousel.vertical .next.left, #banner .carousel.vertical .prev.right { top: 0;}
#banner .carousel.vertical .active.left, #banner .carousel.vertical .prev {top: -100%;}
#banner .carousel.vertical .next,#banner .carousel.vertical .active.right {top: 100%;}
#banner .carousel.vertical .item {left: 0;}
#banner .carousel-control.left { left: auto;right: 280px;}
#banner .carousel .carousel-control { width: 30px; height: 30px; background: #666; text-shadow: none; top: 80%; bottom: 20px;}
#banner .carousel-control.right {left: auto; right: 40%;}
/********** footer bottom starts here ********/
footer{background:#121212; padding:10px 0; margin:0;}
.footer-bottom-text{color:#fff; font-size:12px; margin:0;}
.footer-bottom-text a{color:#fff;}
.footer-bottom-text a:hover{color:#38A6F1;}
/************ mediaqueries starts **********/
@media screen and (max-width:359px){
}
@media screen and (min-width:360px) and (max-width:400px){
}
@media screen and (min-width:401px) and (max-width:480px){
}
@media screen and (min-width:481px) and (max-width:600px){}
@media screen and (min-width:601px) and (max-width:767px){
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:1200px){}