@charset "utf-8";



/* CSS Document */



*{   margin:0;    padding:0;}



body{margin:0px; padding:10px 0px;  font-family:"var(--global-body-font-family)"; background:#000; font-size:20px; color: #fff; }



.other-spna{color:#fff;}





h1 { font-size:60px; padding:0 0 20px 0; margin: 0px;

  /* Fallback: Set a background color. */

  background-color: #CA4246;    

  

  /* Create the gradient. */

   background-image: linear-gradient(

        45deg,

        #CA4246 16.666%, 

        #E16541 16.666%, 

        #E16541 33.333%, 

        #F18F43 33.333%, 

        #F18F43 50%, 

        #ffffff 50%, 

        #ffffff 66.666%, 

        #fff000 66.666%, 

        #fff000 83.333%, 

        #A7489B 83.333%);

  

 

  background-size: 100%;

  background-repeat: repeat;



 

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; 

  

 

    animation: rainbow-text-simple-animation-rev 0.75s ease forwards;



}



h1:hover{

    animation: rainbow-text-simple-animation 0.5s ease-in forwards;

}



 

@keyframes rainbow-text-simple-animation-rev {

    0% {        background-size: 650%;    }

    40% {        background-size: 650%;    }

    100% {        background-size: 100%;    }

}



 

@keyframes rainbow-text-simple-animation {

    0% {        background-size: 100%;    }

    80% {        background-size: 650%;    }

    100% {        background-size: 650%;    }

}

  



h2{font-size:30px; padding:20px 10px 10px 10px; margin: 0px; font-weight: 900; color:#fff; text-align: center;}



h3{font-size:25px; padding:20px 10px 10px 10px; margin: 0px; font-weight: 900; color:#fff; text-align: center;}



h4{font-size:25px; padding:20px 0px 10px 0px; margin: 0px; font-weight: 900; color:#fff; text-align: left;}

h5{font-size:20px; padding:20px 0px 10px 0px; margin: 0px; font-weight: 900; color:#fff; text-align: left;}

h6{font-size:15px; padding:20px 0px 10px 0px; margin: 0px; font-weight: 900; color:#fff; text-align: left;}



p{ padding:20px; margin:10px 0 10px 0px; font-weight: 400; line-height: 1.5; text-align:justify;     background: #313131;}

p a:link{color:#FFB600; text-decoration:none; font-weight: 900;}

.p1{padding:20px; margin:10px 0 10px 0px; font-weight: 400; line-height: 1.5; text-align:justify; color: #fff;   background: #313131;}



.p2{ padding:20px; margin:10px 0 10px 0px; font-weight: 400; line-height: 1.5; text-align:justify;    background: #313131;}





.marquee-section{width: 100%; margin:5px 0 0 0px; padding:5px 0 5px 0px; color: #fff; background: rgb(191,26,11);

background: linear-gradient(86deg, rgba(191,26,11,1) 0%, rgba(242,207,0,1) 52%, rgba(191,26,11,1) 98%); font-size:20px; text-shadow: #a7a7a7 1px 2px 0; text-transform: uppercase; }

.marquee-section a:link{color: #fff; text-decoration: none;}

.top-header{background:#ff9a63; padding:5px 20px 5px 20px; margin:0 auto; display:table; width: 97%;}



.textfff{

    color:#fff;

}



.top-area-left {width:20%; float:left; margin:0 0 0 0px; padding:0px; line-height:30px;}



.top-area-left a:link{margin:0px; padding: 0px; font-size:18px; color:#fff; text-decoration: none;}



.top-area-left a:hover{margin:0px; padding: 0px; font-size:18px; color:#bf4300; text-decoration: none;}



.top-area-middel {width:20%; float:left; margin:0 0 0 100px; padding:0px; line-height:30px;}



.top-area-middel a:link{margin:0px; padding: 0px; font-size:18px; color:#fff; text-decoration: none;}



.top-area-middel a:hover{margin:0px; padding: 0px; font-size:18px; color:#bf4300; text-decoration: none;}



.top-area-right {width:30%; float:right; margin:0px; padding: 0px; line-height:30px;}



.top-area-right a:link{margin:0px; padding: 0px; font-size:18px; color:#fff; text-decoration: none;}



.top-area-right a:hover{margin:0px; padding: 0px; font-size:18px; color:#bf4300; text-decoration: none;}



.icon {color:#fff;}



.centertext{    text-align:center;}



.w100{    width:100%;    height:auto;}



.mx1{    margin-left:5px;    margin-right:5px;}



.px1{    padding-left:5px;    padding-right:5px;}



.py1{    padding-top:5px;    padding-bottom:5px;}



.borderfff{    border: solid 1px #fff;}



/*Navigation*/



.nav {  overflow: hidden;background: rgb(82,1,63);

background: linear-gradient(90deg, rgba(82,1,63,1) 0%, rgba(2,226,129,1) 49%, rgba(82,1,63,1) 100%);  }



.nav ul {margin:0px; padding: 0px; display:block;}



.nav ul li{margin:0px; list-style:none; float:left; padding:0px;}



.nav ul li a{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:17px; font-weight:600; display:block; text-align: center; background: rgb(82,1,63);

background: linear-gradient(90deg, rgba(82,1,63,1) 0%, rgba(2,226,129,1) 49%, rgba(82,1,63,1) 100%);  padding:10px 35px; border-right:#fff dashed 1px;}



.nav ul li a:active{color:#fff ; background-color:#000426;}



.nav ul li a:hover{color:#fff ; background: rgb(2,226,129);

background: linear-gradient(90deg, rgba(2,226,129,1) 0%, rgba(82,1,63,1) 49%, rgba(2,226,129,1) 100%);}



.nav ul li a:visited{color:#fff ; background-color:#000426;}



.nav ul li a.selected{color:#fff ; background-color:#000426;}



/*banner*/



.bleftside{width:30%; float:right; margin:20px 0 0 0px; padding:0px;}



.brightside{width:68%; float:left; margin:20px 0 0 0px; padding:0px;}



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



.center-banner img{max-width:100%; height: auto; }



.image-border{border:dotted 2px #fff;}



/*conatint area*/



 





.gallery-section{}



.col-gallery-sectoin{

    border:double 5px #fff;

    

    overflow: hidden;

}







 figure {	width: 100%;	height: auto;	margin: 0;	padding: 0;		overflow: hidden;}



figure:hover+span {	bottom: -36px;	opacity: 1;}



/* Zoom In #1 */



.hover06 figure img {-webkit-transform: rotate(15deg) scale(1.9);	transform: rotate(15deg) scale(1.9);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}



.hover06 figure:hover img {	-webkit-transform: rotate(0) scale(3);	transform: rotate(0) scale(3);}



.model-text{font-size:14px; color: #fff; text-align: center; display:block; background:#0c052e; width:100%; margin:0px;  spadding:0px }



.model-type{font-size:13px; color: #A40101; text-align: center; background:#fff; width:100%;font-weight: 800; margin: 0px; padding:0px 0px; line-height: 30px; text-transform: uppercase;}



.booknow {width:100%; display:block; margin: 0px; padding:0px;}



.booknow a{color:#fff; text-align: center; font-weight: 900; font-size:18px; background:linear-gradient(15deg, red, #0d0633) ;width:100%; display:block; text-decoration:none; padding:5px;}



.booknow a:hover{color:#fff; text-align:center; font-weight:900; font-size:18px; background:#d42a2d; }



.textarea-ls{}



.textarea-rs{}



.textarea-rs  {}



.textarea-rs a{margin: 0px; text-decoration:none; color:#fff; font-size:20px; display: block;font-weight:600; background: linear-gradient(15deg, red, #0d0633); padding:6px; border-bottom:dashed 1px #fff; text-align: center;}



.textarea-rs a:hover{ background:#ffcc00; color:#d42a2d; }



.grid_col-6{/*border:dashed 2px #fff;*/}



 .model-text-2{font-size:14px; color: #fff; text-align: center; display:block; background:#0c052e;  margin:0px; font- padding:10px }



  .model-text-3{font-size:18px;line-height: 9px; color: #fff; text-align: center; display:block; background:#0000ff;  margin:0px; font-weight: 800; padding:10px; }



/* Responsive CSS Styles Table of Contents */



.category-link {  margin:10px 10px 0px 0px;  float: left; text-align: center; }



.category-link a {padding:14px 42px 13px 42px;  background: rgb(242,207,0);

background: linear-gradient(86deg, rgba(242,207,0,1) 0%, rgba(191,26,11,1) 52%, rgba(242,207,0,1) 98%); color: #fff; text-decoration:none; font-size:16px;  font-weight:500;   border-top-right-radius:20px; border-bottom-left-radius:20px; display: table; box-shadow:#d42a2d 5px 5px 0px;}



.category-link a:hover{ color:#FFFFFF; background: rgb(191,26,11);

background: linear-gradient(86deg, rgba(191,26,11,1) 0%, rgba(242,207,0,1) 52%, rgba(191,26,11,1) 98%); }















/*footer area*/



.footer{width:100%;  background:#000000; color:#fff; text-align: center; padding:10px 0 10px 0; border-top:dashed 1px #fff;}



 



.footerlink a{color:#fff;font-size:18px; line-height: 30px; text-decoration: none;}



.footerlink a:hover{color:#FFAE00;  }



.footer-bottom {font-style: italic; font-size: 14px;}



.footer-bottom-link a{ color:#fff;text-decoration: none;}



.footer-bottom-link a:hover{text-decoration:underline;}











@media only screen and (min-width:999px) and (max-width:1200px){



.top-area-left {width:30%; float:left; margin:0 0 0 72px; padding:0px; line-height:30px;}



.top-area-middel {width:30%; float:left; margin:0 0 0 0px; padding:0px; line-height:30px;}



.top-area-right {width:30%; float:right; margin:0px; padding: 0px; line-height:30px;}



.top-area-right {width:30%; float:right; margin:0px; padding: 0px; line-height:30px;}



 .grid_col-6{}	



}







@media only screen and (min-width:768px) and (max-width:998px){



.top-area-left {width:30%; float:left; margin:0 0 0 20px; padding:0px; line-height:30px;}



.top-area-middel {width:30%; float:left; margin:0 0 0 0px; padding:0px; line-height:30px;}



.top-area-right {width:30%; float:right; margin:0px; padding: 0px; line-height:30px;}



 .grid_col-6{}



}







@media only screen and (min-width:480px) and (max-width:767px){



.container{width:400px; margin: 0 auto; padding:0px;}	



.top-area-left {width:20%; float:left; margin:0 0 0 100px; padding:0px; line-height:30px;}



.top-area-middel {width:20%; float:left; margin:0 0 0 100px; padding:0px; line-height:30px;}



.top-area-right {width:30%; float:right; margin:0px; padding: 0px; line-height:30px;}



.footer-col{width:98%; margin: 0px; padding:0 0 0 10px; float:left; }

h1 { font-size:43px;}





}







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



.container{width:320px; margin: 0 auto; padding:0px;}	



h1 { font-size:43px;}



h2{font-size:34px; padding:20px 10px 0px 10px;}



.top-header{width:87%;}



.top-area-left {width:98%; float:left; margin:0 0 2px 0px; padding:0px; border-bottom: dashed 1px #fff;}



.top-area-middel {width:98%; float:left; margin:0 0 2px 0px; padding:0px; border-bottom: dashed 1px #fff; }



.top-area-right {width:98%; float:left; margin:0px; padding: 0px;}



.nav ul li{width: 100%;}



.nav ul li a{width:100%; padding:8px 0px; border-bottom: #fff solid 1px;}



.bleftside{width:100%; float:left; margin:20px 0 0 0px; padding:0px;}



.brightside{width:100%; float:left; margin:20px 0 0 0px; padding:0px;}



.gallery-left-section{width:100%; float:left; margin:1px; padding:50px 0 50px 0; background: linear-gradient(to right,#7e5923,#fed167,#7e5923); text-align: center; font-size: 50px; font-weight:900;}



.banner img{max-width:100%; height: auto;}



.col-gallery-sectoin{}



.footer-col{width:98%; margin: 0px; padding:0 0 0 10px; float:left;}



.nav ul li a{ color:#000; font-size:15px; font-weight:600; display:block; text-align: center;  padding:8px 15px;}



.nav ul li a.selected{



    color:#000;



}



.textarea-ls{width:100%; float:left; margin: 0px; padding: 0px;}



.textarea-rs{margin: 0px; padding: 0px;}



.grid_col-6{}



.category-link{



    float:none;



}



.category-link a { width: 84%;  padding: 20px 20px 20px 20px; margin: 0 0 0 10px;}



.gallery-section{ padding: 10px; margin:0px 0 0 0; clear: both; display: block;}



.textarea-rs a{margin: 0px; text-decoration:none; color:#fff; font-size:20px; display: block;font-weight:600; background: linear-gradient(15deg, red, #0d0633); padding:12Px; border-bottom:dashed 1px #fff; text-align: center;}



}















div {



    display: block;



}



.container-fluid {



    width: 100%;



    padding-right: 15px;



    padding-left: 15px;



    margin-right: auto;



    margin-left: auto;



}



.container {



    width: 100%;



    max-width:100%;



    padding-right: 15px;



    padding-left: 15px;



    margin-right: auto;



    margin-left: auto;



  



}



.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}



*, ::after, ::before {



    box-sizing: border-box;



}















.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{



    padding-left:10px;



    padding-right:10px;



}







img {



    max-width:100%;



    height:auto;



}







@media (max-width: 575px){







.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}



.nav ul li a{



    border-right:0;



}



}







@media (min-width: 576px){



.container {



    max-width: 540px;



}



.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}



}



@media (min-width: 768px){



.container {



    max-width: 720px;



}



.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}



.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-3{width:50%}.col-2{width:50%}.col-1{width:50%}



}







@media (min-width: 992px){



.container {



    max-width: 960px;



    



}



.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}



.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}



}







@media (min-width: 1200px){



.container {



    max-width: 1140px;



}



.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}



}