body{
	margin:0;
    padding:0;
    font-family: SFDisplayLight;
}
body ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
@font-face {
  font-family: Terminamedium;
  src: url("../font/Termina W05 Bold.ttf");
}
@font-face {
  font-family: Terminablack;
  src: url("../font/Termina W05 Black.ttf");
}

@font-face {
  font-family: Terminadomedium;
  src: url("../font/TerminalDosis-Medium.ttf");
}
@font-face {
  font-family: Terminademi;
  src: url("../font/Termina W00 Demi.ttf");
}
@font-face {
  font-family: Terminaheavy;
  src: url("../font/Termina W05 Heavy.ttf");
}
@font-face {
  font-family: Terminadomedium;
  src: url("../font/TerminalDosis-Medium.ttf");
}

/*SFD FONT START*/
/*SFD FONT START*/
/*SFD FONT START*/
/*SFD FONT START*/


@font-face {
  font-family: SFDisplayLight;
  src: url("../font/SFDisplay-Light.otf");
}

@font-face {
  font-family: SFDuLight;
  src: url("../font/SFDisplay-Ultralight.otf");
}

@font-face {
  font-family: SFDthin;
  src: url("../font/SFDisplay-Thin.otf");
}

@font-face {
  font-family: SFDsbold;
  src: url("../font/SFDisplay-Semibold.otf");
}
@font-face {
  font-family: SFDbold;
  src: url("../font/SFDisplay-Bold.otf");
}

@font-face {
  font-family: SFDregular;
  src: url("../font/SFDisplay-Regular.otf ");
}
@font-face {
  font-family: SFDmedium;
  src: url("../font/SFDisplay-Medium.otf ");
}
@font-face {
  font-family: SFDlight;
  src: url("../font/SFDisplay-Light.otf ");
}
@font-face {
  font-family: SFDheavy;
  src: url("../font/SFDisplay-Heavy.otf");
}
@font-face {
  font-family: SFDblack;
  src: url("../font/SFDisplay-Black.otf");
}
@font-face {
  font-family: CASLON;
  src: url("../font/CASLON.ttf");
}







body li{
	float: left;
}
body .row{
  margin: 0;
  padding: 0;
}
.maincol{
	margin: 0;
	padding: 0;
	height: auto;
  font-family: sans-serif;
  position: relative;
}
body .container-fluid{
	padding: 0;
	margin: 0;
}
 


/*banner start*/
.banner{
	height: auto;
}
.banner-img{
  width: 100%;
}
body  .container{
	max-width: 96% !important;
	margin: 0 auto;
	padding: 0;
}



/*banner end*/
/*header start*/
header{
	padding: 0;
	width: 100%;
	 
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 999;
}
header nav {
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-family: Terminaheavy;
}
nav .logo{
	    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 23px;
    font-family: SFDheavy;
    
}
.myul{
	margin-top: -14px;
}
body  header .container{
	max-width: 93% !important;
	margin: 0 auto;
	padding: 0;
}
nav span{
	color: #fff;
	font-size: 40px;
	cursor: pointer;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: url('https://bwportfolios.live/2022/bluebarracuda/wp-content/uploads/2022/03/footer.png')50% 50%;
  overflow-x: hidden;
  transition: 0.6s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  height: 68vh;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
body a:not([href]):not([tabindex]),
body a:not([href]):not([tabindex]):hover
{
	color: #809ace;
    text-decoration: none;
    font-size: 55px;
    font-family: serif;
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.overlay .closebtn {
  position: absolute;
  top: 59px;
  right: 45px;
  cursor: pointer;
 
      width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 100px;
}

.menu-top{
	padding: 0;
	width: 44%;
	margin: 0 auto;

}
body .menu-item{
	display: flex;
	 font-family: SFDisplayLight;
}
.menu-item span{
	
	font-size: 12px;
	color: #c5c3ee;
  letter-spacing: 5px;
}
.menu-item:nth-child(2) a{
	color: #869dcf;
}
.menu-item li{
	padding-right: 10px;
}
.menu-item li:nth-child(2){
	   border-bottom: 1px solid #fff;
    width: 141PX;
    padding: 0 6px;
    font-size: 14px;
    padding-bottom: 3px;
    margin-top: -14px;
    margin-bottom: 21px;
    letter-spacing: 3px;
    margin-right: 14px;

}
.menu-item li:last-child{
    
    margin-top: -43px;
    margin-bottom: 0px;
    letter-spacing: 5px;
}
.menu-item a,
.menu-item a:hover
{
	color: #fff;
	text-decoration: none;
	 font-size: 70px;
    font-family: Terminademi;
    text-transform: uppercase;
    padding: 0;
}

.text-part{
	width: 68%;
	margin: 0 auto;
	margin-top: 25vh;
}
.myh1{
	width: 160px;
	margin: 0 auto;
	border-bottom: 2px solid #fff;
  text-align: center;
  padding-bottom:8px ;
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'SFDmedium';
  color: #fff;
  letter-spacing: 4px;
}
.text-part p{
	font-size: 80px;
	color: #fff;
	text-align: center;
	line-height: 68px;
	margin-top: 20px;
}

body .menu-bottom{
	width: 100%;
	position: absolute;
	bottom: 0;
	padding:0 2.5%;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	font-family:SFDisplayLight ;
}
body .row{
	padding: 0;
	margin: 0;
}
.overlay-content aside{
color: #9dbce1;
    position: absolute;
    right: -3%;
    transform: rotate(90deg);
   
    top: 20vh;
}
.overlay-content aside li  {
	 padding: 0 4px;
	 font-size: 18px;
	  font-family:SFDisplayLight ;
	}

.overlay-content aside li a{
	 
    padding: 0 5px;
   	color: #9dbce1;
     font-family:SFDmedium ;
    text-transform: capitalize;
    padding: 0;
    font-size: 18px;
}




/*header end*/

/*section1 start*/
.section1{
	padding: 0;
	margin: 70px 0px;
}
body .sec1left-row{
	padding:  0 0.4% 0 0;
}
body .sec1right-row{
	padding: 0 0 0  0.4%;
}

.section1 img{
	width: 100%;
}
.sec1-bt-img{
	margin-top: 15px;
}
.moreproject {
    width:20%;
    position: absolute;
    border-bottom: 2px solid #0065F0;
    padding-bottom: 4px;
    text-align: center;
    right: 0px;
    margin-top: 20px;
    clear: both;
   

  }
 .moreproject a{    
    text-decoration: none;
    text-transform: uppercase;
    color: #0065F0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
  }

.sec1-top-img{
	margin-top: 60px;
}
/*section1 end*/
/*section2 start*/
.section2{
	padding: 70px 24px 0 0;
	margin: 50px 0px 74px;
}

.sec2-top{
	color: #2D2EC3;
	font-size: 80px;
	/*width: 70%;*/
	font-family: sans-serif;
	letter-spacing: 2px;
	line-height: 75px;
	text-transform: uppercase;
}
.sec2-bottom{
	    color: #0C074E;
    width: 32%;
    font-size: 14px;
    margin-left: 43%;
    line-height: 28px;
    /* font-weight: 600; */
    font-family: SFDmedium;
    margin-top: 30px;
}
 
/*section2 end*/
/*section3 start*/
.section3{
	background: #2D2EC3;
	padding: 30px 0 60px;
}
/*section3 end*/

body .sec3left-row{
	padding: 0;
	margin: 0;

}

.sec3-img{
	width: 63%;
	margin-left:25%;
}

.sec3-img img{
	width: 100%;
	margin-top: -75px;
}

body h2{
	font-size: 80px;
	letter-spacing: 2px;

	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: 500;
}
body .sec3right-row{
	padding: 0 0 0 1.8%;
	padding-top: 36px;
	margin: 0;
	color: #fff;

	
}
.sec3right-text{
	padding: 0;
	margin-top: 60px;
}
.sec3-text-left{
	float: left;
	width: 20%;
}
.sec3-text-right{
	float: left;
	width: 35%;
	margin-left: 15%;

}

.sec3-text-row1{
	width: 90%;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.sec3-text-border{
	width: 90%;
	border-bottom: 2px solid #fff;
}
.sec3-text-right .sec3-text-row1{
	width:51%;
}
.sec3-text-right .sec3-text-border{
	width: 51%;
	 
}

.sec3-text-big{
   letter-spacing: 2px;
   font-size: 35px;
   line-height: 31px;
   width: 100%;
   font-family:SFDisplayLight ;
   margin-top: 30px;
   	text-transform: uppercase;
}

.sec3-text-small{
	font-size: 15px;
	 margin-top: 10px;
	width: 100%;
}

/*section3 end*/
/*section4 start*/
.section4{
	padding:  0;
	position: relative;
}
body .sec4-slider{
	padding: 0;
	margin: 0;
/*	max-width: 55%;*/
}
.containe{
	width: 100%;
}

.item {
                margin-left: -9px;
        }
      .owl-carousel{
             transform: rotate(90deg);
        }
body .sec4-text{
	padding: 0;
	margin: 0;
	background: #E9F9F8;
	padding: 30px 30px;
	overflow: hidden;
}
.sec4-text h2{
    color: #2D2EC3;
    width: 50%;
    line-height: 75px;
}
.allss{
	margin: 39%  0;
 }
 





.ss1{
	font-family: sans-serif;
	color: #0065F0;
	 letter-spacing: 2px;
   font-size: 41px;
   line-height: 38px;
   
   text-transform: uppercase;
}
 .ss2{
	font-family: sans-serif;
	color: #0065F0;
	 letter-spacing: 2px;
   font-size: 41px;
   line-height: 38px;
   
   transition: all 0.5s ease-in-out;
 
   text-transform: uppercase;
}
.ss3{
	font-family: sans-serif;
	color: #0065F0;
	 letter-spacing: 2px;
   font-size: 41px;
   line-height: 38px;
 
   text-transform: uppercase;
}
.ss4{
	font-family: sans-serif;
	color: #0065F0;
	 letter-spacing: 2px;
   font-size: 41px;
   line-height: 38px;
 
   text-transform: uppercase;
}


.sec4-seemore{
	width: 17%;
    position: absolute;
    border-bottom: 2px solid #0065F0;
    padding-bottom: 4px;
    text-align: center;
  
 
}
.sec4-seemore a,
.sec4-seemore a:hover{
    text-decoration: none;
    text-transform: uppercase;
    color: #0065F0;
    font-weight: 600;
    font-size: 14px;

}

 
/*section4 end*/
/*section5 start*/
.section5{
	padding:250px 0;
	background: #2D2EC3;
	 position: relative;
    z-index: 99;
    margin-top: -5px;
}
body .section5 .container{
	max-width: 80% !important;
	margin: 0 auto;
	padding: 0;
}
.sec5-top{
	text-align: center;
	color: #fff;
}
.section5 body h2{
	font-family: Terminademi;
}
.s5-heading{
	    width: 150px;
    text-align: center;
    margin: 0 auto;
    font-size: 17px;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
body .sec5-bt{
	color: #fff;
	text-align: left;
	margin-top:150px;
}

 

.sec5-bt-row:nth-child(2) 
.sec3-text-row1{
    width:44%;
}

.sec5-bt-row:nth-child(2) 
.sec3-text-border{
   width: 42%;
   clear: both;
  
}
.sec5-bt .sec3-text-border{
	 border-bottom:3px solid #fff ;
}

.sec5-bt .sec3-text-big{
	 font-family: 'SFDmedium';
}
.sec5-bt .sec3-text-big{
	 font-size: 45px;
	 line-height: 40px;
}
.sec3-text-row1{
	margin-bottom: 7px;
}
.dubai{
	margin-top: -24px;
}
.dubaitext{
	    font-size: 17px;
    line-height: 35px;
    padding-top: 21px;
}
/*section5 end*/
/*footeer start*/
footer{
	background: url('https://bwportfolios.live/2022/bluebarracuda/wp-content/uploads/2022/03/footer.png')50% 50%;
    background-size: cover;
    padding: 240px 0 150px;
    position: relative;
}
.textleft{text-align: left;}
.textmiddle{text-align: middle;}
.textright{text-align: right;}

.res-text{
	display: none;
}

body footer .container{
	width: 45%;
	margin: 0 auto;
}
.ft-heading{
	    width:150px;
    text-align: center;
    margin: 0 auto;
    font-size: 17px;
    color: #8FC4FC;
    border-bottom: 2px solid #fff;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
footer p{
	color: #fff;
    font-size: 80px;
     text-align: center;
    font-family: sans-serif;
    letter-spacing: 2px;
    line-height: 68px;
    margin-top: 18px;
    text-transform: uppercase;

}
.footer-form{
	width: 90%;
	margin-top: 50px;
}
.ft-form-row{
height: auto;
}
.ft-form-row-left{
  width: 100%;
  height: auto;
  margin-bottom: 3px;
}
.ft-form-row label{
	    font-size: 9px;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
    font-weight: 900;
    color: #8FC4FC;
}
.ft-form-row ::placeholder{
	color:#8FC4FC ;
	font-size: 16px;
		font-family:SFDbold;
}
.ft-form-row input{
	background: #0000;
	width: 100%;
	border: none;
	border-bottom: 2px solid #fff;
	padding: 6px 5px;
	outline: none;
	color: #8FC4FC;
}
.ft-form-row textarea{
	background: #0000;
	width: 100%;
	border: none;
	border-bottom: 2px solid #fff;
	padding: 0px 6px 5px 0px;
	outline: none;
	color:#8FC4FC ;
	font-size: 17px;
	height: 103px;
	line-height: 34px;
	resize: none;
	overflow :hidden;
	font-family: SFDmedium;
}
.button{
	width: 100%;
	text-align: center;
}
.mybutton{
	 
	background: #0000;
	border: 2px solid #181EE8;
	color: #fff;
	padding: 10px 100px 11px 54px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-top: 85px;
	margin-left: 16%;
}
.mybutton:before{
	content:"";
	width: 53px;
	height:108%;
	background: #181EE8;
	position: absolute;
	top: -2px;
		border: 2px solid #181EE8;
		border-right: none;
	left: -52px;
}
.mybutton:focus{
	outline: none;
}

footer aside {
    color: #9dbce1;
    position: absolute;
    right: -5%;
    transform: rotate(90deg);
    top: 45vh;
}
 footer aside li  {
	 padding: 0 4px;
	 font-size: 18px;
	  font-family:SFDisplayLight ;
	}

 footer aside li a,
 footer aside li a:hover
 {
	 
    padding: 0 5px;
   	color: #6BD3FD;
     font-family:SFDmedium ;
    text-transform: capitalize;
    text-decoration: none;
    padding: 0;
    font-size:18px;
}




/*footeer end*/



@media (max-width: 1540px){
	.menu-top{
		width: 47%;
	}
  .sec2-bottom{
  	width: 35%;
  }







}

@media (max-width: 1530px){
	.menu-top{
		width: 50%;
	}


}
@media (max-width: 1538px){
	 .sec3-img{
	 	    width: 55%;
    margin-left: 25%;
}
.section3{
	padding: 20px 0 44px;
}
.section5 {
	padding: 200px 0;
}

}


@media (max-width: 1430px){
	.menu-top{
		width:54%;
	}

}
@media (max-width: 1330px){
	.menu-top{
		width:58%;
	}

}
@media (max-width: 1230px){
	.menu-top{
		width:62%;
	}

}

@media (max-width: 1180px){
	.menu-top{
		width:68%;
	}

}

/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/
/*-----MOBILE VERSION START------*/

@media (max-width: 767px){
  
  header{
  	top: 25px;
  }
  nav .logo{
  	font-size: 15px;
  	line-height: 14px;
  }
  nav span {
  	font-size: 30px;
  }
  .text-part{
  	width: 100%;
  	margin-top: 5vh	;
  }
  
  .text-part p{
  	font-size: 26px;
  	line-height: 24px;
  	margin-top: 11px;
  }
.myh1{
	border-bottom: 0px;
	width: 40%;
}
.banner{
	height: 31vh;
}
.banner-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.overlay{
	height: 100vh;
	left: 0px;
}
/*---HAMBURGER---*/
/*---HAMBURGER---*/
/*---HAMBURGER---*/
.overlay .closebtn {
	width: 40px;
	height: 40px;
	right: 7%;
	top: 25px;
}
body a:not([href]):not([tabindex]), 
body a:not([href]):not([tabindex]):hover{
	font-size: 36px;
}
.menu-top{
	width: 90%;
}

.menu-item a, .menu-item a:hover{
	font-size: 19px;
}
.overlay-content{
	margin-top: 49px;
}
.menu-item li:nth-child(2){
	font-size: 10px;
	margin-top: -7px;
	width: 32%;
}
.menu-item li:last-child{
	margin-top: -7px;
}
.menu-item span{
	font-size: 10px;
	letter-spacing: 4px;
} 
.menu-item li{
	padding-right: 5%;
}
.menu-item li:last-child{
	letter-spacing: 3px;
	padding: 0;
}
.overlay-content ul{
	width: 100%;
}
.overlay-content aside{
	top: -1vh;
	right: -24%;
}
.overlay-content aside li a{
	font-size: 16px;
}
















/*------SECTION1-----*/
/*------SECTION1-----*/
/*------SECTION1-----*/
.section1{

	margin: 0px 0;
	margin-top: 40px;
}
.sec1-top-img {
	margin-top: 15px;

}
.moreproject{
	width: 33%;
	padding-bottom: 1px;
	position: static;
	margin: 0 auto;
	margin-top: 20px;
}
.moreproject a{
	font-size: 11px;
}

/*SECTION2*/

.section2{
	padding: 0;
	margin: 100px 0;
	margin-top: 0;
	text-align: center;
}
.sec2-top{
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 28px;
	margin-top: 29px;
}
.sec2-bottom{
	width: 100%;
	margin-left: 0;
}
/*SECTION3*/
.section3{
	 padding: 30px 0 40px;
}
.sec3-img{
	width: 100%;
	margin-left: 0;
}
.sec3right-text{
	margin-top: 25px;
}
body h2{
	font-size:26px;
	text-align: center;
}
	#overlapingSlider .slider .rightPort .titleMain {

		font-size: 67px !important;
		left: 9px !important;
		top: 68px !important;
	}
	#overlapingSlider .slider .rightPort .titleSub{
		font-size: 25px !important;
	}
	#overlapingSlider .slider:nth-child(4) .rightPort .titleSub {
		top: calc(40% + (40*3px)) !important;
	}
.sec3-text-left{
	width: 100%;
	float: none;
	text-align: center;
}
.sec3-text-row1{
	width: 100%;
	float: none;
}
.sec3-text-left li{
	float: none;
}

.sec3-text-border{
 
    width: 40%;
    margin: 0 auto;
 
}


.sec3-text-right{
	float: none;
	width: 100%;
	margin-left: 0;
	text-align: center;
	margin-top: 25px;
}
.sec3-text-right .sec3-text-row1{
	width: 100%;
	float: none;
}
.sec3-text-right .sec3-text-border{
	 width: 40%;
    margin: 0 auto;
    float: none;
}
.sec3-text-big{
	font-size: 25px;
	margin-top: 5px;
}

/*-----SECTION4-----*/
/*-----SECTION4-----*/
/*-----SECTION4-----*/
.sec4-text h2{
	line-height: 28px;
	width: 100%;
}
.allss{
	margin: 9% 0;
	text-align: center;
}
.section4 {
	margin-top: 0;
}
body .sec4-text{
	padding:30px 30px 40px;
}
.sec4-text .ss1{
	font-size: 20px;
	line-height: 25px;
}
.sec4-text .ss2{
	font-size: 20px;
	line-height: 25px;
}
.sec4-text .ss3{
	font-size: 20px;
	line-height: 25px;
}
.sec4-text .ss4{
	font-size: 20px;
	line-height: 25px;
}
 .sec4-seemore {
 	    width: 28%;
    position: static;
    margin: 0 auto;
}
.item{
	margin-left: 0;
}
.section5{
	padding: 40px 0;
}
.sec5-top h2{
	margin-top: 7px;
}
.dubaitext{
	margin-bottom: 0;
}
body .sec5-bt-row{
	padding: 0;
	margin: 0;
	margin-top: 30px;
}
 
body .sec5-bt-row:first-child{
	margin-top: 0;
}
.sec5-bt .sec3-text-border{
	float: none;
}
body .sec5-bt{
	text-align: center;
	margin-top: 45px;
}
.sec5-bt .sec3-text-big{
	font-size: 25px;
	margin-top: 5px;
}
.sec5-bt-row:nth-child(2)
 .sec3-text-row1{
 	width: 100%;
 }








footer{
	padding: 50px 0;
}

body footer .container{
	width: 85%;
}
footer p{
	font-size: 26px;
	line-height: 24px;
}
body footer .ft-form-row{
	padding: 0;
	margin : 0;
}
footer aside{
	right: -35%;
	top: 30vh	;
}

.ft-form-row-left{
	    margin-bottom: 7px;
}
.mybutton {
	padding: 10px 41% 11px 19%;
	margin-left: 16%;
	margin-top: 55px;
}
.textleft{text-align: center;}
.textmiddle{text-align: center;}
.textright{text-align: center;}

.des-text{
	display: none;
}
.res-text{
	display: block;
}
body .menu-bottom{
	font-size: 10px;
	line-height: 19px;
}


}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */



#overlapingSlider {
	position: relative;
	height: 100vh;
	background: #fff;
}
#overlapingSlider .slider {
	position: absolute;
	width: 100%;
	height: 100vh;
	transition: all 0.5s ease-out;
}
#overlapingSlider .slider .leftPort{ height: 100vh; position: relative;}
#overlapingSlider .slider .leftPort img{width: 100%; height: 100%; object-fit: cover;}
#overlapingSlider .slider .rightPort{ height: 100vh; position: relative;}

#overlapingSlider .slider .rightPort .titleSub{ 
	position: absolute; top: 40%; left: 20px;
	font-family: sans-serif;
	color: #0065F0;
	letter-spacing: 2px;
	font-size: 40px;
	line-height: 1;
	text-transform: uppercase;
}
#overlapingSlider .slider:nth-child(2) .rightPort .titleSub{ top:calc(40% + (40*1px)); }
#overlapingSlider .slider:nth-child(3) .rightPort .titleSub{ top:calc(40% + (40*2px)); }
#overlapingSlider .slider:nth-child(4) .rightPort .titleSub{ top:calc(40% + (40*3px)); }


#overlapingSlider .slider .rightPort .titleMain{
	color: #2D2EC3;
	line-height: 75px;
	font-size: 80px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: 500;
	position: absolute;
	left: 20px;
	top: 20px;
}
#overlapingSlider .slider .rightPort .seeMore{
  	width: 120px;
    position: absolute;
    border-bottom: 2px solid #0065F0;
    padding-bottom: 4px;
    text-align: center;
		left: 20px;
		bottom: 30px;
}
#overlapingSlider .slider .rightPort .seeMore a,
#overlapingSlider .slider .rightPort .seeMore a:hover{
    text-decoration: none;
    text-transform: uppercase;
    color: #0065F0;
    font-weight: 600;
    font-size: 14px;
}
.arrow a, .arrow2 a{
	color: #fff;
    background-color: #060051;
    padding: 10px;
    border-radius: 50%;
}
.arrow {
  	text-align: center; 
	
	margin-top: -23px;
}
.arrow2 {
    text-align: center;
    margin-top: -49px;
    margin-bottom: 52px;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}