@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

.D1{background-image:url("../image/D1.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D2{background-image:url("../image/D2.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D3{background-image:url("../image/D3.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D4{background-image:url("../image/D4.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D5{background-image:url("../image/D5.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D6{background-image:url("../image/D6.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D7{background-image:url("../image/D7.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D8{background-image:url("../image/D8.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D9{background-image:url("../image/D9.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D10{background-image:url("../image/D10.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D11{background-image:url("../image/D11.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D12{background-image:url("../image/D12.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D13{background-image:url("../image/D13.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D14{background-image:url("../image/D14.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}
.D15{background-image:url("../image/D15.jpg") !important;background-size:100% 100% !important;background-repeat:no-repeat !important;padding:100px !important;}

body {
  font-family: 'Raleway', sans-serif;
}
*{font-family: Raleway !important;}
.fa{font-family:FontAwesome !important;}



.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    height: 550px;
}

.carousel-caption{ top: 25%; bottom: inherit;}
.carousel-caption h2{ font-size:40px; font-weight:bold;}
.carousel-caption p{ font-size: 20px; text-align: center;  font-weight: 500;  color: #fff; letter-spacing: 4px;}
.banner-line {  width: 50%; height: 2px; background: #fff;  margin: 25px auto 15px auto;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}


body{ font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; background:#fff;}

img {max-width:100% !important}

p{ font-size:15px; font-family: Arial, Helvetica, sans-serif; color:#222; line-height:24px; text-align: justify;}

#EventCalenderControl marquee a{font-size:18px !important;}
ol li, ul li{font-family: Arial, Helvetica, sans-serif;color: #fff;font-size:14px;line-height:24px;}

.inner-page ol li, .inner-page ul li{text-align:left;color: #000;}

/*------------- header ---------------*/
header{ /*! padding:15px 0; */}
header img{}
.head-rht a:nth-child(3){ background:#478ee8; border-radius: 44px; color:#fff; transition:.3s;border:3px solid #282828;}
.head-rht a:nth-child(3):hover{ background:#f8be27; color:#fff;}
.head-rht{text-align:right;font-size: 20px;line-height: 28px;margin: 35px 0;}
.head-rht a{ font-weight:900;color: #000; padding:8px 20px; transition:.3s;}
.head-rht a:hover{ color:#64aa49;}
.head-rht a i{margin-right: 12px;background: #478ee8;color: #fff;padding: 5px;}

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

#home{width:100%; height:100%; position:relative;}

#home:after{ content: ""; position: absolute; left: 0; top: 0; background: linear-gradient(rgb(0, 0, 0) 0%, transparent 100%);
    width: 100%; height: 195px; z-index: 2;}


/*banner*/
.carousel-control-prev .fa{
    background:#f9bf1e;
    font-size:30px;
    width:50px;
    height: 50px;
    color:#fff;
    position: absolute;
    top: 50%;
    left: -70px;
    text-align: center;
    line-height:45px; transition:.5s;
    }
.carousel-control-next .fa{
    background:#f9bf1e;
    font-size:30px;
    width:50px;
    height: 50px;
    color:#fff;
    position: absolute;
    top: 50%;
    right: -70px;
    text-align: center;
    line-height: 45px; transition:.5s;
    }
.carousel-control-next .fa:hover, .carousel-control-prev .fa:hover{
    background:#478ee8;
}
.slider-img{ height: 100%; width:100%; position:relative;}
.slider-info{ position:absolute; top:12%; left:5%; width:45%; background: rgba(0,0,0,0.75); padding:10px 20px;}

.slider-info h3{ font-size:32px; font-weight:600; color: #eee; text-transform: uppercase; margin: 2px 0px 10px; letter-spacing:3px;}

.slider-info p{ font-size:18px; font-weight:500; color: #eee; text-align:left; line-height:24px; letter-spacing:1px;}
.slider-info p a { font-size: 20px; color: #fff; letter-spacing: 2px; text-transform:uppercase; 
	margin-top: 7px; background:#013e59;padding: 5px 0px; padding-left:10px;}
	
.slider-info p .fa{ background:#64aa49; padding: 5px; margin-left: 10px; font-size:24px;}
.carousel-control{ width: 5%;}

/*banner*/


.pading{padding:0;}
/*carousel*/

.tpack-main .ser-box{
    width: 30.6%;
    float: left;
    background: #fff;
    margin: 0 15px;
    transition: 0.5s;
    text-align: center;
    border: 5px solid #fff;
    box-shadow: 3px 5px 8px #000;
    margin-bottom: 25px;
    }
.banner-cont{    position: absolute;  width:100%; right:0; top:23%; z-index:9; text-align: right;}
.banner-cont h3{font-size: 38px;
    color: #fff; text-align:left;
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    padding: 10px 12px;
    display: inline-block;
    border: 1px solid #000; border-radius:15px 0 0 15px; border-right:0;}
	
.banner-cont h3 span{display:block; font-weight:800; color:#f9bf1e;}

.hm-head{ text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 40px;
    font-size: 40px;}
	




	

	
.hm-head span{
    font-weight: 800;
    color:#f8be27;}
	

.fourcol{background:#478ee8; color:#fff;     /*padding: 50px 0;*/ transition:0.5s; margin-top:0px; background:url(../image/four-bg.jpg) no-repeat;      border: 5px solid #f8be27; border-left:0; border-right:0}
.fourcol h3{ font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: #000;
    margin: 10px 0;
    transition: 0.5s;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;}
.fourcol h3 span{     display: block;
    font-weight: bold;
    color: #333; transition:0.5s;
    font-size: 15px;
    text-transform: initial;}
.fourcol h3 span a{color: #f8be27;}
	
.fourcol-inner{position:relative; transition:0.5s ease-in; padding: 65px 15px; border:1px dashed transparent;
    text-align: center;}
/*.fourcol  .col-md-3:nth-child(even) .fourcol-inner{    background: rgba(248,190,39,03)}
.fourcol  .col-md-3:nth-child(even) .fourcol-inner .fa{color:#fff;}*/
.fourcol-inner:hover{    transform: scale(1.3);
    background: #488ee6;
    border-color: #f8be27;
    z-index: 9;}
.fourcol-inner:hover .fa{color:#fff;}
.fourcol-inner:hover h3 span a{color:#f8be27;}
.fourcol-inner:hover h3{color:#fff;}
.fourcol-inner:hover h3 span{    font-size: 12px;}
.fourcol-inner .fa{      font-size: 50px;
    margin-top: 7px;
    color: #f9bf1e;
    margin-right: 12px;
    display: inline-block;}
.fourcol-inner .fa.fa-question{    font-size: 60px;
    margin-top: 3px;}
.fourcol-inner .fa.fa-lock{    font-size: 57px;}
.fourcol-inner img{    float: left;
    max-width: 49px;
    margin-right: 18px; transition:0.5s;}

.fourcol .col-md-3{transition:0.2s;     margin-bottom: -3px;}
.fourcol .col-md-3:hover{}
.fourcol .col-md-3:hover img{transform:scale(1.1) rotate(5deg);}

.ecal, .hm-whats{background:#f8be27;}
.ecal .fa, .hm-whats .fa{color:#fff;}
.ecal h3 span a, .hm-whats H3 span a{color:#444;}
.fourcol{margin:0;}
.fourcol .col-md-3{padding:0; }

.tpack-main{background:url(../image/t-pack-bg.jpg) no-repeat;background-attachment:fixed;background-size:cover;position:relative;/* margin-top: 30px; */padding: 30px 0 50px;margin-bottom: 0px;/* border-top: 5px solid #f8be27; */}

.tpack-main .item{ /*background: #fff;
    margin: 0 15px;
    transition: 0.5s;
    text-align: center;
    border: 5px solid #fff;
    box-shadow: 3px 5px 8px #000;     margin-bottom: 25px;}
/*.tpack-main .item:hover{transform:scale(1.05); border:5px solid #fff;*/}
.tpack-main-img{width: 100%;
    height: 230px;
    overflow: hidden;}
.tpack-main-img img{transition:0.5s;     height: 100%;width:100%;}
.tpack-main .ser-box:hover img{transform:scale(1.1) rotate(3deg)}
.tpack-cnt{padding: 0 11px;}
.tpack-cnt h3{      font-size: 20px;
    margin-top: 22px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    background:#478ee8;
    color: #fff;
    padding: 9px 0px;
    margin-top: -22px;
}
.rd-mr{       text-align: right;
    margin-top: 30px;
    position: relative;
    margin-right: -16px;
    margin-bottom: -8px;}
.rd-mr a{background: #f9bf1e;
    color: #000;
    padding: 8px 25px;
    border-radius: 0px; position:relative; transition:0.5s;}
.rd-mr a:before{    content: "";
    position: absolute;
    top: -11px;
    width: 0;
    height: 0;
    border-bottom: 0px solid transparent;
    border-top: 15px solid transparent;
    border-left: 11px solid #f9bf1e;
    left: 0; transition:0.5s;}
	
.rd-mr a:after{    content: "";
    position: absolute;
    top: -15px; transition:0.5s;
    width: 0;
    height: 0;
    border-bottom: 0px solid transparent;
    border-top: 15px solid transparent;
    border-left:9px solid #dca50e;
    right: 0;}
	
.rd-mr a:hover{background:#488ee6; color:#fff;}
.rd-mr a:hover:after,
.rd-mr a:hover:before{border-left:10px solid #488ee6;}
	
.tpack-cnt h3 span{    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-weight: normal;
    color: #999; text-align:right;
    text-decoration: line-through;}
.tpack-cnt h3 span strong{    text-decoration: none;
    display: inline-block;
    font-size: 21px;
    color: #4692e7;}
.date-tpack .fa{    color: #4692e7; margin-right:5px;}
.ratin-tpack .fa{    color: #ffa127;}
.ratin-tpack span{    font-size: 13px;
    color: #777;}
.ratin-tpack{padding-bottom:20px}
.off-bx{ position: absolute; display:none;
    top: 30px;
    background: #e85e34;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px 10px 30px;
    left: 4px;}
	
.off-bx:after{    content: "";
    position: absolute;
    top: 42px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 11px solid #74301d;
    left: 0; }
	
.tpack-main .owl-nav{color: #fff;
    }
.tpack-main .owl-prev{position: absolute;
    top: 54%; left:0; background-color: #4674e7;
    padding: 16px 26px;
    font-size: 20px;}
.tpack-main .owl-next{position: absolute;
    top: 54%; right:0; background-color: #4674e7;
    padding: 16px 26px;
    font-size: 20px;}
.owl-dots{display:none;}
.owl-carousel{position:inherit;}

.hm-desti .hm-head{color:#333;     margin-bottom: 30px;}
.hm-desti .hm-head .fa{color:#467fe7; margin-right:10px;}
.hm-desti .hm-head a{color:#467fe7;}
.hm-desti h4{    margin-top: 0;
    color: #999;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;}
/*home*/

#WhatsNewControl {
    margin-top: 50px;
}

.hm-head {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 40px;
    /* margin-top: 40px; */
    font-size: 30px;
}
.hm-head:after{content:""; width:80px; height:5px; position:absolute; left:46%; background: #959595;  bottom: -10px;}
.hm-head span { font-weight: 800; color: #fff;}
.hm-head{position:relative;}
.hm-abt{padding:0px 0px 50px;}
.hm-abt img{margin-top:20px;}
.hm-abt p{ text-align:justify; font-size:16px; line-height:24px; color:#444;}
.hm-abt h2{font-size:25px; font-weight:500;}
.hm-abt h2 span{font-size:25px; font-weight:600;}
/*home*/


/*hm-ser*/
/*hm-ser*/
.hm-ser{margin: 0 0 20px;padding: 0px 0 20px;}
.hm-ser h2{margin:20px 0;/* padding:20px 0; */font-size:30px;text-align:center;line-height:36px;}
.hm-ser h2 span{font-weight:bold;}
.ser-bx{ border: 10px solid #454545; border-radius: 10px; margin: 10px auto;position: relative;}
.ser-cont{ position: absolute; background: rgba(45,45,45,0.75); bottom: 0px; width: 100%; padding:5px 20px; color:#fff;}
.ser-cont h3{margin:0; line-height:30px;}	
.ser-cont p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-align:left; line-height:22px;}

/*hm-ser*/
/*quiry*/
.map-cont{ margin-top: 10px; width: 56%; float: left; border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{    background: #013e59;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title&gt;span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}


.cont-page{text-align:left;font-family: arial; font-size: 14px;}
.cont-page h2{ font-size:22px; font-weight:bold; color: #111; margin-top: 0; text-transform: uppercase; margin-bottom: 18px; margin-top:10px;}
.cont-page h2 span{ color: #111; font-weight: normal; font-size: 16px;}
.cont-page h5{ color: #222; font-size: 18px; margin-bottom: 25px;}
	


/*cont-page*/
.client-inner-page li{border: 1px solid #eee;
    padding: 4px;
    width: 19%;
    margin: 0 .5%;
    float: left;
    list-style: none;
    min-height: 160px;}
.client-inner-page li img{margin:0 auto;}

/*footer*/

footer{
    margin-top: 0px;
    background: #333;
    background-attachment: fixed;
    color: #333;
    background-size: cover;
    padding-top:20px;
    /* border-top: 4px solid #f9c809; */
    background: url(../image/ft-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

footer .container-middle{position:relative;}

footer h2{font-weight: 500;
    font-size: 23px;
    position: relative;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-bottom: 3px SOLID rgba(255, 255, 255, 0.03);
    padding-bottom: 15px;
}
	
footer h2 span {
    position: absolute;
    width: 100%;
    left: 1px;
    font-size: 20px;
    color: #222;
    z-index: 1;
    top: -17px;
}

footer .container-middle a{    color: #fff;}

.col-three{color:#8e8e8e;}

.us-lk p{color: #fff;}

.us-lk ul{     list-style-type: square;
    font-size: 13px;
    margin-bottom: 0;
    color: #fff;       padding-left: 24px;}

.us-lk ul li{line-height: 20px; margin-bottom: 12px; transition:0.5s;}
.us-lk ul li:nth-last-child(1){margin-bottom:0}

.us-lk ul li:hover{padding-left: 5px;}

.us-lk ul li a{color: #fff;}

.us-lk ul li:hover a{color:#d3a722 !important;}

footer a{color:#fff;}

.ft-soc ul{font-size: 16px;     margin-bottom: 0;     list-style: none;}

.ft-soc ul{    padding-left: 0;
    font-size: 14px;}
	
.ft-soc ul a{color:#8e8e8e;}
.ft-soc ul li{margin-bottom:8px;}
.ft-soc ul li img{    margin-right: 10px; transition:0.5s;}
.ft-soc ul li:hover img{border-radius:50%; transition:0.5s;}
	
.ft-cont strong{color:#fff;}

.ft-cont p, .ft-cont p a{margin-bottom:8px; font-size: 13px; line-height: 20px;     color: #8e8e8e; line-height: 23px; 
    min-height: 25px;
    transition: 0.5s;     text-align: left;}

.copyrht{ background:#212121;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    padding:12px 0;
    /* height: 32px; */
    position: relative;
    /* border-top: 1px solid #fff; */
    /* box-shadow: 0px -4px 4px #ccc; */  margin-top:30px;
}
	
.copyrht p{
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    }
	
footer .container{position:relative;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{float:left; padding-top: 6px;}

.cprht-rht{float:right; padding-top:0px;}

.cprht-rht ul{list-style:none; text-align:right; margin:0;     font-size: 13px;}

.cprht-rht ul li{    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left:1px solid #db6e5d;
    line-height: 13px;}
	
.cprht-rht ul li:first-child{border-left:0;}

.cprht-rht a{color:#000;     padding: 0 1px;}
.cprht-rht a .fa{
    background: #478ee8;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 29px;
    transition:0.5s;
    }

.cprht-rht a .fa:hover{background:#488ee6; color:#fff; transition:0.5s;}

p.cprht-rht img {
    height: 18px; transition:0.5s;     vertical-align: bottom;
}

p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}

.cprht-lft strong{    color: #fff;
    font-weight: 300;}

.ft-cont i {    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #8e8e8e;
    font-size: 19px;
    line-height: 0px;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
}

.cprht-img{    float: left;
    margin-left: 120px;}
	
.cprht-img img{height: 45px;}

.ft-cont i img{margin-top: 6px;}

.ft-cont p:hover i{background:#77be32; transition:0.5s;}
	
.ft-nav ul{    list-style: none;
    text-align: center;
    margin-top: 0;
    padding-top: 21px;
    font-weight: bold; z-index: 9;
    position: relative;}
	
.ft-nav ul li{    display: inline-block;
    padding: 0 35px;}

.ft-nav ul li a:hover{color:#77be32;}

.same-ft{     border:1px dashed rgba(255, 255, 255, 0.06);
    padding: 0 15px;
    position: relative;
    padding-left: 80px; margin-top:15px; transition:0.5s;}
.same-ft h3{color: #fff;
    font-size: 18px;}
.same-ft p{
    color: #fff;
    font-size: 14px;
    }
.same-ft p span{display:block;color: #fff;}
.same-ft p  a{color: #fff;}
	
.same-ft:after{
    
    font-size: 48px;
    font-family: Flaticon;
    position: absolute;
    left:18px;
    top: 21px;
    color: #478ee8;	
}

.ft-add:after{content: "\f131";}
.ft-ph:after{content: "\f130";}
.ft-mail:after{content: "\f12e";}

.same-ft:hover{background:#478ee8; color:#fff;}
.same-ft:hover p, .same-ft:hover p span, .same-ft:hover p a{color:#fff;}
.same-ft:hover:after{color:#fff;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #478ee8;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #478ee8;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}
@media(max-width:1140px){
.slider-info{top:5%;}
.slider-info h3{ font-size: 30px;}

}
@media(max-width:991px){
.ser-bx img{width:100%;}
.hm-abt img{margin:10px auto;}
.slider-info{width: 62%;}
.slider-info h3 { font-size: 20px;}
.slider-info p{font-size: 16px;}
.tpack-main .ser-box{margin: 0 10px;}
.body-fx #HeaderControl, .body-fx #MenuControl{float: inherit !important;
    position: relative !important;
    width: 100%;height: inherit !important;
    top: inherit !important;}
}

@media(max-width:769px){

}

@media(max-width:767px){
.slider-info{display:none;}
.tpack-main .ser-box{margin: 0 10px; float:inherit; width:80%; margin:20px auto;}

}
	
@media(max-width:736px){
.footer-rht p{text-align:center;}	

}
	
@media(max-width:667px){

}
	
@media(max-width:568px){
	
.head-rht{ font-size: 16px !important; text-align: left !important; line-height: 24px;}
.tpack-main .ser-box{width:96%;}
}
	
@media(max-width:480px){
.ser-cont{ position:relative; margin-top: 0px;}

.head-rht a{ font-weight: 600 !important; color:#222; padding: 7px 10px !important; text-align: left;}


}
	
@media(max-width:414px){
.hm-serv .hm-head:after{ left: 40%;}

}
	
@media(max-width:375px){

}
	
@media(max-width:360px){

}