p{color:#555; line-height:23px;}

body{font-family: 'Lato', sans-serif; font-size:14px;}

.inner-page{text-align:left;}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v13/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
}

.container{    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important; line-height: 20px;}

.top-nav{background: #60355c;color:#c7c7c7;overflow: hidden;}
.top-nav a{color:#fff; text-decoration:none;}
.top-nav-lft ul{list-style:none; padding-left:0;     margin-bottom: 0;}
.top-nav-lft ul li{display:inline-block; margin-right:20px; color:#fff;}
.top-nav-lft ul li .fa{
    margin-right:5px;
    color:#fff;
    font-size: 16px;
    text-align: center;
    background: #42153e;
    padding: 11px 15px;
    }

.top-nav-rht ul{list-style:none; padding-left:0; text-align:right;     margin-bottom: 0;}
.top-nav-rht ul li{display:inline-block;margin-left:-1px;position:relative;background: #42153e;}
.top-nav-rht ul li .fa{text-align: center;
    padding: 12px 15px; transition:0.5s; z-index:9; position:relative}
	
.top-nav-rht ul li:before{position:absolute;top:50px;left:0;background: #774d73;width:100%;height:100%;transition:0.5s;content:"";}
	
.top-nav-rht ul li:hover:before{background:#774d73; transition:0.5s; top:0;}
.top-nav-rht ul li:hover .fa{color:#5f375a;}


.navbar-default{border:0; background:#fff;}
.navbar .navbar-right{    margin-top: 15px;     font-size: 15px;}
.navbar-default{    margin-bottom: 20px;}

.navbar-default .navbar-nav>li>a:hover{background:#60355c !important; color:#fff !important;}

.navbar-default .navbar-nav>li>a{color:#000;}


/*banner*/
.banner-main{position:relative;}
.banner-main:before{    content: '';
    position: absolute;
    left: 0px;
    top: -23px;
    width: 100%;
    height: 34px;
    background: url(../image/border-nice.png);
    z-index: 2;}
	
.banner-main:after{    content: '';
    position: absolute;
    left: 0px;
    bottom: -23px;
    width: 100%;
    height: 34px;
    background: url(../image/border-nice.png);
    z-index: 2;}
/*banner*/


.head-main{     color: #888;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px; text-align:center;}
	
.head-main span span{      color: #60355c;
    font-weight: bold;
    font-size: 34px; position:relative;}
	
.head-main span{color:#222;}
.head-main span span:after{
	    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 1px;
    background: #000;
    bottom: -10px;
    margin: 0 auto;
    right: 0;
}

.head-main span span:before{
	    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
    bottom: -10px;
    margin: 0 auto;
    right: 0;
}

.hm-about{text-align:center; margin-top:10px;}
.hm-about-inner{margin-top:0px; transition:0.5s; position:relative; overflow:hidden; margin-top:20px;}
.hm-about-cnt{border: 1px solid #ccc; }
.hm-about-inner h3{margin-top: 50px; }

.hm-about-inner a{    color: #60355c;
    font-size: 15px;
    font-style: italic;
    text-decoration: none;}
h4.box-fa{    margin-bottom: -40px; z-index:9; position:relative;}
	
h4.box-fa .fa{width: 75px;
    height: 75px;
    background: #60355c;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    line-height: 60px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 4px #999;
    font-weight: inherit;
    padding-top: 0px;}

.hm-about-inner:after{    content: "";
    left: -100%;
    top: 45px;
    width: 50%;
    height: 100%;
    background: #60355c;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:before{    content: "";
    right: -100%;
    top: 45px;
    width: 50%;
    height: 100%;
    background: #60355c;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:hover{transition:0.5s; color:#fff;}
.hm-about-inner:hover a{color:#fff;}
.hm-about-inner:hover:after{opacity:1; left: 0%; transition: 0.4s;}
.hm-about-inner:hover:before{opacity:1; right: 0%; transition: 0.4s;}
.hm-about-cnt{position:relative; z-index:1;     padding: 0 5px;}
.hm-about-inner:hover p{color:#fff; transition: 0.4s;}


/*Service*/
.hm-service{background:url(../image/ser-bg.jpg); background-attachment:fixed; background-size:cover; position:relative; padding: 40px 0 60px; margin-top:40px;     overflow: hidden;}
.hm-service .head-main span, .hm-service .head-main{color:#fff;}
.hm-service .head-main span span:after{    background: #4a0343;}
.hm-service:before{background:rgba(96, 53, 92, 0.9); content: ''; position: absolute; left:0; top:0; width:100%; height:100%;}
.hm-service-inner{position:relative; width:100%; overflow:hidden;     margin: 15px 0;     height: 250px;}
.hm-service-img{height:100%;}
.hm-service-inner img{width:100%; min-height:100%;}
.hm-service-cnt{position:absolute; top:0; height:100%; left:0; width:100%; color:#fff; background:rgba(96, 53, 92, 0.85); transition:0.5s; text-align:center; opacity:0;}
.hm-service-inner:hover .hm-service-cnt{opacity:1;}
.hm-service-cnt p{color:#fff;}

.hm-service-cnt:before{    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 12px;
    background: url(../image/top-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-cnt:after{    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 12px;
    background: url(../image/bottom-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:before{    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width:12px;
    height: 0;
    background: url(../image/left-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:after{    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 12px;
    height: 0;
    background: url(../image/right-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:hover .hm-service-cnt:before{    opacity: 1;
    visibility: visible;
    width: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover .hm-service-cnt:after{    opacity: 1;
    visibility: visible;
    width: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover:before{    opacity: 1;
    visibility: visible;
    height: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover:after{    opacity: 1;
    visibility: visible;
    height: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover .hm-service-cnt h3{    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);}
	
.hm-service-cnt h3{    -webkit-transform: translateY(-130px);
    -moz-transform: translateY(-130px);
    -ms-transform: translateY(-130px);
    -o-transform: translateY(-130px);
    transform: translateY(-130px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;     margin-top: 48px; font-weight: bold;}
	
.p-bx{    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; padding:15px;}
	
.hm-service-inner:hover .p-bx{-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);}
	
.hm-service-cnt .rd-mr a{padding: 3px 10px;
    color: #fff;
    text-decoration: none;
    background: #60355c;
    /* border: 1px dashed #eee; */
    font-size: 13px;
    box-shadow: 0px 0px 1px #fff;}
	
.hm-service-cnt .rd-mr a:hover{background:#333;}

.top-ser-lft{    position: absolute;
    left: -20px;
    width: 175px;
    height: 50px;
    top: 0;
    background: #fff;
    transform: skew(-30deg);
    max-width: 25%;}
	
.top-ser-rht{    position: absolute;
    right: -20px;
    width: 175px;
    height: 50px;
    top: 0;
    background: #fff;
    transform: skew(30deg);
    max-width: 25%;}
	
.bot-ser-lft{    position: absolute;
    left: -20px;
    width: 175px;
    height: 50px;
    bottom: 0;
    background: #fff;
    transform: skew(30deg);
    max-width: 25%; background: url(../image/dis-bg.jpg);}
	
.bot-ser-rht{    position: absolute;
    right: -20px;
    width: 175px;
    height: 50px;
    bottom: 0;
    background: #fff;
    transform: skew(-30deg);
    max-width: 25%; background: url(../image/dis-bg.jpg);}

	
	
.client-say-bx{padding: 40px 0 60px;
    background: url(../image/dis-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.client-say-inner .nav-tabs{float:left; width:27%;     background: #f7f2e9;
    border: 0;     border:1px solid #ddd;}
.client-say-inner .nav-tabs>li{float:initial; display:block;}
.client-say-inner .nav-tabs h4{    float: left;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;}
.client-say-inner .nav-tabs h4 img{width:100%; height:100%;}
.client-say-inner .nav-tabs h5{    float: left;
    font-size: 16px;
    font-weight: bold; line-height: 18px;
    margin-top: 25px;}
.client-say-inner .nav-tabs h5 span{    font-style: italic;
    font-weight: normal;
    display: block;
    font-size: 12px;
    color: #999;}
.client-say-inner .nav-tabs>li a{border:0; margin-right:0; border-radius:0; border-bottom:1px solid #ccc; color:#333;}
.client-say-inner .nav-tabs>li.active a, .client-say-inner .nav-tabs>li.active a:hover{    background: #2f9620;
    color: #fff;
    border-radius: 0;
    border: 0; margin-right:0; border-bottom:1px solid #2f9620;}
.client-say-inner .nav-tabs>li a:hover{background:transparent; color:#333; border-bottom:1px solid #ccc; }
.client-say-inner .nav-tabs>li.active{position:relative;}
.client-say-inner .nav-tabs>li.active:after{    content: "";
    right: -10px;
    background: #2f9620;
    width: 30px;
    height: 30px;
    top: 34%;
    position: absolute;
    transform: rotate(45deg);}
	
.client-say-inner .tab-content{    float: left;
    width: 73%;
    background: #fcf9f6;
    border: 1px solid #ddd; border-left:0;}
.client-say-inner .tab-content>.tab-pane{    padding: 40px 40px;
    text-align: center;     min-height: 420px; }
.line-bx img{    opacity: 0.2;}
.line-bx{    margin-bottom: 30px;}

.client-say-inner .tab-content p{     color: rgba(45, 45, 45, 0.6);
    font-size: 19px;
    line-height: 33px;}
	
.client-say-inner .tab-content h3{    color: #2f9620;
    font-weight: bold;
    font-size: 17px;     margin-bottom: 30px;     margin-bottom: 40px;}
	
	
.qyery-hm {
    background: url(../image/query-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0 50px;
    background-attachment: fixed;
	position: relative; overflow: hidden;
}

.overlay-bg {
    background: rgba(96, 53, 92, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.qyery-hm .container-middle {position:relative; z-index:1;}

.qyery-hm:before{    background: url(../image/two-sided.png);
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 35px; z-index:1}
	
.qyery-hm:after{    background: url(../image/two-sided.png);
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 35px; z-index:1}

.qyery-hm h4 {
    margin-bottom: 0;
    font-size: 31px;
    font-weight: normal;
    font-family: cursive;
    color: #ccc;
    text-align: center;
}

.qyery-hm h4 strong {
    font-family: sans-serif;
    font-size: 44px;
    color: #ef5050;
}

.qyery-hm h4 span {
    font-family: sans-serif;
    background: #ef5050;
    color: #fff;
    font-size: 18px;
    padding: 8px 17px;
    vertical-align: super;
    margin-top: 10px;
    top: 31px;
    border-radius: 45px;
    margin-left: 30px;
    border: 2px solid rgba(0,0,0,0.5);
    transition: 0.5s;
}
.qyery-hm h4 span a {
    COLOR: #FFF; text-decoration:none; text-transform:uppercase;
}
.qyery-hm h4 span:hover {
    background: #333;
    transition: 0.5s;
}


..team-col-main{padding-top: 25px;
    padding-bottom: 35px; background: url(../image/dis-bg.jpg); background-attachment:fixed; background-size:cover;}
.team-col{    margin-top: 15px;}
	
.team-img{    float: left;
    width: 25%;
    max-height: 300px;
    overflow: hidden;
    border: 5px solid rgba(95,55,90,0.5);
    box-shadow: 5px 6px 5px #ccc;}
	
.team-img img{width:100%; transition:0.5s;}

.team-col:hover .team-img img{transition:0.5s; transform:scale(1.1);}

.team-cnt{float: right;
    width: 70%;}
	
.team-cnt h3{color: #3a4145;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0px;}
	
.team-cnt h4{font-weight: normal;
    font-style: italic;
    color: #888888;
    margin-bottom: 10px; text-transform: none;}
	
.info-btn a{font-weight: bold;
    color: #d11538;
    text-transform: uppercase;
    font-size: 13px;}
	
.team-hm{padding: 40px 0 50px;}


footer{     background: #263240;
    position: relative;
    border-top: 4px solid #263240;
    box-shadow: -5px -2px 5px #999; overflow:hidden;}
.cont-ft:after{    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background: #5f375a;}

.cont-ft{background: #5f375a;
    color: #fff; position:relative; z-index:1;     padding-top: 30px;
    padding-bottom: 10px;}
	
.links-use{padding-top: 32px;}
	
.cont-ft ul{padding-left:0; list-style:none;     margin-top: 16px;     margin-bottom: 0;     font-size: 15px;}
.cont-ft ul li{background: #263240; margin-bottom:10px; position:relative;     padding: 5px 0; padding-left: 44px;     line-height: 22px;}
.cont-ft ul li .fa{    position: absolute;
    left: 0;
    width: 35px;
    text-align: center;
    height: 100%;
    line-height: 29px;
    font-size: 17px;
    background: #19222c;
    top: 0;}
	
.cont-ft ul li:first-child .fa{line-height: 50px;}
.ft-head{    color: #fff;
    border-bottom: 1px dashed #ccc;
    margin-top: 0;
    margin-bottom: 18px;
    padding-bottom: 8px;}
	
.links-use ul{    padding-left: 25px;     font-weight: 300; margin-bottom: 0;     font-size: 15px;}
.links-use ul li a{color:#ccc;}
.links-use ul li{margin-bottom:17px; transition:0.5s;}
.links-use ul li:hover{padding-left:10px; color:#fff; transition:0.5s;}
.links-use ul li:hover a{color:#fff; text-decoration:none;}

.last-bx ul li{margin-bottom:17px;}

.copyrht{    background: #5f375a;
    color: #fff;     font-size: 13px; padding: 10px 0;}
	
.copyrht a{color:#ccc; text-decoration:none;}

.head-banner {
    position: relative;
    color: #fff;
    z-index: 9999;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    line-height: 68px;
    margin-top: 165px;
    text-transform: uppercase;
}

.head-banner span {
    background: #60355c;
    padding: 4px 13px 10px;
    font-size: 30px;
    font-weight: 100;
    font-family: sans-serif;
    border: double 4px #fff;
    color: #fff;
}


.top{ position: fixed;
    right: 18px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #5f375a;
    padding: 10px 10px;
    z-index: 99;
    border-radius: 50%;
    border: 2px solid #fff; 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;}


.btn-dis{text-align:center; margin-top:20px;}
.btn-dis a{    background: #5f375a;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none; transition:0.5s;}
	
.btn-dis a:hover{background:#0567a4; transition:0.5s; border-radius:10px;}

.icon-ul{padding-left:0px;}
.icon-ul li{      padding-left: 15px;
    margin-bottom: 0;
    color: #fff;
    list-style: none;
    background: #263240;
    padding: 12px 10px;
    border-bottom: 1px solid #1e2937;}
.icon-ul li a{color:#fff; display:block; text-decoration:none; transition:0.5s;}

.icon-ul li a img{margin-right: 8px;
    vertical-align: baseline;}
	
.icon-ul li:hover, .icon-ul li.active{background:#5f375a;}

.ser-hm-lft img{max-width:100%; transition:0.5s;}

.ser-hm-rht h3{    margin-top: 0;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;}
	
.ser-hm-lft-img{    overflow: hidden;
    transition: 0.5s;
    border: 5px solid #8b5f86;
    box-shadow: 5px 6px 5px #51264c;}
	
.ser-hm-lft img:hover{transition:0.5s; transform:scale(1.1) rotate(2deg)}
.hm-service .head-main{margin-bottom: 50px;}

.logo-web{    max-width: 100%;
    text-align: right;
    float: right;
    margin-top: 5px; transition: 0.5s;}
	
.dropdown-submenu>.dropdown-menu{right: 100% !important; left: initial !important;}

.side-tab{background: #5f375a;     margin-top: 30px;}

.icon-ull{list-style-image:url(../image/hand-icon.png); padding-left:22px;     text-align: left; color:#555;}
.icon-ull li{padding-left:15px; margin-bottom:8px;}
.icon-ull li a{color: #0365eb;}

.icon-ull .icon-ull{    margin-top: 8px;}

.sub-heading1{    color: #263240;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px; text-align:center;}
	
	
/*contact*/
.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: 16px;}
.cont-page p{font-size:14px; color:#fff;     line-height: 24px !important;}

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.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: #60355c;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

/*contact*/


.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>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: 90px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
	color: #114366;
	display: block;
	position: absolute;
	width: 52px;
	height: 52px;
	line-height: 0px;
	top: 14px;
	left: 7px;
	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;
}

.why-us .col-md-6{    margin-top: 40px;}
.inner-page{padding-bottom: 30px;}

.cont-soc img{margin-right:5px;}
.cont-page h2{font-weight: 800;
    color: #60355c;
    font-size: 21px;
    margin-top: 0;
    text-transform: uppercase;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}

.cont-page{text-align:left;}

#HeaderControl.navbar-fixed-top{    height: 90px;
    float: Left;
    position: fixed;
    width: 36%;
    padding: 0;
    padding-left: 0;
    background: rgba(255,255,255,0.94);
    z-index: 99;
    text-align: left;     box-shadow: 0px 1px 3px #ccc; transition:0.5s;}
	
.body-fx #MenuControl{    height: 90px;
    float: Right;
        position: fixed;
    right: 0;
    width: 64%;
    padding: 0;
    padding-right: 0;
    background: rgba(255,255,255,0.94);     box-shadow: 2px 1px 3px #ccc; transition:0.5s;}
	
#MenuControl, #HeaderControl{transition:0.5s;}
	
.body-fx #HeaderControl .rdCenter{    background: transparent !important;}
.body-fx #MenuControl .rdCenter{    background: transparent !important;}
.body-fx .navbar-default{background: transparent !important;}
.body-fx .logo-web{
    transition: 0.5s;
    padding-left: 15px;
    /* width: 372px; */
    max-width: 100%;
    float: inherit;
    padding-bottom: 15px;
    margin-top: 0px;
    }
	
.body-fx #HeaderControl, .body-fx #HeaderControl_C, .body-fx #MenuControl_C, .body-fx #MenuControl{height:76px !important; transition:0.5s;}
.navbar-nav>li{transition:0.5s; position: relative;}
.body-fx .navbar-nav>li{    transition: 0.5s;
    padding: 28px 0;}
	
.body-fx #HeaderControl .IE8Fix{text-align:center !important;}


.navbar-nav>li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    background: #60355c;
    transition: 0.5s;
}

.navbar-nav>li:hover:after {
    top: 0;
    height: 100%;
    transition: 0.5s;
}

.navbar-nav>li:hover a{z-index: 9; position:relative; color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu a{z-index: 9; position:relative; color:#000 !important;}
.navbar-nav>li .dropdown-menu a{color:#000 !important;}
.navbar-nav>li:hover .dropdown-menu li:hover a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li a{color:#000 !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu li a{color:#000 !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu li:hover a{color:#fff !important;}

#Div_body{overflow: hidden;}

@media(max-width:1024px){
.nav>li>a{    padding: 10px 10px;}	
.hm-service-cnt h3{    margin-top: 36px;}

#MenuControl_C  .navbar-default .navbar-nav>li>a{    font-size: 12px !important;     padding-left: 2px;
    padding-right: 2px;}
	
.cont-page h2{font-size: 19px;}
.cont-page .st-feature-box{    padding-left: 46px;}
.logo-web{margin-top: 26px;}
	}
	
@media(max-width:769px){
.navbar-right{ margin-right: 0px;     width: 100%;}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0;}
.navbar .navbar-right {
    margin-top: 25px;
}
.nav>li>a{    padding: 10px 18px;}	
.team-img{max-height:inherit;}
.cont-ft ul li:first-child .fa {
    line-height: 30px;
}

#HeaderControl_C_ctl00_Header{text-align:center !important;}
.logo-web{    float: initial;     margin-top: 18px;}
.navbar-default .navbar-nav>li>a{font-size: 14px;}
#MenuControl_C .navbar-nav{    margin-bottom: 18px; }
.banner-main .camera_wrap, .banner-main .cameraSlide, .banner-main .camera_wrap img{    height: 250px !important;}
#MenuControl_C .navbar-default .navbar-nav>li>a {
    font-size: 13px !important;
}
.table-responsive{border:0 !important;}
.cont-page .st-feature-box{    padding-left:66px;}
.cont-page h2{margin-top: 30px;}
.last-bx ul li{    margin-bottom: 7px;}
.head-banner{display:none;}
#HeaderControl.navbar-fixed-top{display:none;}

.body-fx #MenuControl_C, .body-fx #MenuControl{ height:initial !important;}
.body-fx #MenuControl_C #navbar-collapse-1{    margin-right: 15px !important;
    margin-left: 15px !important;}
.body-fx #MenuControl{position:relative; width:100%;}
.body-fx .navbar-nav>li{padding:5px 8px;}
	}
	
@media(max-width:736px){
.top-nav-lft{float:left; width:70%;}	
.top-nav-rht{float:left; width:30%;}
.navbar-brand{height:inherit;}
.navbar-default{margin-bottom:0;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #2f9620; background-color: #60355c;  
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0;}
.navbar .navbar-right {
    margin-top: 0;
}
.navbar-nav {
    margin:0;
}
.nav>li{background: #ef5050; border-bottom: 1px solid #fff;}
#MenuControl_C .navbar-nav{margin-bottom:0;}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 6px 20px;
}
.team-cnt h3{font-size: 24px;}

.ser-hm-lft-img{    height: 260px;
    margin-bottom: 35px;}
	
.ser-hm-lft img{
    width: 100%;
    height: 100%;
}

.top-nav-rht{display:none;}
.top-nav-lft{width:100%;     text-align: center;}

.navbar-default .navbar-toggle{    float: initial;}
.navbar.navbar-header{    text-align: center;}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    float: initial;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:#ef5050;
}
#MenuControl_C #navbar-collapse-1 {
    height: 100% !important;
    margin-left: 0;
    margin-right: 0;
}
.navbar-nav>li{    display: block;
    text-align: left;
    padding: 5px 8px;}
#MenuControl_C .navbar-default .navbar-nav>li>a {
    font-size: 14px !important;     color: #fff !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;     padding-top: 2px;
    padding-bottom: 2px;
}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li a {
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color:#5f375a !important}

.map-cont{width:100%; margin-bottom:10px;}
.bx-rht-cont{width:100%; margin:0;}


	}
	
@media(max-width:667px){
	
	}
	
@media(max-width:568px){
.top-nav-lft{width:100%;}	
.top-nav-rht{display:none;}
#demo-1{height: 270px !important;}
.head-main span span{font-size: 26px;}
	}
	
@media(max-width:480px){
.qyery-hm h4{font-size: 24px;}	
.qyery-hm h4 strong{font-size: 32px;}
.qyery-hm h4 span{margin-left: 0px;}
.copyrht-lft{text-align:center; width:100%; margin-bottom:5px;}
.copyrht-rht{text-align:center; width:100%;}
.main-heading{Font-size: 18px;}
	}
	
@media(max-width:414px){
.team-img {
    height: 250px; width:100%;
}
.team-img img{height:100%;}	
.team-cnt{width:100%; margin-top:10px;}
.navbar-default .navbar-brand{padding-left: 10px;
    padding-right: 0;}
.top-nav-lft ul li {
    display: inline-block;
    margin-right: 0px;
}
	}
	
@media(max-width:375px){
.top-nav{display:none;}
.head-main span span {
    font-size: 21px;
}
.head-main{font-size: 18px;}
.copyrht-lft, .copyrht-rht{font-size: 11px;}
.ser-hm-rht h3{font-size: 21px;}
.qyery-hm h4 span{    display: block;
    width: 72%;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px 0;}
.logo-web{margin-top: 8px;}
	}