@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{overflow-x:hidden; font-family: 'Montserrat', sans-serif;}
.logo-sec img{width:100%;}
.landing-page-sec{position:relative;}
.logo-holder{position: fixed; top: 0; left: 0; width: 365px; height: 100%; z-index: 10; padding-left: 75px;}
.logo-wrap {float: left; width: 100%; position: relative; top: 40%;}
.logo-text {float: left; width: 100%; margin-top: 50px;}
.logo-text h2 {position: relative; font-size: 18px; font-weight: 700; line-height: 26px; text-align: left;}
.logo-text h2::before {content: ''; position: absolute; top: -20px; left: 0; width: 70px; height: 6px; background: #000;}
.content-wrap {position: absolute; top: 0; right: 0; bottom: 0; left: 370px; padding: 0 50px; z-index: 1;}
.content-list{padding: 150px 0 0; float: left; width: 100%; position: relative;}
.content-padding{padding:70px;}
.content-padding img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0; max-width: 90%;}
.content-padding a{position: relative; float: left; width: 100%; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content-padding a:hover img {top: -10px;}
.main-bg{background: url(../../images/landing/bg-1.jpg) no-repeat; background-size: cover;}
.logo-bg{}
.logo-bg::after {background: url(../../images/landing/footer-right-logo.png) left top no-repeat; content: ''; height: 600px;     position: absolute; left: 0; bottom: 0; width: 280px; opacity: .1;}
.light-btn{font-size: 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
height: 60px; margin: 15px 0 0 0; width: 230px; margin-right: 0px; text-align: center; text-transform: uppercase; color: #fff; border-radius: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; overflow: hidden; border: none; background: transparent;}
.light-btn::before {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; border-radius: 35px;
background: #fff; background: #3f51b5; background: -webkit-gradient(linear, right top, left top, from(#3f51b5), to(#00c8aa));
background: linear-gradient(to left, #3f51b5, #00c8aa);}
.light-btn span {-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
.light-btn:hover #first-text {-webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0;}
.light-btn:hover #second-text {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.light-btn #second-text {line-height: 60px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(15px); transform: translateY(15px); text-align: center; opacity: 0;}
.light-btn::after {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-animation: rotatebackground 5s infinite cubic-bezier(0.47, 0, 0.745, 0.715); animation: rotatebackground 5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
border-radius: 35px; background: #fff; background: #3f51b5; background: -webkit-gradient(linear, left top, right top, from(#3f51b5), to(#00c8aa)); background: linear-gradient(to right, #3f51b5, #00c8aa);}
@media (max-width: 764px) {
.logo-holder {padding: 30px 40px;}
}
@media (max-width: 1064px) {
.logo-holder, .content-wrap {position: relative; top: 0; left: 0; width: 100%; height: auto; z-index: 10; float: left; padding:35px;
}
.content-padding{padding:0px; margin-bottom: 25px; display: inline-block;}
.content-list{padding:0px;}
}
@media (min-width: 467px) and (max-width:1064px) {
.logo-sec img{width:auto;}
}

@media (min-width: 1066px) and (max-width:1326px) {
.content-padding{padding:20px;}
}