/*
Author : Theme_ocean.
Template Name: Yuafa - Easy Startup Landing Page
Version : 1.0
*/
/*=============================================================
CSS INDEX
=============================
01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
02. START BOOTSTRAP NAVIGATION OVERRIDES
03. START HOME DESIGN
04. START FEATTURE DESIGN
05. START OFFER DESIGN
06. START ABOUT US DESIGN
07. START COMPANY DETAILS DESIGN
08. START COUNTER DESIGN
09. START TEAM DESIGN
10. START PROMOTION DESIGN
11. START RESPONSIVE PROMOTION DESIGN
12. START NEWSLETTER DESIGN
13. START WORK CSS DESIGN
14. START TESTIMONIAL DESIGN
15. START COMPANY PARTNER LOGO
16. START PRICING DESIGN
17. START BLOG DESIGN
18. START PROMOTION INVITE DESIGN
19. START FAQ DESIGN
20. START CONTACT FORM DESIGN
21. START ADDRESS DESIGN
22. START FOOTER DESIGN
=============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
width: 100%;
height: 100%;
font-family: 'Raleway', sans-serif;
color: #636363;
font-size: 15px;
letter-spacing: 1px;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
font-weight: 300;
letter-spacing: 0;
margin: 0;
font-family: 'Oswald', sans-serif;
}
a {
font-family: 'Oswald', sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
color: #fff;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}
p {
margin-bottom: 0;
}
ul,
li {
margin: 0;
padding: 0;
}
fieldset {
border: 0 none;
margin: 0 auto;
padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
background:#fff;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}
.status,
.status-mes {
background-image: url(../img/status.gif);
background-position: center;
background-repeat: no-repeat;
height: 200px;
left: 50%;
margin: -100px 0 0 -100px;
position: absolute;
top: 50%;
width: 200px;
}
.status-mes {
background: none;
left: 0;
margin: 0;
text-align: center;
top: 65%;
}
.status-mes h4 {
color: #333;
margin-top: 30px;
font-weight:600px;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 30px }
.section-title h2 {
color: #333;
font-family: 'Oswald', sans-serif;
font-size: 40px;
font-weight: 300;
margin-bottom: 10px;
margin-top: 0;
position: relative;
text-transform:uppercase;
}
.section-title p{width:100%;margin:auto;position:relative;}
@media only screen and (max-width:480px) {
.section-title p{width:100%;margin:auto;}
}
.section-title-white { margin-bottom: 60px }
.section-title-white {
margin-top: 0;
text-transform: capitalize;
position:relative;
color:#fff;
}
.section-title-white{position:relative;color:#fff!important;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #00d2c4 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
background: #222;
color: #fff;
}
/*END SCROLL TO TOP*/
.btn-light-bg-two {
background: #00d2c4 none repeat scroll 0 0;
border: 2px solid #00d2c4;
border-radius: 30px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-light-bg-two:hover, .btn-light-bg-two :focus{background:#333;border: 2px solid #333;color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 18px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
@media only screen and (max-width:480px) {
.navbar-default {background: #fff;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #00d2c4 !important;
background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #171717 !important;
background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { padding: 0px }
.navbar-brand img {
width: 200px;
transition: all 0.3s ease 0s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #333!important;
font-family: "Oswald",sans-serif;
font-size: 14px;
letter-spacing: 0.05em;
position: relative;
text-transform: uppercase;
transition: color 0.25s ease 0s;
}
.menu-top li a:hover { color: #00d2c4!important }
@media only screen and (max-width:480px) {
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
margin-top:0px
}
.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #00d2c4 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #00d2c4 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home-parallax {position: relative;height:700px;}
@media only screen and (max-width:768px) {
.home-parallax {height: 1048px;}
}
@media only screen and (max-width:480px) {
.home-parallax {height: 1150px;}
}
@media only screen and (max-width:414px) {
.home-parallax {height: 1150px;}
}
@media only screen and (max-width:375px) {
.home-parallax {height: 1150px;}
}
@media only screen and (max-width:360px) {
.home-parallax {height: 1300px;}
}
@media only screen and (max-width:320px) {
.home-parallax {height: 1300px;}
}
.home-parallax:before {
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.pt250{padding-top:220px;}
@media only screen and (max-width:480px) {
.pt250{padding-top:150px;}
}
.hero-text h1 {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 30px;
margin: 0;
text-transform:uppercase;
margin-bottom:0;
}
.hero-text h2 {
color: #193d63;
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 38px;
margin: 0;
text-transform:uppercase;
margin-top:30px;
}
.hero-text h3 {
color: #193d63;
font-family: 'Oswald', sans-serif;
font-size: 34px;
font-weight: 600;
line-height: 40px;
margin: 0;
text-transform:uppercase;
margin-bottom:30px;
}
.hero-text h4 {
color: #193d63;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin: 0;
text-transform: capitalize;
margin:0px 0 20px 0px;
}
.hero-text span {
color: #000;
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: 600;
margin: 0;
text-transform: capitalize;
margin:40px 0 0 0px;
border:solid 1px #000;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
}
.hero-text h5 {
color: #000;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
margin: 0;
text-transform: capitalize;
margin:30px 0 10px 0px;
}
.hero-text h5 span{
color: #000;
font-family: 'Oswald', sans-serif;
font-size: 32px;
line-height: 40px;
margin: 0;
text-transform: capitalize;
margin:0px 0 20px 0px;
display:block;
border:none;
padding-left:0px;
font-weight:600;
}
@media only screen and (max-width:768px) {
.hero-text h2 {
font-size: 40px;
line-height: 54px;
}
}
@media only screen and (max-width:480px) {
.hero-text h2 {
font-size: 34px;
line-height: 45px;
}
}
@media only screen and (max-width:360px) {
.hero-text h2 {
font-size: 26px;
line-height: 30px;
}
.hero-text h3 {
color: #fcca32;
font-family: 'Oswald', sans-serif;
font-size: 54px;
font-weight: 600;
line-height: 66px;
margin: 0;
text-transform: capitalize;
}
}
.hero-text p {
color: #fff;
margin-bottom: 0;
padding-bottom: 30px;
padding-top: 50px;
font-size:28px;
font-family: 'Oswald', sans-serif;
}
.register{
background: rgba(25, 61, 99, 0.6) none repeat scroll 0 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
margin-top: 200px;
overflow: hidden;
padding: 30px;
}
@media only screen and (max-width:768px) {
.register{margin-top:70px;}
}
@media only screen and (max-width:768px) {
.register{margin-top:100px;}
}
.login_register_title{
color: #fff;
margin-bottom: 20px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size:22px;
}
.register input {
box-shadow: none;
border: 1px solid #fff;
color: #333;
}
.register input:focus{
box-shadow: none;
border: 1px solid #00d2c4;
}
.register span {
color:#FFF;
font-size:13px;
}
.home_btn {
margin-left: -10px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 5px;
color: #fff;
display: inline-block;
font-weight: 600;
letter-spacing: 0;
margin: 0 10px 15px;
padding: 12px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background:#fff;color:#333;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}
.btn-register-bg{
background: #00d2c4 none repeat scroll 0 0;
color: #002c58;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 600;
padding: 12px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
float:left;
margin-top:10px;
}
.btn-register-bg:hover{
background: #fff none repeat scroll 0 0;
color: #333;
}
.flexslider .slides > li:first-child {
display: block;
}
.flexslider.loading .slides > li:first-child {
opacity: 1 !important;
}
.flexslider{
position: relative;
margin: 0;
padding: 0;
border: none;
box-shadow: none;
border-radius: 0;
overflow: hidden;
background: none;
}
#home-slider .slides li{
height: 700px;
background-size: cover!important;
position: relative;
width:100% !important;
}
#home-slider .slides li:after {
position: absolute;
background:rgba(0, 0, 0, 0.2);
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
.flex-control-nav {
width: 20px;
bottom: auto;
z-index: 20;
top: 40%;
right: 20px;
}
.flex-control-nav li {
display: block;
margin: 0 0 6px 0;
}
.flex-control-paging li a {
background: transparent;
border: 2px solid #FFF;
border-radius: 100%;
box-shadow: none;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
background: #FFF;
border-color: #FFF;
}
#home-slider.flexslider.loading {
position: relative;
}
#home-slider.flexslider.loading:after {
content: ' ';
position: absolute;
width: 30px;
height: 30px;
right: 20px;
top: 40%;
margin: 0 0 0 -15px;
border: 4px solid #3cd2ad;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATTURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature-content{ background:#e5faff; padding-top:60px;padding-bottom:60px; margin:0 0 0 0px;}
.single_feature{margin-bottom:80px;}
.single_feature p{ padding-left:20px; padding-right:20px; margin-bottom:5px; font-size:16px; color:#000; font-weight:bold;
text-transform:uppercase;}
.registration_date{ background:#fff; padding-top:0;padding-bottom:0; margin:70px 0 0px 0px;}
@media only screen and (max-width:480px) {
.single_feature{padding:0px 10px;}
}
.single_feature i{
border: 1px solid #a7ecfd;
border-radius: 100px;
box-shadow: 0 0 0 7px #a7ecfd;
color: #00d2c4;
font-size: 30px;
height: 100px;
line-height: 100px;
margin-bottom: 25px;
text-align: center;
transition: all 0.3s ease 0s;
width: 100px;
}
.single_feature h4{
font-size: 30px;
line-height:36px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 0;
text-transform:none;
font-family: 'Raleway', sans-serif;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT FEATTURE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START OFFER DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_offer{background:#f7f7f7;}
.single_offer {
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
border-radius: 5px;
}
@media only screen and (max-width:480px) {
.single_offer { margin-bottom: 20px }
}
.single_offer_img { overflow: hidden }
.single_offer_img img {
display: block;
position: relative;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single_offer:hover .single_offer_img img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.single_offer h4 {
font-family: 'Oswald', sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 15px;
margin-top: 20px;
text-transform: capitalize;
transition: all 0.4s ease 0s;
}
.single_offer:hover { box-shadow: none }
.single_offer:hover h4 { color: #00d2c4 }
/*
* ----------------------------------------------------------------------------------------
* 05.END OFFER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) {
.about_video{margin-top:60px}
}
@media only screen and (max-width:768px) {
.about-us-content { margin-top: 0px }
}
.about-us-content h2 {
font-size: 24px;
font-weight: 600;
margin: 0 0 15px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) {
.about-us-content h2 { font-size: 24px }
}
.about-us-content p { margin-bottom: 10px; text-align:justify;
padding-right:15px;}
.about_img {
margin: auto;
width: 400px;
}
@media only screen and (max-width:768px) {
.about_img { width: 100% }
}
@media only screen and (max-width:480px) {
.about_img { margin-top: 60px }
}
.panel-default .panel-heading {
background-color: #fff;
border-color: #eee;
color: #333;
font-size: 16px;
padding: 16px;
}
.panel-group .panel + .panel {
margin: 0;
border: none;
border-bottom: 1px solid #EEEEEE;
}
.panel-body {
border-radius: 0;
padding: 30px;
}
.panel-heading { border-radius: 0px }
.panel-title a {
color: #333;
display: block;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform:uppercase;
}
.panel-title a::after {
content: "\f067";
font: 18px fontAwesome;
float: left;
margin-right: 25px;
margin-top: 2px;
}
.panel-title a::after {
background: #fff none repeat scroll 0 0;
color: #00d2c4;
content: "ï¨";
float: left;
font: 18px/55px fontAwesome;
height: 49px;
margin-left: -16px;
margin-right: 25px;
margin-top: -16px;
text-align: center;
width: 49px;
}
.panel-title a.collapsed::after {
background: #fff none repeat scroll 0 0;
color: #00d2c4;
content: "ï§";
float: left;
font: 18px/55px fontAwesome;
height: 49px;
margin-left: -16px;
margin-right: 25px;
margin-top: -16px;
text-align: center;
width: 49px;
}
.about_video{}
.about_video iframe{
border: medium none;
height: 420px;
width: 100%;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START COMPANY DETAILS DESIGN
* ----------------------------------------------------------------------------------------
*/
.company_details{background:#f7f7f7;}
@media only screen and (max-width:768px) {
.company_quality{margin-top:60px}
}
.company_quality h4{
border-bottom: 1px solid #ddd;
color: #333;
margin-top: 0;
padding: 0 0 10px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 600;
}
.company_quality p {margin-bottom: 10px;}
.company_quality a { color:#000;}
.company_quality a:hover { color:#fcc932;}
.company_quality ul {
margin: 0;
padding: 0;
list-style: none;
}
.company_quality ul li i {
border-radius: 100px;
color: #333;
font-size: 22px;
margin: 10px 20px 10px 0;
}
.carousel .slide-control {
background: #00d2c4 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
font-size: 30px;
height: 45px;
line-height: 44px;
margin-top: -25px;
position: absolute;
text-align: center;
top: 50%;
width: 45px;
}
.carousel .slide-control.right { left: auto }
.carousel .left.slide-control {
left: 100px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel .right.slide-control {
right: 100px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel:hover .left.slide-control {
left: 30px;
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
}
.carousel:hover .right.slide-control {
right: 30px;
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
}
.carousel.slide-control:focus {
color: #fff;
opacity: .25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
/*
* ----------------------------------------------------------------------------------------
* 07.END COMPANY DETAILS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
padding: 100px 0;
position: relative;
}
.complete-project-area:before {
background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
position: absolute;
top: 0;
width: 100%;
}
.single-project-complete{
text-align: center;
}
@media only screen and (max-width:768px) {
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #fff;
font-size: 30px;
margin-bottom: 10px;
}
.single-project-complete h2 {
color: #fff;
font-size: 60px;
font-weight: 900;
margin-bottom: 15px;
}
.single-project-complete h3 {
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-top: 0;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
margin: 0 auto;
list-style: none;
text-align: center;
}
@media only screen and (max-width:768px) {
.single_team {
margin-bottom: 30px;
: ;
}
}
.single_team li {
display: inline-block;
margin: 0;
padding: 0;
position: relative;
text-align: left;
width: 100%;
}
.single_team figure {
margin: 0;
position: relative;
}
.single_team figure img {
max-width: 100%;
display: block;
position: relative;
}
.single_team figcaption {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: rgba(0,0,0,0.6);
color: #ed4e6e;
}
.single_team figcaption h4 {
color: #fff;
margin-bottom: 5px;
text-align: right;
text-transform: uppercase;
font-weight: 600;
}
.single_team figcaption p {
color: #fff;
text-align: right;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.portfolio_project li {
-webkit-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.portfolio_project figure {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.portfolio_project figure > div { overflow: hidden }
.portfolio_project figure img {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .portfolio_project figure:hover img,
.portfolio_project figure.cs-hover img {
-webkit-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.portfolio_project figcaption {
height: 100%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .portfolio_project figure:hover figcaption,
.portfolio_project figure.cs-hover figcaption {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.team_social { }
.team_social ul { list-style: outside none none }
.team_social ul li { float: left }
.team_social ul li a {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 30px;
color: #333;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 4px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:768px) {
.team_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) {
.team_social ul li a { font-size: 14px }
}
.team_social ul li a:hover { color: #00d2c4 }
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
background: #00d2c4 none repeat scroll 0 0;
padding: 30px 0;
}
.buy_now_title {
color: #fff;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
@media only screen and (max-width:768px) {
.buy_now_title { font-size: 22px }
}
@media only screen and (max-width:360px) {
.buy_now_title { font-size: 15px }
}
.btn-promotion-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 5px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 600;
margin-left: 100px;
padding: 12px 45px;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) {
.btn-promotion-bg {
margin-left: 0px;
margin-top: 20px;
}
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
background: #fff;
border: 2px solid #fff;
color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START RESPONSIVE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) {
.device_responsive { margin-bottom: 40px }
}
.device_img { text-align: center }
.device_img img { display: inline-block }
.device_responsive h3 {
border-bottom: 1px solid #e8e8e9;
color: #333;
line-height: 34px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
@media only screen and (max-width:480px) {
.device_responsive h2 { font-size: 22px }
}
.device_responsive p { margin-bottom: 30px }
/*
* ----------------------------------------------------------------------------------------
* 11.END RESPONSIVE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
background: #00d2c4 none repeat scroll 0 0;
}
.signup_form h3 {
color:#fff;
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
margin-top: 0;
text-transform: capitalize;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 100px;
box-shadow: none;
color: #333;
height: 50px;
margin-bottom: 30px;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #00d2c4;
border-radius:100px;
}
.btn-light-bg-three {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
padding: 10px 50px;
transition: all 0.3s ease 0s;
font-family: 'Oswald', sans-serif;
font-size: 18px;
}
.btn-light-bg-three:hover, .btn-light-bg-three :focus{background:#fff;border: 2px solid #fff;color:#333;}
/*
* ----------------------------------------------------------------------------------------
* 12.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START WORK CSS DESIGN
* ----------------------------------------------------------------------------------------
*/
.work-inner .mix {
display: none;
}
.grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 20px 1%;
width: 100%;
height: auto;
text-align: center;
cursor: pointer;
background:#ffcc01;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
color:#FFF !important;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
ul.work {
padding: 0;
list-style: none;
text-align: center;
margin-bottom: 30px;
}
ul.work li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: currentcolor currentcolor transparent;
border-image: none;
border-style: none none solid;
border-width: medium medium 2px;
color: #938d8d;
cursor: pointer;
display: inline-block;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
margin: 0 8px;
padding-bottom: 4px;
text-transform: uppercase;
}
ul.work li:hover {
color: #000;
-webkit-transition: .3s;
transition: .3s;
}
ul.work li.active {
color: #000;
}
.work .item {
padding: 0;
margin: 0;
}
.work .col-md-4 {
padding: 0;
margin: 0;
}
.work figure.effect-ruby img {
height: auto;
width: 100%;
}
.work .grid figure {
position: relative;
float: left;
overflow: hidden;
min-width: 320px;
max-width: 480px;
max-height: 360px;
width: 100%;
height: auto;
text-align: center;
cursor: pointer;
padding: 0;
margin: 0;
}
.work .grid figure:hover {
background:#fff;
}
.work figure.effect-ruby h2 {
margin-top: 20%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
font-size: 24px;
text-transform: capitalize;
font-weight: 600;
-webkit-transition: .3s;
transition: .3s;
display: inline-block;
color: #00d2c4;
}
.work figure.effect-ruby p {
font-size: 16px;
text-transform: capitalize;
border: none;
padding: 0;
margin: 5px 0px;
color: #000;
}
.work figure.effect-ruby p strong {
font-size: 16px;
text-transform: uppercase;
margin-right: 5px;
}
.work .item:hover figure.effect-ruby h2 {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: .3s;
transition: .3s;
}
figure.effect-ruby {
background-color: #000;
}
figure.effect-ruby img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby:hover img {
opacity: 0.1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.portfolio_btn{padding-top:30px;text-align:center}
/*
* ----------------------------------------------------------------------------------------
* 13.END WORK CSS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonials{
position:relative;
height: auto;
z-index: 1;
}
.testimonials:before{
background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.testimonials .flexslider {
background-color: #fff;
border: 0 none;
box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);
margin: 0;
}
.testimonials .flexslider .testi-slider-item {
padding: 30px 60px;
text-align: center;
}
.testimonials .flexslider .testi-slider-item img {
border: 3px solid #00d2c4;
border-radius: 50%;
height: 100px;
margin: 20px auto;
width: 100px;
}
.testimonials .flexslider .testi-slider-item h6 {
color: #333;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 0;
text-transform: uppercase;
}
.testimonials .flexslider .testi-slider-item p {
font-size: 14px;
}
@media only screen and (max-width:360px) {
.testimonials .flexslider .testi-slider-item p {line-height: 24px;font-size: 16px; }
}
.testimonials .flex-direction-nav a {
background: #00d2c4 none repeat scroll 0 0;
border-radius: 100px;
box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
display: block;
height: 45px;
line-height: 50px;
margin: -20px 0 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: none !important;
top: 50%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 45px;
z-index: 10;
}
.testimonials .flex-direction-nav a i {
display: inline-block;
font-size: 22px;
}
.testimonials .flex-direction-nav a:before { display: none }
.testimonials .flex-direction-nav a.flex-next:before { display: none }
.testimonials .flex-control-paging li a {
background: #222 none repeat scroll 0 0;
border: 1px solid #222;
border-radius: 20px;
cursor: pointer;
display: block;
height: 6px;
text-indent: -9999px;
width: 6px;
}
.testimonials .flex-control-paging li a:hover {
background: #00bcd4 none repeat scroll 0 0;
border-color: #00bcd4;
}
.testimonials .flex-control-paging li a.flex-active {
background: #00bcd4 none repeat scroll 0 0;
border-color: #00bcd4;
cursor: default;
}
.flex-control-nav {display: none;}
/*
* ----------------------------------------------------------------------------------------
* 14.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #f7f7f7 none repeat scroll 0 0; }
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 15.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-pricing{
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
padding-top: 20px;
transition: all 0.3s ease 0s;
}
.single-pricing-bg{
background: #00d2c4 none repeat scroll 0 0;
}
.single-pricing:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) {
.single-pricing{margin-bottom: 30px;}
}
.single-pricing > h4 {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
font-size: 20px;
font-weight: 300;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: capitalize;
width: 150px;
}
.single-pricing-bg > h4 {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
font-size: 20px;
font-weight: 300;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: capitalize;
width: 150px;
color:#fff;
}
.pricing-price{
background: #fff none repeat scroll 0 0;
border-radius: 500px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
height: 110px;
line-height: 27px;
margin: 0 auto 15px;
padding: 30px 16px 16px;
text-align: center;
width: 110px;
}
.value{
display: block;
font-family: 'Oswald', sans-serif;
font-size: 28px;
font-weight: 400;
}
.vylist{
display: block;
font-size: 14px;
}
.pricing-price-bg .value{color:#fff;}
.pricing-price-bg .vylist{color:#fff;}
.pricing-price-bg{
background: #00d2c4 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
color: #fff!important;
font-size: 22px;
}
.pricing-price h4 {
margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price p {
color: #333;
font-size: 22px;
}
.pricing-price p span{font-size: 16px;}
.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
.btn-light-bg-two-active {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #333;
font-family: 'Oswald', sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-light-bg-two-active:hover, .btn-light-bg-two-active :focus{background:#333;border: 2px solid #333;color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 16.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_blog {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
}
@media only screen and (max-width:480px) {
.single_blog { margin-bottom: 20px }
}
.single_blog_img { overflow: hidden }
.single_blog_img img {
display: block;
position: relative;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single_blog:hover .single_blog_img img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.single_blog h4 {
font-family: 'Oswald', sans-serif;
font-size: 22px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 10px;
text-transform: capitalize;
transition: all 0.4s ease 0s;
}
.single_blog:hover { box-shadow: none }
.single_blog:hover h4 { color: #00d2c4 }
.single_blog h5{
font-size: 18px;
text-transform: capitalize;
margin-bottom: 10px;
}
.single_blog h6{
font-size: 18px;
margin-top: 15px;
}
.single_blog > p {
margin-bottom: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START PROMOTION INVITE DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion-invite{position:relative;}
.promotion-invite:before{
background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.invite{}
.invite h1{
color: #fff;
font-weight: 600;
margin-bottom: 20px;
font-size: 45px;
}
.invite p{
color: #fff;
margin: auto auto 20px;
width: 70%;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END PROMOTION INVITE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_faq{
padding-top:60px;
padding-bottom:40px;}
.faq_desc{margin-bottom: 20px;}
.question{
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 19.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 20.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact input {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 16px;
height: 50px;
padding: 10px;
width: 100%;
}
.contact textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0px;
box-shadow: none;
color: #333;
padding: 10px;
width: 100%;
font-size:16px;
}
.contact input:focus {
border: 1px solid #00d2c4;
box-shadow: none;
outline: 0 none;
}
.contact textarea:focus {
border: 1px solid #00d2c4;
box-shadow: none;
outline: 0 none;
}
/*
* ----------------------------------------------------------------------------------------
* 20.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 21.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-address{background:#f7f7f7;}
.single_address {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #eee;
border-image: none;
border-radius: 5px;
border-top: 1px solid #eee;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
}
.single_address a{font-family: 'Raleway', sans-serif;
color:#000; font-weight:300;}
@media only screen and (max-width:768px) {
.single_address{margin-bottom:30px; }
}
.single_address i {
color: #00d2c4;
font-size: 42px;
margin-bottom: 10px;
}
.single_address h4{
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 21.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 22.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
border-top:1px solid #eee;
padding:30px 0;
}
.footer img{width: 200px;
margin-bottom: 10px;}
.footer_social {}
.footer_social ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:360px) {
.footer_social ul li a {
height: 40px;
line-height: 40px;
width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
background: #5D82D1;
border: 1px solid #5D82D1;
box-shadow: 0 0 0 0px #5D82D1;
}
.f_twitter:hover {
background: #40BFF5;
box-shadow: 0 0 0 0px #40BFF5;
border: 1px solid #40BFF5;
}
.f_google:hover {
background: #EB5E4C;
box-shadow: 0 0 0 0px #EB5E4C;
border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
background: #238CC8;
box-shadow: 0 0 0 0px #238CC8;
border: 1px solid #238CC8;
}
.f_youtube:hover {
background: #CC181E;
box-shadow: 0 0 0 0px #CC181E;
border: 1px solid #CC181E;
}
.f_skype:hover{
background: #00AFF0;
box-shadow: 0 0 0 0px #00AFF0;
border: 1px solid #00AFF0;
}
.f_instagram:hover {
background: #ad3893;
box-shadow: 0 0 0 0px #ad3893;
border: 1px solid #87126d;
}
.footer_copyright {
color: #252525;
padding-top: 15px;
text-transform: capitalize;
}
.footer_copyright a{color:#000;}
.footer_copyright a:hover{color:#00d2c4;}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 22.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.form_home{}
.form_home span{ width:auto; margin-right:15px;}
.form_home p{ float:left;}
.registration_form{position:fixed; top:220px; right:-6px; z-index:9999;}
.download_brochure{position:fixed; top:430px; right:-6px; z-index:9999;}
.thank_you{ padding:300px 0 150px 0px; background:#f0f0f0;}
.thank_you h1{ font-size:70px; color:#000; font-weight:400; margin:0 0 7px 0px;}
.thank_you p{ font-size:16px; color:#000; text-align:center;}
#amity {
padding-top: 80px;
padding-bottom: 40px;
background:#FFF;}
#amity p {
font-size:17px; padding:0 0 20px 0px;
}
@media (min-width: 320px) and (max-width: 469px) {
.navbar-brand{
margin-bottom:60px !important;
}
.slide01{ background:#f4f2e5 !important; height:750px; background-size:cover; background-position: center center; width:100% !important;}
.hero-text h3 {
color: #193d63;
font-family: 'Oswald', sans-serif;
font-size: 30px !important;
font-weight: 600;
line-height: 36px;
margin: 0;
text-transform: capitalize;
margin-bottom:30px;
}
.hero-text span {
color: #000;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 600;
margin: 0;
text-transform: capitalize;
margin:10px 0 0 0px;
border:solid 1px #000;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
}
.top-nav{ display:none !important;}
.top-nav-mobile{ display:block !important;}
.issues_challenges_content p{font-size: 17px; color: #333; text-align:left !important;}
.objectives_conference_content p {font-size: 18px; color: #333; text-align: left !important; font-weight: 700; line-height: 30px; padding: 20px;}
#about-haryana{ background:#2e347b !important; padding:40px 0 40px 0px !important;}
.organising_institution_content p{font-size: 17px; color: #fff; text-align:left !important; padding:0 0 15px 0px;}
.organising_institution_mob{ display:block !important;}
.navbar-header img {
display: block;
max-width: 70%;
height: auto;
margin:auto;
}
.advisory_board_profile{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:0px !important; margin-right:0px !important;}
.advisory_board_profile h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px; height:auto !important;}
.advisory_board_profile img{max-width: 100% !important;}
.eminent_speakers_profile{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:0px !important; margin-right:0px !important;}
.eminent_speakers_profile h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px;}
.eminent_speakers_profile img{max-width: 100% !important;}
.ml40{margin-left:0px !important;}
.ml70{ margin-left:0px !important;}
}
#services{margin:50px 0 50px 0px;
}
.grid {
clear: both;
margin: 0 auto;
list-style: none;
text-align: center;
}
/* Common style */
.grid figure {
float: left;
overflow: hidden;
margin: 10px 1%;
width: 100%;
height: auto;
text-align: center;
cursor: pointer;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
}
.grid figure figcaption {
padding: 1em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: 0em;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 60.5%;
}
/*-----------------*/
/***** Amity Advantage *****/
/*-----------------*/
figure.effect-goliath {
}
figure.effect-goliath img,
figure.effect-goliath h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-goliath img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-goliath h2 {
}
figure.effect-goliath p {
text-transform: none;
font-size:14px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
bottom: 10%;
left:2px;
padding-left:0;
padding-right:0;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
}
figure.effect-goliath:hover img {
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
figure.effect-goliath:hover h2 {
}
figure.effect-goliath:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
@media (min-width: 320px) and (max-width: 469px) {
.grid figure img {
position: relative;
display: block;
min-height: 300px;
max-width: 100%;
}
figure.effect-goliath h2 {
text-align:center;
padding: 0;
font-size:22px;
border:solid 2px #FFFFFF;
margin:auto 0;
margin-top:80px;
padding:10px 10px 10px 10px;
}
figure.effect-goliath p {
text-transform: none;
font-size:13px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
bottom: 20%;
position: absolute;
left:2px;
padding-left:0;
padding-right:0;
line-height:14px !important;
font-family:Arial, Helvetica, sans-serif;
}
#amity p {
font-size:17px; padding:0 0 20px 0px;
}
}
#programme {
background-color: #f5f5f5;
border-top: 1px solid #eee;
padding-top: 70px;
padding-bottom: 80px;
}
.service-box {
margin-bottom: 0;
border:solid 1px #CCCCCC;
padding:30px;
margin-bottom:30px;
min-height:220px;
}
.service-box h4 {
color: #002c5b;
font-size: 28px;
font-weight: 400;
margin-bottom:10px;
}
.service-box h3 {
font-size: 17px;
line-height: 20px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
.service-box p {
font-size: 15px;
line-height: 20px;
font-weight: 300;
}
.about{padding-bottom:20px; margin-bottom:20px; z-index:999999;}
.about h1{ font-size:26px !important; color:#000; margin:25px 0 10px 0px; font-weight:400;}
.about p{ font-size:15px;}
.about td{ border:solid 1px #CCCCCC;}
.about-participants-content{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:left; padding:10px;}
.about-participants-content h1{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 300; color:#333; margin:25px 0 10px 0px;}
.about-participants-content p{ font-size:17px; color:#333; padding-bottom:15px;}
ul.widget2 { float:left; width:98%; padding:0px; list-style-type:none;}
ul.widget2 li {
float: left;
clear: both;
display: block;
margin-bottom: 5px;
background: url(../images/icon2.png) no-repeat 0 8px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #fff;
display: block;
color: #333;
font-size: 16px;
}
ul.widget2a { float:left; width:98%; padding:0px; list-style-type:none;}
ul.widget2a li { float:left; clear:both; display:block; margin-bottom:15px; background:url(../images/icon1.png) no-repeat 0 8px; padding-left:20px;
text-decoration:none; border-bottom:1px dotted #fff; display:block; color:#fff; font-size:20px; line-height:26px; padding-bottom:20px;}
#about-haryana{ background:url(../images/gurugram-bg.jpg) no-repeat bottom #2e347b; padding:40px 0 600px 0px;}
#panel_discussion{
padding:40px 0 40px 0px;
}
.common_wide2{ background:#eef7bb; text-align:center; padding:40px 0 0 0px;}
.common_wide2 h2{ font-size:24px; margin:0 0 30px 0px;}
.panel_discussion_list{ min-height:210px; text-align:center; padding:10px;}
.panel_discussion_list p{ font-size:20px; line-height:24px; color:#00391a; font-weight:600;}
.panel_discussion_list img{ margin:auto; margin-bottom:20px;}
.mt8{ margin-top:8%;}
.col2{ text-align:left;}
.col2 p {
color: #333;
font-size: 16px;
}
.registration_link{ border:solid 5px #000; text-align:center; padding:30px;}
.registration_link h1{ font-size:44px; color:#000; margin-bottom:10px;}
.registration_link a{ font-size:22px; color:#000; text-decoration:underline;}
.registration_link a:hover{ font-size:22px; color:#000; text-decoration:none;}
#objectives {
padding: 40px 0 40px 0px;
background:#fdf3e7;
}
.about2a{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.about2a h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#333; margin:25px 0 30px 0px;}
.about2a p{ font-size:17px; color:#333; padding:0 10px 0 10px;}
.objectives-conference{ background:#FFF; float:left; padding:15px; margin:0 0 20px 0px; width:100%; min-height:360px;}
ul.widget2b { float:left; width:100%; margin:4% 0 2% 0; padding:0px; list-style-type:none;}
ul.widget2b li { float:left; clear:both; display:block; margin-bottom:5px; background:url(../images/icon2.png) no-repeat 0 10px; padding-left:20px;
text-decoration:none; border-bottom:1px dotted #929292; display:block; color:#000; text-align:left; padding-top:5px; padding-bottom:5px;}
.top-nav{ display:block;}
.top-nav-mobile{ display:none;}
.issues_challenges_content{ float:left; padding:10px;}
.issues_challenges_content p{font-size: 17px; color: #333; text-align:left;}
.issues_challenges_content img{ margin-bottom:20px;}
.issues_challenges_content a{font-size: 18px; color: #062c5c; font-weight:700; text-decoration:underline;}
.objectives_conference_content{ float:left; margin-bottom:20px;}
.objectives_conference_content p{font-size: 18px; color: #333; text-align:justify; font-weight:700; line-height:30px; padding:20px;}
.objectives_conference_content img{ margin-bottom:20px;}
.about2b{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.about2b h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#fff; margin:25px 0 10px 0px;}
.about2b p{ font-size:17px; color:#fff; padding:0 10px 0 10px;}
.organising_institution_content{ float:left; padding:10px;}
.organising_institution_content p{font-size: 17px; color: #fff; text-align:justify; padding:0 0 15px 0px;}
.organising_institution_mob{ display:none;}
.committee_profile{box-shadow: 0 0 20px #ccc; background: #fff; margin-bottom:30px;}
.conference_band{ padding-bottom:50px;}
.e_certificates{ text-align:left; background:#ebebeb; padding:35px;}
.e_certificates h1{ font-size:36px; color:#193d63; font-weight:700; margin-bottom:20px;}
.e_certificates p{ font-size:20px; color:#333; font-weight:700; line-height:26px;}
.conference_recommendations{ text-align:left; background:#fff; padding:35px;}
.conference_recommendations h1{ font-size:26px; color:#333; font-weight:500; margin-bottom:20px;}
.conference_recommendations p{ font-size:17px; color:#333; line-height:26px;}
.conference_recommendations a{ font-size:17px; color:#333; line-height:26px;}
.conference_recommendations a:hover{ font-size:17px; color:#333; line-height:26px;}
.amity_address{ padding:20px; background:#193d63;}
.amity_address p{ font-size:20px; text-align:center; color:#FFF; font-weight:700;}
.registration_button{ margin-top:17%; text-align:center;}
.registration_button h1{ font-size:32px; color:#333; text-transform:uppercase; margin:0 0 15px 0px;}
.registration_button iframe{ overflow:inherit; height:500px;}
.slide01{ background:url(../images/home.jpg) no-repeat center top #f4f2e5; height:auto; background-size:cover; background-position: center center; padding-bottom:50px;}
#glimpses {
background-color: #fff;
border-top: 1px solid #eee;
padding-top: 70px;
padding-bottom: 80px;
}
.glimpses{ margin-bottom:10px;}
.glimpses .col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9{padding-left:5px; padding-right:5px; margin-bottom:2px;}
#advisory_board {
padding-top: 160px;
padding-bottom: 40px;
background:#FFF;}
.advisory_board{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.advisory_board h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#333; margin:25px 0 30px 0px; text-transform:uppercase;}
.advisory_board_profile{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:5px; margin-right:5px;}
.advisory_board_profile h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px; height:50px;}
.advisory_board_profile p{font-family: 'Raleway', sans-serif; font-size: 15px; color: #212121; line-height: 20px; font-weight:500;}
.advisory_board_profile:hover{ border:solid 1px #ffcc2a; padding:15px; background:#fff; box-shadow: 0 0 20px #ccc; -webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); background:#ffcc2a;}
#eminent_speakers {
padding-top: 160px;
padding-bottom: 40px;
background:#FFF;}
.eminent_speakers{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.eminent_speakers h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#333; margin:25px 0 30px 0px; text-transform:uppercase;}
.eminent_speakers_profile{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:5px; margin-right:5px;min-height: 375px;}
.eminent_speakers_profile h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px;}
.eminent_speakers_profile p{font-family: 'Raleway', sans-serif; font-size: 15px; color: #212121; line-height: 20px; font-weight:500;}
.eminent_speakers_profile:hover{ border:solid 1px #ffcc2a; padding:15px; background:#fff; box-shadow: 0 0 20px #ccc; -webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); background:#ffcc2a;}
.eminent_speakers_profile2{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:5px; margin-right:5px; min-height:380px;}
.eminent_speakers_profile2 h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px;}
.eminent_speakers_profile2 p{font-family: 'Raleway', sans-serif; font-size: 15px; color: #212121; line-height: 20px; font-weight:500;}
.eminent_speakers_profile2:hover{ border:solid 1px #ffcc2a; padding:15px; background:#fff; box-shadow: 0 0 20px #ccc; -webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); background:#ffcc2a;}
.speaker{ width:100%; background:#fff; height:auto; box-shadow: 0 0 20px #ccc; padding:20px; margin-top:20px; margin-bottom:30px; float:left;}
.speaker h1{ font-size:28px; color:#000;}
.ml40{ margin-left:40px;}
.ml70{ margin-left:70px;}
#gallery {
padding-top: 160px;
padding-bottom: 40px;
background:#FFF;}
.gallery{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.gallery h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#333; margin:25px 0 30px 0px; text-transform:uppercase;}
.gallery_content{ border:solid 1px #000000; padding:15px; margin-bottom:20px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align:center; margin-left:5px; margin-right:5px;}
.gallery_content h2{font-family: 'Raleway', sans-serif; font-size: 18px; color: #212121; line-height: 24px; font-weight:700; margin:10px 0 2px 0px;}
.gallery_content p{font-family: 'Raleway', sans-serif; font-size: 15px; color: #212121; line-height: 20px; font-weight:500;}
.gallery_content:hover{ border:solid 1px #ffcc2a; padding:15px; background:#fff; box-shadow: 0 0 20px #ccc; -webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); background:#ffcc2a;}
/*------------------------------------------*/
/* PORTFOLIO IMAGES HOLDER
/*------------------------------------------*/
#portfolio {
padding-top: 160px;
padding-bottom:80px;
}
.portfolio-items-list {
margin: 0;
}
/*------------------------------------------*/
/* Portfolio Item
/*------------------------------------------*/
.portfolio-item {
position: relative;
padding: 0;
text-align: center;
border:solid 2px #FFFFFF;
}
.portfolio-item a {
cursor: url(../img/icons/pointer.png),crosshair;
}
.hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.hover-overlay img {
-webkit-transition: all 600ms;
-moz-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
}
/*------------------------------------------*/
/* Overlay Content
/*------------------------------------------*/
.overlay-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
text-align: center;
zoom: 1;
opacity: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.overlay-content h4 {
color: #fff;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
}
.overlay-content h5 {
color: #fff;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
/*------------------------------------------*/
/* Overlay Background
/*------------------------------------------*/
.item-overlay {
opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(4, 41, 99, 0.75);
-moz-transition: opacity 400ms ease-out;
-webkit-transition: opacity 400ms ease-out;
-o-transition: opacity 400ms ease-out;
transition: opacity 400ms ease-out;
}
/*------------------------------------------*/
/* Image Hover Effect
/*------------------------------------------*/
.hover-overlay:hover > img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.hover-overlay:hover .item-overlay {
opacity: 1;
-moz-opacity: 1;
}
.portfolio-item:hover .overlay-content {
bottom: 40%;
opacity: 1;
-moz-opacity: 1;
}
#conference-schedule {
padding-top: 160px;
padding-bottom: 40px;
background:#FFF;
min-height:600px;}
.conference-schedule{padding-bottom:20px; margin-bottom:0px; z-index:999999; text-align:center;}
.conference-schedule h1{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 300; color:#333; margin:25px 0 30px 0px; text-transform:uppercase;}
.conference-schedule h2{font-family: 'Raleway', sans-serif; font-size: 26px; font-weight: 500; color:#F00; margin:175px 0 30px 0px;}
.advisory_speaker{ width:100%; background:#fff; height:auto; margin-top:20px; margin-bottom:30px; float:left;}