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

body{
	margin:0px ;
 	padding:0px;
	font-family: 'Poppins', sans-serif !important;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
  margin:0px ;
  padding:0px;
}




/*font-family: 'Poppins', sans-serif;*/
/*needed*/
a{
  text-decoration:none !important;
  -webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
a:hover{
  text-decoration:none !important;
}
ul{
  list-style-type:none;
}
.clear{
  clear:both;
}
/*needed*/



	/***** start of banner ********/
.banner {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 905px;
    background-position: left;
    background: url(../images/banner-bg.png) left -730px top no-repeat;
    background-size: 3080px 1005px;
    /*background-size: contain;*/
}
img.bg{
	margin:0px 0px 0px 0px;
	display:block;
	position:absolute;
	z-index:1;
	width:100%;
	height:auto;
}



		/******* start of top-header *******/

.top-header{
	margin:0px 0px 0px 0px;
	padding:12px 0px 12px 0px;
	width:100%;
	position:relative;
	z-index:2;
	border-bottom:1px solid rgba(255,255,255,.15);
}	
.top-header-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.header-left{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:375px;
}
.top-header ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
	font-weight:normal;
	font-size:16px;
	color:#fff;
	line-height:36px;
}
ul.header-left li i.fas{
	margin:0px 10px 0px 0px;
	color:#fff;
}
ul.header-left li.last{
	margin:0px 0px 0px 0px;
	float:right;
}


ul.header-right{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:255px;
}
button.language{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:none;
}
ul.header-right li i.fas{
	margin:0px 10px 0px 0px;
	color:#fff;
}
ul.header-right li i.cart{
	margin:0px 10px 0px 0px;
	color:#fff;
	text-align:center;
	width:36px;
	line-height:36px;
	border-radius:50%;
	background:#50afe2;
	border:1px solid #156da2;
}
ul.header-right li.last{
	margin:0px 0px 0px 0px;
	float:right;
}


		/******* start of header ********/
		
.header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:transparent;
	position:relative;
	z-index:2;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background: none !important;
}
.navbar{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px;
	border:none !important;
}

.navbar-brand {
    height:auto !important;
    padding:0px 0px 0px 0px !important;
}
a.navbar-brand {
    margin: 0px 0px 0px 0px !important;
    padding: 12px 0px 0px 0px !important;
}

.navbar-nav{
	margin:36px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}

.navbar-nav li{
	margin:0px 35px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}


.navbar-nav li a{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	font-weight:500;
	font-size: 16px;
	color: #fff;
	text-transform:uppercase;
	border-radius:0px;
}
.navbar-nav li a.active{
	color:#d8e3ff;
}
.navbar-nav li a:hover{
	color:#d8e3ff;
}


.navbar-nav li.last {
    margin: 0px 0px 0px 0px !important;
}



		/********* start of banner-text ****/
		
.banner-text{
	margin:0px 0px 0px 0px;
	padding:55px 0px 0px 0px;
	position:relative;
	z-index:2;
	width:100%;
}
.banner-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.banner-left{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:585px;
	float:left;
}
.banner-left h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:500;
	font-size:30px;
	color: #00deff;
}
.banner-left h1{
	margin:25px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:65px;
	color:#fff;
	text-transform:uppercase;
}
.banner-left h1 span{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:40px;
	color:#fff;
	text-transform:uppercase;
	display:block;
}

.banner-left p{
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:20px;
	color:#fff;
	line-height:33px;
}

img.fashion-pic {
    margin: -25px -40px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 592px;
}

	/********** start of work ***********/
	
.work{
	margin:0px 0px 0px 0px;
	padding: 200px 0px 130px 0px;
	width:100%;
	position:relative;
	overflow:hidden;
}
img.ribb1{
	margin:130px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:288px;
}
img.ribb2{
	margin:130px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:500px;
}
.work h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:60px;
	color:#33373a;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	z-index:2;
}
.work-row{
	margin:175px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:1115px;
	position:relative;
	z-index:2;
}
.work1{
	margin:0px 33px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	float:left;
}
.work-box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#2196f3;
	border-radius:10px;
	border:1px solid #2196f3;
	height:425px;
	color:#fff;
	-webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}

img.work-pic1{
	margin:-115px auto 0px auto;
	display:block;
}
.work-text{
	margin:45px 0px 0px 0px;
	padding:0px 30px 0px 30px;
}
.work-text h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:30px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.work-text p{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:18px;
	text-align:center;
	line-height:30px;
}
	
	
.work2{
	margin:0px 0px 0px 0px;
}
.work2 .work-box{
	background:#fff;
	color:#000 !important;
	border:1px solid #eaeaea;
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,.10);
}
.work2 .work-text h4 {
    color:#000 !important;
}
	
.work3{
	margin:0px 0px 0px 0px;
	float:right;
}
	
	
	
			/******* start of result ******/
			
.result{
	margin:69px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	background-color:#2196f3;
	width:100%;
	height:616px;
	border-radius:0px 0px 0px 0px;
	position:relative;
}
img.result-bg{
	margin:-61px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 61px;
}
.result-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.result-text{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:830px;
}

.result-text h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:30px;
	color:#00deff;
	text-align:center;
	text-transform:uppercase;
}
.result-text h3{
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:60px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.result-text p{
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:30px;
}



.result-bar{
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,.15);
}
.bar1{
	margin:0px 0px 0px 0px;
	padding:15px 30px 15px 30px;
	background:#edf4fc;
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
	border-bottom:1px solid #aad7f9;
}
.bar1 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bar1 ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:500;
	font-size:14px;
	color:#000;
	float:left;
	text-transform:uppercase;
	width:109px;
}
.bar1 ul li.fourth{
	margin:0px 40px 0px 0px;
}
.bar1 ul li.share{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:356px;
}
.bar1 ul li.last{
	margin:0px 0px 0px 0px;
}


.list1{
	margin:0px 0px 0px 0px;
	padding:15px 30px 15px 30px;
	border-bottom:1px solid #aad7f9;
	background:#f6fafd;
	overflow:hidden;
	-webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
.list1:hover{
	background:#e0f0fc;
}
.list5{
	border:none;
}
.list1 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.list1 ul li.part1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:356px;
}
img.admin{
	float:left;
}
.list1 ul li{
	margin:17px 46px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:500;
	font-size:17px;
	color:#000;
	float:left;
	width:62px;
}
.list1 ul li.fourth{
	margin:17px 99px 0px 0px;
}
.list1 ul li.part1 span{
	margin:0px 0px 0px 28px;
	line-height: 68px;
}

.list1 ul li span.new{
	color:#0dce11;
}

.list1 ul li.last{
	margin:17px 0px 0px 0px;
	width:122px;
}
.list1 ul li.read{
	margin:17px 0px 0px 0px;
	width:117px;
}
.list1 ul li.read a{
	margin:0px auto 0px auto;
	font-weight:500;
	font-size:13px;
	color:#323232;
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:105px;
	line-height:32px;
	border-radius:40px;
	background:linear-gradient(90deg,#e2e2e2,#bfbfbf);
}
.list1 ul li.read a:hover{
	color:#fff;
	background:linear-gradient(90deg,#2196f3,#1c75a5);
}


a.browse{
	margin:50px auto 0px auto;
	font-weight:500;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:160px;
	line-height:50px;
	border-radius:3px;
	background:linear-gradient(90deg,#fa9616,#e45b2b);
}
a.browse:hover{
	color:#fff;
	background:linear-gradient(90deg,#fa9616,#e45b2b);
}


		
		/******** start of revenue *******/
		
.revenue{
	/*margin:460px 0px 0px 0px;*/
	padding:85px 0px 75px 0px;
	background:#2196f3;
	overflow:hidden;
	width:100%;	
}
.revenue-row{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:905px;	
}
.revenue-row h2{
	margin:0px 0px 70px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:60px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.revenue-form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:490px;
}
.form1{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
input.name{
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	border:none;
	font-weight:500;
	font-size:20px;
	color:#babbbb;
	width:100%;
	line-height:56px;
	border-radius:5px;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.25);
}
input.sub{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	font-weight:500;
	font-size:23px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:100%;
	line-height:56px;
	border-radius:5px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.25);
	background:linear-gradient(90deg,#fa9716,#e45a2b);
}

img.logo2{
	margin:30px 0px 0px 58px;
	padding:0px 0px 0px 0px;
	float:left;
}



		/******* start of customer *******/
		
.customer{
	margin:0px 0px 0px 0px;
	padding:110px 0px 95px 0px;
	width:100%;
	overflow:hidden;
}
.customer h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:60px;
	color:#33373a;
	text-align:center;
	text-transform:uppercase;
}
.customer-row{
	margin:45px 0px 0px 0px;
	padding:140px 0px 130px 0px;
	background:url(../images/cust-bg.png) center center no-repeat;
	width:1113px;
}

.slider-box{
	margin:0px auto 0px auto;
	padding:36px 0px 36px 0px;
	background:#fff;
	width:778px;
	border-radius:5px;
}
.slider{
	margin:0px auto 0px auto;
	padding:10px 0px 30px 0px;
	background:#fff;
	width:692px;
	border-radius:5px;
}
.slider p{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:20px;
	color:#000;
	text-align:center;
	line-height:36px;
	position:relative;
}
.slider p::before{
	content:'';
	margin:-3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/invert1.png) 0px 0px no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:10px;
}
.slider p::after{
	content:'';
	margin: 0px 140px -20px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/invert2.png) 0px 0px no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	width:10px;
	height:10px;
}

img.cust-pic{
	margin:40px auto 0px auto;
	display:block !important;	
}	
.slider h4{
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	font-weight:normal;
	font-size:23px;
	color:#2196f3;
	text-align:center;
	text-transform:uppercase;
	position:relative;
}
.slider h6{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:15px;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	line-height:inherit;
}


#myBtn{
	padding:0px 0px 12px 0px;
	display: none;
	z-index: 999;
	background: rgb(27, 139, 229) none repeat scroll 0% 0%;
	position: fixed;
	width:100%;
	top:0;
}






.new-logo{
	width:218px;
}
.new-nav{
	
}
.new-nav .navbar-nav li a {
    font-size: 14px;
}

.new-nav {
    margin: 28px 0px 0px 0px !important;
}
.new-nav li {
    margin: 0px 31px 0px 0px !important;
}