Difference between revisions of "Template:IONIS Paris-style-css"

Line 3,825: Line 3,825:
 
}
 
}
  
 +
/* --------------------------------------------------------
  
 +
Author URI: http://themeforest.net/user/themeebit
 +
 +
 +
Table of Index
 +
--------------
 +
0.Preloader
 +
0.1 ColorDemo
 +
1. Base Css
 +
2. Header Css
 +
    2.1 Menu Css
 +
3. Slider Css
 +
4. Feature Css
 +
5. About Us Css
 +
6. Project Area
 +
7. Portfolio Css
 +
8. Why choose Css
 +
9. Our Services
 +
10.Social Link
 +
11.Our Team
 +
12.Process Table
 +
13.Skill And Video
 +
14.Pricing Tabel
 +
15.Client Part
 +
16.Partner Area
 +
17.Blog Table
 +
18.Subscribe Area
 +
19.Contact Area
 +
20.Footer Social Link
 +
21.Footer Area
 +
22.Home Page-2
 +
23.Home Page-3
 +
24.Home Page-4
 +
25.Home Page-5
 +
26.Home Page-6
 +
27.Home Page-7
 +
28.Home Page-8
 +
29.Blog Page
 +
30.Blog Right Sidebar Page
 +
31.Single Blog Right sidebar Page
 +
32.single-blog full Page
 +
33.Case Study Page
 +
34.Protfoli-1 Page
 +
35.Protfoli-2 Page
 +
36.Protfoli-3 Page
 +
37.Home Page-8
 +
38.Responsive Css
 +
-----------------------------------------------------------*/
 +
/* ============================================
 +
0.Preloader
 +
=============================================== */
 +
.preloader-area {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index: 999999;
 +
}
 +
.loader {
 +
    box-sizing: border-box;
 +
    display: -webkit-box;
 +
    display: -webkit-flex;
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -webkit-box-flex: 0;
 +
    -webkit-flex: 0 1 auto;
 +
    -ms-flex: 0 1 auto;
 +
    flex: 0 1 auto;
 +
    -webkit-box-orient: vertical;
 +
    -webkit-box-direction: normal;
 +
    -webkit-flex-direction: column;
 +
    -ms-flex-direction: column;
 +
    flex-direction: column;
 +
    -webkit-box-flex: 1;
 +
    -webkit-flex-grow: 1;
 +
    -ms-flex-positive: 1;
 +
    flex-grow: 1;
 +
    -webkit-flex-shrink: 0;
 +
    -ms-flex-negative: 0;
 +
    flex-shrink: 0;
 +
    -webkit-flex-basis: 100%;
 +
    -ms-flex-preferred-size: 100%;
 +
    flex-basis: 100%;
 +
    max-width: 100%;
 +
    height: 100vh;
 +
    -webkit-box-align: center;
 +
    -webkit-align-items: center;
 +
    -ms-flex-align: center;
 +
    align-items: center;
 +
    -webkit-box-pack: center;
 +
    -webkit-justify-content: center;
 +
    -ms-flex-pack: center;
 +
    justify-content: center;
 +
    background: #f5f5f5;
 +
}
 +
.pacman {
 +
    position: relative;
 +
}
 +
.pacman > div:nth-child(2) {
 +
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
 +
            animation: pacman-balls 1s -0.99s infinite linear;
 +
}
 +
.pacman > div:nth-child(3) {
 +
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
 +
            animation: pacman-balls 1s -0.66s infinite linear;
 +
}
 +
.pacman > div:nth-child(4) {
 +
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
 +
            animation: pacman-balls 1s -0.33s infinite linear;
 +
}
 +
.pacman > div:nth-child(5) {
 +
    -webkit-animation: pacman-balls 1s 0s infinite linear;
 +
            animation: pacman-balls 1s 0s infinite linear;
 +
}
 +
.pacman > div:first-of-type {
 +
    width: 0px;
 +
    height: 0px;
 +
    border-right: 25px solid transparent;
 +
    border-top: 25px solid #2962ff;
 +
    border-left: 25px solid #2962ff;
 +
    border-bottom: 25px solid #2962ff;
 +
    border-radius: 25px;
 +
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
 +
            animation: rotate_pacman_half_up 0.5s 0s infinite;
 +
    position: relative;
 +
    left: -30px;
 +
    z-index: 9;
 +
}
 +
.pacman > div:nth-child(2) {
 +
    width: 0px;
 +
    height: 0px;
 +
    border-right: 25px solid transparent;
 +
    border-top: 25px solid #2962ff;
 +
    border-left: 25px solid #2962ff;
 +
    border-bottom: 25px solid #2962ff;
 +
    border-radius: 25px;
 +
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
 +
            animation: rotate_pacman_half_down 0.5s 0s infinite;
 +
    margin-top: -50px;
 +
    position: relative;
 +
    left: -30px;
 +
    z-index: 9;
 +
}
 +
.pacman > div:nth-child(3),
 +
.pacman > div:nth-child(4),
 +
.pacman > div:nth-child(5),
 +
.pacman > div:nth-child(6) {
 +
    background-color: #ff4081;
 +
    width: 15px;
 +
    height: 15px;
 +
    border-radius: 100%;
 +
    margin: 2px;
 +
    width: 10px;
 +
    height: 10px;
 +
    position: absolute;
 +
    -webkit-transform: translate(0, -6.25px);
 +
            transform: translate(0, -6.25px);
 +
    top: 25px;
 +
    left: 70px;
 +
}
 +
@-webkit-keyframes rotate_pacman_half_up {
 +
    0% {
 +
        -webkit-transform: rotate(270deg);
 +
            transform: rotate(270deg); }
 +
    50% {
 +
        -webkit-transform: rotate(360deg);
 +
            transform: rotate(360deg); }
 +
    100% {
 +
        -webkit-transform: rotate(270deg);
 +
            transform: rotate(270deg); }
 +
}
 +
 +
@keyframes rotate_pacman_half_up {
 +
    0% {
 +
        -webkit-transform: rotate(270deg);
 +
            transform: rotate(270deg); }
 +
    50% {
 +
        -webkit-transform: rotate(360deg);
 +
            transform: rotate(360deg); }
 +
    100% {
 +
        -webkit-transform: rotate(270deg);
 +
            transform: rotate(270deg); }
 +
}
 +
 +
@-webkit-keyframes rotate_pacman_half_down {
 +
    0% {
 +
        -webkit-transform: rotate(90deg);
 +
            transform: rotate(90deg); }
 +
    50% {
 +
        -webkit-transform: rotate(0deg);
 +
            transform: rotate(0deg); }
 +
    100% {
 +
        -webkit-transform: rotate(90deg);
 +
            transform: rotate(90deg); }
 +
}
 +
 +
@keyframes rotate_pacman_half_down {
 +
    0% {
 +
        -webkit-transform: rotate(90deg);
 +
            transform: rotate(90deg); }
 +
    50% {
 +
        -webkit-transform: rotate(0deg);
 +
            transform: rotate(0deg); }
 +
    100% {
 +
        -webkit-transform: rotate(90deg);
 +
            transform: rotate(90deg); }
 +
}
 +
@-webkit-keyframes pacman-balls {
 +
    75% {
 +
    opacity: 0.7; }
 +
    100% {
 +
    -webkit-transform: translate(-100px, -6.25px);
 +
            transform: translate(-100px, -6.25px); }
 +
}
 +
@keyframes pacman-balls {
 +
    75% {
 +
    opacity: 0.7; }
 +
    100% {
 +
    -webkit-transform: translate(-100px, -6.25px);
 +
            transform: translate(-100px, -6.25px); } }
 +
/* ============================================
 +
0.1 ColorDemo
 +
=============================================== */
 +
.colorDemo {
 +
    background: rgba(255, 255, 255, .9);
 +
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
 +
    left: -200px;
 +
    position: fixed;
 +
    top: 100px;
 +
    width: 200px;
 +
    padding: 15px 22px 22px;
 +
    z-index: 9999;
 +
    -webkit-transition: 0.5s ease-in-out;
 +
    transition: 0.5s ease-in-out;
 +
    border-bottom-right-radius: 3px;
 +
}
 +
.colorDemo.open {
 +
    left: 0;
 +
}
 +
.colorDemo:hover, .colorDemo:hover i.icon-tools-2 {
 +
    background: rgba(255, 255, 255, 1);
 +
}
 +
.colorDemo i.icon-tools-2 {
 +
    background: rgba(255, 255, 255, 0.9);
 +
    border-bottom: 1px solid #ccc;
 +
    border-radius: 0 3px 3px 0;
 +
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.3);
 +
    font-size: 18px;
 +
    cursor: pointer;
 +
    height: 48px;
 +
    left: 100%;
 +
    line-height: 48px;
 +
    position: absolute;
 +
    text-align: center;
 +
    top: 0;
 +
    width: 48px;
 +
    z-index: -26;
 +
}
 +
.colorDemo h3 {
 +
    border-bottom: 1px dotted #ccc;
 +
    border-top: 1px dotted #ccc;
 +
    font-size: 16px;
 +
    margin-bottom: 22px;
 +
    text-align: left;
 +
    text-transform: uppercase;
 +
    padding: 12px 0px;
 +
    font-weight: 700;
 +
}
 +
.colorDemo > ul {
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    margin: 0 -5px;
 +
}
 +
.colorDemo ul li {
 +
    color: #fff;
 +
    float: left;
 +
    list-style: outside none none;
 +
    text-align: center;
 +
    width: 40px;
 +
    margin: 0 5px;
 +
    cursor: pointer;
 +
}
 +
.colorDemo ul li span {
 +
    height: 35px;
 +
    border-style: solid;
 +
    border-width: 0 0 38px 38px;
 +
    bottom: 0;
 +
    height: 0;
 +
    position: absolute;
 +
    right: 0;
 +
    -webkit-transition: all 0.3s ease-in 0s;
 +
    transition: all 0.3s ease-in 0s;
 +
    width: 0;
 +
    z-index: 1;
 +
}
 +
.colorDemo ul li[data-color="index-1"] span {
 +
    background: #2962ff;
 +
    display: block;
 +
    position: relative;
 +
    border-color: transparent transparent #ff4081;
 +
}
 +
.colorDemo ul li[data-color="home-2"] span {
 +
    background: #512da8;
 +
    display: block;
 +
    position: relative;
 +
    border-color: transparent transparent #ef5350;
 +
}
 +
.colorDemo ul li[data-color="home-3"] span {
 +
    background: #00897b;
 +
    display: block;
 +
    position: relative;
 +
    border-color: transparent transparent #afb42b;
 +
}
 +
.colorDemo ul li span i{
 +
    right: calc(50% + 12px);
 +
    opacity: 0;
 +
    position: absolute;
 +
    top: calc(50% + 12px );
 +
}
 +
.colorDemo ul li.active span i{
 +
    opacity: 1;
 +
}
 +
/* ---------------------------------------------------------
 +
1. Base css
 +
------------------------------------------------------------*/
 +
@media only screen and (min-width: 1200px) {
 +
    .container{
 +
        padding: 0;
 +
    }
 +
}
 +
.whychoose > .container > .row, .our_team > .container > .row {
 +
    margin: 0;
 +
}
 +
.floatleft {
 +
    float: left;
 +
}
 +
.floatright {
 +
    float: right;
 +
}
 +
.alignleft {
 +
    float: left;
 +
    margin-right: 15px;
 +
}
 +
.alignright {
 +
    float: right;
 +
    margin-left: 15px;
 +
}
 +
.aligncenter {
 +
    display: block;
 +
    margin: 0 auto 15px;
 +
}
 +
figure {
 +
    position: relative;
 +
    margin: 0;
 +
}
 +
img {
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
hr{
 +
    border: 0px;
 +
}
 +
.fix {
 +
    overflow: hidden;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
    margin: 0 0 10px;
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.h1, h1 {
 +
    font-size: 36px;
 +
}
 +
.h2, h2 {
 +
    font-size: 30px;
 +
}
 +
.h3, h3 {
 +
    font-size: 24px;
 +
}
 +
.h4, h4 {
 +
    font-size: 18px;
 +
}
 +
.h5, h5 {
 +
    font-size: 14px;
 +
}
 +
.h6, h6 {
 +
    font-size: 12px;
 +
}
 +
html, body {
 +
    font-family: 'Roboto', sans-serif;
 +
    font-family: 'Mate SC', serif;
 +
    font-family: 'Merriweather', serif;
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.fix_p{
 +
    padding:0;
 +
}
 +
.fix_p_l{
 +
    padding-left:0;
 +
}
 +
.fix_p_r{
 +
    padding-right:0;
 +
}
 +
.fix_m{
 +
    margin:0;
 +
}
 +
.fix_m_l{
 +
    margin-left: -15px;
 +
}
 +
.fix_m_r{
 +
    margin-right: -15px;
 +
}
 +
a {
 +
    color:#111111;
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
a:focus {
 +
    outline: 0px solid;
 +
    text-decoration: none;
 +
}
 +
a:hover, .btn:hover, .btn:focus {
 +
    color: #fff;
 +
    text-decoration: none;
 +
}
 +
svg path, a, a.th_bt, a.th_bt i, .btn, .menu li, .sub_menu, .btn i, .subform button, .subform button i, hr, .single_feature, .single_feature h4, .single_feature i, .single_feature .single_cap, .single_fact i,.home-4 .single_fact i, .home-4 .main_slider_nav i,
 +
.contact_text button.th_bt, .contact_text button.th_bt i,
 +
.home-5 .single_fact i, figure, figcaption, .single_service, .single_service i::after, .single_service i, .single_service h3, .single_pricing, .single_pricing i, .team_member_photo .bg1, .team_member_photo .bg2, .team_member_photo .bg3,.team_member_photo .bg4,  ul.team_social li a i, .single_pricing h5, .single_checkCont .checkIcon i, .single_pricing h1, .single_pricing a, .singleTabIcon i, .widget_gallery figcaption i, .skill_and_video .skillBg, ul.pricing_list li, ul.ft_top li, ul.share_social li a, .tag_list a, .RXcircleEffect, .single_service p,.home-5 .top_menu_area ul.nav.navbar-nav li a::after,
 +
ul.share_social li a i, ul.sidebarList li a, .ft_bottom > li a::after, .colorDemo i.icon-tools-2, .client_img h6, .top_menu_area ul.nav.navbar-nav li ul.sub_menu li::after, .home-9 .top_menu_area ul.nav.navbar-nav li a::after, .home-9 ul.top_contact li a, .home-7 .page_down i {
 +
    -webkit-transition: .5s;
 +
    transition: .5s;
 +
}
 +
ul{
 +
    list-style: none;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
textarea {
 +
    border-style: none;
 +
    border-color: Transparent;
 +
    overflow: auto;       
 +
}
 +
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
 +
    background-color: transparent;
 +
}
 +
.nav > li > a:focus, .nav > li > a:hover {
 +
    background-color: transparent;
 +
    text-decoration: none;
 +
}
 +
.section-padding {
 +
    padding-top: 120px;
 +
    padding-bottom: 120px;
 +
}
 +
.secHd::before {
 +
    background: #ddd;
 +
    bottom: 0;
 +
    content: "";
 +
    height: 1px;
 +
    left: calc(50% - 35px);
 +
    position: absolute;
 +
    width: 70px;
 +
}
 +
.smallHd {
 +
    color: #666666;
 +
    font-family: 'Merriweather', serif;
 +
    font-weight: 700;
 +
    font-style: italic;
 +
    text-transform: uppercase;
 +
    letter-spacing: 1.65px;
 +
    font-size: 14px;
 +
}
 +
.secHd{
 +
    color: #333;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 28px;
 +
    font-weight: 700;
 +
    margin: 15px 0 0;
 +
    padding-bottom: 15px;
 +
    text-transform: uppercase;
 +
    position: relative;
 +
    letter-spacing: 1px;
 +
}
 +
.th_bt, a.th_bt, .subform button {
 +
    background: #ff4081;
 +
    border-radius: 4px;
 +
    color: #ffffff;
 +
    display: block;
 +
    font-size: 14px;
 +
    height: 60px;
 +
    line-height: 60px;
 +
    text-align: center;
 +
    width: 190px;
 +
    font-weight:600;
 +
    text-transform: uppercase;
 +
    padding: 0;
 +
    letter-spacing: .2px;
 +
}
 +
a.th_bt i, .btn i{
 +
    font-size: 14px;
 +
    line-height: initial;
 +
}
 +
a.th_bt:hover, .btn:hover{
 +
    letter-spacing: 1.1px;
 +
}
 +
a.th_bt:hover i, .subform button:hover i, .contact_text button.th_bt:hover i{
 +
    -webkit-transform: translateX(10px);
 +
    transform: translateX(10px);
 +
}
 +
p {
 +
    color: #666;
 +
    font-size: 15px;
 +
    line-height: 26px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-weight: 400;
 +
}
 +
p.colorWh{
 +
    color: #ffffff;
 +
}
 +
.mb80{
 +
    margin-bottom: 80px;
 +
}
 +
.mb40{
 +
    margin-bottom: 40px;
 +
}
 +
.btn, .btn-floating, .card, .card-panel, .dropdown-content, .dropdown-menu, .panel-group, .z-depth-1 {
 +
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
 +
}
 +
.btn-floating:hover, .btn:hover, .z-depth-1-half {
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
 +
}
 +
.RXcircleEffect{
 +
    width: 50px;
 +
    height: 50px;
 +
    top: calc(50% - 25px);
 +
    left: calc(50% - 25px);
 +
    position: absolute;
 +
    border-radius: 50%;
 +
    -webkit-transform: scale(0);
 +
    transform: scale(0);
 +
    background: rgba(255, 64, 129, 0.9);
 +
}
 +
.waves-effect.waves-dark .waves-ripple{
 +
    background:rgba(0,0,0,.2);
 +
}
 +
svg {
 +
    vertical-align: middle;
 +
}
 +
/* ---------------------------------------------------------
 +
2. Header Css
 +
-----------------------------------------------------------*/
 +
/* ---------------------------------------------------------
 +
2.1 Menu Css
 +
-----------------------------------------------------------*/
 +
.header_area{
 +
    position: relative;
 +
}
 +
.navbar {
 +
    border: 0px solid transparent;
 +
    margin-bottom: 0;
 +
    position: absolute;
 +
    width: 100%;
 +
    z-index: 999;
 +
}
 +
.navbar.affix {
 +
    top: -80px;
 +
    width: 100%;
 +
    position: fixed !important;
 +
    border-radius: 0;
 +
    -webkit-transition: .5s;
 +
    transition: .5s;
 +
}
 +
.navbar.affix.sticky{
 +
    top: 0;
 +
}
 +
.logo_area > a {
 +
    position: relative;
 +
}
 +
.logo_area .main_logo {
 +
    width: 100px;
 +
    height: 100%;
 +
}
 +
.main_logo path {
 +
    fill: #fff;
 +
}
 +
.sticky .main_logo path {
 +
    fill: #4073ff;
 +
}
 +
.top_menu_area ul.nav.navbar-nav li{
 +
    padding: 0 22px;
 +
    position: relative;
 +
}
 +
.top_menu_area ul.nav.navbar-nav > li > a {
 +
    color: #fff;
 +
    font-weight: 600;
 +
    padding: 0;
 +
    font-size: 14px;
 +
    text-transform: uppercase;
 +
    -webkit-transition: color 0s linear 0s;
 +
    transition: color 0s linear 0s;
 +
}
 +
.navbar ul.nav.navbar-nav li > a:hover, .navbar ul.nav.navbar-nav li.active a{
 +
    background-color: transparent;
 +
}
 +
.navbar ul.nav.navbar-nav > li > a::before {
 +
    color: #ff4081;
 +
    content: attr(data-hover);
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    width: 0;
 +
    height: 100%;
 +
    overflow: hidden;
 +
    white-space: nowrap;
 +
    -webkit-transition: .5s;
 +
    transition: .5s;
 +
}
 +
.navbar ul.nav.navbar-nav li:hover > a::before, .navbar ul.nav.navbar-nav li.active a::before {
 +
    width: 100%;
 +
}
 +
.affix .logo_area > a, .affix .top_menu_area ul.nav.navbar-nav > li > a {
 +
    line-height: 80px !important;
 +
}
 +
header.affix {
 +
    background: #fff;
 +
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 +
}
 +
.affix.sticky .top_menu_area ul.nav.navbar-nav li a, .affix.sticky .top_menu_area ul.nav.navbar-nav ul.sub_menu li a {
 +
    color: #333333;
 +
}
 +
.affix .top_menu_area ul.nav.navbar-nav li:hover a {
 +
    color: transparent;
 +
}
 +
.navbar ul.nav.navbar-nav > li:hover > a, .navbar ul.nav.navbar-nav > li.active > a, .affix .top_menu_area ul.nav.navbar-nav > li.active > a{
 +
    color: transparent;
 +
    -webkit-transition: color 0s linear .5s;
 +
    transition: color 0s linear .5s;
 +
}
 +
ul.menu {
 +
    display: inline-block;
 +
}
 +
ul.menu li:first-child {
 +
margin-left: 0;
 +
}
 +
ul.sub_menu {
 +
    background: #4073FF;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 100%;
 +
    width: 200px;
 +
    visibility: hidden;
 +
    opacity: 0;
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
    -webkit-transform-origin: top;
 +
    transform-origin: top;
 +
    box-shadow: 0 7px 10px rgba(0,0,0,.1);
 +
}
 +
.affix.sticky ul.sub_menu{
 +
    background: #fff;
 +
}
 +
.top_menu_area ul.nav.navbar-nav li ul.sub_menu li::after{
 +
    background: rgba(255, 255, 255, .10);
 +
    bottom: 0;
 +
    content: "";
 +
    height: 1px;
 +
    left: 0;
 +
    position: absolute;
 +
    width: 100%;
 +
}
 +
.top_menu_area ul.nav.navbar-nav > li > ul.sub_menu li:last-child::after{
 +
    width: 0;
 +
}
 +
.top_menu_area ul.nav.navbar-nav > li > ul.sub_menu li:hover::after{
 +
    background: rgba(255, 255,255, .60);
 +
}
 +
.top_menu_area ul.nav.navbar-nav li ul.sub_menu li {
 +
    padding: 0;
 +
}
 +
.top_menu_area ul.nav.navbar-nav li ul.sub_menu li a {
 +
    text-transform: capitalize;
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color:#ffffff;
 +
    display: block;
 +
    padding: 15px 5px 15px 22px;
 +
}
 +
ul.sub_menu li {
 +
    display: block;
 +
}
 +
.affix ul.menu li:hover > ul.sub_menu{
 +
    visibility: hidden;
 +
    opacity: 0;
 +
}
 +
ul.menu li:hover > ul.sub_menu, .affix.sticky ul.menu li:hover > ul.sub_menu{
 +
    top: 100%;
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
 +
    opacity: 1;
 +
    visibility: visible;
 +
    z-index: 999;
 +
}
 +
ul.sub_menu ul.sub_menu{
 +
    left: 130%;
 +
    top: 0;
 +
}
 +
ul.sub_menu li:hover > ul.sub_menu{
 +
    left: 100%;
 +
    top: 0;
 +
}
 +
.top_menu_area ul.nav.navbar-nav li ul.sub_menu li:hover a, .affix.sticky .top_menu_area ul.nav.navbar-nav li ul.sub_menu li:hover a{
 +
    color: #ff4081;
 +
}
 +
/* ---------------------------------------------------------
 +
3 Slider Css
 +
-----------------------------------------------------------*/
 +
.slider_area::after, .home-5 .header_paralux::after, .home-7 .header_paralux::after {
 +
    content: "";
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
 
 +
}
 +
.slider_area{
 +
    background-image: url(img/mainHeaderSliderPhoto_1.jpg);
 +
    background-size: cover;
 +
    position: relative;
 +
    background-position: 21.5625vw top;
 +
}
 +
.slider_left_bg {
 +
    background-image: url("img/HOME.jpg");
 +
    position: relative;
 +
    background-size: cover;
 +
    z-index: 1;
 +
}
 +
.dtable {
 +
    display: table;
 +
    height: 100vh;
 +
    width: 100%;
 +
}
 +
.dcell {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
}
 +
.slider_caption h4 {
 +
    color: #fff;
 +
    font-size: 28px;
 +
    margin-bottom: 0;
 +
    line-height: 36px;
 +
    text-transform: uppercase;
 +
}
 +
.active .fadeInDown_slide{
 +
    -webkit-animation-name:fadeInDown;
 +
    animation-name:fadeInDown;
 +
}
 +
.active .fadeInLeft_slide{
 +
    -webkit-animation-name:fadeInLeft;
 +
    animation-name:fadeInLeft;
 +
}
 +
.active .fadeInRight_slide{
 +
    -webkit-animation-name: fadeInRight;
 +
    animation-name: fadeInRight;
 +
}
 +
.active .fadeInUp_slide{
 +
    -webkit-animation-name: fadeInUp;
 +
    animation-name: fadeInUp;
 +
}
 +
.active fadeInLeft_slide{
 +
    -webkit-animation-name: fadeInLeft;
 +
    animation-name: fadeInUp;
 +
}
 +
.slider_area h1 {
 +
    color: #fff;
 +
    font-size: 60px;
 +
    font-weight: 700;
 +
    letter-spacing: 3.5px;
 +
    margin-bottom: 30px;
 +
    text-transform: uppercase;
 +
}
 +
.slider_caption p {
 +
    font-size: 16px;
 +
    width: 80%;
 +
    line-height: 32px;
 +
}
 +
.slider_caption a.th_bt {
 +
    margin-top: 43px;
 +
    margin-left: 0;
 +
}
 +
.slider_caption a i, .trigger_bottom a i, .subform button i, .social_btn a i, .subform a i, .team_content a i, .contact_text a i, .blog_grid  a.grid_all i , .home-4 .dcell a i, .home-5 .paralux_content a i, .home-6 .mainSlider a.th_bt i,
 +
.home-7 .paralux_content a i, .home-8 .mainSlider a.th_bt i{
 +
    margin-left: 10px;
 +
}
 +
/* ---------------------------------------------------------
 +
4. Feature Css
 +
-----------------------------------------------------------*/
 +
.feature_area {
 +
    background: #f5f5f5;
 +
}
 +
.single_feature {
 +
    border-right: 1px solid #ffffff;
 +
    position: relative;
 +
    height: 250px;
 +
    overflow: hidden;
 +
}
 +
.single_feature i {
 +
    background: #ff4081;
 +
    border-radius: 0 0 30px 30px;
 +
    color: #fff;
 +
    font-size: 23px;
 +
    height: 125px;
 +
    line-height: 203px;
 +
    margin-bottom: 10px;
 +
    text-align: center;
 +
    width: 48px;
 +
    margin-bottom: 30px;
 +
}
 +
.single_feature h4 {
 +
    font-weight: 700;
 +
    color: #232323;
 +
    text-transform: uppercase;
 +
    font-size: 18px;
 +
}
 +
.single_cap {
 +
    top: 100%;
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    width: 100%;
 +
    padding: 0 20px;
 +
}
 +
.single_cap a.th_bt {
 +
    background: #fff;
 +
    color: #ff4081;
 +
    height: 38px;
 +
    line-height: 38px;
 +
    width: 110px;
 +
    margin: 0 auto;
 +
    font-size: 12px;
 +
}
 +
.single_feature:hover i {
 +
    background: #fff;
 +
    color: #ff4081;
 +
    height: 55px;
 +
    width: 35px;
 +
    line-height: 73px;
 +
    margin-bottom: 16px;
 +
    font-size: 17.5px;
 +
}
 +
.single_feature:hover {
 +
    background: #ff4081;
 +
    padding: 0 25px 20px;
 +
}
 +
.single_feature:hover h4 {
 +
    color: #fff;
 +
    font-size: 16px;
 +
}
 +
.single_feature:hover .single_cap {
 +
    top: 41%;
 +
}
 +
.single_cap p {
 +
    color: #eeeeee;
 +
    line-height: 24px;
 +
    font-size: 14px;
 +
    margin-bottom: 17px;
 +
}
 +
/* --------------------------------------------------------
 +
5. About Us Css
 +
-----------------------------------------------------------*/
 +
.about_left {
 +
    padding-right: 40px;
 +
}
 +
 +
.about_area .secHd::before {
 +
    display: none;
 +
}
 +
.about_area .secHd {
 +
    border-bottom: 1px solid #ddd;
 +
    margin: 12px 0 35px;
 +
}
 +
.about_area p.ab_text {
 +
    margin: 22px 0 55px;
 +
}
 +
.about_area a.th_bt {
 +
    height: 46px;
 +
    line-height: 46px;
 +
    display: inline-block;
 +
    width: 122px;
 +
    margin: 0px;
 +
}
 +
/* --------------------------------------------------------
 +
6. Project Area
 +
-----------------------------------------------------------*/
 +
.project_area {
 +
    background: #2962ff;
 +
}
 +
.fact_icon {
 +
    background: #fff;
 +
    border-radius: 50%;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
 +
    color: #2962ff;
 +
    display: block;
 +
    font-size: 48px;
 +
    height: 97px;
 +
    line-height: 97px;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
    width: 97px;
 +
    position: relative;
 +
    z-index: 9
 +
}
 +
.fact_icon i {
 +
    z-index: 9;
 +
    position: relative;
 +
}
 +
.fact_icon:hover i, .home-2 .fact_icon:hover i,
 +
.home-3 .fact_icon:hover i, .home-4 .fact_icon:hover i,
 +
.home-5 .fact_icon:hover i{
 +
    color: #ffffff;
 +
}
 +
.fact_icon:hover .RXcircleEffect{
 +
    -webkit-transform: scale(2);
 +
    transform: scale(2);
 +
}
 +
.single_fact h2 {
 +
    color: #fff;
 +
    font-weight: 600;
 +
    margin-top: 26px;
 +
}
 +
.single_fact p {
 +
    margin: 0;
 +
    text-transform: uppercase;
 +
    line-height: 20px;
 +
    color: #f7f6f6;
 +
    font-size: 15px;
 +
}
 +
/* --------------------------------------------------------
 +
7. Portfolio Css
 +
-----------------------------------------------------------*/
 +
.protfolio_area {
 +
    background: #f5f5f5;
 +
}
 +
ul.trigger li {
 +
    display: inline-block;
 +
}
 +
ul.trigger li.active{
 +
    color: #fff;
 +
    background: #ff4081;
 +
    border-radius: 4px;
 +
}
 +
ul.trigger li {
 +
    color: #333;
 +
    font-family: 'Open Sans', sans-serif;
 +
    display: inline-block;
 +
    font-size: 14px;
 +
    font-weight: 600;
 +
    padding: 0 20px;
 +
    height: 35px;
 +
    line-height: 35px;
 +
    cursor: pointer;
 +
    text-transform: uppercase;
 +
    -webkit-transform: translateY(0);
 +
    transform: translateY(0);
 +
    -webkit-transition: .4s;
 +
    transition: .4s;
 +
}
 +
ul.trigger li:hover:not(.active),
 +
.singleClientImg h6:hover, .related_post h4 a:hover, h4.blog_topHd:hover,
 +
.comment_area .about_commenter a:hover{
 +
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
 +
    -webkit-transform: translateY(-1px);
 +
    transform: translateY(-1px);
 +
}
 +
h4.blog_topHd a:hover{
 +
  color: #333;
 +
}
 +
.protfolio_area figure{
 +
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 +
    overflow: hidden;
 +
}
 +
.protfolio_area figure{
 +
    margin-bottom: 30px;
 +
}
 +
.protfolio_area figure:hover, .service_area .single_service:hover {
 +
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 +
}
 +
.protfolio_area figure::after, .blog_img::after, figure.postImg:after{
 +
    border: 10px solid #fff;
 +
    content: "";
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
    z-index: 9;
 +
}
 +
.protfolio_area figcaption {
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
    opacity: 0;
 +
    visibility: hidden;
 +
}
 +
.capCont {
 +
    position: absolute;
 +
    text-align: center;
 +
    top: calc(50% - 47px);
 +
    left: 0;
 +
    width: 100%;
 +
    z-index: 99;
 +
}
 +
ul.iconlink {
 +
    margin-bottom: 20px;
 +
}
 +
ul.iconlink li{
 +
    display: inline-block;
 +
    margin-right: 5px;
 +
}
 +
ul.iconlink li a i.btn {
 +
    background: #fff;
 +
    border-radius: 50%;
 +
    color: #ff4081;
 +
    height: 32px;
 +
    line-height: 32px;
 +
    text-align: center;
 +
    width: 32px;
 +
    padding: 0;
 +
    margin: 0px;
 +
}
 +
.protfolio_area figcaption h4 {
 +
    color: #fff;
 +
    font-size: 16px;
 +
    margin-bottom: 4px;
 +
    font-weight: 700;
 +
    text-transform: uppercase;
 +
    letter-spacing: .4px;
 +
}
 +
.protfolio_area figcaption p{
 +
    font-size: 12px;
 +
    text-transform: uppercase;
 +
    font-family: 'Merriweather', serif;
 +
    font-style: italic;
 +
    margin-bottom: 0;
 +
    color: #eeeeee;
 +
    font-weight: 700;
 +
    letter-spacing: 1.4px;
 +
}
 +
.protfolio_area figure:hover figcaption{
 +
    opacity: 1;
 +
    visibility: visible;
 +
}
 +
.protfolio_area figure:hover .RXcircleEffect{
 +
    -webkit-transform: scale(20);
 +
    transform: scale(20);
 +
}
 +
.trigger_bottom .th_bt {
 +
    height: 50px;
 +
    line-height: 50px;
 +
    margin: 18px auto 0;
 +
    width: 150px;
 +
}
 +
/* --------------------------------------------------------
 +
8. Why choose Css
 +
-----------------------------------------------------------*/
 +
.whychoose{
 +
    overflow: hidden;
 +
    padding-top: 120px;
 +
}
 +
.checkIcon {
 +
    display: inline-block;
 +
}
 +
.checkIcon i {
 +
    background: #ffffff;
 +
    border-radius: 50%;
 +
    color: #2962ff;
 +
    font-size: 36px;
 +
    height: 70px;
 +
    line-height: 70px;
 +
    text-align: center;
 +
    width: 70px;
 +
}
 +
.ourFeaturesContent .single_checkCont {
 +
    margin-bottom: 66px;
 +
}
 +
.ourFeaturesContent .single_checkCont:last-child {
 +
    margin-bottom: 0;
 +
}
 +
.checkText {
 +
    display: inline-block;
 +
    padding-left: 26px;
 +
    vertical-align: top;
 +
    width: calc(100% - 74px);
 +
}
 +
.checkText h4 {
 +
    font-size: 20px;
 +
    font-weight: 700;
 +
    color:#fff;
 +
    text-transform: uppercase;
 +
    margin-bottom: 15px;
 +
}
 +
.checkText p{
 +
    color: #eeeeee;
 +
    margin-bottom: 0;
 +
}
 +
.checkfeature_contbg{
 +
    position: absolute;
 +
    background-size: cover;
 +
    background-position: center center;
 +
}
 +
.checkBGFull:nth-child(even) .checkfeature_contbg {
 +
    left: 0;
 +
}
 +
.checkBGFull:nth-child(even) .ourFeaturesContent{
 +
    margin-left: 50%;
 +
}
 +
.checkBGFull:nth-child(even) .ourFeaturesContent .single_checkCont{
 +
    padding-left: calc(16.66666667% + 15px);
 +
}
 +
.checkBGFull:nth-child(odd) .ourFeaturesContent .single_checkCont{
 +
    padding-right: calc(16.66666667% + 15px);
 +
}
 +
.checkBGFull:nth-child(odd) .checkfeature_contbg {
 +
    right: 0;
 +
}
 +
.checkBGFull{
 +
    background: #2962ff;
 +
}
 +
.ourFeaturesContent{
 +
    position: relative;
 +
}
 +
.ourFeaturesContent::before, .ourFeaturesContent::after{
 +
    background: #2962ff;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 1000%;
 +
    height: 100%;
 +
    content: "";
 +
    z-index: -1;
 +
}
 +
.ourFeaturesContent::before{
 +
    left: 100%;
 +
}
 +
.ourFeaturesContent::after{
 +
    right: 100%;
 +
}
 +
/* --------------------------------------------------------
 +
9. Our Services
 +
-----------------------------------------------------------*/
 +
.service_area {
 +
    background: #f5f5f5 none repeat scroll 0 0;
 +
}
 +
.single_service {
 +
    border: 5px solid #ff4081;
 +
    padding: 0 30px 25px;
 +
    margin-top: 60px;
 +
    border-radius: 3px;
 +
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.10);
 +
}
 +
.service_area .col-md-4:nth-child(1) .single_service {
 +
    margin-top: 0;
 +
}
 +
.service_area .col-md-4:nth-child(2) .single_service {
 +
    margin-top: 0;
 +
}
 +
.service_area .col-md-4:nth-child(3) .single_service {
 +
    margin-top: 0;
 +
}
 +
.single_service i {
 +
    background: #ff4081;
 +
    border: 3px solid #fff;
 +
    border-radius: 50%;
 +
    bottom: -25px;
 +
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
 +
    color: #fff;
 +
    font-size: 20px;
 +
    height: 40px;
 +
    line-height: 34px;
 +
    margin-bottom: 20px;
 +
    position: relative;
 +
    width: 40px;
 +
}
 +
.single_service i::after {
 +
    background: #ff4081;
 +
    bottom: 16px;
 +
    color: #fff;
 +
    content: "";
 +
    height: 51px;
 +
    left: calc(50% - 20px);
 +
    line-height: 23px;
 +
    position: absolute;
 +
    width: 40px;
 +
    z-index: 1;
 +
}
 +
.single_service i::before {
 +
    position: relative;
 +
    z-index: 99;
 +
}
 +
.single_service h3 {
 +
    color: #333333;
 +
    font-size: 20px;
 +
    font-weight: 700;
 +
    margin: 20px 0 28px;
 +
}
 +
.single_service:hover{
 +
    background: #ff4081;
 +
    border: 5px solid #FF4081;
 +
}
 +
.single_service:hover i {
 +
    background: #ffffff;
 +
    border-color: #ff4081;
 +
    color: #ff4081;
 +
    z-index: 9;
 +
}
 +
.single_service:hover i::after{
 +
    background: #ffffff;
 +
}
 +
.single_service:hover h3{
 +
    color: #fff;
 +
}
 +
.single_service:hover p{
 +
    color: #eeeeee;
 +
}
 +
/* --------------------------------------------------------
 +
10.Social Link
 +
-----------------------------------------------------------*/
 +
.social_btn {
 +
    background: #2962ff;
 +
    padding: 66px 0;
 +
}
 +
.social_btn h3 {
 +
    color: #fff;
 +
    text-align: right;
 +
    font-weight: 600;
 +
    margin: 30px 10px;
 +
    text-transform: uppercase;
 +
    letter-spacing: 1px;
 +
}
 +
.social_btn a.th_bt {
 +
    margin-top: 13px;
 +
}
 +
/* --------------------------------------------------------
 +
11.Our Team
 +
-----------------------------------------------------------*/
 +
.our_team {
 +
    overflow: hidden;
 +
    padding: 120px 0 0;
 +
}
 +
.team_content {
 +
    background: #e62562;
 +
    padding-bottom: 120px;
 +
    padding-right: 17.5%;
 +
    padding-top: 107px;
 +
    position: relative;
 +
}
 +
.team_content h1 {
 +
    font-weight: 700;
 +
    line-height: 48px;
 +
    text-transform: uppercase;
 +
    color: #fff;
 +
    letter-spacing: 1px;
 +
}
 +
.team_content h6{
 +
    color: #f7f6f6;
 +
    font-style: italic;
 +
    font-size: 12px;
 +
    font-family: 'Merriweather', serif;
 +
    text-transform: uppercase;
 +
    letter-spacing: 1.4px;
 +
}
 +
.team_content p {
 +
    margin: 41px 0;
 +
    color: #eeeeee;
 +
}
 +
ul.team_social {
 +
    margin-bottom: 48px;
 +
}
 +
ul.team_social li, ul.share_social li {
 +
    display: inline-block;
 +
}
 +
ul.team_social li a i, ul.share_social li a i {
 +
    background-color: transparent;
 +
    box-shadow: none;
 +
    color: #fff;
 +
    font-size: 16px;
 +
    line-height: 32px;
 +
    text-align: center;
 +
    height: 32px;
 +
    width: 32px;
 +
    border-radius: 50%;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
ul.team_social li a:hover i{
 +
    background: #fff;
 +
    color: #e62562;
 +
}
 +
.team_content a.th_bt {
 +
    width: 190px;
 +
    margin: 0;
 +
}
 +
.team_content::before {
 +
    background: #e62562;
 +
    content: "";
 +
    height: 100%;
 +
    position: absolute;
 +
    right: -115px;
 +
    top: 0;
 +
    width: 10000%;
 +
    z-index: -1;
 +
}
 +
.team_member_photo {
 +
    position: relative;
 +
    z-index: 9;
 +
}
 +
.team_member_photo .item {
 +
    position: relative;
 +
}
 +
.team_member_photo .memberPhoto_border {
 +
    position: absolute;
 +
    height: 90%;
 +
    width: 92%;
 +
    left: 4%;
 +
    top: 5%;
 +
}
 +
.team_member_photo .bg1 {
 +
    background: #ffffff;
 +
    height: 1px;
 +
    width: 0;
 +
}
 +
.team_member_photo .bg2 {
 +
    background: #ffffff;
 +
    height: 1px;
 +
    width: 0;
 +
    top: 95%;   
 +
}
 +
.team_member_photo .bg3 {
 +
    background: #ffffff;
 +
    width: 1px;
 +
    height: 0;
 +
}
 +
.team_member_photo .bg4 {
 +
    background: #ffffff;
 +
    left: 95%;
 +
    width: 1px;
 +
    height: 0;
 +
}
 +
.team_member_photo:hover .bg1 {
 +
    width: 91%;
 +
}
 +
.team_member_photo:hover .bg2 {
 +
    width: 91%;
 +
}
 +
.team_member_photo:hover .bg3 {
 +
    height: 90%;
 +
}
 +
.team_member_photo:hover .bg4 {
 +
    height: 90%;
 +
}
 +
.team_member_photo::before {
 +
    background: #e62562;
 +
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
 +
    content: "";
 +
    height: calc(100% + 150px);
 +
    left: -100px;
 +
    position: absolute;
 +
    top: -75px;
 +
    width: calc(100% + 200px);
 +
    z-index: -1;
 +
}
 +
.team_details_area > div.col-sm-6 {
 +
    display: inline-block;
 +
    float: none;
 +
    margin-right: -3px;
 +
    vertical-align: middle;
 +
}
 +
.teamslide_nav {
 +
    left: -56px;
 +
    position: absolute;
 +
    top: calc(50% - 15px);
 +
    width: calc(100% + 106px);
 +
}
 +
.teamslide_nav .testi_prev, .teamslide_nav .testi_next {
 +
    color: #fff;
 +
    cursor: pointer;
 +
    font-size: 24px;
 +
    height: 30px;
 +
    width: 30px;
 +
    border-radius: 50%;
 +
    text-align: center;
 +
    line-height: 30px;
 +
}
 +
.teamslide_nav .testi_next,
 +
.clientslide_nav .testi_next,
 +
.home-4 .main_slider_nav .testi_next,
 +
.home-6 .main_slider_nav .testi_next,
 +
ul.sidebarList a .list_right{
 +
    float: right;
 +
}
 +
.team_member_photo .owl-dots {
 +
    bottom: -48.5px;
 +
    left: calc(50% - 34px);
 +
    position: absolute;
 +
    text-align: center;
 +
}
 +
.team_member_photo .owl-dot {
 +
    border: 1px solid #fff;
 +
    border-radius: 50%;
 +
    display: inline-block;
 +
    height: 12px;
 +
    margin-right: 10px;
 +
    width: 12px;
 +
}
 +
.team_member_photo .owl-dot.active {
 +
    border-width: 3px;
 +
}
 +
/* --------------------------------------------------------
 +
12.Process Table
 +
-----------------------------------------------------------*/
 +
.process_area {
 +
    background-color: #f5f5f5;
 +
}
 +
.tab_trigger_img {
 +
    display: block;
 +
    position: relative;
 +
    padding: 30px 0;
 +
    max-width: 100%;
 +
}
 +
.tab_trigger_img .waveBg{
 +
    height: 100%;
 +
}
 +
.waveBg path {
 +
    fill: #2962ff;
 +
}
 +
.tab_trigger_icon {
 +
    display: block;
 +
    height: 100%;
 +
    left: 15.7217%;
 +
    margin: 0 auto;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 68.5567%;
 +
    z-index: 9;
 +
}
 +
.singleTabIcon {
 +
    height: 100%;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
.singleTabIcon i {
 +
    position: relative;
 +
    background: #2962ff;
 +
    border-radius: 50%;
 +
    color: #fff;
 +
    font-size: 18px;
 +
    height: 45px;
 +
    line-height: 45px;
 +
    text-align: center;
 +
    width: 45px;
 +
    top: calc(0% + 12px);
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.10);
 +
    cursor: pointer;
 +
}
 +
.tab_trigger_icon .owl-item.prEv .singleTabIcon i,
 +
.tab_trigger_icon .owl-item.neXt .singleTabIcon i {
 +
    top: calc(100% - 55px);
 +
}
 +
.owl-item.center .singleTabIcon i {
 +
    height: 55px;
 +
    line-height: 55px;
 +
    width: 55px;
 +
    background: #ff4081;
 +
    top: calc(0% + 5.5px);
 +
    box-shadow: 0 15px 30px rgba(0,0,0,.15);
 +
    font-size: 24px;
 +
}
 +
.process_area .owl-stage-outer, .process_area .owl-stage, .process_area .owl-item {
 +
    height: 100%;
 +
}
 +
.single_pro_content {
 +
    padding-right: 1px;
 +
}
 +
.single_pro_content fieldset {
 +
    border: 1px dotted #ddd;
 +
    padding: 13px 25px 28px;
 +
    margin: 2px;
 +
}
 +
.single_pro_content legend {
 +
    border: 0 none;
 +
    color: #333;
 +
    font-size: 20px;
 +
    font-weight: 700;
 +
    margin-bottom: 0;
 +
    margin-left: calc(50% - 90px);
 +
    padding: 0 15px;
 +
    width: auto;
 +
    text-transform: uppercase;
 +
}
 +
.single_pro_content p {
 +
    margin: 0;
 +
}
 +
.pro_content {
 +
    margin-top: 50px;
 +
}
 +
.pro_content::before {
 +
    border-left: 1px dotted #ddd;
 +
    content: "";
 +
    height: 60px;
 +
    left: calc(50% - 0.5px);
 +
    position: absolute;
 +
    top: -88px;
 +
    width: 1px;
 +
    z-index: -11;
 +
}
 +
/* ---------------------------------------------------------
 +
13.Skill And Video
 +
-----------------------------------------------------------*/
 +
.skill_and_video {
 +
    overflow: hidden;
 +
    position: relative;
 +
}
 +
.video_area {
 +
    background:  src="https://static.igem.org/mediawiki/2016/2/2f/Video_bg_igem.jpg";
 +
    height: auto;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
video#bgVideo {
 +
    min-height: 100%;
 +
    min-width: 100%;
 +
}
 +
.video_control {
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: calc(50% - 10px);
 +
    background: url("img/https://static.igem.org/mediawiki/2016/2/2f/Video_bg_igem.jpg") no-repeat scroll 0 0 / cover , #16191f url("img/video_bg_overlay.png") no-repeat scroll center center;
 +
}
 +
.home-6 .video_control, .home-7 .video_control, .home-8 .video_control {
 +
    background: url("img/video_bg_second.png") no-repeat scroll 0 0 / cover , #1f1616 url("img/video_bg_overlay.png") no-repeat scroll center center;
 +
}
 +
.video_control .dtable {
 +
    height: 100%;
 +
}
 +
.video_control a#control {
 +
    background: #ff4081;
 +
    border: 10px solid #33363a;
 +
    border-radius: 50%;
 +
    color: #fff;
 +
    font-size: 20px;
 +
    height: 85px;
 +
    display: block;
 +
    text-align: center;
 +
    margin-top: 0;
 +
    width: 85px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    padding: 0;
 +
}
 +
.video_control a#control:hover{
 +
    letter-spacing: initial;
 +
}
 +
.video_control a#control i{
 +
    font-size: 25px;
 +
    line-height: 65px;
 +
}
 +
.video_control a#control.pause {
 +
    opacity: 0;
 +
    -webkit-transform: scale(10);
 +
    transform: scale(10);
 +
}
 +
.video_control h4 {
 +
    color: #ffffff;
 +
    display: inline-block;
 +
    font-size: 20px;
 +
    margin-top: 18px;
 +
    text-transform: uppercase;
 +
    width: 100%;
 +
    text-align: center;
 +
    margin-bottom: 0;
 +
    font-weight: 700;
 +
    letter-spacing: .7px;
 +
}
 +
.video_control .pause + h4 {
 +
    opacity: 0;
 +
}
 +
.skill_and_video .skillBg {
 +
    padding-left: 70px;
 +
    z-index: 9;
 +
}
 +
.skill_and_video .skillBg.contentHide {
 +
    margin-left: 250%;
 +
}
 +
.col-sm-7.skillBg::after {
 +
    background: #2962ff url("img/video_right_img.png") no-repeat scroll 0 0 / cover;
 +
    content: "";
 +
    height: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    z-index: -1;
 +
}
 +
.all_skill_item {
 +
    margin-bottom: 56px;
 +
}
 +
.single_progress {
 +
    overflow: hidden;
 +
    margin-bottom: 3px;
 +
}
 +
.single_progress > h4{
 +
    margin-bottom: 9px;
 +
    color: #eeeeee;
 +
    font-size: 13px;
 +
    font-weight: 400;
 +
    text-transform: capitalize;
 +
    margin-left: 2px;
 +
}
 +
.single_progress .progress{
 +
    overflow: initial;
 +
    height: 3px;
 +
    border-radius: 0px;
 +
    background: #4073ff;
 +
    margin-bottom: 24px;
 +
}
 +
.single_progress .progress-bar{
 +
    position: relative;
 +
    line-height: 7px;
 +
    background-color: #d3dfff;
 +
}
 +
.progress-bar span{
 +
    position: absolute;
 +
    top: -20px;
 +
    right: 10px;
 +
    color: #ffffff;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 12px;
 +
}
 +
.all_skill {
 +
    overflow: hidden;
 +
    padding: 0 139px;
 +
}
 +
.single_skill {
 +
    position: relative;
 +
    text-align: center;
 +
}
 +
.single_skill > div{
 +
    position: relative;
 +
    display: inline-block !important;
 +
    z-index: 9;
 +
}
 +
.single_skill > div::after {
 +
    background: #4073ff;
 +
    border-radius: 50%;
 +
    content: "";
 +
    height: 70px;
 +
    left: 15px;
 +
    position: absolute;
 +
    top: 15px;
 +
    width: 70px;
 +
    z-index: -1;
 +
}
 +
.single_skill h3{
 +
    font-size: 13px;
 +
    color:#eeeeee;
 +
    font-weight: 400;
 +
    margin-top: 14px;
 +
}
 +
/* ---------------------------------------------------------
 +
14.Pricing Tabel
 +
-----------------------------------------------------------*/
 +
.single_pricing {
 +
    background: #f5f5f5;
 +
    padding: 38px 0 45px;
 +
    border-radius: 4px;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
 +
}
 +
.single_pricing i {
 +
    background: #fff;
 +
    border-radius: 0 0 20px 20px;
 +
    color: #ff4081;
 +
    font-size: 20px;
 +
    height: 55px;
 +
    line-height: 64px;
 +
    position: absolute;
 +
    right: 30px;
 +
    text-align: center;
 +
    top: 0;
 +
    width: 35px;
 +
    opacity: 0;
 +
}
 +
.single_pricing h1 {
 +
    margin: 28px 0 38px;
 +
    font-weight: 600;
 +
}
 +
.single_pricing h5 {
 +
    font-size: 16px;
 +
    font-weight: 600;
 +
}
 +
.single_pricing hr {
 +
    height: 1px;
 +
    background: #ff4081;
 +
}
 +
ul.pricing_list {
 +
    margin-top: 35px;
 +
    margin-bottom: 35px;
 +
    text-align: center;
 +
}
 +
ul.pricing_list li {
 +
    color: #666666;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    line-height: 48px;
 +
}
 +
.single_pricing a.th_bt {
 +
    height: 40px;
 +
    line-height: 40px;
 +
    width: 120px;
 +
    margin: 0 auto;
 +
}
 +
.single_pricing.active, .single_pricing:hover{
 +
    color: #fff;
 +
    background: #ff4081;
 +
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 +
}
 +
.single_pricing.active i, .single_pricing:hover i{
 +
    opacity: 1;
 +
    background:#fff;
 +
    color:#ff4081;
 +
}
 +
.single_pricing.active hr, .single_pricing:hover hr,.home-3 .single_pricing.active hr,
 +
.home-3 .single_pricing:hover hr, .home-6 .single_pricing:hover hr, .home-7 .single_pricing:hover hr {
 +
    background: #fff;
 +
}
 +
.single_pricing.active h5,
 +
.single_pricing:hover h5,
 +
.single_pricing.active h1,
 +
.single_pricing:hover h1{
 +
    color: #ffffff;
 +
}
 +
.single_pricing.active ul.pricing_list li,
 +
.single_pricing:hover ul.pricing_list li{
 +
    color: #f7f6f6;
 +
}
 +
.single_pricing.active a, .single_pricing:hover a{
 +
    color: #ff4081;
 +
    background: #ffffff;
 +
}
 +
/* ---------------------------------------------------------
 +
15.Client Part
 +
-----------------------------------------------------------*/
 +
.client_part .secHd::before{
 +
    left: 0;
 +
}
 +
.client_part{
 +
    padding:  68px 0;
 +
    position: relative;
 +
}
 +
.client_part::before, .client_part::after{
 +
    content: "";
 +
    left: 0;
 +
    z-index: -1;
 +
    position: absolute;
 +
    width: 100%;
 +
}
 +
.client_part::before {
 +
    background: #f5f5f5;
 +
    height: 42%;
 +
    top: 0;
 +
}
 +
.client_part::after {
 +
    background: #8fcfef;
 +
    bottom: 0;
 +
    height: 58%;
 +
}
 +
.client_img{
 +
    background: #8fcfef;
 +
    padding: 44px 44px 13px;
 +
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
 +
    margin-bottom:10px;
 +
}
 +
.cleint-testi {
 +
    margin-top: 124px;
 +
}
 +
.client_part .client_img h6{
 +
    margin-bottom: 4px;
 +
}
 +
.client_part .client_img h6 a {
 +
    color: #fff;
 +
    font-size: 16px;
 +
    font-weight: 700;
 +
    margin: 14px 0 0;
 +
    text-align: center;
 +
    display: block;
 +
}
 +
.client_slider_area {
 +
    position: relative;
 +
}
 +
.clientslide_nav i {
 +
    cursor: pointer;
 +
    font-size: 24px;
 +
    position: absolute;
 +
    top: calc(50% + 13px);
 +
    z-index: 9;
 +
    color: #fff;
 +
}
 +
.clientslide_nav .testi_prev {
 +
    left: 6px;
 +
}
 +
.clientslide_nav .testi_next {
 +
    right: 6px;
 +
}
 +
.clientTestiSlider .owl-dots {
 +
    text-align: center;
 +
}
 +
.clientTestiSlider .owl-dot {
 +
    display: inline;
 +
    margin-right: 10px;
 +
    color: #fff;
 +
    font-weight: 700;
 +
}
 +
.clientTestiSlider .owl-dot.active {
 +
    color:#ff4081;
 +
}
 +
.singleClientTesti {
 +
    padding-bottom: 20px;
 +
    padding-left: 40px;
 +
}
 +
.cleint-testi p{
 +
    position: relative;
 +
    color: #eeeeee;
 +
}
 +
.cleint-testi p::before, .cleint-testi p::after {
 +
    color: #5683ff;
 +
    font-size: 60px;
 +
    font-weight: 700;
 +
    position: absolute;
 +
    font-family: 'Roboto', sans-serif;
 +
}
 +
.cleint-testi p::before{
 +
    content: "“";
 +
    top: -14px;
 +
}
 +
.cleint-testi p::after {
 +
    bottom: -13px;
 +
    content: "“";
 +
    right: 0;
 +
    -webkit-transform: rotate(-180deg);
 +
    transform: rotate(-180deg);
 +
}
 +
.singleClientImg p {
 +
    font-family: 'Merriweather', serif;
 +
    font-style: italic;
 +
    font-size: 12px;
 +
    margin: 0;
 +
    letter-spacing: 1.5px;
 +
    color: #eeeeee;
 +
    text-align: center;
 +
}
 +
/* ---------------------------------------------------------
 +
16.Partner Area
 +
-----------------------------------------------------------*/
 +
.partner_area {
 +
    background: #f5f5f5;
 +
    padding: 56px 0;
 +
}
 +
.partner_slider .item {
 +
  text-align: center;
 +
}
 +
.partner_slider .item img {
 +
    width: auto;
 +
    display: inline-block;
 +
}
 +
/* ---------------------------------------------------------
 +
17.Blog Table
 +
-----------------------------------------------------------*/
 +
.blog_area.section-padding{
 +
    padding-bottom: 99px;
 +
}
 +
.blog_area .owl-carousel .owl-stage-outer {
 +
    margin: -10px 0 -20px -15px;
 +
    overflow: hidden;
 +
    padding: 10px 0 20px 15px;
 +
    position: relative;
 +
}
 +
.blog_img {
 +
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
 +
    display: inline-block;
 +
    overflow: hidden;
 +
    position: relative;
 +
    vertical-align: middle;
 +
    margin: 20px 0;
 +
}
 +
.blog_cont {
 +
    background: #e62562;
 +
    display: inline-block;
 +
    padding: 25px 30px 30px;
 +
    width: 50%;
 +
    vertical-align: middle;
 +
    margin-left: -3px;
 +
}
 +
.blog_cont_2 {
 +
    background: #e62562;
 +
    display: inline-block;
 +
    padding: 30px 210px 50px;
 +
    width: 100%;
 +
    vertical-align: middle;
 +
    margin-left: -3px;
 +
   
 +
 +
}
 +
.blog_cont_2 p {
 +
    font-size: 13px;
 +
    color: #f7f6f6;
 +
}
 +
.blog_cont_3 {
 +
    background: #ffff;
 +
    display: inline-block;
 +
    padding: 30px 210px 50px;
 +
    width: 110%;
 +
    vertical-align: middle;
 +
    margin-left: -3px;
 +
   
 +
 +
}
 +
 +
 +
.blog_cont p {
 +
    font-size: 13px;
 +
    color: #f7f6f6;
 +
}
 +
ul.blog_s li {
 +
    display: inline-block;
 +
    margin-right: 10px;
 +
}
 +
ul.blog_s li a {
 +
    color: #eeeeee;
 +
    font-size: 13px;
 +
    font-weight: 400;
 +
}
 +
ul.blog_s li a i {
 +
    margin-right: 5px;
 +
}
 +
.blog_cont a.th_bt {
 +
    height: 40px;
 +
    line-height: 40px;
 +
    width: 110px;
 +
    margin-top: 15px;
 +
    margin-left: 0px;
 +
    font-size: 12px;
 +
    font-weight: 600;
 +
    margin-bottom: 0;
 +
}
 +
.blog_cont_2 h4 {
 +
    color: #fff;
 +
    margin: 10px 0;
 +
    padding-bottom: 17px;
 +
    position: relative;
 +
    font-weight: bold;
 +
}
 +
.blog_cont_2 h4 a {
 +
    color: #ffffff;
 +
}
 +
.blog_cont_2 h4::before, .contact_text p:before {
 +
    background: #497aff;
 +
    bottom: 0;
 +
    content: "";
 +
    height: 1px;
 +
    position: absolute;
 +
    width: 70px;
 +
}
 +
.blog_cont h4 {
 +
    color: #fff;
 +
    margin: 10px 0;
 +
    padding-bottom: 17px;
 +
    position: relative;
 +
    font-weight: bold;
 +
}
 +
.blog_cont h4 a {
 +
    color: #ffffff;
 +
}
 +
.blog_cont h4::before, .contact_text p:before {
 +
    background: #497aff;
 +
    bottom: 0;
 +
    content: "";
 +
    height: 1px;
 +
    position: absolute;
 +
    width: 70px;
 +
}
 +
.blog_slid .owl-dots {
 +
    bottom: -32px;
 +
    left: calc(50% - 17.5px);
 +
    position: absolute;
 +
}
 +
.blog_slid .owl-dot {
 +
    width: 12px;
 +
    height: 12px;
 +
    border: 1px solid #2962FF;
 +
    display: inline-block;
 +
    margin-left: 5px;
 +
    border-radius: 50%;
 +
}
 +
.blog_slid .owl-dot.active {
 +
    border: 4px solid #2962FF;
 +
}
 +
/* ---------------------------------------------------------
 +
18.Subscribe Area
 +
-----------------------------------------------------------*/
 +
.subscribe_area {
 +
    background: #f5f5f5;
 +
}
 +
.subform form label i {
 +
    margin-right: 10px;
 +
    margin-top: 10px;
 +
}
 +
.subform form .input-field {
 +
    margin-bottom: 62px;
 +
}
 +
.subform form input[type="email"] {
 +
    border-color: #ff4081;
 +
    font-size: 14px;
 +
}
 +
.subform form .input-field label {
 +
    color: #666666;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    left: 0;
 +
    top: 8px;
 +
}
 +
.subform form .input-field label.active {
 +
    color: #333333;
 +
    font-size: 12px;
 +
}
 +
.subform .input-field input:focus {
 +
    border-color: #ff4081;
 +
    box-shadow: 0 1px 0 0 #ff4081;
 +
}
 +
.subform button {
 +
    margin: 0 auto;
 +
}
 +
/* ---------------------------------------------------------
 +
19.Contact Area
 +
-----------------------------------------------------------*/
 +
.map-area{
 +
    position: relative;
 +
}
 +
.contact-area {
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
.contact-area .container {
 +
    position: relative;
 +
}
 +
#contactgoogleMap{
 +
    width: calc(100% + 250px);
 +
    left: -250px;
 +
    height: 790px;
 +
    position: relative;
 +
}
 +
.contact_page #contactgoogleMap{
 +
height: 870px;
 +
}
 +
.contact_text h2 {
 +
    color: #fff;
 +
    font-size: 28px;
 +
    font-weight: 600;
 +
    text-transform: uppercase;
 +
}
 +
.contact_text p{
 +
    font-size: 14px;
 +
    position: relative;
 +
    color: #eeeeee;
 +
}
 +
.contact_text p:before {
 +
    bottom: -15px;
 +
}
 +
.contact_text {
 +
    background: #2c63fb;
 +
    overflow: hidden;
 +
    padding: 75px 70px;
 +
    position: absolute;
 +
    right: 15px;
 +
    top: 80px;
 +
    border-radius: 6px;
 +
    box-shadow: 2px 2px 5px rgba(0,0,0,.26);
 +
}
 +
.contact_page .contact_text{
 +
    top: 120px;
 +
}
 +
.contact_text form {
 +
    margin-top: 60px;
 +
}
 +
.contact_text form label i, .single_blog_right_sidebar .row.jsSubmit_button .input-field label i,
 +
.single_blog_full .row.jsSubmit_button .input-field label i{
 +
    margin-right: 10px;
 +
    margin-top: 10px;
 +
}
 +
.contact_text form input[type="email"], .contact_text form input[type="text"]{
 +
    border-color: #ffffff;
 +
    font-size: 14px;
 +
    color: #ffffff;
 +
}
 +
.contact_text form .input-field label {
 +
    color: #ffffff;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    left: 15px;
 +
    top: 8px;
 +
}
 +
.contact_text form .input-field label.active {
 +
    color: #ffffff;
 +
    font-size: 12px;
 +
}
 +
.contact_text .input-field input:focus, .contact-area form textarea.materialize-textarea:focus{
 +
    border-color: #ff4081;
 +
    box-shadow: 0 1px 0 0 #ff4081;
 +
    color: #ffffff;
 +
}
 +
.contact-area form textarea{
 +
    color: #ffffff;
 +
    border-color: #ffffff;
 +
    height: 90px !important;
 +
}
 +
.contact_text button.th_bt {
 +
    height: 50px;
 +
    line-height: 50px;
 +
    width: 150px;
 +
    margin-top: 50px;
 +
margin-bottom: 5px;
 +
    float: right;
 +
    background: #ffffff;
 +
    color: #2962ff;
 +
    font-weight: 600;
 +
    padding: 0;
 +
}
 +
.contact_text button.th_bt i {
 +
    margin-left: 10px;
 +
}
 +
/* ---------------------------------------------------------
 +
20.Footer Social Link
 +
-----------------------------------------------------------*/
 +
ul.ft_top li {
 +
    position: relative;
 +
    float: left;
 +
    height: 12.5vw;
 +
    text-align: center;
 +
    width: 16.6666667%;
 +
    will-change: initial;
 +
}
 +
ul.ft_top li a {
 +
    color: #ffffff;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    -webkit-transform: translateY(-50%) translateX(-50%);
 +
    transform: translateY(-50%) translateX(-50%);
 +
    font-size: 24px;
 +
    font-weight: 600;
 +
}
 +
ul.ft_top li a i {
 +
    display: block;
 +
    margin-bottom: 15px;
 +
    font-size: 36px;
 +
}
 +
ul.ft_top li:hover {
 +
    box-shadow: 0 5px 15px rgba(0,0,0, .2);
 +
}
 +
ul.ft_top li:first-child {
 +
    background: #426cc5;
 +
}
 +
ul.ft_top li:first-child:hover {
 +
    background: #557dd4;
 +
}
 +
ul.ft_top li:nth-child(2) {
 +
    background: #03a8fa;
 +
}
 +
ul.ft_top li:nth-child(2):hover  {
 +
    background: #15b1ff;
 +
}
 +
ul.ft_top li:nth-child(3) {
 +
    background: #FF0084;
 +
}
 +
ul.ft_top li:nth-child(3):hover  {
 +
    background: #ff2f9b;
 +
}
 +
ul.ft_top li:nth-child(4) {
 +
    background: #0090D9;
 +
}
 +
ul.ft_top li:nth-child(4):hover  {
 +
    background: #19a2e9;
 +
}
 +
ul.ft_top li:nth-child(5) {
 +
    background: #ED4F8C;
 +
}
 +
ul.ft_top li:nth-child(5):hover {
 +
    background: #f66aa0;
 +
}
 +
ul.ft_top li:last-child {
 +
    background: #1AB7EA;
 +
}
 +
ul.ft_top li:last-child:hover {
 +
    background: #27c1f3;
 +
}
 +
/* ---------------------------------------------------------
 +
21.Footer Area
 +
-----------------------------------------------------------*/
 +
.footer_area {
 +
    background: #2c63fb url(img/footer_bg_img.png) no-repeat scroll 0 0 / cover;
 +
}
 +
.scroll_area {
 +
    padding: 120px 0 0;
 +
}
 +
.sroll_top {
 +
    left: calc(50% - 26px);
 +
    position: absolute;
 +
    top: -25px;
 +
    z-index: 1;
 +
}
 +
.sroll_top i {
 +
    background: #fff;
 +
    width: 50px;
 +
    height: 50px;
 +
    line-height: 50px;
 +
    text-align: center;
 +
    font-size: 30px;
 +
    color: #3067ff;
 +
    border-radius: 50%;
 +
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
 +
    cursor: pointer;
 +
    padding: 0px;
 +
    margin: 0;
 +
}
 +
.sroll_top i:hover {
 +
    color: #ff4081;
 +
    letter-spacing: initial;
 +
}
 +
.footer_area h4 {
 +
    color: #fff;
 +
    margin-bottom: 61px;
 +
    position: relative;
 +
    font-size: 20px;
 +
    font-weight: 700;
 +
    text-transform: uppercase;
 +
}
 +
.footer_area h4::after {
 +
    background: #f5f5f5;
 +
    bottom: -16px;
 +
    content: "";
 +
    height: 1px;
 +
    left: 0;
 +
    position: absolute;
 +
    width: 50px;
 +
}
 +
.footer_area a {
 +
    color: #fff;
 +
    font-size: 14px;
 +
}
 +
.middle_content a {
 +
    text-decoration: underline;
 +
}
 +
.ft_contact > ul {
 +
    margin-top: -9px;
 +
}
 +
.ft_contact ul li {
 +
    margin-bottom: 6px;
 +
    line-height: 30px;
 +
}
 +
.ft_contact ul li a, .ft_contact ul li > span {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    width: calc(100% - 30px);
 +
    color: #eeeeee;
 +
}
 +
.ft_contact ul li i {
 +
    margin-right: 10px;
 +
    color: #ffffff;
 +
}
 +
.widget_gallery {
 +
    display: inline-block;
 +
    margin-right: 3px;
 +
}
 +
.footer_Widgets figure{
 +
    overflow:hidden;
 +
}
 +
.footer_Widgets figure .RXcircleEffect {
 +
    border-radius: 50%;
 +
    height: calc(100% - 8px);
 +
    left: 4px;
 +
    width: calc(100% - 8px);
 +
    top: 4px;
 +
    -webkit-transform: scale(0);
 +
    transform: scale(0);
 +
}
 +
.footer_Widgets figure:hover .RXcircleEffect {
 +
    -webkit-transform: scale(1);
 +
    transform: scale(1);
 +
    border-radius: 0;
 +
}
 +
.widget_gallery figcaption i {
 +
    color: #fff;
 +
    font-size: 20px;
 +
    left: calc(50% - 10px);
 +
    position: absolute;
 +
    top: calc(50% - 10px);
 +
    opacity: 0;
 +
}
 +
.footer_Widgets figure:hover figcaption i {
 +
    opacity: 1;
 +
}
 +
.footer_middle {
 +
    border-bottom: 1px solid #497aff;
 +
    padding-bottom: 70px;
 +
}
 +
.footer_middle p{
 +
    font-size: 14px;
 +
    color: #eeeeee;
 +
    margin-top: -6px;
 +
}
 +
.ft_area {
 +
    margin: 50px 0;
 +
}
 +
ul.ft_bottom li{
 +
    display: inline-block;
 +
}
 +
ul.ft_bottom li a{
 +
    text-transform: uppercase;
 +
    display: block;
 +
    padding: 0 20px;
 +
    line-height: 20px;
 +
    font-size: 12px;
 +
    font-weight: 600;
 +
    color: #eee;
 +
    position: relative;
 +
}
 +
ul.ft_bottom li a::after {
 +
    position: absolute;
 +
    content: "-";
 +
    right: -3px;
 +
    top: 0;
 +
}
 +
ul.ft_bottom li:last-child a::after {
 +
    display: none;
 +
}
 +
.ft_paragraph p{
 +
    font-size: 12px;
 +
    font-weight: 600;
 +
    line-height: 20px;
 +
    margin: 0;
 +
    color: #eee;
 +
    text-transform: uppercase;
 +
    text-align: right;
 +
}
 +
.ft_paragraph p a{
 +
    font-size: 12px;
 +
    font-weight: 600;
 +
}
 +
.ft_paragraph p a:hover {
 +
    text-decoration: underline;
 +
}
 +
.ft_bottom > li:hover a::after {
 +
        -webkit-transform: translateY(-20px);
 +
        transform: translateY(-20px);
 +
}
 +
/*------------------------------------------------
 +
22.Home Page-2
 +
--------------------------------------------------*/
 +
.home-2 .sticky .main_logo path {
 +
    fill: #ef5350;
 +
}
 +
.home-2 .waveBg path {
 +
    fill: #512da8;
 +
}
 +
.home-2 a.th_bt, .home-2 .subform button,
 +
.home-2 .single_pricing.active, .home-2 .single_pricing:hover{
 +
    background: #ef5350;
 +
    color: #ffffff;
 +
}
 +
.home-2 .subform form input[type="email"] {
 +
    border-color: #ef5350;
 +
}
 +
.home-2 .subform .input-field input:focus {
 +
    border-color: #ef5350;
 +
    box-shadow: 0 1px 0 0 #ef5350;
 +
}
 +
.home-2 .contact_text .input-field input:focus,
 +
.home-2 .contact-area form textarea.materialize-textarea:focus{
 +
    border-color: #ef5350;
 +
    box-shadow: 0 1px 0 0 #ef5350;
 +
    color: #ffffff;
 +
}
 +
.home-2 .RXcircleEffect {
 +
    background: rgba(239, 83, 80, 0.9);
 +
}
 +
.home-2 .navbar ul.nav.navbar-nav > li:hover > a,
 +
.home-2 .affix.sticky .top_menu_area ul.nav.navbar-nav li ul.sub_menu li:hover a,
 +
.home-2 .navbar ul.nav.navbar-nav .sub_menu li:hover > a,
 +
.home-2 .navbar ul.nav.navbar-nav > li.active > a,
 +
.home-2 .navbar ul.nav.navbar-nav > li > a::before {
 +
    background-color: transparent;
 +
    color: #ef5350;
 +
}
 +
.home-2 .affix .top_menu_area ul.nav.navbar-nav li.active a,
 +
.home-2 .checkIcon i, .home-2 .single_fact i,
 +
.home-2 ul.team_social li a:hover i{
 +
    color: #512da8;
 +
}
 +
.home-2 .slider_area {
 +
    background-image: url("img/mainHeaderSliderPhoto_1.jpg");
 +
    background-size: cover;
 +
}
 +
.home-2 .slider_left_bg {
 +
    background-image: url("img/main_slider_homepage_2.png");
 +
    position: relative;
 +
    z-index: 1;
 +
}
 +
.home-2 .single_cap a.th_bt, .home-2 .single_feature:hover i,
 +
.home-2 .single_pricing.active a.th_bt,
 +
.home-2 .single_pricing:hover a.th_bt,
 +
.home-2 ul.iconlink li a i,
 +
.home-2 .single_pricing.active i,
 +
.home-2 .single_pricing:hover i{
 +
    background: #ffffff;
 +
    color: #ef5350;
 +
}
 +
.home-2 .single_feature i, .home-2 .single_feature:hover,
 +
.home-2 ul.trigger li.active, .home-2 .single_service i::after,
 +
.home-2 .single_service i, .home-2 .owl-item.center .singleTabIcon i,
 +
.home-2 .video_control a#control{
 +
    background: #ef5350;
 +
}
 +
.home-2 .single_pricing:hover hr{
 +
    color: #f5f5f5;
 +
}
 +
.home-2 .project_area,
 +
.home-2 .checkBGFull,
 +
.home-2 .ourFeaturesContent::before,
 +
.home-2 .ourFeaturesContent::after,
 +
.home-2 .social_btn,
 +
.home-2 .team_content::before,
 +
.home-2 .team_content,
 +
.home-2 .team_member_photo::before,
 +
.home-2 .team_member_photo,
 +
.home-2 .singleTabIcon i,
 +
.home-2 .client_img,
 +
.home-2 .blog_cont,
 +
.home-2 .contact_text,
 +
.home-2 .client_part::after,
 +
.home-2 ul.sub_menu{
 +
    background: #512da8;
 +
}
 +
.home-2 .col-sm-7.skillBg::after{
 +
    background: #512da8 url("img/video_right_img_2.png") no-repeat scroll 0 0 / cover ;
 +
}
 +
.home-2 .footer_area{
 +
    background-color:#512da8;
 +
}
 +
.home-2 .single_service {
 +
    border: 5px solid #ef5350;
 +
}
 +
.home-2 .single_service:hover{
 +
    background: #ef5350;
 +
    border: 5px solid #ef5350;
 +
}
 +
.home-2 .single_service:hover i {
 +
    border-color: #ef5350;
 +
    color: #ef5350;
 +
    background: #ffffff;
 +
}
 +
.home-2 .single_service:hover i::after{
 +
    background: #ffffff;
 +
}
 +
.home-2 .single_service:hover h3,
 +
.home-2 .contact_text .is-invalid .required {
 +
    color: #fff;
 +
}
 +
.home-2 .single_progress .progress, .home-2 .single_skill > div::after,
 +
.home-2 .blog_cont h4::before, .home-2 .contact_text p::before {
 +
    background: #623ac3;
 +
}
 +
.home-2 .single_progress .progress-bar {
 +
    background-color: #d9caff;
 +
}
 +
.home-2 .client_part::before {
 +
    background: #f5f5f5;
 +
}
 +
.home-2 .cleint-testi p::before, .home-2 .cleint-testi p::after,.home-2 .sroll_top i{
 +
    color: #5b34b9;
 +
}
 +
.home-2 .clientTestiSlider .owl-dot.active{
 +
    color: #ef5350;
 +
}
 +
.home-2 .blog_slid .owl-dot.active {
 +
    border: 3px solid #512da8;
 +
}
 +
.home-2 .blog_slid .owl-dot {
 +
    border: 1px solid #512da8;
 +
}
 +
.home-2 .contact_text button.th_bt {
 +
    color: #2196f3;
 +
}
 +
.home-2 .footer_middle {
 +
    border-bottom: 1px solid #623ac3;
 +
}
 +
.home-2 .widget_gallery figcaption {
 +
    background: rgba(216, 76, 73, 0.8);
 +
}
 +
.home-2 .sroll_top i:hover{
 +
    color:#ef5350;
 +
}
 +
 +
 +
/*------------------------------------------------
 +
25.Home Page-5
 +
--------------------------------------------------*/
 +
.home-5 .navbar {
 +
    position: relative;
 +
}
 +
.home-5 ul.sub_menu {
 +
    background: #F06292;
 +
    color: #ffffff;
 +
}
 +
.home-5 .header_area.affix + .header_paralux, .home-7 .header_area.affix + .header_paralux {
 +
    margin-top: 76px;
 +
}
 +
.home-5 .main_logo path {
 +
    fill: #bae4f4;
 +
}
 +
.home-5 .sticky .main_logo path {
 +
    fill: #4073ff;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav > li > a::after{
 +
    background: #ff4081;
 +
    bottom: 0;
 +
    content: "";
 +
    height: 3px;
 +
    left: 0;
 +
    position: absolute;
 +
    width: 0;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav li a {
 +
    color: #333;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav > li.active > a {
 +
    color: #ff4081;
 +
}
 +
.home-5 .affix .top_menu_area ul.nav.navbar-nav > li.active > a,
 +
.home-5 .affix .top_menu_area ul.nav.navbar-nav > li:hover > a {
 +
    color: #ff4081;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav > li a:hover::after,
 +
.home-9 .top_menu_area ul.nav.navbar-nav > li a:hover::after{
 +
    width: 100%;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav li.active a::after,
 +
.home-9 .top_menu_area ul.nav.navbar-nav li.active a::after{
 +
    width: 100%;
 +
}
 +
.home-5 .top_menu_area ul.nav.navbar-nav li a:hover,
 +
.home-5 .navbar ul.nav.navbar-nav li > a::before{
 +
    color:#ff4081;
 +
}
 +
.home-5 .header_paralux {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Home-5_slider.jpg");
 +
    background-size: cover;
 +
    background-repeat: no-repeat;
 +
    position: relative;
 +
    background-attachment: fixed;
 +
}
 +
.home-5 .paralux_content, .home-5 .page_down{
 +
    position: relative;
 +
    z-index: 2;
 +
}
 +
.home-5 .paralux_content::before {
 +
    border-left: 6px solid rgba(255, 64, 129, 0.05);
 +
    border-right: 6px solid rgba(255, 64, 129, 0.05);
 +
    border-top: 6px solid rgba(255, 64, 129, 0.05);
 +
    content: "";
 +
    height: 15%;
 +
    left: 25%;
 +
    position: absolute;
 +
    top: -20%;
 +
    width: 50%;
 +
}
 +
.home-5 .paralux_text::before {
 +
    border-bottom: 6px solid rgba(255, 64, 129, 0.05);
 +
    border-left: 6px solid rgba(255, 64, 129, 0.05);
 +
    bottom: 12%;
 +
    content: "";
 +
    height: 50%;
 +
    left: 25%;
 +
    position: absolute;
 +
    width: 14%;
 +
}
 +
.home-5 .paralux_text::after {
 +
    border-bottom: 6px solid rgba(255, 64, 129, 0.05);
 +
    border-right: 6px solid rgba(255, 64, 129, 0.05);
 +
    bottom: 12%;
 +
    content: "";
 +
    height: 50%;
 +
    position: absolute;
 +
    right: 25%;
 +
    width: 14%;
 +
}
 +
.home-5 .paralux_content a.th_bt, .home-6 .mainSlider a.th_bt, .home-8 .mainSlider a.th_bt{
 +
    margin-top: 55px;
 +
}
 +
.home-5 .paralux_content h1 span{
 +
    color: #f06292;
 +
}
 +
.home-5 .page_down i {
 +
    color: #ff4081;
 +
}
 +
 +
 +
.home-5 .paralux_content, .home-5 .page_down, .home-7 .paralux_content, .home-7 .page_down{
 +
    position: relative;
 +
    z-index: 2;
 +
}
 +
.home-5 .page_down, .home-7 .page_down {
 +
    background: #fff;
 +
    border-radius: 50%;
 +
    color: #ff4081;
 +
    font-size: 20px;
 +
    height: 50px;
 +
    line-height: 50px;
 +
    text-align: center;
 +
    width: 50px;
 +
    position: absolute;
 +
    left: calc(50% - 25px);
 +
    bottom: 40px;
 +
}
 +
 +
@-webkit-keyframes up-down{
 +
    0%{
 +
        -webkit-transform: translateY(-30%);
 +
        transform: translateY(-30%);
 +
    }
 +
    25%{
 +
        -webkit-transform: translateY(0);
 +
        transform: translateY(0);
 +
    }
 +
    50%{
 +
        -webkit-transform: translateY(30%);
 +
        transform: translateY(30%);
 +
    }
 +
    100%{
 +
        -webkit-transform: translateY(-30%);
 +
        transform: translateY(-30%);
 +
    }
 +
}
 +
@keyframes up-down{
 +
    0%{
 +
        -webkit-transform: translateY(-30%);
 +
        transform: translateY(-30%);
 +
    }
 +
    25%{
 +
        -webkit-transform: translateY(0);
 +
        transform: translateY(0);
 +
    }
 +
    50%{
 +
        -webkit-transform: translateY(30%);
 +
        transform: translateY(30%);
 +
    }
 +
    100%{
 +
        -webkit-transform: translateY(-30%);
 +
        transform: translateY(-30%);
 +
    }
 +
}
 +
 +
.home-5 .page_down i, .home-7 .page_down i {
 +
    -webkit-animation-name: up-down;
 +
    animation-name: up-down;
 +
    -webkit-animation-duration: 1s;
 +
    animation-duration: 1s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    animation-iteration-count: infinite;
 +
    -webkit-animation-fill-mode: both;
 +
    animation-fill-mode: both;
 +
}
 +
 +
 +
 +
/*------------------------------------------------
 +
29.Blog Page
 +
--------------------------------------------------*/
 +
.banner_title h1 {
 +
    color: #fff;
 +
    font-size: 48px;
 +
    font-weight: bold;
 +
    text-align: center;
 +
    text-transform: uppercase;
 +
}
 +
.banner_title ul li a {
 +
    color: #fff;
 +
    font-size: 16px;
 +
    font-weight: 400;
 +
    text-transform: uppercase;
 +
}
 +
.banner_title ul li {
 +
    display: inline-block;
 +
    margin-left: 16px;
 +
font-size:16px;
 +
}
 +
.banner_title ul li:first-child {
 +
    margin-left: 0;
 +
}
 +
.banner_title li a::after {
 +
    color: #fff;
 +
    content: '\f2fb';
 +
    margin-left: 16px;
 +
    font-family:"material-design-iconic-font";
 +
}
 +
.banner_title li:last-child{
 +
    color: #ff4081;
 +
    text-transform: uppercase;
 +
}
 +
.banner_title > ul {
 +
    text-align: center;
 +
}
 +
.blog_grid .blog_cont{
 +
    vertical-align: middle;
 +
}
 +
.blog_grid .blog_grid_area a.th_bt{
 +
    margin: 0 auto;
 +
}
 +
/*------------------------------------------------
 +
30.Blog Right sidebar Page
 +
--------------------------------------------------*/
 +
.blog_right_sidebar .blog_cont, .blog_left_sidebar .blog_cont {
 +
    padding: 32px 63px 40px 28px;
 +
    width: 53.5%;
 +
}
 +
.blog_right_sidebar .blog_cont h4, .blog_left_sidebar .blog_cont h4 {
 +
    margin: 6px 0 16px;
 +
    padding-bottom: 25px;
 +
font-size:22px;
 +
}
 +
.blog_right_sidebar .blog_cont p, .blog_left_sidebar .blog_cont p {
 +
font-size:15px;
 +
color:#eeeeee;
 +
}
 +
.single_post{
 +
    margin-bottom: 6px;
 +
}
 +
.single_post_03 {
 +
    margin: 20px 0 40px;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 +
}
 +
.blog_right_sidebar .single_post_03 .blog_cont, .blog_left_sidebar .single_post_03 .blog_cont{
 +
    width: 100%;
 +
    margin-left: 0;
 +
}
 +
.testmonil {
 +
    background: #f5f5f5;
 +
    padding: 34px 50px 29px;
 +
    text-align: center;
 +
    margin-bottom: 40px;
 +
}
 +
.testmonil i {
 +
    color: #d7d7d7;
 +
    font-size: 36px;
 +
}
 +
.testmonil p {
 +
    margin: 17px 0;
 +
}
 +
.testmonil h5 {
 +
    color: #333333;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
}
 +
.blog_search .input-field input,
 +
.blog_search .input-field input{
 +
    border: none;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
 +
}
 +
.blog_search .input-field label{
 +
    font-size: 13px;
 +
    font-weight: 300;
 +
color:#333;
 +
letter-spacing:1px;
 +
 +
}
 +
.page_no {
 +
    text-align: center;
 +
    margin-top: 40px;
 +
}
 +
ul.pagination{
 +
    margin: 0;
 +
}
 +
.page_no ul.pagination li{
 +
    width: 42px;
 +
}
 +
.page_no ul.pagination li a, .pagination li span {
 +
    border:none;
 +
    color: #666;
 +
    padding: 10px 16px;
 +
    margin-left: 10px;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 +
    border-radius: 0;
 +
}
 +
.page_no ul.pagination li a:focus, .page_no ul.pagination li a:hover,
 +
.page_no ul.pagination li a:focus, .page_no ul.pagination li a:hover {
 +
    background-color: #ff4081;
 +
    color: #fff;
 +
}
 +
/*------------------------------------------------
 +
31.Single Blog Right sidebar Page
 +
--------------------------------------------------*/
 +
.blog_banner_area, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/c/ca/Team_banner.jpg");
 +
    padding: 140px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_paillasse, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/f/f0/Banner_lapaillasse.jpg");
 +
    padding: 180px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_cloning, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/9/95/Cloning_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_protocol, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/5/55/Protocol_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_biology, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/a/a4/Biology_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_bioluminescence, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/a/ae/Bioluminescence_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_gluc, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/e/e6/Gluc_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_ecoli, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/4/44/Ecoli_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_european, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/c/cf/European_bann.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_motivation, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/b/b0/Motivation_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
figure.postImg{
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 +
    margin-bottom: 37px;
 +
    overflow: hidden;
 +
}
 +
.single_blog_right_sidebar figure.postImg img {
 +
    width: 100%;
 +
}
 +
.blog_top {
 +
    border-bottom: 1px solid #ddd;
 +
    padding: 0 0 10px;
 +
}
 +
.blog_heading > h4 {
 +
    margin-bottom: 11px;
 +
}
 +
.related_post h4 a {
 +
    color: #333333;
 +
    font-size: 18px;
 +
    font-weight: 700;
 +
}
 +
.blog_content blockquote::before {
 +
    border-left: 3px solid #ff4081;
 +
    content: "";
 +
    height: 100%;
 +
    left: -4px;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
.blog_content blockquote {
 +
    background: #f5f5f5;
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 15px;
 +
    font-weight: 400;
 +
    line-height: 25px;
 +
    padding: 24px -42px;
 +
    position: relative;
 +
    color: #666666;
 +
}
 +
.share_comment {
 +
    border-bottom: 1px solid #ddd;
 +
    border-top: 1px solid #ddd;
 +
    padding: 13px 0;
 +
    margin-top:40px;
 +
}
 +
.share_comment h5 {
 +
    display: inline-block;
 +
    font-size: 15px;
 +
}
 +
.share_comment h5 a {
 +
    color: #666666;
 +
    font-weight: 700;
 +
}
 +
.share_comment h5 i {
 +
    color: #333333;
 +
}
 +
.share_comment h5 i {
 +
    margin-right: 7px;
 +
}
 +
ul.share_social{
 +
    float: right;
 +
    margin: 0;
 +
}
 +
ul.share_social li a i{
 +
    color: #333333;
 +
    border-radius: 50%;
 +
}
 +
ul.share_social li a:hover i{
 +
    background: #ff4081;
 +
    color: #ffffff;
 +
}
 +
.blog_content > p {
 +
    color: #666;
 +
    margin: 33px 0 0;
 +
    line-height: 25px;
 +
}
 +
.about_auther{
 +
    padding: 60px 0;
 +
    border-bottom: 1px solid #ddd;
 +
    margin: 0 0 55px; 
 +
}
 +
.study_text {
 +
    padding: 0 0 40px;
 +
    border-bottom: 1px solid #ddd;
 +
    margin: 0 0 55px;
 +
}
 +
.auther {
 +
    border: 10px solid #fff;
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
 +
    display: inline-block;
 +
}
 +
.auther_details{
 +
    display: inline-block;
 +
    width: calc(100% - 163px);
 +
    background: #f5f5f5;
 +
    padding: 20px 20px 23px;
 +
    vertical-align: top;
 +
}
 +
.auther_details h5 a, .about_commenter h5 a{
 +
    font-size: 16px;
 +
    color: #333;
 +
    text-transform: uppercase;
 +
    font-weight: 700;
 +
}
 +
.related_post_top {
 +
    border-bottom: 1px solid #ddd;
 +
    margin-bottom: 30px;
 +
    padding-bottom: 40px;
 +
}
 +
.related_post_top figure {
 +
    margin-bottom: 28px;
 +
}
 +
.related_post_top .blog_heading {
 +
    border: medium none;
 +
}
 +
.commenter {
 +
border: 5px solid #fff;
 +
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
 +
display: inline-block;
 +
width: 100px;
 +
}
 +
.comment_area .about_commenter{
 +
    padding: 0 0 0 30px;
 +
width:calc(100% - 105px);
 +
display: inline-block;
 +
vertical-align:top;
 +
}
 +
.comment_area .col-md-12 {
 +
    border-bottom: 1px solid #ddd;
 +
    padding: 30px 0 26px;
 +
}
 +
.comment_area .col-md-12:nth-child(2n) .comment {
 +
    margin-left: 120px;
 +
}
 +
.comment_area h6{
 +
    color: #9b9b9b;
 +
}
 +
.related_post h3, .comment_area h3, .leave_comment h3{
 +
    color: #333333;
 +
    text-transform: uppercase;
 +
    font-size: 20px;
 +
    font-weight: 700;
 +
    margin-bottom: 23px;
 +
}
 +
.comment_area .about_commenter h5{
 +
    margin-bottom: 10px;
 +
}
 +
.comment_area .about_commenter a {
 +
    color: #333;
 +
    font-size: 16px;
 +
    font-weight: 700;
 +
    text-transform: uppercase;
 +
}
 +
.leave_comment {
 +
    padding: 55px 0 0;
 +
}
 +
.leave_comment h3{
 +
    margin-bottom: 0;
 +
}
 +
.leave_comment textarea.materialize-textarea{
 +
height:100px !important;
 +
}
 +
.leave_comment button i {
 +
    margin-left: 5px;
 +
}
 +
ul.sidebarList{
 +
    border: 1px solid #333;
 +
    padding:15px 20px 28px;
 +
    margin-top: 20px;
 +
}   
 +
ul.sidebarList li {
 +
    border-bottom: 1px solid #ddd;
 +
    display: inherit;
 +
    line-height: 40px;
 +
}
 +
ul.sidebarList li a {
 +
    color: #666666;
 +
    display: block;
 +
    font-size: 13px;
 +
    font-weight: 600;
 +
}
 +
ul.sidebarList li a:hover{
 +
color:#ff4081;
 +
}
 +
ul.sidebarList li:last-child {
 +
    margin-bottom: 0;
 +
}
 +
h4.sidebar_Hd {
 +
    color: #333;
 +
    font-size: 20px;
 +
    font-style: italic;
 +
    margin-bottom: 24px;
 +
    font-family: 'Merriweather', serif;
 +
    text-transform:uppercase;
 +
font-weight:700;
 +
}
 +
.blog_search {
 +
    margin-bottom: 61px;
 +
}
 +
.blog_search form input[type="search"]{
 +
color: #333333;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 13px;
 +
font-weight: 300;
 +
    letter-spacing: 1px;
 +
}
 +
.blog_search form input[type="search"] {
 +
    padding-right: 45px;
 +
    height: 50px;
 +
}
 +
.blog_search form button[type="submit"] {
 +
    background: transparent;
 +
    border: 0 none;
 +
    bottom: 20px;
 +
    color: #9b9b9b;
 +
    font-size: 50px;
 +
    height: 50px;
 +
    position: absolute;
 +
    right: 0;
 +
    width: 50px;
 +
    box-shadow: none;
 +
}
 +
.blog_search form button[type="submit"].btn i{
 +
    font-size: 25px;
 +
}
 +
.single_blog_right_sidebar .row.jsSubmit_button .input-field input,
 +
.single_blog_full .row.jsSubmit_button .input-field input,
 +
.single_blog_right_sidebar .row.jsSubmit_button .input-field textarea,
 +
.single_blog_full .row.jsSubmit_button .input-field textarea,
 +
.single_blog_right_sidebar .row.jsSubmit_button .input-field textarea,
 +
.single_blog_right_sidebar .row.jsSubmit_button .input-field input,
 +
.single_blog_full .row.jsSubmit_button .input-field input,
 +
.single_blog_full .row.jsSubmit_button .input-field textarea{
 +
    border-bottom: 1px solid #eeeeee;
 +
    box-shadow: none;
 +
}
 +
.single_blog_right_sidebar .row.jsSubmit_button .input-field label,
 +
.single_blog_full .row.jsSubmit_button .input-field label {
 +
    color: #9b9b9b;
 +
    font-weight:400;
 +
    font-size: 14px;
 +
}
 +
.row.jsSubmit_button .input-field label.active {
 +
    -webkit-transform: translateY(-120%);
 +
    transform: translateY(-120%);
 +
}
 +
input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="text"], input.valid[type="text"]:focus,  textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
 +
    border-bottom: 1px solid #ff4081;
 +
    box-shadow: none;
 +
}
 +
.leave_comment form .btn[type="submit"] {
 +
    background: #ff4081;
 +
    box-shadow: none;
 +
    color: #fff;
 +
    height: 50px;
 +
    line-height: 50px;
 +
    width: 150px;
 +
    margin-left: 0;
 +
}
 +
.leave_comment form .btn[type="submit"][disabled] {
 +
    cursor: pointer;
 +
    opacity: 0.65;
 +
}
 +
.tab_menu li {
 +
background:#2962ff;
 +
display: inline-block;
 +
margin-left: -4px;
 +
}
 +
.tab_menu li.active{
 +
    background:#ff4081;
 +
}
 +
.tab_menu li a {
 +
display: block;
 +
padding: 16px 27px;
 +
    color: #ffffff;
 +
font-weight:600;
 +
font-size:14px;
 +
}
 +
.tab-content {
 +
    margin-top: 25px;
 +
}
 +
.post_list {
 +
margin-bottom: 22px;
 +
}
 +
.post_listImg {
 +
    display: inline-block;
 +
    vertical-align: top;
 +
}
 +
.post_text {
 +
    display: inline-block;
 +
    margin-left: 1px;
 +
    vertical-align: top;
 +
    padding-left: 5px;
 +
    width: calc(100% - 105px);
 +
}
 +
ul.blog_s{
 +
    margin-bottom: 5px;
 +
}
 +
.post_text h4 {
 +
    font-size: 13px;
 +
    font-weight: 600;
 +
}
 +
.post_text h4 a {
 +
    color: #666666;
 +
line-height:24px;
 +
}
 +
.post_listImg a{
 +
    display: block;
 +
}
 +
.post_listImg img {
 +
    max-width: 100px;
 +
}
 +
.post_list ul.blog_s li a, .blog_heading ul li a,
 +
.blog_top ul li a{
 +
color:#9b9b9b;
 +
}
 +
.tag_list  a {
 +
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
 +
    color: #666666;
 +
    display: inline-block;
 +
    font-size: 13px;
 +
    font-weight: 600;
 +
    margin: 8px 0;
 +
    padding: 0 10px;
 +
}
 +
.tag_list  a .btn.focus{
 +
    color: #666666;
 +
}
 +
.tag_list  a:hover {
 +
    background: #ff4081;
 +
    color: #ffffff;
 +
    -webkit-transform: translateY(-2px);
 +
    transform: translateY(-2px);
 +
    letter-spacing: inherit;
 +
}
 +
/*------------------------------------------------
 +
32.single-blog full Page
 +
--------------------------------------------------*/
 +
h4.blog_topHd{
 +
font-size:22px;
 +
    font-weight: 700;
 +
}
 +
/*------------------------------------------------
 +
33. Case Study Page
 +
--------------------------------------------------*/
 +
.main_casestudy {
 +
    padding: 120px 0 93px;
 +
}
 +
.case_study .banner_title ul li{
 +
    text-transform: uppercase;
 +
}
 +
.case_study .owl-dots {
 +
    bottom: 65px;
 +
    left: calc(50% - 30px);
 +
    position: absolute;
 +
    text-align: center;
 +
}
 +
.case_study .owl-dot {
 +
    border: 1px solid #ff4081;
 +
    border-radius: 50%;
 +
    display: inline-block;
 +
    height: 10px;
 +
    margin-right: 5px;
 +
    width: 10px;
 +
}
 +
.case_study .owl-dot.active {
 +
    border-width: 3px;
 +
}
 +
.case_study .related_post_top{
 +
    margin-bottom: 0;
 +
}
 +
.case_study ul.case_studyList{
 +
border: 1px solid #333;
 +
margin-top: 20px;
 +
padding: 10px 20px;
 +
}
 +
.case_study .case_studyList li {
 +
border-bottom: 1px solid rgba(121,121,121, 0.5);
 +
color: #666666;
 +
display: inherit;
 +
font-size: 13px;
 +
font-weight: 400;
 +
line-height: 48px;
 +
text-transform: uppercase;
 +
}
 +
.case_study .case_studyList li:last-child{
 +
border-bottom:none;
 +
}
 +
.case_study .case_studyList li strong {
 +
    color: #333;
 +
    font-weight: 600;
 +
}
 +
.case_study .related_post_top {
 +
    border-bottom: none;
 +
}
 +
/*------------------------------------------------
 +
34.Protfoli-1 Page
 +
--------------------------------------------------*/
 +
.protfolio_breadcump h5{
 +
    color: #ddd;
 +
}
 +
.protfolio_breadcump h1 {
 +
    margin: 16px 0 12px;
 +
}
 +
.protfolio_breadcump p {
 +
    font-size: 16px;
 +
}
 +
.protfoli_one .client_part::before, .protfoli_two .client_part::before, .protfoli_three .client_part::before {
 +
    background: #fff;
 +
}
 +
.protfoli_one .client_part::after, .protfoli_two .client_part::after {
 +
    background: #2962ff;
 +
}
 +
.protfoli_one .partner_area, .protfoli_two .partner_area {
 +
    background: #ffffff;
 +
    padding: 50px 0;
 +
}
 +
 +
/*------------------------------------------------
 +
35.Protfoli-2 Page
 +
--------------------------------------------------*/
 +
.protfoli_two .protfolio_area figcaption {
 +
    background: rgba(255, 64, 129, 0.9);
 +
    top: 100%;
 +
}
 +
.protfoli_two .capCont, .protfoli_three .capCont {
 +
    top: 18px;
 +
}
 +
.protfoli_two .protfolio_area figcaption h4 a,
 +
.protfoli_three .protfolio_area figcaption h4 a{
 +
    color: #fff;
 +
}
 +
.protfoli_two .protfolio_area figure:hover figcaption,
 +
.protfoli_three .protfolio_area figure:hover figcaption{
 +
    top: calc(100% - 90px);
 +
}
 +
/*------------------------------------------------
 +
36.Protfoli-3 Page
 +
--------------------------------------------------*/
 +
.protfoli_three  .protfolio_area figcaption {
 +
    background: rgba(255, 64, 129, 0.9) ;
 +
}
 +
.thank-you i {
 +
  color: #ff4081;
 +
  font-size: 72px;
 +
  margin-bottom: 35px;
 +
}
 +
.thank-you h1 {
 +
  color: #333;
 +
  font-weight: 600;
 +
}
 +
 +
ul.top_contact {
 +
    margin: 6px 0;
 +
}
 +
 +
 +
 +
/*------------------------------------------------
 +
38. Responsive Css
 +
--------------------------------------------------*/
 +
/*Large Screen more than 1200 px*/
 +
@media only screen and ( min-width: 1200px ){
 +
    header.header_area .container-fluid {
 +
        padding: 0 0px;
 +
    }
 +
    .home-9 .navbar-nav > li > a, .home-9 .logo_area > a {
 +
        line-height: 90px !important;
 +
    }
 +
    .home-9 .affix .navbar-nav > li > a, .home-9 .affix .logo_area > a{
 +
        line-height: 80px ! important;
 +
    }
 +
}
 +
/* Medium Layout: 992px. */
 +
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 +
    .container{
 +
        width: 970px;
 +
    }
 +
    .slider_caption h4 {
 +
        font-size: 24px;
 +
    }
 +
    .home-9 .about_left > img {
 +
        padding-top: 175px;
 +
    }
 +
    .slider_area h1 {
 +
        font-size: 50px;
 +
    }
 +
    .home-4 .main_slider_nav {
 +
        bottom: 14px;
 +
        width: 12.5%;
 +
        z-index: 99;
 +
    }
 +
    .home-4 .slider_area .owl-dots {
 +
        bottom: 14px;
 +
    }
 +
    .home-6 .slider_caption p {
 +
        width: 77%;
 +
    }
 +
    .single_cap p {
 +
        margin-bottom: 5px;
 +
    }
 +
    .client_part .client_img h6 a {
 +
        font-size: 15px;
 +
    }
 +
    .home-7 .header_area::after {
 +
        width: 200px;
 +
    }
 +
    .home-7 .paralux_content::before {
 +
        left: 13%;
 +
        width: 75%;
 +
    }
 +
    .home-7 .paralux_text::before {
 +
        left: 13%;
 +
        width: 24%;
 +
    }
 +
    .home-7 .paralux_text::after {
 +
        right: 12%;
 +
        width: 25%;
 +
    }
 +
    .home-7 .paralux_content h1 {
 +
        font-size: 50px;
 +
    }
 +
    .single_feature h4 {
 +
        font-size: 16px;
 +
    }
 +
    .single_cap {
 +
        padding: 0 10px;
 +
    }
 +
    .about_left {
 +
        padding-right: 0;
 +
    }
 +
    .checkBGFull:nth-child(even) .ourFeaturesContent .single_checkCont{
 +
        padding-left: 15px;
 +
    }
 +
    .checkBGFull:nth-child(odd) .ourFeaturesContent .single_checkCont{
 +
        padding-right: 15px;
 +
    }
 +
    .single_service {
 +
        padding: 0 10px 20px;
 +
    }
 +
    .single_service h3 {
 +
        font-size: 16px;
 +
        margin: 20px 0;
 +
    }
 +
    .skill_and_video .skillBg {
 +
        padding-left: 20px;
 +
    }
 +
    .video_control {
 +
        width: calc(50% - 65px);
 +
    }
 +
.single_progress .progress {
 +
        width: 90%;
 +
    }
 +
    .team_content {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px;
 +
    }
 +
    .team_content h1 {
 +
        line-height: 35px;
 +
        font-size: 28px;
 +
    }
 +
    .team_member_photo::before {
 +
        height: calc(100% + 70px);
 +
        left: -35px;
 +
        top: -35px;
 +
        width: calc(100% + 70px);
 +
    }
 +
    .team_member_photo {
 +
        left: -25px;
 +
    }
 +
    .team_member_photo .owl-dots {
 +
        bottom: -30px;
 +
    }
 +
    .teamslide_nav {
 +
        left: -27px;
 +
        width: calc(100% + 55px);
 +
    }
 +
    .single_skill {
 +
        margin-right: 20px;
 +
    }
 +
    .ct_group {
 +
        width: 100%;
 +
    }
 +
    .blog_cont {
 +
        padding: 15px;
 +
        width: 63%;
 +
    }
 +
    .blog_slid .item > a {
 +
        display: inline-block;
 +
        width: 36.5%;
 +
    }
 +
    .blog_grid .blog_img{
 +
        width: 36.5%;
 +
    }
 +
    .blog_cont h4 {
 +
        margin: 7px 0;
 +
        line-height:26px;
 +
    }
 +
.tab_menu li a {
 +
padding: 12px;
 +
}
 +
    .blog_left_sidebar .blog_img, .blog_right_sidebar .blog_img{
 +
        width: 40%;
 +
    }
 +
    ul.blog_s li {
 +
        margin-right: 8px;
 +
    }
 +
    .blog_right_sidebar .blog_cont, .blog_left_sidebar .blog_cont {
 +
        padding: 32px 63px 40px 28px;
 +
        width: 59.5%;
 +
    }
 +
    ul.ft_bottom li a {
 +
        padding: 0 17px;
 +
    }
 +
    .home-9 .logo_area .main_logo {
 +
        width: 130px;
 +
    }
 +
    .home-9 .slider_caption {
 +
        width: 70%;
 +
    }
 +
    .home-9 .social_btn a.th_bt {
 +
        width: 130px;
 +
    }
 +
    .home-9 .social_btn h3 {
 +
        font-size: 16px;
 +
    }
 +
}
 +
/* Tablet Layout: 768px. */
 +
@media only screen and (min-width: 768px) and (max-width: 991px) {
 +
    .container{
 +
        width:750px;
 +
    }
 +
    .top_menu_area ul.nav.navbar-nav li {
 +
        padding: 0 14px;
 +
    }
 +
    .home-7 .header_area{
 +
        height: 62px !important;
 +
    }
 +
    .home-7 .header_area::after{
 +
        width: 200px;
 +
    }
 +
    .affix .logo_area > a,
 +
    .logo_area > a,
 +
    .affix .top_menu_area ul.nav.navbar-nav > li > a,
 +
    .top_menu_area ul.nav.navbar-nav > li > a {
 +
        line-height: 62px !important;
 +
    }
 +
    .home-4 .main_slider_nav,
 +
    .home-7 .paralux_content::before,
 +
    .home-7 .paralux_text::before,
 +
    .home-7 .paralux_text::after{
 +
        display: none;
 +
    }
 +
    .home-6 .slider_area h1 {
 +
        border: none;
 +
    }
 +
    .home-4 .slider_area .owl-dots {
 +
        bottom: 14px;
 +
    }
 +
    .home-6 .slider_caption p {
 +
        width: 98%;
 +
    }
 +
    .home-6 .slider_area .owl-dots {
 +
        bottom: 12px;
 +
    }
 +
    .affix.sticky .top_menu_area ul.nav.navbar-nav li a {
 +
        color: #333333;
 +
    }
 +
    .home-7 .header_paralux {
 +
        padding: 80px 0 46px;
 +
    }
 +
    .single_fact.text-center {
 +
        margin-bottom: 50px;
 +
    }
 +
    .single_fact h2 {
 +
        margin-top: 15px;
 +
    }
 +
    .project_area .col-sm-6:nth-child(3) .single_fact {
 +
        margin-bottom: 0;
 +
    }
 +
    .project_area .col-sm-6:nth-child(4) .single_fact {
 +
        margin-bottom: 0;
 +
    }
 +
    .ourFeaturesContent {
 +
        padding-left: 0;
 +
    }
 +
    .checkBGFull:nth-child(even) .ourFeaturesContent .single_checkCont {
 +
        padding-left: 15px;
 +
    }
 +
    .checkBGFull:nth-child(odd) .ourFeaturesContent .single_checkCont {
 +
        padding-right: 0;
 +
    }
 +
    .checkText {
 +
        padding-left: 10px;
 +
    }
 +
    .service_area .col-sm-6:nth-child(3) .single_service {
 +
        margin-top: 60px;
 +
    }
 +
    .skill_and_video .skillBg {
 +
        padding-left: 20px;
 +
    }
 +
    .all_skill_item {
 +
        margin-bottom: 0;
 +
    }
 +
    .single_skill {
 +
        margin-top: 30px;
 +
    }
 +
    .single_skill h3 {
 +
        margin-top: 10px;
 +
    }
 +
    .single_progress .progress {
 +
        width: 90%;
 +
    }
 +
    .team_content {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px;
 +
    }
 +
    .team_content h1 {
 +
        line-height: 35px;
 +
        font-size: 28px;
 +
    }
 +
    .team_member_photo::before {
 +
        height: calc(100% + 70px);
 +
        left: -35px;
 +
        top: -35px;
 +
        width: calc(100% + 70px);
 +
    }
 +
    .team_member_photo {
 +
        left: -25px;
 +
    }
 +
    .team_member_photo .owl-dots {
 +
        bottom: -30px;
 +
    }
 +
    .teamslide_nav {
 +
        left: -27px;
 +
        width: calc(100% + 55px);
 +
    }
 +
    .video_control {
 +
        width: calc(50% - 65px);
 +
    }
 +
    ul.pricing_list li {
 +
        margin-bottom: 20px;
 +
    }
 +
    .single_pricing h1 {
 +
        margin: 23px 0 20px;
 +
    }
 +
    ul.pricing_list {
 +
        margin-top: 20px;
 +
    }
 +
    ul.pricing_list li {
 +
        line-height: 30px;
 +
    }
 +
    .client_img {
 +
        margin-top: 0;
 +
        padding: 20px 20px 13px;
 +
    }
 +
    .client_part .client_img h6 a {
 +
        font-size: 14px;
 +
        line-height: 20px;
 +
    }
 +
    .client_part .client_img h6 {
 +
        font-size: 9px;
 +
    }
 +
    .client_part::before {
 +
        height: 35%;
 +
    }
 +
    .client_part::after {
 +
        height: 65%;
 +
    }
 +
    .cleint-testi {
 +
        margin-top: 60px;
 +
    }
 +
    .singleClientTesti {
 +
        padding-left:0;
 +
    }   
 +
    .clientslide_nav i {
 +
        font-size: 16px;
 +
        top: 50%;
 +
    }
 +
    .singleClientImg p {
 +
        font-size: 8px;
 +
        line-height: 16px;
 +
    }
 +
    .subform form {
 +
        width: 100%;
 +
    }
 +
    .subform input {
 +
        width: 95%;
 +
    }
 +
    .contact_text{
 +
        padding: 50px;
 +
    }
 +
    .contact_text form {
 +
        margin-top: 30px;
 +
    }
 +
    .contact_text .input-field {
 +
        margin-top: 20px;
 +
    }
 +
    .contact_text h2 {
 +
        font-size: 24px;
 +
    }
 +
    ul.ft_top li a {
 +
        font-size: 15px;
 +
        font-weight: 600;
 +
        padding: 30px 0;
 +
    }
 +
    .ft_paragraph {
 +
        padding: 15px 20px;
 +
    }
 +
    .ft_paragraph p{
 +
        text-align: left;
 +
    }
 +
    .related_post_top figure {
 +
        margin-bottom: 28px;
 +
        margin-top:10px;
 +
    }
 +
    .blog_grid .blog_img, .blog_grid .blog_img img {
 +
        width: 100%;
 +
    }
 +
    .blog_grid .blog_cont {
 +
        width: 100%;
 +
    }
 +
    .blog_right_sidebar .blog_cont, .blog_left_sidebar .blog_cont {
 +
        padding: 32px 63px 40px 28px;
 +
        width: 100%;
 +
    }
 +
    ul.blog_s {
 +
        margin-bottom: 5px;
 +
        margin-top: 10px;
 +
    }
 +
    .blog_search form button[type="submit"] {
 +
        bottom: 18px;
 +
        left: 105px;
 +
    }
 +
    .blog_search .input-field label {
 +
        top: 0;
 +
    }
 +
    .input-field {
 +
        margin-top: 50px;
 +
    }
 +
    ul.sidebarList li a {
 +
font-size: 12px;
 +
}
 +
    .middle_content {
 +
        margin-bottom: 20px;
 +
    }
 +
.tab_menu li {
 +
display: block;
 +
}
 +
.post_list {
 +
margin-bottom: 10px;
 +
}
 +
.post_text {
 +
width: 100%;
 +
}
 +
    .navbar-right {
 +
        margin-right: -10px;
 +
    }
 +
.blog_right_sidebar .blog_cont {
 +
        width: 100%;
 +
        margin-left:0;
 +
    }
 +
    .comment_area .col-md-12 {
 +
        padding: 30px 15px 26px;
 +
    }
 +
    .home-9 .logo_area .main_logo {
 +
        width: 94px;
 +
    }
 +
    .home-9 .affix .logo_area .main_logo {
 +
        width: 100px;
 +
    }
 +
    .home-9 .slider_caption {
 +
        width: 70%;
 +
    }
 +
    .home-9 .slider_caption h4 {
 +
        font-size: 20px;
 +
    }
 +
    .home-9 .slider_area h1{
 +
        font-size: 30px;
 +
    }
 +
    .home-9 .slider_area a.th_bt {
 +
        width: 140px;
 +
        height: 50px;
 +
        line-height: 50px;
 +
    }
 +
    .home-9 .slider_man {
 +
        max-height: 95%;
 +
    }
 +
    .home-9 .social_btn a.th_bt {
 +
        width: 130px;
 +
    }
 +
    .home-9 .social_btn h3 {
 +
        font-size: 16px;
 +
        line-height: 26px;
 +
        margin: 0 0 10px;
 +
    }
 +
    .home-9 .about_area {
 +
        padding: 46px 0 40px;
 +
    }
 +
    .home-9 .about_area p.ab_text {
 +
        margin: 22px 0 40px;
 +
    }
 +
    .related_post_top .col-md-6:first-child {
 +
        margin-bottom: 35px;
 +
    }
 +
    .ft_bottom, .ft_paragraph p {
 +
        text-align: center;
 +
    }
 +
}
 +
/* Mobile Layout: 320px. */
 +
@media only screen and (max-width: 767px) {
 +
    .container {
 +
        width:300px;
 +
    }
 +
    .section-padding {
 +
        padding-bottom: 100px;
 +
        padding-top: 100px;
 +
    }
 +
    .mean-bar a > img {
 +
        width: 100px;
 +
    }
 +
    .mean-container .mean-nav ul li a.mean-expand {
 +
        height: 23px;
 +
        line-height: 20px;
 +
        width: 35px;
 +
        z-index: 2;
 +
        font-family: material-design-iconic-font;
 +
        border-color: transparent !important;
 +
        font-size: 24px !important;
 +
    }
 +
    .mean-container .mean-bar {
 +
        background: transparent ;
 +
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
 +
        padding: 0;
 +
       
 +
    }
 +
    .mean-container .mean-nav {
 +
        background: rgba(255, 255, 255, 0.95);
 +
        position: relative;
 +
    }
 +
    .mean-container .mean-nav:after {
 +
        position: absolute;
 +
        height: 45px;
 +
        width: 100%;
 +
        background: #ffffff;
 +
        content: "";
 +
        left: 0;
 +
        bottom: 100%;
 +
        z-index: -1;
 +
    }
 +
    .home-2.mean-container .mean-nav::after {
 +
        background: #512da8;
 +
    }
 +
    .home-3.mean-container .mean-nav::after {
 +
        background: #00897b;
 +
    }
 +
    .home-6.mean-container .mean-nav::after {
 +
        background: #ff5252;
 +
    }
 +
    .home-7 .mean-container .mean-nav::after {
 +
        background: #7cb342;
 +
    }
 +
    .home-8.mean-container .mean-nav::after {
 +
        background: #e62562;
 +
    }
 +
    .mean-container .mean-nav ul li a {
 +
        border-top: 1px solid rgba(0, 0, 0, 0.08);
 +
        color: #e62562;
 +
    }
 +
    .mean-container .mean-nav ul li a.mean-expand:hover {
 +
        background: transparent;
 +
        color: #e62562;
 +
    }
 +
    .mean-container .slider_area {
 +
        margin-top: 44px;
 +
    }
 +
    .th_bt, a.th_bt, .subform button {
 +
        height: 50px;
 +
        line-height: 50px;
 +
        width: 150px;
 +
    }
 +
    .single_feature{
 +
        margin-bottom: 20px;
 +
        border-right: none;
 +
    }
 +
    .whychoose {
 +
        overflow: hidden;
 +
        padding-top: 80px;
 +
    }
 +
    .whychoose .container .checkBGFull:last-child .section-padding {
 +
        padding-bottom: 100px;
 +
    }
 +
    .whychoose .container .checkBGFull:nth-child(2) .section-padding {
 +
        padding-top: 100px;
 +
    }
 +
    .team_content p {
 +
        margin: 30px 0;
 +
    }
 +
    ul.team_social {
 +
        margin-bottom: 30px;
 +
    }
 +
    .home-4 .slider_area .owl-dots {
 +
        bottom: 150px;
 +
    }
 +
    .home-5 .paralux_content::before{
 +
        border-left:none;
 +
        border-right: none;
 +
        border-top: none;
 +
    }
 +
    .home-5 .paralux_text::before{
 +
        border-bottom:none;
 +
        border-left:none;
 +
    }
 +
    .home-6 .slider_area h1 {
 +
        padding: 10px;
 +
    }
 +
    .home-6 .slider_caption p, .home-8 .slider_caption p {
 +
        width: 90%;
 +
    }
 +
    .home-6 .slider_area .owl-dots {
 +
        bottom: 10px;
 +
    }
 +
    .home-6 .main_slider_nav,
 +
    .home-7 .paralux_content::before,
 +
    .home-7 .paralux_text::before,
 +
    .home-7 .paralux_text::after,
 +
    .home-4 .main_slider_nav,
 +
    .home-4 .slider_caption::before{
 +
        display: none;
 +
    }
 +
    .home-7 .header_paralux {
 +
        padding: 80px 0 46px;
 +
    }
 +
    .home-8 .slider_area {
 +
        padding: 100px 0;
 +
    }
 +
    .home-8 .slider_area .owl-dots {
 +
        bottom: -30px;
 +
    }
 +
    .home-8 .slider_area a.th_bt{
 +
        margin-top: 10px;
 +
        margin-left: 0;
 +
    }
 +
    .mean-container .mean-bar {
 +
        position: fixed;
 +
        max-height: 100vh;
 +
        overflow: scroll;
 +
        top: 0;
 +
    }
 +
    .mean-bar > a > img {
 +
        left: 15px;
 +
        position: absolute;
 +
        top: 12px;
 +
        z-index: 9;
 +
    }
 +
    .logo_area {
 +
        margin: 70px auto;
 +
    }
 +
    .affix .logo_area {
 +
        margin: 20px auto;
 +
    }
 +
    .mb80 {
 +
        margin-bottom: 40px;
 +
    }
 +
    .home-5 .paralux_text::before {
 +
        bottom: 0%;
 +
    }
 +
    .slider_caption h4 {
 +
        font-size: 15px;
 +
    }
 +
    .slider_area h1 {
 +
        font-size: 18px;
 +
    }
 +
    .secHd, .contact_text h2, .home-4 .slider_area h1, .home-5 .paralux_content h1, .home-7 .paralux_content h1 {
 +
        font-size: 18px;
 +
    }
 +
    .about_area p.ab_text {
 +
        margin: 22px 0 25px;
 +
    }
 +
    .about_text a.th_bt {
 +
        margin: 0 auto;
 +
    }
 +
    .about_left {
 +
        margin-bottom: 40px;
 +
    }
 +
    .single_service h3, .footer_area h4,
 +
    .blog_cont h4, .video_control h4, .single_feature h4,
 +
    .single_pro_content legend, .team_content h1,
 +
    .client_part .client_img h6 a,
 +
    .protfolio_area figcaption h4,
 +
    h4.blog_topHd, .share_comment h5 a,
 +
    .related_post h3, .comment_area h3,
 +
    .leave_comment h3, .related_post h4 a,
 +
    .comment_area .about_commenter a, h4.sidebar_Hd{
 +
        font-size: 15px;
 +
    }
 +
    .ourFeaturesContent .single_checkCont {
 +
        margin-bottom: 45px;
 +
    }
 +
    .team_content h1 {
 +
        font-size: 15px;
 +
        line-height: 24px;
 +
    }
 +
    .single_pro_content legend {
 +
        font-size: 15px;
 +
        margin-left: calc(50% - 68px);
 +
    }
 +
    .single_pro_content fieldset {
 +
        padding: 15px 20px 28px;
 +
    }
 +
    .blog_slid .owl-dots {
 +
        left: calc(50% - 35.5px);
 +
    }
 +
    .single_pro_content p {
 +
        margin: 0;
 +
        text-align: center;
 +
    }
 +
    .checkText h4 {
 +
        font-size: 15px;
 +
        margin-bottom: 10px;
 +
    }
 +
    .single_fact.text-center {
 +
        margin-bottom: 35px;
 +
    }
 +
    .single_fact h2 {
 +
        margin-top: 15px;
 +
    }
 +
    .project_area .col-xs-12:last-child .single_fact {
 +
        margin-bottom: 0;
 +
    }
 +
    .checkBGFull:nth-child(2n) .ourFeaturesContent {
 +
        margin-left: 0;
 +
    }
 +
    .checkBGFull:nth-child(2n) .ourFeaturesContent .single_checkCont {
 +
        padding-left: 0;
 +
    }
 +
    .checkBGFull:nth-child(2n+1) .ourFeaturesContent .single_checkCont {
 +
        padding-right: 0;
 +
    }
 +
    .col-xs-12.col-sm-6.ourFeaturesContent{
 +
        padding:35px 0;
 +
    }
 +
    .checkIcon i {
 +
        height: 50px;
 +
        line-height: 50px;
 +
        width: 50px;
 +
    }
 +
    .checkText {
 +
        width: calc(100% - 55px);
 +
        padding-left: 10px;
 +
    }
 +
    ul.trigger li {
 +
        font-size: 10px;
 +
        font-weight: 600;
 +
        padding: 10px 9px;
 +
        line-height: 15px;
 +
    }
 +
    .single_service {
 +
        margin-top: 30px;
 +
        padding: 0 10px 15px;
 +
    }
 +
    .single_service h3 {
 +
        margin: 20px 0 15px;
 +
    }
 +
    .service_area .col-xs-4:nth-child(2) .single_service,.service_area .col-md-4:nth-child(2) .single_service {
 +
        margin-top: 30px;
 +
    }
 +
    .service_area .col-xs-4:nth-child(3) .single_service, .service_area .col-md-4:nth-child(3) .single_service {
 +
        margin-top: 30px;
 +
    }
 +
    .team_content {
 +
        padding-right: 10.5%;
 +
        margin-left: 20px;
 +
        padding-top: 50px;
 +
    }
 +
    .team_content h1 {
 +
        font-size: 24px;
 +
        line-height: 26px;
 +
    }
 +
    .our_team, .subscribe_area {
 +
        padding: 80px 0 0;
 +
    }
 +
    .team_content p {
 +
        margin: 18px 0;
 +
    }
 +
    .team_member_photo::before {
 +
        height: calc(100% + 70px);
 +
        left: -52px;
 +
        top: -19px;
 +
        width: calc(100% + 104px);
 +
    }
 +
    .team_member_photo {
 +
        top: -65px;
 +
        left: -9px;       
 +
    }
 +
    .team_member_photo .owl-dots {
 +
        bottom: -29.5px;
 +
    }
 +
    .video_area {
 +
        height: 300px;
 +
        position: relative;
 +
    }
 +
    video#bgVideo{
 +
        height: 300px !important;
 +
        min-height: inherit !important;
 +
    }
 +
    .video_control {
 +
        width: 100%;
 +
        height: 300px !important;
 +
    }
 +
    .video_control > h4 {
 +
        margin-left: 10%;
 +
    }
 +
    .skill_and_video .skillBg {
 +
        padding-left: 30px;
 +
    }
 +
    .skill_and_video .skillBg.contentHide {
 +
        margin-left: 0;
 +
    }
 +
.single_skill h3 {
 +
margin-top: 10px;
 +
}
 +
    .single_skill {
 +
        right: 15px;
 +
margin-bottom:30px;
 +
    }
 +
    .skill_and_video {
 +
        background-color: #2962ff;
 +
    }
 +
    .home-2 .skill_and_video {
 +
        background-color: #512da8;
 +
    }
 +
    .home-3 .skill_and_video {
 +
        background-color: #00897b ;
 +
    }
 +
    .home-6 .skill_and_video {
 +
        background-color: #ff5252 ;
 +
    }
 +
    .home-7 .skill_and_video {
 +
        background-color: #7cb342 ;
 +
    }
 +
    .home-8 .skill_and_video {
 +
        background-color: #2498f4 ;
 +
    }
 +
    .col-sm-7.skillBg::after {
 +
        display: none;
 +
    }
 +
    .client_slider_area .section_title {
 +
        position: absolute;
 +
        top: -450px;
 +
        left: 18px;
 +
    }
 +
    .client_img {
 +
        margin-top: 100px;
 +
    }
 +
    .partner_slider .item {
 +
        display: -webkit-box;
 +
        display: -webkit-flex;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -webkit-box-pack: center;
 +
        -webkit-justify-content: center;
 +
        -ms-flex-pack: center;
 +
        justify-content: center;
 +
    }
 +
    .cleint-testi p::before {
 +
        top: -9px;
 +
    }
 +
    .cleint-testi {
 +
        margin-top: 30px;
 +
    }
 +
    .clientslide_nav{
 +
        display: none;
 +
    }
 +
    .teamslide_nav {
 +
        display: none;
 +
    }
 +
    .blog_img {
 +
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
 +
    }
 +
    .blog_img {
 +
        width: 100%;
 +
    }
 +
    .blog_cont {
 +
        width: 100%;
 +
    }
 +
    .blog_slid .owl-dots {
 +
        bottom: -35px;
 +
    }
 +
    .social_btn h3{
 +
        font-size: 16px;
 +
        text-align: center;
 +
        line-height: 30px;
 +
    }
 +
    .social_btn a.th_bt {
 +
        margin: 0 auto;
 +
    }
 +
    .single_pricing{
 +
        margin-bottom: 30px;
 +
    }
 +
    ul.pricing_list li {
 +
        margin-bottom: 20px;
 +
        line-height: 20px;
 +
    }
 +
    .single_pricing h1 {
 +
        margin: 23px 0 20px;
 +
    }
 +
    ul.pricing_list {
 +
        margin-top: 20px;
 +
    }
 +
    .single_progress .progress {
 +
        width: 80%;
 +
    }
 +
    .singleTabIcon i {
 +
        height: 25px;
 +
        line-height: 25px;
 +
        width: 25px;
 +
        top: calc(0% + 18.5px);
 +
        font-size: 12px;
 +
    }
 +
    .tab_trigger_icon .owl-item.prEv .singleTabIcon i,
 +
    .tab_trigger_icon .owl-item.neXt .singleTabIcon i {
 +
        top: calc(100% - 48px);
 +
    }
 +
    .owl-item.center .singleTabIcon i {
 +
        height: 35px;
 +
        line-height: 35px;
 +
        width: 35px;
 +
        top: calc(0% + 20px);
 +
    }
 +
    .subform {
 +
        padding-bottom: 40px;
 +
    }
 +
    .subform form {
 +
        width: 100%;
 +
    }
 +
    .contact_text form {
 +
        margin-top: 30px;
 +
    }
 +
    .contact_text input {
 +
        width: 100%;
 +
    }
 +
    .textari i {
 +
        vertical-align: 30px;
 +
    }
 +
    .contact_text textarea {
 +
        height: 50px;
 +
        width: 100%;
 +
    }
 +
    .contact_text {
 +
        margin: 20px 0;
 +
        padding: 20px;
 +
        position: relative;
 +
        right: 0;
 +
        top: 0;
 +
        width: 100%;
 +
    }
 +
    ul.ft_top li a {
 +
        font-size: 10px;
 +
        font-weight: 500;
 +
        padding: 10px 5px;
 +
    }
 +
    .middle_content {
 +
        margin-bottom: 25px;
 +
    }
 +
    #contactgoogleMap {
 +
        height: 300px;
 +
        left: 0;
 +
        width: 100%;
 +
    }
 +
    .contact-area {
 +
        position: relative;
 +
    }
 +
    .home-6 ul.ft_top li, .home-7 ul.ft_top li, .home-8 ul.ft_top li {
 +
        height: 50px;
 +
    }
 +
    .scroll_area {
 +
        padding: 70px 0 0;
 +
    }
 +
    .sroll_top {
 +
        top: -7px;
 +
    }
 +
    .sroll_top i {
 +
        font-size: 24px;
 +
        height: 40px;
 +
        line-height: 40px;
 +
        width: 40px;
 +
    }
 +
    .footer_Widgets {
 +
        margin-top: 25px;
 +
    }
 +
    .footer_area h4 {
 +
        margin-bottom: 35px;
 +
    }
 +
    ul.ft_top li a i {
 +
        display: block;
 +
        margin-bottom: 2px;
 +
        font-size: 12px;
 +
    }
 +
    .middle_content {
 +
        margin-bottom: 20px;
 +
    }
 +
    ul.ft_bottom li {
 +
        display: inherit;
 +
    }
 +
    .ft_paragraph {
 +
        margin-top: 20px;
 +
    }
 +
    .ft_paragraph p{
 +
        text-align: center;
 +
    }
 +
    .blog_grid .blog_img, .blog_grid .blog_img img {
 +
        width: 100%;
 +
    }
 +
    .banner_title h1 {
 +
        color: #fff;
 +
        font-size: 18px;
 +
    }
 +
    .blog_grid .blog_cont {
 +
        width: 100%;
 +
    }
 +
    .blog_content blockquote {
 +
        padding: 24px 10px;
 +
    }
 +
  .blog_right_sidebar .blog_cont, .blog_left_sidebar .blog_cont {
 +
        padding: 32px 30px 38px 25px;
 +
        width: 100%;
 +
    }
 +
    .blog_area.section-padding {
 +
        padding-top: 30px;
 +
    }
 +
ul.share_social {
 +
float: inherit;
 +
}
 +
    .auther_details, .about_commenter {
 +
        width: 100%;
 +
        display: inherit;
 +
    }
 +
    .about_commenter {
 +
display:block;
 +
width:100%;
 +
}
 +
.comment_area .about_commenter {
 +
margin-top: 15px;
 +
padding: 0 0 0 5px;
 +
}
 +
.comment_area .col-md-12:nth-child(2n) .comment {
 +
margin-left: 0;
 +
}
 +
    .blog_heading > h4 {
 +
        margin-bottom: 5px;
 +
    }
 +
    ul.blog_s {
 +
        margin-bottom: 15px;
 +
    }
 +
    .comment_area .col-md-12 {
 +
        padding: 30px 15px 26px;
 +
    }
 +
    .blog_search {
 +
        margin-bottom: 40px;
 +
        margin-top: 40px;
 +
    }
 +
    .related_post_top .blog_heading {
 +
        margin-bottom: 30px;
 +
    }
 +
    .home-9 .dtable {
 +
        height: inherit;
 +
        margin-top: 20px;
 +
        margin-bottom: 20px;
 +
    }
 +
    .home-9 .slider_caption {
 +
        width: 100%;
 +
    }
 +
    .home-9 .slider_man{
 +
        display: none;
 +
    }
 +
    .home-9 .about_area {
 +
        padding: 46px 0 46px;
 +
    }
 +
    .home-9 .social_btn a.th_bt {
 +
        margin: auto;
 +
        width: 150px;
 +
    }
 +
    .home-9 .social_btn h3 {
 +
        font-size: 16px;
 +
        text-align: center;
 +
    }
 +
    .home-9 .slider_area .owl-dots {
 +
        right: 0;
 +
        text-align: right;
 +
    }
 +
    .home-9 .about_area .section_title {
 +
        padding-top: 30px;
 +
    }
 +
    .home-9 .about_area a.th_bt {
 +
        margin: 0 0 15px;
 +
    }
 +
    .home-9 .about_left > img {
 +
        padding-top: 0;
 +
    }
 +
    .contact_page #contactgoogleMap {
 +
        height: 300px;
 +
    }
 +
    .contact_page .contact_text {
 +
        top: 0;
 +
    }
 +
    .widget_gallery {
 +
        display: inline-block;
 +
        margin-right: 0px;
 +
    }
 +
    .related_post_top figure {
 +
        margin-bottom: 15px;
 +
    }
 +
   
 +
}
 +
/* Wide Mobile Layout: 480px. */
 +
@media only screen and (min-width: 480px) and (max-width: 767px) {
 +
    .container {
 +
        width:450px;
 +
    }
 +
    .home-4 .main_slider_nav {
 +
        bottom: 14px;
 +
        width: 26.5%;
 +
    }
 +
   
 +
    .home-4 .slider_area .owl-dots {
 +
        bottom: 14px;
 +
    }
 +
    .home-7 .paralux_text::before {
 +
        bottom: 14%;
 +
        left: 25px
 +
    }
 +
    .about_left {
 +
        margin-bottom: 40px;
 +
    }
 +
    .all_work_item figure img {
 +
        width: 100%;
 +
    }
 +
    .social_btn h3 {
 +
        text-align: center;
 +
        margin-bottom: 25px;
 +
    }
 +
    .video_control > h4 {
 +
        margin-left: 27%;
 +
    }
 +
    .skill_and_video {
 +
        background-color: #2962ff;
 +
    }
 +
    .home-2 .skill_and_video {
 +
        background-color: #512da8;
 +
    }
 +
    .home-3 .skill_and_video {
 +
        background-color: #00897b ;
 +
    }
 +
    .home-6 .skill_and_video {
 +
        background-color: #ff5252 ;
 +
    }
 +
    .home-7 .skill_and_video {
 +
        background-color: #7cb342 ;
 +
    }
 +
    .home-8 .skill_and_video {
 +
        background-color: #2498f4 ;
 +
    }
 +
    .col-sm-7.skillBg::after {
 +
        display: none;
 +
    }
 +
    .client_slider_area .section_title {
 +
        top: -630px;
 +
    }
 +
    .client_img {
 +
        margin-top: 100px;
 +
    }
 +
    .teamslide_nav .testi_prev, .teamslide_nav .testi_next {
 +
        display: none;
 +
    }
 +
    .ft_area {
 +
        margin: 20px 0;
 +
    }
 +
    .widget_gallery img {
 +
        max-width: 66px;
 +
    }
 +
    .ft_paragraph {
 +
        margin-top: 20px;
 +
    }
 +
    .ft_paragraph p{
 +
        text-align: center;
 +
    }
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>
−
{{IONIS_style_css}}
 

Revision as of 19:31, 4 October 2016