html {
    scroll-behavior: smooth;
}
body{
 
 font-family: 'Crimson Text', serif;
  overflow-x:hidden;
   position: relative;
   padding:0

   
}
h5{font-size:18px}
.navbar{border-radius:0;margin-bottom:0;z-index: 888;}

.navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#666;background-color:transparent!important}

/* Nav / Navbar Styles
===================================*/
.navbar {
	background: transparent;
	border-bottom: none;
	padding: 30px 0;
	transition-duration: 0.6s;
}


.navbar-default .navbar-nav > li > a {
    color: #bfbfbf;
	font-size:18px
}
.navbar-nav > li > .dropdown-menu{background: #006e7e;
box-shadow: 0 1px 20px 0px rgba(0,0,0,.8);}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:transparent;color:#555!important}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{background-color:transparent;border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
	width: 30px;
    height: 3px;
}
	header {
		padding: 0;
		transition: 0.5s;
	}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #dcdcdc;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#fff;border-bottom:1px solid #fff}

/* Sticky */

header.sticky {
	position: fixed;
	left: 0; right: 0;
	height: 60px;
	padding: 20px 0 10px 0;
	z-index:9999
}
.sticky .navbar{padding:10px 0;background: -webkit-linear-gradient(346deg, #fe0079 0%, #762dc4 100%);
    background: -o-linear-gradient(346deg, #fe0079 0%, #762dc4 100%);
    background: linear-gradient(104deg, #fe0079 0%, #762dc4 100%);-webkit-box-shadow: -2px 6px 23px -10px rgb(0 0 0);
    -moz-box-shadow: -2px 6px 23px -10px rgba(0,0,0,1);
    box-shadow: -2px 6px 23px -10px rgb(0 0 0);
}
.sticky .navbar-brand > .white img{display:none!important}
.sticky .navbar-brand > .color img{display:block;height: 55px; width: auto;margin-top: -20px; }
.sticky .navbar-default .navbar-nav > li > a:hover, .sticky .navbar-default .navbar-nav > li > a:focus, .sticky .navbar-default .navbar-nav > .active > a, .sticky .navbar-default .navbar-nav > .sticky .active > a:hover, .sticky .navbar-default .navbar-nav > .active > a:focus	{color: #fff;border-bottom:1px solid #fff}
.sticky .navbar-default .navbar-nav > li > a{color:#bfbfbf;border-bottom:1px solid transparent}
.sticky .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;}
.sticky .navbar-default .navbar-toggle, .sticky .navbar-default .navbar-toggle:hover, .sticky .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border-color: #fff;
}
.red{color:#ec3190}
/***start home***/
.banar{
 
 
  margin-top:-3%;
 background: url(../img/bg-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 150px 0 230px;

  color:#fff;
  z-index: 7;
    position: relative;
}

.banar .right h1{font-size:40px}
.banar .right h4{
   font-weight:600;
   line-height:2;
	margin-bottom:5%}

.banar .left img{position:relative;right:-10%;width:80%;display:inline-block;}	
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.title{color:#ec3190;margin-bottom:2%;overflow: hidden;}
a.more{font-size: 20px;
    color: #fff;
    background: #d30c82;
    padding: 5px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.more i{font-size: 15px;
    margin-left: 10px;}
a.more:hover{background:#2f376f;color:#fff}
/*start wrapar*/
.blue{color:#7515a2}
.wrapar{ 
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  position:relative;
    z-index: 0;}
 /*start services */
 .services{padding:5% 0;background:url(../img/bg.png) no-repeat ;background-size: 100%;
    background-position: right;margin-top: -7%; }
.services .servic{
    padding: 20px 5px 20px 5px;
    background-color:transparent;margin-bottom:10%;
	
  box-shadow: 0 2px 6px 0 #b5bec9;
 -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.services .servic > div{ position: relative;
padding: 5px 10px 20px 110px;}

 h4{line-height:3;}
.services .servic img{position:absolute;left: 20px;
    top: 20px;
    width: 70px;
    border: 1px solid #9622b2;
    
    height: 70px;}
.services .servic:hover{background:#fff;border:1px solid #9622b2;border-bottom:3px solid #9622b2;
-webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}
.services .servic h3{color:#333}
.services .servic:hover h3 {
    color:#772fb9
}
.services .servic:hover h5{color:#333}
.services .servic {color:#8a8a8a}
 .services .servic:hover img {box-shadow: 0 2px 6px 0 #b5bec9;}
/*********/
.progress {
height: 20px;border-radius: 10px;
    padding: 2px;margin-bottom:30px;background-color:#ececec}

.bot .progress-bar {
background: linear-gradient(to right, #f36444 25%, #fd809f 65%);border-radius: 10px;}
.jq .progress-bar{background: linear-gradient(#f7027c 0%,#fc6fbb 100%);;border-radius: 10px;}
.css .progress-bar{background: linear-gradient(#b17bed 0%,#906af3 100%);;border-radius: 10px;}
.html .progress-bar{
   background: linear-gradient(to right, #9326a0 25%, #8a51bc 65%);;border-radius: 10px;}
.skl{margin-top:3%;}
.skils p{font-size:18px}
.skils h4{font-size:18px;}

.skils{background:#fff; padding:4% 0;background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.9) 10%, transparent 40%, transparent 100%), url(../img/ball-wed.svg) center center, #fff;
    background-size: cover;
}
.skils img{width:80%;display:inline-block} 
/********/
.client{background:url(../img/33.png) no-repeat center top;
    background-size: 100%;padding-top:16% ;overflow:hidden;}
.client img{width:80%;display:inline-block}
.client .carousel {
margin-top: 9%;}
.client .item{overflow: hidden;
    padding: 3% ;
    margin: 0 2%;
    border-radius: 10px;}
.client .item .comment{position:relative;color:#fff;padding:4% 2%;border-radius:30px;
background:url(../img/comment.png)no-repeat #fd8aa7;
background-position:top right;    background-position-x: 97%;
    background-position-y: 15%;}	
.client .item .comment:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
    border-color: #fd8aa7 transparent transparent;
    position: absolute;
    bottom: -28px;
    left: 26px;
}
.client .item .comment .top{overflow:hidden;margin-bottom:4%}	
.client .item .comment .top .title{max-width:60%}
.client .item .comment h5{line-height:1.7}
.client .item .seg{margin-top:7%}
.client .item .seg span{float:left;margin-left:7px}
.review i{color:#eee}
.review i.active{color:#ede517}
.client .item img{width:70px}
.client .carousel-control.right,.carousel-control.left {
    right: 0;
    left: auto;
    background-image: none;
    
}
.glyphicon:before{display:none}
.client .name{font-size:18px}
.client .carousel-indicators {
    bottom: -30px;
}
.carousel-indicators .active {
   
    background-color: #fc8ba5;
}
.carousel-indicators li{border:1px solid #fc8ba5}
.client h2{line-height:1.7}
/****start stats******/
.stats {padding:0 0 5%;overflow:hidden;}
.stats .stat{padding:15% 0;margin-bottom:10px; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.stats .stat:hover {
    background: #fcfcfc;
    -webkit-box-shadow: 2px -3px 26px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px -3px 26px -5px rgba(0,0,0,0.75);
    box-shadow: 2px -3px 26px -5px rgb(209 209 209 / 75%);
}
.stats .stat span{font-size: 50px;
    font-weight: 600;
    margin-right: 5px;}
.stats .stat span.icon{position: absolute;
    top: 40px;
    left: 35px;
    font-size: 70px;
    color: rgba(138 41 191 / 20%);}
.happy span.counter{color:#e84b3a}
.work span.counter{color:#428bca}
.coffee span.counter{color:#92278f}
.pro span.counter{color:#fc7f0c}
/**********/

.experience{background: url(../img/bread-bg.png) no-repeat center top;
    background-size: cover;}

  .ps-timeline-sec {
  position: relative;
}
.ps-timeline-sec .container {
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline {
margin: 340px 0 150px;}
@media screen and (max-width: 767px) {
  .ps-timeline-sec .container ol:before {
    background: #7431b8;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 173px !important;
    left: 36px !important;
  }
  .ps-timeline-sec .container ol:after {
    background: #7431b8;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  .ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px solid #7431b8;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
  }
  
  .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  
  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img{ width: 80% !important;}
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 190px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
}
.ps-timeline-sec .container ol:before {
  background: #c72499;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 52.5%;
}
.ps-timeline-sec .container ol:after {
  background: #c72499;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 52.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
  margin: 390px 0;
  padding: 0;
  border-top: 2px solid #c72499;
  list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 25%;
  padding-top: 30px;
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: #fff;
  border: 4px solid #c72499;
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #df8625;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  color: #c72499;
  width: 2px;
  height: 50px;
  background: #c72499;
  position: absolute;
  top: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #c72499;
  width: 8px;
  height: 8px;
  background: #c72499;
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #c72499;
  width: 2px;
  height: 50px;
  background: #c72499;
  position: absolute;
  bottom: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #c72499;
  width: 8px;
  height: 8px;
  background: #c72499;
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 130px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
   width: 170px;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position: absolute;
  margin-top: 60px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin: 0 auto;
   width: 170px;
}
.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  margin: 0 auto;
  font-size:18px
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 100px;
  width: 300px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 35px;
  width: 300px;
}
/*********/
.bg{background: url(../img/bg1.png) no-repeat center left;
    background-size: cover;margin-top: -2%;padding-top: 4%;}
/*****/
.portfolio{margin-top: -3%;padding:3% 0;background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.9) 10%, transparent 40%, transparent 100%), url(../img/ball-wed.svg) center center, #fff;
    background-size: cover;}
.gallery{position:relative}
.gallery-container {
   
height: 600px;}
.gallery-controls button{ background: -webkit-linear-gradient(
346deg, #fe0079 0%, #762dc4 100%);
    background: -o-linear-gradient(346deg, #fe0079 0%, #762dc4 100%);
    background: linear-gradient(104deg, #fe0079 0%, #762dc4 100%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    
   }
.gallery-controls-next:before{  border: solid #fff;
    border-width: 0 3px 3px 0;right: 15px;
}
 .gallery-controls-next{right: -3%;
    top: 45%;position: absolute;}
.gallery-controls-next:hover:before{right:15px}
.gallery-controls-previous{position:absolute;top:45%;left:-3%}
.gallery-controls-previous:before {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    left: 15px;
top: 14px;}
.gallery-controls-previous:hover:before{  left: 15px;}
.gallery-nav{display:none}
.gallery-controls {
 margin:  0;}
 /****contact***/
 .contact{background:url(../img/33.png)no-repeat;
background-size:100%;padding:8% 0 4%}
.contact img{display:inline-block;width:500px;margin-bottom:5%}
/*start footer*/
footer{background:url(../img/footer.png)no-repeat;background-size:cover;color:#fff;padding:7% 0 1%}
.copy h4{margin-bottom:0;line-height:3;}

 
@media (min-width: 240px)and (max-width: 319px){

.navbar{padding:0}
.navbar-nav {margin: 0 -15px;background: #dbbdf7;}
.navbar-inverse{margin-top:0;padding-top:0}
.navbar-brand{margin-top:-2%}	

.nav > li{text-align:center;padding: 5px 0;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #700404;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a{

    color: #fff;}
.navbar-brand > .white img {
    margin-top: -8px;
}
.sticky .navbar-brand > .color img {
    margin-top: -10px;
}
.sticky .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-fixed-top .navbar-collapse {
    max-height: 1000px;
}
.sticky .navbar{padding:0}
.banar {
   
    padding: 70px 0 315px;
    text-align: center;
}
.banar .right {
    margin-top: 6vh;
	margin-bottom:5%
}
.banar .left img {
    position: relative;
   
}
.services .col-xs-6,.client .col-xs-6{width:100%}
.services .servic{text-align:center}
.services .servic > div {
    position: relative;
    padding: 5px;
}
.services .servic img {
    position: relative;
    
    display: inline-block;
	left: 0;
    top: 0;
}
.bg{background-size:cover!important}
.galry {
  
    margin-top: -22%;
}
.gallery-controls-previous,.gallery-controls-next{position:relative}
.gallery-controls button{margin-bottom:5%}
.gallery-container {
    height: 550px;
}
.stats {
padding: 0 0 30%;}
}
@media (min-width: 320px)and (max-width: 480px)	{

.navbar{padding:0}
.navbar-nav {margin: 0 -15px;background: #9a23ab}
.navbar-inverse{margin-top:0;padding-top:0}
.navbar-brand{margin-top:5%}	

.nav > li{text-align:center;padding: 5px 0;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #700404;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a{

    color: #fff;}
.sticky .navbar-brand > .color img {
    margin-top: -30px;
}	
.sticky .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-fixed-top .navbar-collapse {
    max-height: 1000px;
}
.sticky .navbar{padding:0}

.banar {
   
    padding: 70px 0 315px;
    text-align: center;
}
.banar .right {
    margin-top: 0;
	margin-bottom:5%
}
.banar .left img {
    position: relative;
    left: 0;
}
.services .servic img{position:relative;display:inline-block;left:0;top:0}
.services .servic {
    text-align: center;
}
.services .servic > div {
    position: relative;
    padding: 5px 10px 20px 10px;
}
.services .col-xs-6,.stats .col-xs-6,.client .col-xs-6{width:100%}
.bg{background-size:cover!important}
.galry {
  
    margin-top: -22%;
}
.gallery-controls-previous,.gallery-controls-next{position:relative}
.gallery-controls button{margin-bottom:5%}
.gallery-container {
    height: 550px;
}
.stats {
padding: 0 0 30%;}
.stats .stat span.icon {
   top: 65px;
    left: 95px;
}
}
@media (min-width: 481px)and (max-width:767px)	{

.navbar{padding:0}
.navbar-nav {margin: 0 -15px;background: #9a23ab}
.navbar-inverse{margin-top:0;padding-top:0}
.navbar-brand > .color img,.navbar-brand > .white img {margin-top:-20%}	

.nav > li{text-align:center;padding: 5px 0;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #700404;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a{color: #fff;}
.sticky .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-fixed-top .navbar-collapse {
    max-height: 1000px;
}
.sticky .navbar{padding:0}
.banar {
   
    padding: 70px 0 315px;
    text-align: center;
}
.banar .right {
    margin-top: 2vh;
	margin-bottom:5%
}
.banar .left img {
    position: relative;
    left: 0;
}
.services .servic{text-align:center}
.services .servic > div {
    position: relative;
    padding: 5px;
}
.services .servic img {
    position: relative;
    
    display: inline-block;
	left: 0;
    top: 0;
}
.skils img,.client img {
width: 65%;}
.bg{background-size:cover!important}
.galry {
  
    margin-top: -10%;
}
.client .col-xs-6{width:100%}
.gallery-controls-previous,.gallery-controls-next{position:relative}
.gallery-controls button{margin-bottom:5%}
.gallery-container {
    height: 550px;
}
.stats {
padding: 0 0 15%;}
.stats .stat span.icon {
   top: 50px;
    left: 30px;}
}
@media (min-width: 768px)and (max-width: 990px){
.navbar-right{margin-right: 75px!important;}

.banar {
    margin-top: -3%;
padding: 10% 0 25%;}
.banar .left img {
    left: 2%;
    top: 80px;
    width: 100%;
}

.sticky .navbar-brand > .color img {
   
    top: 25px;
    right: 13px;
    position: absolute;
}

.banar .right {
    margin-top: 4vh;
}
.services .servic{text-align:center}
.services .servic > div {
    position: relative;
    padding: 5px;
}
.services .servic img {
    position: relative;
    
    display: inline-block;
	left: 0;
    top: 0;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot,.ps-timeline-sec .container ol.ps-timeline li .ps-top {
   
    width: 170px;
}
.galry {
  
    margin-top: -10%;
}
.stats .stat span.icon {
   
    top: 60px;
left: 90px;}
}

@media (min-width: 991px)and (max-width: 1024px){
.navbar-right{margin-right: 95px!important;}
.nav > li > a {
padding: 10px 10px;}
	.navbar-brand > .white img {
   
    position: absolute;
    right: 4%;}
.banar .left img {left: -9%;
top: 80px;}



}
@media (min-width: 1025px)and (max-width: 1200px){
.navbar-brand > .white img {
   
    
    position: absolute;
    right: 15px;
}
.navbar-right{margin-right: 55px!important;}	
.sticky .navbar-brand > .color img {
   
    top: 25px;
    right: 13px;
    position: absolute;
}
.banar .left img {
    left: 10%;
	width:100%
}
.banar .right {
    margin-top: 0;
}


}

.loading-overlay{background:#fff;position:fixed;z-index:99999;width:100%;height:100%;left:0;top:0;
 }
.loading-overlay img{width:300px;height:300px; position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)}