*,
*:after,
*:before {
    box-sizing: border-box
}

ul,
ol {
    padding: 0
} 
a {
    padding: 0;
    margin: 0;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    color: #32323e;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
}
a:hover,
a:active,
a:visited {
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: #000;
}

.padding10 {padding: 10px 0;}
.padding15 {padding: 15px 0;}
.padding20 {padding: 20px 0;}
.padding30 {padding: 30px 0;}
.padding40 {padding: 40px 0;}
.padding50 {padding: 50px 0;}
.padding60 {padding: 60px 0;}
.padding70 {padding: 70px 0;}
.padding80 {padding: 80px 0;}
.padding90 {padding: 90px 0;}
.padding100 {padding: 100px 0;}
.padding120 {padding: 120px 0;}
.padding130 {padding: 130px 0;}
.padding150 {padding: 150px 0;}
.padding200 {padding: 200px 0;}
.padding250 {padding: 250px 0;}
.center		{text-align: center;}
.text-white {color: #fff;}
.white 		{color: #fff;}
.f-weight  	{font-weight: 200;}

body{
	font-family: 'Poppins', sans-serif !important; 
	background-color: #fff !important;
	font-weight: 300 !important;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
	line-height: 1.7;
}
h1{
    text-transform: uppercase;
    font-size: 46px;
    font-weight: 700;
    margin: 15px 0;s
}
h2{
	text-transform: uppercase;
    font-size: 33px;
    font-weight: 700;
    margin: 15px 0;
}
h3{

	text-transform: uppercase;
    font-size: 25px !important;
    margin: 15px 0 !important;
	font-weight: 600 !important;	
}
h4{
	text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 10px 0 !important;
}
h5 {
	font-size: 18px !important;
	margin-bottom: 15px !important;
}
h6 {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
}
a {
    color: #626d86;
}
a:hover,
a:focus{
    color: #e9477f
}
img{
	width: 100%;
}
ul{
	margin: 0;
	padding:0;
}
ul li{
	list-style: none;
}
section{
	position: relative;
}
.big-text{
    position: absolute;
    font-size: 120px;
    color: #fafafa;
    z-index: -1;
    top: 10%;
    font-weight: bold;
    line-height: 150px;
}
.btn{
	margin-top: 20px !important;
}
.box{
	padding: 20px;
	background-color: #fff;
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	    min-height: 100px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.box:hover{
    box-shadow: 0 10px 20px rgba(100, 75, 175, 0.2);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.grey-bg{
	background-color: #f9f9f9;
}
.primary-gradient-bg{
    background: linear-gradient(140deg, #e73a3a 0%, #e9477f 100%);
}
.dark-bg{
	background-color: #626d86;
}
.padding-b50{
	padding-bottom: 50px;
}
.active {
    color: #e9477f;
    font-weight: 500
}
.m-0{
	margin: 0 !important;
}
.padding-b100{
	padding-bottom: 100px;
}




/* custom */

.banner{
/*	background-image:url(../img/banner.jpg);
	background-size: cover;*/
	position: relative;
}
.banner .banner-content{
/*	padding: 100px 0;*/
	min-height: 500px;
    padding-bottom: 50px;
	display: table;
}
.banner .banner-content > .row{
    display: table-cell;
    vertical-align: middle;
}
.banner .banner-content h1{
	margin-top: 40px;
}
.banner .logo{
	width: 180px;
}
.banner .topbar span{
	font-weight: 600;
	font-size: 16px;
	color: #fff;
}
.banner .fy-slideshow{
	z-index: 0;
}
.header .container{
	position: relative;
}
.header .logo img{
	width: 150px;
}
.header header{
	width: 100%;
	height: auto;
	background-color: #fff;
	position: absolute;
	left: 0;
    top: -100px;
    z-index: 999;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
}
.header .header-topbar{
	padding: 10px 20px;
	width: 100%;
    float: left;
    border-bottom: #f6f6f6 solid 1px;
}
.header .header-topbar .social ul{
	padding: 0;
	margin: 0;
}
.header .header-topbar ul li{
	list-style: none;
	float: left;
	text-align: center;
	line-height: 31px;
}
.header .header-topbar ul li a{
	color: #fff;
	margin-right: 15px;
	font-size: 14px;
	width: 30px;
	height: 30px;
	background-color: #626d86;
	border-radius: 30px;
	display: block;
}
.header .header-topbar > a{
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    color: #626d86;
    line-height: 30px;
}
.header .header-topbar > a:hover{
	text-decoration: none;
    background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header .header-topbar ul li a:hover{
	background-color: #e73230;
}
.header .main-header{
    float: left;
    width: 100%;
/*    display: flex;*/
	padding: 25px 20px;
}
.header .main-header .logo{
	float: left;
	width: 20%;
	text-align: left;
}

.header .main-header nav{
	line-height: 35px;
	float: left;
	width: 80%;
	/*text-align: left;*/
}
.header .main-header nav ul{
	margin: 0;
	padding: 0;
	float: right;
	width: 100%;
}
.header .navbar-toggle{
	margin: 0;
}
.header .navbar{
	margin-bottom: 0;
	min-height: inherit;
}
.header .navbar-toggle .icon-bar{
	background-color: #E9477F ;
	height: 3px;
}
.header .navbar-toggle .icon-bar+.icon-bar{
	margin-top: 5px;
}
.header .navbar-collapse{
	position: absolute;
	padding:0; 
	right: 0;
}
.header .nav>li{
	font-weight: 400;
}
.header .nav>li>a:focus, .nav>li>a:hover{
	background-color: transparent;
}

.home .service-box{
	width: 100%;
	min-height: 145px;
	text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.home .service-box:hover{
    box-shadow: 0 10px 20px rgba(100, 75, 175, 0.2);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    cursor: pointer;
}
.home .service-box i{
	font-size: 40px;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
    background: linear-gradient(140deg, #e73a3a 10%, #e9477f 10%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home .service-box .title{
    margin-bottom: 10px !important;
    display: block;
    font-weight: 600;
}
.home .service-box p{
    font-size: 12px;
    line-height: 16px;
}
.home .about{
	padding: 180px 0 100px 0;
}
.home .we-offr ul li{
	color: #e9477f;
	font-weight: 400;
	line-height: 30px
}


/*  testimonial */

.testimonial{
    margin: 20px 10px 0;
    position: relative;
    cursor: pointer;
}
.testimonial .pic{
    padding: 5px;
    background: #fff;
    border: 1px solid #e9477f;
    position: absolute;
    top: -20px;
    left: 5px;
    z-index: 1;
}
.testimonial .description{
    padding: 30px 45px 30px 60px;
    margin-left: 34px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 26px;
    position: relative;
}
.testimonial .description:before{
    content: "";
    width: 35px;
    height: 101%;
    background: #fff;
    border-left: 1px solid #eee;
    position: absolute;
    top: 0;
    right: -18px;
    transform: skewX(-13deg);
}
.testimonial .testimonial-content{
    margin: 20px 0 0 34px;
}
.testimonial .title{
    display: inline-block;
    font-size: 14px;
    color: #e9477f;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-top: 2px;
}
.owl-theme .owl-controls{
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
    background: #fc6963;
}
@media only screen and (max-width:990px){
    .testimonial .description:before{
        display: none;
    }
}
.testimonial-section{
	padding: 100px 0;
}
.home .work{
	padding: 100px 0;
}
.home .work a:hover, .home .work a:focus{
	color: #fff;
	text-decoration: none;
}
.home .work h5{
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 20px;
    font-weight: 500;
}
.home .work .desc-holder{
	padding-top: 20px;
    font-weight: 200;
    position: relative;
}
.home .work .timeline{
    position: relative;
}
.home .work .timeline:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: 62px;
    z-index: 1;
    background-image: -webkit-linear-gradient(to right, #f58384 0%, #ff8fb4 100%);
    background-image: -mos-linear-gradient(to right, #f58384 0%, #ff8fb4 100%);
    background-image: -o-linear-gradient(to right, #f58384 0%, #ff8fb4 100%);
    background-image: linear-gradient(to right, #f58384 0%, #ff8fb4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58384a3', endColorstr='#ff8fb4a0', GradientType=1);
}
.home .work a.item-link .desc-holder .desc {
    display: block;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: .4;
}
.home .work a.item-link:hover .desc-holder .desc {
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    /* transform: translate(0, 15px); */
    opacity: 1;
}
.home .work a.item-link h5 {
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: .4;
}
.home .work a.item-link:hover h5 {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    /* transform: translate(0, -15px); */
    opacity: 1;
}
.home .work a.item-link .desc-holder:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    width: 12px;
    height: 12px;
    margin: -3px 0 0 -6px;
    background: #fff;
    border: 2px solid rgb(179, 45, 79);
    border-radius: 50%;
    z-index: 2;
}
.home .work a.item-link .desc-holder:after {
    content: "\f00c";
    display: block;
    position: absolute;
    font-size: 14px;
    left: 50%;
    top: -5px;
    margin: -3px 0 0 -6px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home .work a.item-link:hover .desc-holder:before {
    -webkit-transform: scale(4, 4);
    -ms-transform: scale(4, 4);
    -o-transform: scale(4, 4);
    transform: scale(4, 4);
    background: rgba(255, 255, 255, 0.2);
    border-width: 0;
}
.home .work a.item-link:hover .desc-holder:after {
    opacity: 1;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.logo-slider{
    padding: 20px 0;
    background-color: #f9f9f9;
}
.home .padding-top50{
	padding-top: 50px;
}



















.footer{
	background-color: #323c47;
    font-weight: 200;
    letter-spacing: .5px;
    color: #c2d1e1;
}
.footer a{
	color: #c2d1e1;
}
.footer a:hover{
	color: #e9477f;
}
.footer .links ul{
	margin:0;
	padding:0;
}
.footer .links li{
	list-style: none;
}
.footer .links li::before {
    position: relative;
    top: -1px;
    margin-right: 10px;
    content: '\f105';
    font: 400 14px/24px 'FontAwesome';
    color: #e9477f;
}
.footer .copyright{
	background-color: #2e3741;
    line-height: 45px;
    font-size: 12px;
}
.footer .divider{
	margin-top: 10px;
    border-bottom: 1px solid #424f5d;
    margin-bottom: 20px;
}
.footer .f-heading{
	font-weight: 400;
	font-size: 18px;
}
.footer  .copyright ul{
	float: right;
}
.footer  .copyright li{
	float: left;
	list-style: none;
	margin-left: 25px;
}
.footer .copyright p, .footer  .copyright ul{
	margin-bottom: 0 !important;
}
.footer .social{
	margin-top: 20px;
}
.footer .social a{
	font-size: 16px;
}   
.footer input[type="email"]{
	width: 100%;
    margin-right: 10px;
    background-color: #424f5d;
    border: none;
    height: 40px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}
.footer input[type="email"]{

}
.footer form{
	display: flex;
}
.footer .btn{
    margin-top: 0 !important;
    padding: 0 20px !important;
    line-height: 20px;
}
.footer .post p{
	font-size: 12px;
	color: #c2d1e1;
}
.footer p.f-abt{
	font-size: 12px;
}















/* big text */
@media only screen and (max-width: 600px) {
.big-text{
	display: none;
}
}
@media only screen and (max-width: 800px) {
body.login{
	display: block !important;
}
body.login .back-to img{
	padding: 50px 0 30px 0;
    width: 200px !important;
}
body.login .login-form{
	margin-bottom: 30px;
}
}
/* navbar */
@media only screen and (max-width: 767px) {
.header .main-header nav ul li{
	float: left !important;
	width: 100%;
	list-style: none;
}
.header .main-header nav ul li a{
    padding: 8px 15px;
    font-weight: 400;
    border-bottom: 1px solid #fff;
}
.header .main-header nav ul{
	margin: 0;
	padding: 0;
	float: right;
	width: 100%;
}
.header .navbar-toggle{
	background-color: #f6f6f6;
	margin: 0;
}
.header .navbar-collapse {
	position: absolute;
    width: 70%;
    background: #f6f6f6;
    right: 15px;
}
}


 

/*   Responsive   */

/***********************iPhone Portrait***********************/
@media only screen and (max-width: 479px) and (min-width: 340px) {
h1 {
    font-size: 30px !important;
    line-height: 40px !important;
}
h2 {
    font-size: 25px !important;
    line-height: 34px !important;
}
section{
	text-align: center;
}
.fy-caption {
    margin-top: -50px;
}
.header .logo img {
    width: 180px;
    margin-top: 3px;
}
.nav-menu{
	display: none;
}
.home .about {
    padding: 100px 0 50px 0;
}
.about .btn{
	margin-bottom: 40px;
}
.grey-bg.we-offr.padding120{
	padding: 90px 0;
}
.home .work {
    padding: 60px 0;
}
.home .work .padding-b50{
	padding-bottom: 20px;
}
.home .work .timeline:after{
	display: none;
}
.home .work h5 {
    padding-bottom :0 !important;
    margin-bottom :0 !important;
}
.home .work .desc-holder {
    padding-top: 0px;
}
.work .item-link{
    margin: 30px 0;
    display: block;
}
.home .work a.item-link .desc-holder:before {
    display: none;
}
.home .work a.item-link:hover .desc-holder:before {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(4, 4);
    -o-transform: scale(4, 4);
    transform: scale(0, 0);
    background: rgba(255, 255, 255, 0.2);
    border-width: 0;
}
footer .f-heading{
	margin-top: 50px;
}
footer .row div:first-child .f-heading{
	margin-top: 0;
}
.fy-caption .fy-caption-header h2, .fy-caption .fy-caption-header h3 {
    font-size: 40px !important;
    line-height: 45px !important;
    padding: 10px 0px;
}
/* about iphone portrait*/
.about-us .about{
	padding: 60px 0 !important;
}
.about-us .about .f-weight{
	display: block;
}
.about-us .about .content .row div:first-child, .about-us .about .content .row div:nth-child(2){
	margin-bottom: 20px;
}
.about-us .mission .col-md-5{
	display: none;
}
.banner .topbar span{
	font-weight: 400;
	font-size: 14px !important;
}	
.home .service-box {
    width: 100%;
    min-height: 155px;
}
.box{
	margin-bottom: 20px;
}
.about-us .video-button{
	float: none !important;
	margin: auto !important;
}
.modal-video-close-btn{
	right: 0 !important;
}

/* services */
.services .services-1 .line{
    margin: 10px auto 0px !important;
}
.services .services-1 .box{
	margin-left: 0% !important;
	margin-top: 30px;
	margin-bottom: 0;
	padding:20px 30px !important;
}
.services .services-1 p:nth-child(5){
	margin-top: 30px;
}
.services .services-1 .box i{
	display: none;
}
.services .services-1 .box li{
	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services .services-1 .img-slider{
	display: none !important;
}
.services .services-1 .padding-b100{
	padding-bottom: 60px;
}
.contact .contact-1{
	text-align: left;
}
}
/***********************iPhone Landscape***********************/
@media only screen and (max-width: 767px) and (min-width: 480px) {
h1 {
    font-size: 30px !important;
    line-height: 40px !important;
}
h2 {
    font-size: 25px !important;
    line-height: 34px !important;
}
section{
	text-align: center;
}
.fy-caption {
    margin-top: -30px;
}
.header .logo img {
    width: 180px;
}
.nav-menu{
	display: none;
}
.home .about {
    padding: 100px 0 50px 0;
}
.about .btn{
	margin-bottom: 40px;
}
.grey-bg.we-offr.padding120{
	padding: 90px 0;
}
.home .work {
    padding: 60px 0;
}
.home .work .padding-b50{
	padding-bottom: 20px;
}
.home .work .timeline:after{
	display: none;
}
.home .work h5 {
    padding-bottom :0 !important;
    margin-bottom :0 !important;
}
.home .work .desc-holder {
    padding-top: 0px;
}
.work .item-link{
    margin: 30px 0;
    display: block;
}
.home .work a.item-link .desc-holder:before {
    display: none;
}
.home .work a.item-link:hover .desc-holder:before {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(4, 4);
    -o-transform: scale(4, 4);
    transform: scale(0, 0);
    background: rgba(255, 255, 255, 0.2);
    border-width: 0;
}
footer .f-heading{
	margin-top: 50px;
}
footer .row div:first-child .f-heading{
	margin-top: 0;
}
.fy-caption .fy-caption-header h2, .fy-caption .fy-caption-header h3 {
    font-size: 40px !important;
    line-height: initial !important;
    padding: 20px 0px;
}
.banner .topbar span{
	font-weight: 400;
	font-size: 14px;
}
.about2 .box{
	margin-bottom: 20px;
}
.about-us .mission .col-md-5{
	display: none;
}
.services .services-1 .line{
    margin: 10px auto 0px !important;
}
.services .services-1 .box{
	margin-left: 0% !important;
	margin-top: 30px;
	margin-bottom: 0;
	padding:20px 30px !important;
}
.services .services-1 p:nth-child(5){
	margin-top: 30px !important;
}
.services .services-1 .box i{
	display: none;
}
.services .services-1 .box li{
	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services .services-1 .img-slider{
	display: none !important;
}
.services .services-1 .padding-b100{
	padding-bottom: 60px;
}
.contact .contact-1{
	text-align: left;
}

}
/***********************iPad Portrait***********************/
@media only screen and (max-width: 985px) and (min-width: 768px) {
.big-text{
    font-size: 100px;
}
.home .work a.item-link h5 {
    height: 57px;
    line-height: 22px;
}
.box{
	margin-bottom: 20px;
}
.about-us .mission .col-md-5{
	display: none;
}
.services .services-1 .padding-b100{
	padding-bottom: 80px;
}
.services .services-1 .box{
	margin-left: 0% !important;
	margin-top: 30px;
	margin-bottom: 0;
	padding:20px 30px !important;
}
.services .services-1 p:nth-child(5){
	margin-top: 30px !important;
}
}
/***********************iPad Landscape***********************/
@media only screen and ( max-width: 1024px) and (min-width: 986px) {
.about-us .js-video-button:hover span {
    left: 130px !important; 
}
.about-us .js-video-button span {
    left: 130px !important;
}
.services .services-1 .padding-b100{
	padding-bottom: 80px;
}
.services .services-1 .box{
	margin-left: 0% !important;
	margin-top: 30px;
	margin-bottom: 0;
	padding:20px 30px !important;
}
.services .services-1 p:nth-child(5){
	margin-top: 30px !important;
}
}


@media only screen and (min-width: 992px) {
.services .services-1 .box{
	margin-top: 115px;
}
}
/*---------------------------- end responsive ----------------------------*/

/* About */

.about-us .about{
	padding: 120px 0 80px 0;
}
.about-us .about ul{
	margin-top:20px;
}
.about-us .about ul li{
    color: #e9477f;
    font-weight: 500;
/*    line-height: 30px;*/
}
.about-us .about ul li span{
    margin-right: 10px;
    width: 50px;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
}
.about-us .about .caption-box{
	margin-top: 25px;
}
.about2{
	text-align: center;
}
.about2 span{
	font-size: 40px;
	font-weight: 500;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.about2 p{
	font-weight: 500;
	font-size: 16px;
}
.about2 .box:hover span{
    text-decoration: none;
    background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.video-section{
	padding: 80px 0;
    background: linear-gradient(140deg, #e73a3a 0%, #e9477f 100%);
}
.about-us .js-video-button{
	background-color: transparent;
	border: none;
	outline: none;
	float: right !important;
}
.about-us .js-video-button span{
	opacity: 0;
	position: absolute;
	top: 200px;
	left: 215px;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.about-us .js-video-button:hover span{
	opacity: .8;
	top: 160px;
    left: 215px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.about-us .video-button{
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	float: inherit !important;
	line-height: 30px;
	margin-top: 20px;
}
.about-us .video-button i{
    font-size: 25px;
    margin-top: 2px;
    float: left;
    margin-right: 10px;
}

/*     services     */

.services .services-1{
	padding: 120px 0 80px 0;
}
.services .services-1 .line{
	height: 3px;
	width: 50%;
    background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    margin: 10px 0 30px;
}
.services .services-1 .box{
	margin-left: 10%;
	padding: 30px 40px;
}
.services .services-1 .box i{
	margin-right: 10px;
	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services .services-1 .box li:hover{
	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services .services-1 .box li{
	line-height: 30px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}
.services .services-1 .box .price{
	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        font-size: 20px;
    margin-left: 10px;
}

/*  portfolio   */

.portfolio .portfolio-1{
	padding: 120px 0 80px;
}
.portfolio .portfolio-1 .cd-main-content{
	margin-top: 50px;
}
.portfolio .portfolio-1 .cd-gallery li{
	position: relative;
}
.portfolio .portfolio-1 .cd-gallery li a{
	position: absolute;
	width: 100%;
	left: 0;
	    background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    color: #fff;
    padding: 10px 15px;
    bottom: -50px;
    opacity: 0;
        transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.portfolio .portfolio-1 .cd-gallery li a i{
	float: right;
	margin-top: 7px;
}
.portfolio .portfolio-1 .cd-gallery li:hover a{
	bottom: 0;
	left: 0;
	opacity: 1;
	    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.portfolio .big-text{
	top: 100px !important;
}


/*  Career  */

.career .career-1{
	padding: 120px 0 80px;
}
.career .jobs{
	margin-top: 30px;
}
.career .jobs .box{
	margin-bottom: 30px;
	text-align: left;
}
.career .jobs h5{
/*	background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    margin: 30px 0 10px 0 !important;
    width: fit-content;
}
.career .jobs ul{
	display: inline-block;
}
.career .jobs li{
	float: left;
	margin-right: 20px;
	font-weight: 500;
}
.career .jobs p{
	color: #999;
}
.career .jobs p span{
	font-weight: 500;
}
.career .jobs a:focus{
	text-decoration: none;
}
.career .send-cv{
	background: linear-gradient(90deg, #e73a3a 10%, #E9477F 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.career .jobs .box.urgnt:before {
    content: 'Very Urgent';
    width: 100px;
    height: 25px;
	background: linear-gradient(90deg, #E9477F 30%, #e73a3a  90%);
    display: block;
    position: absolute;
    right: 15px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    border-radius: 15px 0 0 15px;
    font-size: 10px;
}






/*   Login   */

body.login{
	display: flex;
	background:url(../img/bnnr2.jpg);
	background-size: cover;
    height: 100%;
	position: relative;
}
body.login:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	background: linear-gradient(90deg, #e73a3a 10%, #E9477F 90%);
	opacity: .95;
}
body.login .login-form{
    width: 320px;
    margin: auto;
    background: #fff;
    border-radius: 5px;
    min-height: 200px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	padding:30px;
}
body.login .login-form h2{
	font-size: 30px;
}
body.login .login-form .login-btn{
	margin-top: 15px;
	background: linear-gradient(90deg, #e73a3a 10%, #E9477F 90%);
	border-radius: 3px;
	color: #fff;
	font-weight: 500;
	border: none;
}
body.login .login-form label{
	margin-top: 10px;
    text-align: left;
	display: block;
}
body.login .login-form form{
	margin-bottom: 10px;
}
body.login .login-form input{
	width: 100%;
	border: #ddd solid 1px;
	height: 35px;
	font-size: 12px;
	border: none;
    border-bottom: #ddd solid 1px;
    outline: none;
}
body.login .login-form input::placeholder{
	color: #bbb;
}
body.login .login-form hr{
	margin-bottom: 5px;
}
body.login .login-form a{
    font-size: 12px;
}
body.login .back-to{
	width: 330px;
    margin: auto;
}
#hs-eu-cookie-confirmation-inner p{
    width: 85%;
    float: left;
}



/*  Contact  */

.contact .contact-1{
	padding: 120px 0 80px;
}
.contact form{
	margin-top: 30px;
}
.contact form p{
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 15px;
}
.contact form input{
	border: none;
	border-bottom: #ddd solid 1px;
	border-radius: 0;
	box-shadow: none;
}
.contact form textarea{
	border: none;
	border-bottom: #ddd solid 1px;
	border-radius: 0;
	box-shadow: none;
	resize: none;
	min-height: 80px !important
}
.contact form textarea:focus, .contact form input:focus{
	box-shadow: 0 10px 20px rgba(100, 75, 175, 0.2);
	border-bottom: #e9477f solid 1px;
}
.contact .map{
	margin-top: 100px;
}
.contact form .btn i{
    float: right;
    line-height: 50px;
    margin-left: 10px;
}
.contact .box{
	margin-top: 50px;
    padding: 20px 30px;
}
.contact .box i{
	font-size: 20px;
	width: 30px;	
    float: left;
	text-decoration: none;
    background: linear-gradient(140deg, #e73a3a 30%, #E9477F 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact .box span{
	float: left;
}
.contact .box{
	display: inline-block;
	height: auto;
}
.contact .box li{
	width: 100%;
	display: block;
	float: left;
    margin-top: 15px;
}
.cd-tab-filter a{
    padding-left:0;
}

#bubble-image{
    display:none;
}