@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{ font-family: 'Poppins', sans-serif; color: #333; }
*{ font-family: 'Poppins', sans-serif;  }

.fa {font-family:fontawesome !important;}

a{ color: #392fa3; text-decoration:none;}

a:hover {
  color: #8ec4dd;
  text-decoration: none;
}

.container-fluid {
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  /*! font-family: "Oswald", Sans-serif; */
}

p{ font-family: 'Poppins', sans-serif;}

section.bnr{ padding:0;}

img{ max-width:100%;}

/*navbar*/

#HeaderControl, #MenuControl, #widgetsControl, #WidgetControl2, #WidgetControl1, #WidgetControl4{ padding: 0;}
.nav-link, .nav-link:hover{color:#fff;}
#FooterrControl1_tr_FooterBackImage td.row{margin:0;}
/*navbar*/

.banner-sec{ position:relative; padding:0;}
.banner-sec:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(57, 47, 163) 30%, transparent 100%);
    width: 100%;
    height: 150px;
    z-index: 2;
}

.banner-sec .carousel-inner .item > img {
  -webkit-animation: zoom 40s;
  animation: zoom 40s;width:100%; height:100%;
}

.banner-sec .carousel-indicators li{ width:20px; height:20px; background-color: #865b07;margin:0; border:3px solid #ff9300;}

.banner-sec .carousel-indicators .active{ background-color:#fff; margin:0; 
border:3px solid #ff9300;}
/*------carousel capion text displayt--*/

.banner-sec .carousel-caption {
    position: absolute;
    top: 30%;
    color: #fff;
    text-align:left;
    text-shadow: 9px 4px 8px rgba(0,0,0,.75);
	left:15%;
	width:70%;
 }
 
.carousel-caption h2{ font-family: "Oswald", Sans-serif; font-size: 50px; font-weight: 300; margin-top:0; margin-bottom:0; letter-spacing:3px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out;}

.carousel-caption h3{ font-family: "Oswald", Sans-serif; font-size: 46px; font-weight: 400; margin-top:0; margin-bottom:0; letter-spacing:2px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out;}

.carousel-caption p{font-family: "Oswald", Sans-serif; font-size:20px; line-height: 25px; animation: fadeInRight 2000ms ease-in-out; letter-spacing:1px;}

.carousel-caption p a{ font-size:16px; line-height: 24px; color:#fff; background: #5d54bd; padding:10px 20px; border-radius:30px; border: 5px solid #fbba2d;}

/*
.banner-sec .carousel-control{ display:none;}
*/ 

/*----Change the direction of banner slider carousel------ */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/*-----carousel zoom effect-----*/
/*banner*/

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #392FA3;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    padding: 16px 0;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997; /* border-bottom:1px solid rgba(44,34,152, 0.5);*/
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
}

#header img {
 margin:0 auto;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
  color: #fff;
  padding-left: 10px;
  border-left: 4px solid #dd3d25;
}

#header #logo img {
  padding: 0;
  margin: 0;
}
.body-fx #header{ padding: 6px 0;
    height: 65px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
     background:rgba(57, 47, 163,.85); }
	 
.body-fx .navbar-default{ background-color: transparent !important;}

/*hm-form*/

.hm-head{ text-align: center;
    color: #071041;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 40px;
    font-size: 40px;}
	
.head-sep {
    z-index: 3;
    margin-bottom: 25px;
    display: inline-block;
    top: -3px;
    line-height: 1;
    position: relative;
}

.head-sep:before{    width: 50px;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 6px;
	    background-color: #392fa3 !important;
    color: #fff !important;}
	
.head-sep:after{width: 50px;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 6px;
	    margin-left: 22px;
    margin-right: 0;
	    background-color: #392fa3 !important;
    color: #fff !important;}
	
.head-sep u {
    width: 20px;
    position: absolute;
    display: block;
    left: 50%;
    top: 12px;
    margin-left: -10px;
}

.head-sep u:before{    position: absolute;
    top: 0;
    left: -2px;
    border-left: 2px #888 solid;
    border-right: 2px #888 solid;
    width: 10px;
    height: 6px;
    display: inline-block;
    content: "";
    transform: skew(30deg);
    -webkit-transform: skew(50deg);
	border-left-color: #392fa3 !important;}
	
.head-sep u:after{    position: absolute;
    top: 0;
    left: -2px;
    border-left: 2px #888 solid;
    border-right: 2px #888 solid;
    width: 10px;
    height: 6px;
    display: inline-block;
    content: "";
    transform: skew(30deg);
    -webkit-transform: skew(50deg);
	    left: auto;
    right: -3px;
    transform: skew(-30deg);
    -webkit-transform: skew(-50deg);
	border-right-color: #392fa3 !important;}
	
.hm-head span{
    font-weight: 800;
    color: #392fa3;}
.hm-form .info .fa{float:left; margin-right:10px; font-size:30px; background: #392fa3; color:#fff; text-align:center; padding:5px; width:45px; height:45px; border-radius:5px;line-height: 35px;}
.contact {/*padding:10px 0 80px;*/}
.contact .map-hm-rht {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px 30px 0;
  background: #fff;
}



.map-hm-rht input{
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

.map-hm-rht input::focus{
  background-color: #00295a;
}

 .map-hm-rht input {
  padding: 8px 15px;
}


 .map-hm-rht .sub-btn-hm {
  background:  #392fa3;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
}

.map-hm-rht .sub-btn-hm:hover {
  background: #121212;
}

/*hm-form*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 20px 0;
}

.section-bg {
  background-color: #f4f9fc;
}

.section-title {
  text-align: center;
  padding-bottom: 17px;
  font-family: "Oswald", Sans-serif;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
   padding-bottom: 20px;
  color: #ff9300;
  text-transform:uppercase;
  z-index: 2;
  letter-spacing:2px;
  
  
}

.section-title h2:after {content: '';  position: absolute;  left: 0; right:0;  bottom: -2px; height: 6px; background: #ff9300; width: 60px;margin:0 auto;}

.section-title h2:before {content: ''; right: 0; width:150px; margin:0 auto; position: absolute;  left: 0;  bottom: 0; height: 2px;  background: #fff;}
.tm-lft .section-title h2:before{ background: #fff;}

.section-title p { color: #fff; margin-bottom: 0;  font-size: 20px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; }


/*banner*/
.bnr-btm{ margin-top: -67px; position: relative; }

.bnr-bx{ background-color: #45aaff; border-color: #45aaff; color: #fff; text-align:center; padding: 40px 10px; transition:all .5s; border-radius:10px; border:10px #fbba2d solid; transform: rotate(-40deg);}
.bnr-bx .bnx{transform: rotate(40deg);}

.bnr-bx .fa{font-size:60px; color:#f3cf43;position: relative; transition:.5s;}
.bnr-bx-lin{ border: 5px solid #392fa3; position: relative; top: 67px; }
.bnr-btm .bnr-bx-tp-lin{ border-color: #392fa3; border-style: solid;}
.bnr-btm .bnr-bx-tp-lin1{border-color: #5249b1; border-style: solid;}
.bnr-bx p{margin:0;}

.bnr-btm .bnr-bx{ background:#392fa3; transition: all .5s;}
.bnr-btm .bnr-bx.bnr-bx1{background:#392fa3; transition: all .5s;}
.bnr-btm .bnr-bx a{ color:#fff; padding:10px 20px; border:1px dashed #eee; border-radius:30px; font-weight:bold; transition: all .5s;}
.bnr-btm .bnr-bx:hover a{background:#ff9300; color:#fff; padding:8px 18px;}
.bnr-btm .bnr-bx .fa{color:#fff;  transition:.5s;}
.bnr-btm .bnr-bx h4{ font-family: "Oswald", Sans-serif; font-size:22px; font-weight:bold; line-height:50px; color:#fbba2d; transition:all .5s; letter-spacing:1px;}

.bnr-btm .bnr-bx:hover h4{font-size:20px; font-weight:bold; line-height:50px; transition:all .5s;}

/*banner*/


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about {
  background: url("image/about-bg.jpg") center center no-repeat;
  background-size: cover;
  padding:10px 15px;
  position: relative;
  overflow: hidden;
}
.abt-img{ padding:50px; position:relative;}
.abt-img:after{position:absolute;bottom:10px; content:''; width:80%; height:80%; background:#efcead; border-radius:50%; margin: 0 auto; right: 0; left: 0;}

.about .container {
  position: relative;
  z-index: 10;
}

.about .content {
  padding:0;
  text-align: center;  
}

.about .content h3 {
  font-weight: 700;
  margin: 0;
  font-size: 34px;
  color: #392fa3;
  margin-bottom: 30px;
  position: relative;
  left: 20px;
}

.about .content p { font-size: 16px; color: #222; margin-bottom: 10px; text-align: justify; line-height:24px;}
.about .content ul li { font-size: 15px; color: #222; margin-bottom: 10px; text-align:left; 
line-height:24px;
font-family: 'Poppins', sans-serif;
/*! margin-top: 20px; */
}

.about .content .rd-mr {
  display: inline-block;
  background: #392fa3;
  padding: 6px 44px 8px 30px;
  color: #fff;
  margin-top: 10px;
  border-radius: 50px;
  transition: 0.3s;
  position: relative; font-weight:600; font-size:15px;
}

.about .content .rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}

.about .content .rd-mr:hover {
  background: #ff9300;
}

.about .icon-boxes .icon-box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
	border:1px dashed #ccc;margin: 10px auto;
	text-align:center;
}

.about .icon-boxes .icon-box:hover, .about .icon-boxes .icon-box:hover .fa, .about .icon-boxes .icon-box:hover a{ color:#fff;}
.about .icon-boxes .icon-box i {
  font-size: 40px;
  color: #392fa3;
  margin-bottom: 10px;
}
.about .icon-boxes .icon-box::before {
    content: '';
    position: absolute;
    background: #392fa3;
    right: -60px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}
.about .icon-boxes .icon-box:hover::before {
    background: #392fa3;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
.about .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.about .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}
.about img{ /*! border: 10px solid #085294; */ /*! border-radius: 50%; */ z-index:9;padding-right: 20px;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.ser-heading-bg{ background-color: #392fa3; padding:20px 20px; clear:both; margin-bottom: 30px; }

.ser-bx{ width: 100%; position: relative; z-index: 0; margin-bottom: 30px;
 border-top: 2px #392fa3 dashed; border-bottom: 3px #392fa3 dashed; border-radius: 20px;}

.ser-bx:hover{ background-color: #d9d6fb; transition: all 0.3s;}

.ser-bx .img {
    width: 100%;
    height: 240px;
    display: block;
}
.ser-bx .img .icon {
    width: 70px;
    height: 70px;
    /* background: #392fa3;*/ 
    margin: 0 auto;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ser-bx .img-bx{ text-align:center; width:100%; padding:10px;}
.ser-bx .img-bx .fa{ font-size:50px; color: #392fa3; padding:10px; border-radius:50%; height: 60px; width: 80px; line-height: 60px;}

.ser-bx .text { position:relative; padding: 20px; margin: 0 auto; text-align:center;}

.ser-bx .text h3 {font-family: "Oswald", Sans-serif; font-size: 16px; font-weight:bold; color:#ff9300; text-transform: uppercase; text-align: center; margin-top:0;}

.ser-bx .text p { font-size: 15px; color:#222; text-align: center;}

.ser-bx .text p a{font-size: 14px; text-align:center; max-width:50%; border: 1px solid #ff9300; border-radius:20px; color:#392fa3; padding:5px 15px;}

.ser-bx .text p a:hover{ background-color: #ff9300; color:#fff;}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.qyery-hm{ background-color: #392fa3; padding: 40px 0 40px;}

.qyery-hm h2{ font-family: "Oswald", Sans-serif; color: #ff9300; font-size: 40px; font-weight: 500; line-height: 1.23em; letter-spacing: 2px; text-align:left; text-transform: uppercase; margin: 0;}
.qyery-hm h4{ font-family: "Oswald", Sans-serif; color: #ffffff; text-align:left;
font-size: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; margin: 0;}
	
.querys{ text-align:center;}
.querys h3{ margin-top:30px;}	
.querys a{ font-family: "Oswald", Sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.8px; color: #ff9300; border:1px #5c53c0 solid; text-transform: uppercase; padding: 15px 30px;}


/*--------------------------------------------------------------
# Contact with us
--------------------------------------------------------------*/
.ab-review{margin-top:50px;}

.ab-review .content {
  padding: 10px 30px 30px 0;
}

.ab-review h2{ font-size: 30px;
font-weight: 500;
color: #392fa3;
padding-bottom: 10px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
line-height: 1.5em;
letter-spacing: 1px;}

.ab-review .content h3 {
  font-weight: 700;
  margin: 0;
  font-size: 28px;
  color: #392fa3;
  margin-bottom: 30px;
  position: relative;
  left: 20px;
}
.ab-review .content h3:before {
    content: '';
    width: 5px;
    height: 80px;
    position: absolute;
    background: #32cee0;
    left: -15px;
}
.ab-review .content p {
  margin-bottom: 5px; text-align:justify; line-height:23px;
  font-size: 15px;
}

.ab-review .content .rd-mr {
  display: inline-block;
  background: #392fa3;
  padding: 6px 44px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  position: relative; font-weight:800; font-size:15px;
}

.ab-review .content .rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}

.ab-review .content .rd-mr:hover {
  background: #2f4d5a;
}

.ab-review .icon-boxes .icon-box {
    padding: 6px 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
	border:1px dashed #ccc;margin: 10px auto;
	text-align:center;
}

.ab-review .icon-boxes .icon-box:hover, .about .icon-boxes .icon-box:hover .fa, .about .icon-boxes .icon-box:hover a{ color:#fff;}
.ab-review .icon-boxes .icon-box i {
  font-size: 40px;
  color: #392fa3;
  margin-bottom: 10px;
}

.ab-review .icon-boxes .icon-box:before {
    content: '';
    position: absolute;
    background: #ff9300;
    right: -60px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}

.ab-review .icon-boxes .icon-box:hover::before {
    background: #ff9300;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.ab-review .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.ab-review .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer{margin-top: 20px;
    background: #392fa3;
    background-attachment: fixed;
    color: #333;
    background-size: cover;
    padding-top:20px;
    /* border-top: 4px solid #19b4ee; */
	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: 15px;
    text-transform: uppercase;
    border-bottom: 1px dashed #fff;
    padding-bottom: 5px;
}
	
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: #c6c5c5;font-size: 14px;}

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

.us-lk ul li{line-height: 20px; margin-bottom: 15px; 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: #c6c5c5;}

.us-lk ul li:hover a{color:#fff !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: #342a98;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    padding:4px 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: #ccc;
    font-size: 16px;}
	
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:#fff;     padding: 0 1px;}
.cprht-rht a .fa{    background: #283447;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 29px; transition:0.5s;}

.cprht-rht a .fa:hover{background:#000; 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 #666;
    padding: 0 2px;
    position: relative;
    padding-left: 62px; margin-top:15px; transition:0.5s;}
.same-ft h3{color: #fff;
    font-size: 18px;}
.same-ft p{
    color: #999;
    font-size: 15px !important;
    font-size: 0.9em;
    }
.same-ft p span{display:block; color:#777;}
.same-ft p  a{color:#999;}
	
.same-ft:after{
    font-size: 48px;
    font-family: Flaticon;
    position: absolute;
    left:8px;
    top: 21px;
    color: #fff;
}

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

.same-ft:hover{background: rgba(52,42,152,0.8);color:#fff;}
.same-ft:hover p, .same-ft:hover p span, .same-ft:hover p a{color:#fff;}
.same-ft:hover:after{color:#fff;}

.credits a{color:#efcead;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #ff9300;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #0d93a2;
    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: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{ margin:15px auto;}
}

@media (max-width: 768px) {
  .banner-sec::after{background: none;}
  .carousel-caption{display: none;}
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #header img{margin:inherit;}
  .body-fx #header{padding: 15px 0;
    height: inherit;
    position: relative; background: rgba(47,77,90,.85) !important;}
.navbar-toggle{margin-top: -38px;
    position: absolute;
    right: 0px;}
.caption{width: 100%;}
.wback .caption{    top: 30%;}
.navbar-default, .navbar-default .navbar-collapse{background-color:  rgba(47,77,90,.85) !important;border-color: transparent !important;}
.body-fx .navbar-default, .body-fx .navbar-default .navbar-collapse{background-color: transparent !important;border-color: transparent !important;}
.nav>li>a { padding: 8px 2px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{    background-color: #00295a;}
}
@media (max-width: 575px) {
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
  #header{position:relative;background-color:  #281d97;padding: 20px 0; height: 80px;}
}


@media (max-width: 480px) {
#header img { margin: inherit; max-width: 75%;}

.bnr-btm{ margin-top: 20px; position: relative;}
.bnr-bx{transform: rotate(0deg); margin-bottom: 15px;}
.bnr-bx .bnx{transform: rotate(0deg);}
.qyery-hm h2{ font-size: 24px; letter-spacing: 0; text-align: center;}
.qyery-hm h4{font-size: 15px; letter-spacing: 0; text-align: center;}




}