@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Condensed:300,400&display=swap');
@import url('https://use.fontawesome.com/releases/v5.7.0/css/all.css');


.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
    .gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000; font-family:'Open Sans', sans-serif; font-size:17px; font-weight:300; margin:0px; padding:0px; line-height:1.7;}

strong{font-weight:700}
p{margin-bottom:20px;}
ul {list-style-type:disc}
hr {margin:50px 0;background-color:#fff;}

a{color:#3cc1de; outline:none!important;}
a:hover {color:#000; text-decoration:none;}

.btn { text-decoration:none !important;}
.img-thumbnail{margin-bottom:30px;}


/******************************My css*************************/
.myparagraph{min-height:252px;}
#more {display: none;}
.entry-content a { box-shadow: none !important; transition: none !important;}
.entry-content ul{padding-left:35px;}
.post-edit-link{color:#2dc9e7 !important;}
.content-length{min-height:300px;}
.radio input[type=radio]{margin-top:10px;}
.mycontact-background{background-color:#e6f4f79e ;padding:20px; min-height:585px;}
.mycss-box {box-shadow: 0px 1px 5px rgba(0,0,0,0.25);}
.Modal{ padding-top:30px; padding-bottom:30px;}
.my-border{ border:1px solid #000;}
#group {width: 100%;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-3px!important;margin-right:-3px!important;}
.gutter-xs div[class^="col"]{padding-left:3px!important;padding-right:3px!important;}

.gutter-sm {margin-left:-8px!important;margin-right:-8px!important;}
.gutter-sm div[class^="col"]{padding-left:8px!important;padding-right:8px!important;}

textarea.form-control{resize:none;min-height:120px;}
.form-control { height:45px; border-color:#acacac;}
.mycss-background{background-color:#e6f4f79e; padding:20px;margin-bottom:20px;}
.mycss-background2{background-color:#e4e8ec;padding:20px;margin-bottom:20px;}
#Fitness{background-color:#d5dde5;padding:20px;margin-bottom:20px;}
#Strength{background-color:#e6f4f79e;padding:20px;margin-bottom:20px;}
#Online{background-color:#d5dde5;padding:20px;margin-bottom:20px;}
#Nutrition{background-color:#e6f4f79e;padding:20px;}
.modal-dialog  .modal-lg {max-height:400px !important;}
 
 .Ebook{padding:40px 0px; font-size:18px; background:#d5dde5;}
 .my-button .btn:not(:disabled):not(.disabled){border-radius:60px !important; font-size:16px;}
 .button-ebook .btn:not(:disabled):not(.disabled){border-radius:60px !important;font-size:16px;}
 .button-ebook1 .btn:not(:disabled):not(.disabled){border-radius:60px !important;font-size:10px;}
 .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    border-radius: 60px;
}
.modal-content {width:150% !important;}

 
 .learn{font-size:10px; display:block;}
 ul.instagram-pics.instagram-size-thumbnail > li {
    display: inline;
    border: none;
    padding: 0px;
}
 .myfontcolor{color:#fe8200 !important;}
 .post-css{min-height: 255px !important;}
 /************************************************************/

.Services{background-color:#e6f4f79e; padding-top:30px; padding-bottom:30px;}
#whatdo{background-color:#e6f4f79e;/*margin-bottom:40px;*/ }
.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

h1,.h1, h2,.h2,h3,.h3{font-family: 'Roboto Condensed', sans-serif;}
h1,.h1{font-size:35px; margin-bottom:25px; line-height:1.2; font-weight:300;}
h2,.h2{font-size:27px; margin-bottom:25px;font-weight:500;color:#fe8200;}
h3,.h3{font-size:16px; font-weight:700; margin-bottom:15px;}

.Bor:after {border-bottom:5px solid #569eb6; content:"";display:block; margin:0 0 25px 0; padding-bottom:20px; width:55px;}
.Bor1:before {border-top:6px solid #fff; content:"";display:block; margin:0px; padding-top:10px; width:45px;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/
.text-primary{color:#0b264f!important;}
.bg-dark{background-color:#414b4e!important;}

.Roboto{font-family: 'Roboto Condensed', sans-serif;}
.FW300{font-weight:300;} .FW600{font-weight:600;}
.mt-110{margin-top:110px;}

.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:2px 2px 4px rgba(0,0,0,0.25);}

/******* Buttons ********************************************************************/
.btn-outline-light{font-size:13px; letter-spacing:.2em; color:#fff; border-radius:0px; padding:12px 25px; border-color:#fff; text-transform:uppercase;}

.btn-outline-dark{font-size:13px; letter-spacing:.2em; color:#000; border-radius:0px; padding:13px 30px; border-color:#000; min-width:155px; text-transform:uppercase; min-height:45px;}

.btn-primary{font-size:13px; font-weight:600; letter-spacing:.040em; color:#fff; border-radius:0px; padding:16px 30px; border-color:#3096b8; background-color:#3096b8 !important;font-family: 'Montserrat', sans-serif; min-width:195px; text-transform:uppercase; min-height:55px; text-shadow:none;}

.btn-primary:hover,.btn-primary.focus,.btn-primary:focus{background-color:#12637e !important; border-color:#12637e !important;color:#fff !important;}
.btn-primary.btn-light{background-color:#196d89 !important; border-color:#fff !important;color:#fff !important;}


/************************************************* Header ********************************************************************/
#Header{padding:12px 0 0px 0; position:absolute; top:0px; right:0px; left:0px; z-index:99; background:rgba(0,0,0,.3);} 
#Header .Logo{padding-bottom:12px;} 

#Header .row,#ContactText .row,#ContactForm .row,.Services .row,.carousel-item .row {display:flex; justify-content:center; align-items:center;}

/******* Slider ********************************************************************/
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:9; background:url(../images/bnr_shadow.png) repeat-x top; min-height:478px;}
.MainBanner .carousel-caption {bottom:40%;transform:translateY(50%);width:100%;left:0;right:0px;z-index:99;}
.MainBanner .w-50{width:48% !important;}
.MainBanner .carousel-caption h1 {font-size:45px; font-weight:300;}
.MainBanner {  background:#000;}
.MainBanner img {opacity: 0.8;}

.MainBanner1 .mask{position:absolute; top:0px; right:0%; left:0%; z-index:9; background:url(../images/bnr_shadow.png) repeat-x top; min-height:478px;}
.MainBanner1 .carousel-caption {bottom:40%;transform:translateY(50%);width:100%;left:0;right:0px;z-index:99;}
.MainBanner1 .w-50{width:48% !important;}
.MainBanner1 .carousel-caption h1 {font-size:45px; font-weight:300;}

/********** Content **************************************************************************************************/
#WelTxt {padding:60px 0px;}
#WelTxt .font19,#Project .font19{font-size:19px;font-weight:500;}
.Porslider .h2{font-size:30px; color:#0b264f;}
.Porslider .w-75{width:66% !important;}
.carousel-control-next, .carousel-control-prev {width:62px; margin:0 10px; padding-top:16%;z-index:9999; opacity:1;}

/* Indicators list style */
.Porslider .carousel-indicators{position:static;}
.Porslider .carousel-indicators li {border:none; border-radius:0; float:left; height:80px; margin-bottom:5px; margin-left:0; margin-right:35px !important; margin-top:0; width:80px;}/* Indicators images style */
.Porslider .carousel-indicators img {border:none; float:left; height:80px; left:0; width:80px;} /* Indicators active image style */
.Porslider .carousel-indicators .active img {border:none; opacity:1;}
	
#ContactForm {padding:70px 0px; font-size:18px; background:#d5dde5;}
#ContactForm .h1{font-size:45px;}
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:15px; border-color:#fff; border-radius:0; height:50px;}
#ContactForm .form-control::placeholder{color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px;}
#ContactForm .btn-outline-success{color:#FFF !important;}

.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Footer ***************************************************************************************************/
#Footer{color:#4f545c; font-size:12px; font-weight:400; line-height:2; background:#9fa9b8; letter-spacing:.1em;}
#Footer a{color:#4f545c;}
#Footer a:hover,.MarqText a:hover{color:#42cdfb;}
#Footer .list-inline a{font-size:26px; margin:0px; color:#4f545c;}
#Footer .list-inline a:hover{color:#42cdfb;}
#Footer .list-inline-item:not(:last-child) {margin-right:15px;}
#Footer .CopyText{font-size:11px;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.385); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

@media (min-width: 1920px) {
	.logo-width{width:50%;}
	#Header .Logo{padding-bottom: 0px;}
	.container-fluid{max-width:1500px !important; padding-right:50px; padding-left:50px;}
	.container-new{max-width:1920px !important;padding-right:50px; padding-left:50px;}
	.navbar-nav>li+li{margin-left:75px !important;}
	.mt-110{margin-top:250px !important;}
}
	.container-fluid{max-width:1500px !important;}
	.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;}

@media (min-width: 1200px) {
.container{max-width: 1180px;}
.container{padding:0;}
.mt-110{margin-top:160px;}
}

@media (min-width: 767.98px) {	
   
    .modal-dialog{max-width:325px !important;
	top:28%;
    left: 23%;
    outline: none;}
	 
	.navbar{margin:22px 0 0 0px; padding:0;}
	.navbar-nav>li+li{margin-left:40px;}
	.navbar-nav>li>a{color:#fff !important; font-size:15px; margin:0; font-weight:400; padding:2px 0px; display:block; border-top:solid 1px transparent; border-bottom:solid 1px transparent;}
    .navbar-nav>li.active>a,.navbar-nav>li>a.active,.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#2dc9e7 !important;background-color:none !important;border-top:solid 1px #2dc9e7; border-bottom:solid 1px #2dc9e7;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
	.modal-content {
    width: 100% !important;
}
	.logo-width{width:70%;}
	.myparagraph {
    min-height: 375px !important;
}
	.navbar{margin: 0px 0 0 0px;}
	#Header .Logo{padding-bottom: 0px;}
	
	
	.MainBanner .carousel-caption h1{font-size:30px !important;}
	.myparagraph {
    min-height: 260px;
}
 .modal-lg {
    max-width: 400px !important;
    top: 28%;
    left: 29%;
    outline: none;
}
.modal-dialog {
    max-width: 400px !important;
    top: 28%;
    left: 29%;
    outline: none;
}
.navbar-nav>li+li{margin-left:24px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.modal-dialog {
    
    left: 20%;
	}
	.modal-content {
    width: 120% !important;
}
	
	.myfontsize{min-height:145px !important;}
	.myparagraph {
    min-height: 578px;}
#Header{position:static; background:rgba(0,0,0,.8); padding:15px 0px;}
.navbar-nav>li+li{margin-left:30px;}
.MainBanner .w-50{width:65% !important;}
.MainBanner .carousel-caption h1 {font-size:38px;}
.MainBanner .carousel-caption {bottom:50%;}
.navbar-nav>li+li{margin-left:47px;}
}

@media (max-width: 767.98px) {	
 .modal-dialog{max-width:400px !important;
	top:28%;
    left: 23%;
outline: none;}
	.modal-lg{max-width:300px !important;
	top:28%;
    left: 0%;
    outline: none;}
#Header{position:static; background:rgba(0,0,0,.8); padding:15px 0px 30px 0;}
#Header .list-inline-item {display: block !important;}
#Header .list-inline-item .SocialLink .list-inline-item{display: inline-block !important;}
#Header .SocialLink a{margin-top:5px;}

.MainBanner .w-50{width:100% !important;}
.MainBanner .carousel-caption h1 {font-size:34px; line-height:1; padding-bottom:20px;}
.MainBanner .carousel-caption {bottom:50%;}


    .navbar-toggler{position:absolute;top:-10px;right:0px;}
    .navbar {padding:0px !important}
	.navbar-toggler{background-color:#fff !important; outline:none !important;}
	.navbar-toggler-icon{width:1em; height:1em; color:#FFF;}
	.navbar-collapse{margin:45px 0 0 0px; padding:0px; text-align:left;}
	.navbar-nav>li{background:none; padding:0px;}
	.navbar-nav .nav-item > a {background-color:#fff; color:#464646 !important; font-size:16px !important; display:block; border-bottom:solid 1px #ccc; padding:7px 15px; font-weight:500;}
	.navbar-nav .nav-item > a:hover, .navbar-nav .nav-item.active > a {background-color:#3096b8 !important; color:#000 !important;}
}

@media (max-width: 479px) {
	.modal-dialog {
    
   left: 0;
	}
	.modal-content {
    width: 95% !important;
}
	.MainBanner .w-50{width:65% !important;}
.MainBanner .carousel-caption h1 {
    font-size: 16px !important;
}
	.modal-lg{max-width:325px !important;
	top:28%;
    left: 2%;
    outline: none;}
	.myparagraph {
    min-height: 0px;}
.MainBanner .carousel-caption h1 {font-size:26px; line-height:1; padding-bottom:20px;}
.Porslider .w-75{width:70% !important; font-size:16px;}
.carousel-control-next, .carousel-control-prev {width:30px; margin:0 5px; padding-top:40%;}

/* Indicators list style */
.Porslider .carousel-indicators li {height:60px; margin-right:10px !important; width:60px;}/* Indicators images style */
.Porslider .carousel-indicators img {height:60px; width:60px;border-radius: 100%;} /* Indicators active image style */
}.Porslider .carousel-indicators{border-radius: 100%;}
.Porslider .carousel-indicators img{border-radius: 100%;}#carousel-thumb .carousel-inner img{border-radius: 100%;}
@media (max-width: 320px) {
	
	.modal-dialog {
    
    left: 0;
	}
	.modal-content {
    width: 80% !important;
}
}

@media (min-width: 992px){
	.modal-lg{max-width:325px !important;
	top:28%;
    left: 34%;
    outline: none;}
}

   @media (min-width: 1199.98px) and (max-width: 1359.98px) {
	   .myparagraph{min-height: 260px;}
	   .modal-lg {
    max-width: 325px !important;
    top: 28%;
    left: 20%;
	   outline: none;}
 }
 @media (min-width: 1359.98px) and (max-width: 1459.98px) {
.modal-content {
    width: 120% !important;
}
.modal-dialog {
    
    left: 20;
	}
	 }