/*!

 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)

 * Copyright 2013-2019 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)

 */



@font-face {

  font-family: 'Montserrat-Regular';

  src: url('../webfonts/Montserrat-Regular.eot');

  src: url('../webfonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),

       url('../webfonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),

       url('../webfonts/Montserrat-Regular.ttf') format('truetype'),

       url('../webfonts/Montserrat-Regular.woff') format('woff'),

       url('../webfonts/Montserrat-Regular.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Montserrat-Bold';

  src: url('../webfonts/Montserrat-Bold.eot');

  src: url('../webfonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),

       url('../webfonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),

       url('../webfonts/Montserrat-Bold.ttf') format('truetype'),

       url('../webfonts/Montserrat-Bold.woff') format('woff'),

       url('../webfonts/Montserrat-Bold.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}







body {

font-family: 'Montserrat-Regular'; font-size: 100%;



	

	

}







.portfolio-item {

  margin-bottom: 30px;

}



.nospace {

    margin: 0px 0px 0px 0px!important;

    padding: 0px 0px 0px 0px!important;

}



/*-------------- banner ---------------*/



.carousel-item {

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



.slides{ width:100%; display: block; position: relative; }

.slides img{ width:100%; height: auto; }



.slidecap{ position: absolute; left: 0px; bottom: 0px; font-family: 'Montserrat-Bold'; font-size: 4vw; color: #ffffff; text-align: left; text-transform: uppercase; padding: 0% 0% 4% 2%; z-index: 1; width: 45%; line-height: 3.5vw;}

.slidecap span{color: #74b532;}



.carousel-indicators {z-index: 1 !important;}

.carousel-indicators li { width: 8px !important; height: 8px !important; border-radius: 100%;}



.right_product {

    position: fixed;

    top: 380px;

	right: 37px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

	z-index: 999999;

	display: block;

}



.skool-icon {

    z-index: 999;

    width: 65px;

    padding: 0;

    margin: 0;

}



.skool-icon ul {

    list-style-type: none;

}



.skool-icon ul li {

    background: rgba(0,0,0,.8);

    width: auto;

    width: 220px;

    height: 65px;

    position: relative;

    margin: 0 1px 1px 0;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

    cursor: pointer;

	border-radius: 50px 50px 50px 50px;

}



.skool-icon ul li:hover {

    margin-left: -155px;

    background: #74b532;

	border-radius: 4px 0px 0px 4px;

}



.skool-icon ul li a {

    display: block;

    position: relative;

    padding: 15px 0 0 65px;

    text-transform: uppercase;

    line-height: 16px;

    color: #fff;

    font-size: 13px;

	text-decoration: none;

}



.skool-icon ul li.qlCallus a:before {

    background: url(../images/qlIcon-dex.png) no-repeat 0 0;

}



.skool-icon ul li.qlCu a:before {

    background: url(../images/qlIcon-dex.png) no-repeat -35px 0;

}



.skool-icon ul li.qlDl a:before {

    background: url(../images/qlIcon-dex.png) no-repeat -105px 0;

}



.skool-icon ul li.qlSc a:before {

    background: url(../images/qlIcon-dex.png) no-repeat -70px 0;

}



.skool-icon ul li a:before {

    content: '';

    width: 35px;

    height: 35px;

    position: absolute;

    left: 15px;

    top: 15px;

}



.skool-icon ul li a span {

    display: block;

}





/*-------------- header ---------------*/

.navbar-dark{ position: absolute; z-index: 9999; }

.logoholder{ width: 72%;}

.logoholder a object{ width: 80%; height: auto; pointer-events: none;}





#sidebarMenu {

    min-height: 50vh;

    position: fixed;

    right: 0;

	top: 0;

    width: 100%;

    min-width: 320px;

    margin-top: 0px;

    transform: translateY(-1033px);

    transition: transform 250ms ease-in-out;

    background: linear-gradient(180deg, #171321 0%, #08070c 100%);

}

.sidebarMenuInner{

    margin:0;

    padding:30px 0px 20px 0px;

}

.sidebarMenuInner li{

    list-style: none;

    color: #fff;

    padding: 8px 20px 8px 20px;

	font-size: 13px;

    cursor: pointer;

}

.sidebarMenuInner li span{

    display: block;

    font-size: 13px;

}

.sidebarMenuInner li a{

    color: #fff;

    cursor: pointer;

    text-decoration: none;

}

input[type="checkbox"]:checked ~ #sidebarMenu {

    transform: translateX(0);

}



input[type=checkbox] {

    transition: all 0.3s;

    box-sizing: border-box;

    display: none;

}



.fifty { background:rgba(0,0,0,0.6) }





.sidebarIconToggle {

    transition: all 0.3s;

    box-sizing: border-box;

    cursor: pointer;

    position: absolute;

    z-index: 99;

    height: 100%;

    width: 100%;

    top: 22px;

    right: 15px;

    height: 22px;

    width: 30px;

    padding: 3px;

    

}

.spinner {

    transition: all 0.3s;

    box-sizing: border-box;

    position: absolute;

    height: 3px;

    width: 100%;

    background-color: #fff;

}

.horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

.diagonal.part-1 {

    position: relative;

    transition: all 0.3s;

    box-sizing: border-box;

    float: left;

}

.diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    opacity: 0;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(135deg);

    margin-top: 8px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(-135deg);

    margin-top: -9px;

}



/*-------------- home body ---------------*/
.tab-content>.tab-pane {
    display: block!important;
}


.grass {

    background-image: url(../images/sec2.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    

}



.fullimgholder {

    width: 100%;

    padding: 0px 0px 0px 0px;

    margin: 0px auto;

    display: block;

	justify-content: center;

}



.fullimgholder img {

    width: 100%;

    padding: 0px 0px 0px 0px;

    margin: 0px auto;

    height: auto;

}




object{ width: 800px; height: 600px;}


.home2 {

    width: 90%;

    margin: 0% auto 0px auto;
	
	padding: 30px 0% 10px 0%;

}



.home2 h2 {

    font-family: 'Montserrat-Bold';

    color: #ffffff;

    padding: 0px 0% 0px 0%;

    margin: 0px;

    text-transform: uppercase;

    text-align: left;

}



.home2 p {

    font-family: 'Montserrat-Regular';

    color: #ffffff;

    font-size: 14px;

    line-height: 30px;

    padding: 0px 0% 10px 0%;

    margin: 0px;

    text-align: left;

}



.allpro {

    width: -moz-fit-content;

    width: fit-content;

    margin: 0px;

}



.allpro a {

    padding: 5px 28px 5px 11px;

    font-family: 'Montserrat-Regular';

    font-size: 12px;

    text-transform: uppercase;

    color: #ffffff;

    text-align: left;

    display: block;

    text-decoration: none;

	background-image: url(../images/arrow2.png);

    background-repeat: no-repeat;

	background-position: left;
	
	transition: 0.4s;

}



.allpro a:hover {color: #FFFFFF;
	padding: 5px 28px 5px 15px;

    text-decoration: none;}

.no-touch .allpro a:hover,
.no-touch .filters .allpro a:hover{
    padding: 5px 28px 5px 17px;

    text-decoration: none;
	background-image: url(../images/arrow3.png);
	color: #74b532;
}




.homesec2 {

	width: 100%;

	padding: 0px;

    

}



.lightgreen{ background: url(../images/lightgreen.jpg) no-repeat;  background-size: cover; position: relative; min-height: 60vh;}



.vertical-center {

    margin: 0;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}





.dish{ display: block;}



.city {

    background-image: url(../images/homeimage2.jpg);

    background-repeat: no-repeat;

    background-size: cover;

	min-height: 100vh;

    

}



.home3 {

    width: 93%;

    margin: 0px auto;

}



.home3 h2 {

    font-family: 'Montserrat-Bold';

    color: #74b532;

    padding: 7% 0% 0px 0%;

    margin: 0px;

    text-transform: uppercase;

    text-align: center;

}



.home3 h3 {

    font-family: 'Montserrat-Regular';

    color: #ffffff;

    padding: 15px 0% 0px 0%;

    margin: 0px;

    text-align: center;

}



.home3 p {

    font-family: 'Montserrat-Regular';

    color: #ffffff;

    font-size: 14px;

    line-height: 33px;

    padding: 0px 0% 10px 0%;

    margin: 0px;

    text-align: left;

}



.anihost {

    background-image: url(../images/innerbg.jpg);

    background-repeat: no-repeat;

    background-size: cover;
	background-attachment: fixed;

	min-height: 90vh;
	
	padding: 10% 0%;

    

}



.illhold {

    width: 50%;

    margin: 0px auto;

	justify-content: center;

}



.illhold img {

    width: 80%;

    height: auto;

	display:block;

	margin-left: auto;

	margin-right: auto;

}



.numberhold {

    width: 100%;

    padding: 20px 10px 20px 10px;

}



.count{font-family: 'Montserrat-Bold';

    color: #74b532;

    font-size: 62px;text-align: center; padding: 0px; margin: -19px auto;}

.countext{font-family: 'Montserrat-Bold';

    color: #ffffff;

    font-size: 18px;text-align: center; padding: 0px; margin: 0px auto; text-transform: uppercase;}



.why1 {

    width: 100%;

    display: block;

    position: relative;

}



.why1 img {

    width: 100%;

    height: auto;

}



.whycap {

    position: absolute;

    left: 0; 

  right: 0; 

  margin-left: auto; 

  margin-right: auto; 

    top: 20%;

    font-family: 'Montserrat-Bold';

    font-size: 4vw;

    color: #ffffff;

    text-align: center;

    text-transform: uppercase;

    padding: 0% 0% 0% 0%;

    z-index: 11;

    width: 80%;

    line-height: 3.5vw;

}





.bottomhome {

    background-image: url(../images/bottombg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

	min-height: 100vh;

    

}





.home4 {

    width: 93%;

    margin: 0px auto;

}



.home4 h2 {

    font-family: 'Montserrat-Bold';

	

    color: #ffffff;

    

    padding: 6% 0% 0px 0%;

    margin: 0px;

    text-transform: uppercase;

    text-align: center;

}



.home4 h3 {

    font-family: 'Montserrat-Regular';

	font-size: 100%;

    color: #ffffff;

    font-size: 18px;

    padding: 0px 0% 44px 0%;

    margin: 0px;

    text-align: center;

}

.contactPanel {
    width: 100%;
    padding: 30px 20px 20px 20px;
    margin: 0px;
}

.contactbox{ background-color: #16282c; opacity: 80%; width: 90%; margin: 10px auto; display: block; padding: 15px 15px 15px 15px;}

.contactPanel h1 {
    font-family: 'Montserrat-Bold';
    color: #74b532;
    font-size: 30px;
    padding: 0px 0px 10px 0%;
    margin: 0px;
    text-transform: uppercase;
    text-align: left;
}

.contactbox img{ width: 25%; height: auto; margin-right: auto; margin-left: auto; display: block;}



.contactbox h2{font-family: 'Montserrat-Bold'; color: #ffffff; font-size: 27px; text-align: center; text-transform: uppercase; padding: 0px 0px 0px 0px; }



.contactbox h3{font-family: 'Montserrat-Bold'; color: #ffffff; font-size: 14px; text-align: center;  padding: 0px 0px 0px 0px; }

video {
  width: 100%;
  height: auto;
}

/*-------------- footer ---------------*/

.footbg{background-color: #16282c; padding: 25px 0px 0px 0px;}



.widget{ width: 100%; padding: 25px 0px 10px 0px;}

.widget h5{ font-family: 'Montserrat-Bold'; color: #ffffff; text-transform: uppercase; text-align: left;}



.widget p {

    font-family: 'Montserrat-Regular';

    color: #ffffff;

    font-size: 12px;

    padding: 0px;

    margin: 0px;

    text-align: left;

    line-height: 25px;

}



.widget ul {

    list-style: none;

    padding: 0px;

    margin: 0px;
	text-align: left;

}



.widget ul li {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-family: 'Montserrat-Regular';

}



.widget a {


    color: #ffffff;

    font-size: 12px;

    padding: 0px;

    margin: 0px;

    text-align: left;

    line-height: 25px;

    text-decoration: none;

}



.widget a:hover {color: #3a7784; text-decoration: none;}



.endbg {

    background-color: #101e21;

    padding: 10px 0px 10px 0px;

    font-size: 12px;

    font-family: 'Montserrat-Regular';

    color: #ffffff;

    font-size: 12px;

    text-align: center;

	margin: 15px 0px 0px 0px;

}

.fa {
  padding: 5px!important;
    font-size: 20px!important;
    width: 35px!important;
    text-align: center!important;
    text-decoration: none;
    margin: 5px 2px!important;
    background: #74b532;
    border-radius: 100%;
}

.fa:hover {
    opacity: 0.7;
}

/*-------------- calculator page ---------------*/

.innersec{ background: #74b532; padding: 80px 0px 10px 0px; min-height: 100vh;}



.calcuholder{ width: 88%; padding: 10px 0px 10px 0px; margin: 0px;}

.calcuholder h1{font-family: 'Montserrat-Bold';
    color: #74b532;
    font-size: 30px;
    padding: 0px 0px 10px 0%;
    margin: 0px;
    text-transform: uppercase;
    text-align: left;}

.calcuholder h3{font-family: 'Montserrat-Regular'; color: #fff; text-align: left; padding: 0px 0px 25px 0px;}



.calculator{width: 100%;}

.calculator h5{font-family: 'Montserrat-Regular'; color: #fff; text-align: left; padding: 0px 0px 15px 0px; border-bottom: 1px dashed #FFFFFF;}



.calculator input[type=text], .calculator select, .calculator textarea, .calculator input[type=email] {

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  resize: vertical;

  color: #555555;

}



.calculator label {

  padding: 12px 12px 3px 0;

  display: inline-block;

  color: #fff;

}



.calculator input[type=submit] {

  background-color: #16282c;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: left;

	margin: 15px 0px 15px 0px;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 2px;

}



.calculator input[type=submit]:hover {

  background-color: #45a049;

}

.calculator a {
    background-color: #16282c;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 15px 0px 15px 0px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
	 text-decoration: none;
	display: block;
}

.calculator a:hover {background-color: #45a049; text-decoration: none;}

.sidebutton{ background: #000000; border-radius: 0px 10px 10px 0px!important; border: none; margin-top: 30px;}
.sidebutton:hover {
    
    background: #000000;
    border-color: #000000;
}

    
.sidebutton i{ color: #74b532; font-size: 15px; background: #000000; padding: .10rem 0.10rem !important;}

.left-box {
    width: 100%;
    height: auto;
    float: left;
    padding: 2%;
    box-sizing: border-box;
	background: #000;
}

.left-box ul {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    list-style-type: none;
	padding-inline-start: 0px;
}

.left-box ul li:hover {
    background: #000;
}

.left-box ul li.active {
    background: #000;
}




.left-box ul li a {
    padding: 5px 28px 5px 40px;
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    display: block;
    text-decoration: none;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: left;
}

.left-box ul li a:hover {
    padding: 5px 28px 5px 40px;
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    display: block;
    text-decoration: none;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: left;
}


/*-------------- about page ---------------*/

.aboutsec{  padding: 110px 0px 10px 0px; min-height: 100vh; position: relative;}

.leftholder{ padding: 27px 8px 10px 8px; background: linear-gradient(180deg, #171321 0%, #08070c 100%); min-height: 100vh;}
.aboutholder{ width: 100%; padding: 30px 20px 20px 20px; margin: 0px;}

.aboutholder h1{font-family: 'Montserrat-Bold';
    color: #74b532;
	font-size: 30px;
    padding: 0px 0px 10px 0%;
    margin: 0px;
    text-transform: uppercase;
    text-align: left;}

.aboutholder h3{font-family: 'Montserrat-Regular'; color: #686b6b; text-align: left; padding: 0px 0px 25px 0px;}


.aboutholder h5{ font-family: 'Montserrat-Regular';
    color: #74b532;
    text-align: left;
    padding: 0px 0px 4px 0px;
    line-height: 32px;
    font-size: 18px; 
	font-style: italic;
}

.aboutholder h6{ font-family: 'Montserrat-Bold';
    color: #74b532;
    text-align: left;
    padding: 0px 0px 0px 0px;
    line-height: 12px;
    font-size: 16px;
	text-transform: uppercase;
}


.aboutholder p {
    font-family: 'Montserrat-Regular';
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    padding: 0px 0px 10px 0%;
    margin: 0px;
    text-align: left;
}
.aboutholder b{ color:#6f7070 ;}

.aboutholder ul{text-align: left; padding: 0px 0px 0px 30px; margin: 0px; padding-inline-start: 0px;}
.aboutholder li{ 
    list-style: none;
    background-image: url(../images/arrow2.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    font-family: 'Montserrat-Regular'; color: #ffffff; text-align: left; padding: 0px 0px 10px 10px; font-size: 14px;}

.serhold{ width:100px; height: 100px; margin: 8px 0px 0px 0px; display: block;}
.serhold img{ width:100%; height:auto;}



.allhold{ background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}




.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background-color:    #222e31;
font-family: 'Montserrat-Regular';
	font-size: 12px;
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,1);
	border: 1px #222e31 solid;
	background-position: 13px 13px;
	padding-left: 26px;
	background-image: url(../images/arrow3.png);
	color: #74b532;
}
.nav-pills a {
    color: #ffffff;
text-decoration: none;
	font-size: 12px;
	background-image: url(../images/arrow2.png);
    background-repeat: no-repeat;
    background-position: 9px 13px;
    padding-left: 24px;
	transition: 0.4s;

}
.nav-pills a:hover {
    color: #ffffff;
text-decoration: none;
	background-position: 13px 13px;
	padding-left: 26px;

}


.desktop{ display: block; }
.mobile{ display: none; }



/*-------------- media queries ---------------*/



@media (max-width: 1024px) {

    

}



@media (max-width: 768px) {

	.dish{ display: none;}

    object{ width: 610px; height: 458x;}

}





@media (max-width: 480px) {

    h2{
        font-size: 1.5rem;
    }

    .widget h5{ font-size: 1rem; }

    .desktop{ display: none; }
.mobile{ display: block; }
	
	.aboutsec {
padding: 136px 0px 10px 0px;
min-height: 100vh;
position: relative;
}
	
	
	object{ width: 320px; height: 240px;}

.aboutholder{ width: 100%; padding: 20px 20px 20px 20px; margin: 0px;}    

.aboutholder h1{font-size: 24px;}
.aboutholder h5{font-size: 14px;}
.aboutholder p{font-size: 12px;}
	
.aboutholder li {
    font-size: 12px;
}

/*.right_product { display: none;}*/

.dish{ display: none;}
	
.leftholder {
    padding: 27px 8px 10px 8px;
    background: linear-gradient(180deg, #171321 0%, #08070c 100%);
    min-height: auto;
}

	

	.numberhold {

    width: 100%;

    padding: 8px 10px 20px 10px;

}

	

	.count{font-family: 'Montserrat-Bold';

    color: #74b532;

    font-size: 50px;text-align: center; padding: 0px; margin: -10px auto;}

.countext{font-family: 'Montserrat-Bold';

    color: #ffffff;

    font-size: 16px;text-align: center; padding: 0px; margin: 0px auto; text-transform: uppercase;}
	
	.navbar{padding: .5rem .20rem;}
	
	.logoholder {
    width: 57%;
}

    

}