/*

Theme Name: Beauty

Theme URI: http://www.websmate.com/

Author: One Touch

Author URI: http://www.websmate.com/

Description: This is Beauty salon theme multipurpose Html5 template

Version: 1.0.0

License: copyright commercial

License URI: http://www.websmate.com/

Text Domain: Beauty

Tags: beauty, html5, Css3, css, php, bootstrap, jquery

*/





/*--------------------------------------------------------------

>>> COmmon Feature:

----------------------------------------------------------------

	Preset color: #f39c12 & #3598DC;

	Text COlor: #686e7c;

	Background: #FBFCFD;

	Font-family: Raleway |font-family: 'Raleway', sans-serif;|

	Font weight: 400,300,500,600,700,800,900

---------------------------------------------------------------*/





/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Reset

	-- All reset css that remove all default browser style

2.0 Typography

	-- All typography style include here

3.0 Elements

    3.1 Theme Element

	-- All theme elements style include here

4.0 Forms

	-- All form style include here

5.0 Header

    5.1 Navigation

    5.2 Logo

	-- All header & header elements style include here

6.0 Slider

	-- Slider style would be found here

7.0 Main Feature

	-- Main feature style can be found here

8.0 Feature

	-- Feature style can be found here

9.0 Download

	-- All download section style would be found here

10.0 Formula

	-- Formula & it's element style can be found here

11.0 Facts

	-- Facts style include here

12.0 Gallery

	-- Gallery element style added here

13.0 Services

	-- Services section style can be found here

14.0 Video

	-- Video section contain video plug-in and all you can found some style here also check the plug-in css file include in css folder

15.0 Pricing

	-- Pricing section style can be found hidden

16.0 Twitter

	-- We use twitter plug-in to show your latest tweet dynamic. Also add some style for that plug-in. You have to add your twitter api key on api folder to work with

17.0 Team

	-- Team area's style included here

18.0 Blog update

	-- Bottom Blog area's style included here

19.0 Client

	-- You can found all of your client styling here

20.0 Partner

	-- Partner style include here

21.0 Contact

	-- We have a section call contact with working contact form. You can found it's style here

22.0 Footer

	-- Footer style can be found here

22.1 Bottom Area One

	-- Bottom one widget styling can be found here

22.2 Bottom Area Two

	-- Bottom two widget styling can be found here

22.3 Bottom Area three

	-- Bottom three widget styling can be found here

22.4 Bottom Area four

	-- Bottom four widget styling can be found here

23.0 Copyright

	-- You can found your copyright area's style here

24.0 Page Title

	-- You can found your Page Title's style here

25.0 Blog

	-- You can found your blog page post area's style here

26.0 Sidebar

	-- You can found your blog page Sidebar's style here

27.0 Blog Details

	-- You can found your blog page post Detail's style here

28.0 Business About

	-- You can found Business About style here

--------------------------------------------------------------*/





/*--------------------------------------------------------------

1.0 Reset

--------------------------------------------------------------*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    font-family: inherit;

    font-size: 100%;

    font-weight: inherit;

    font-style: inherit;

    margin: 0;

    padding: 0;

    vertical-align: baseline;

    border: 0;

    outline: 0;

}

html {

    font-size: 62.5%;

    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

    overflow-y: scroll;

    /* Keeps page centered in all browsers regardless of content height */

    -webkit-text-size-adjust: 100%;

    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

    -ms-text-size-adjust: 100%;

    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */









    /* color variables /////////////////////////*/



    --blue: #003a69;

    --blue2: #02172b;

    --blue3: #3598DC;

    

    --red: #ff3333;



    --gray: #686e7c;

    --grayC: #cccccc;

    --gray3: #333333;



    --black: #000000;

    --black2: #241e20;



    --white: #ffffff;



    --whiteAlt: #fbfcfd;



    /* END : color variables /////////////////////////*/

}

*, *:before, *:after {

    /* apply a natural box layout model to all elements;*/

    /* Not needed for modern webkit but still used by Blackberry Browser 7.0;*/

    /* Still needed for Firefox 28;*/

    box-sizing: border-box;

}

body {

    font-weight: 400;

    position: relative;

    background: #fbfcfd;

    /* Fallback for when there is no custom background color defined. */

}

article, aside, details, figcaption, figure, footer, header, main, nav, section {

    display: block;

}

ol, ul {

    list-style: none;

}

table {

    border-spacing: 0;

    /* tables still need 'cellspacing="0"' in the markup */

    border-collapse: separate;

}

caption, th, td {

    font-weight: normal;

    text-align: left;

}

blockquote:before, blockquote:after, q:before, q:after {

    content: '';

}

blockquote, q {

    quotes: '' '';

}

a:focus {

    outline: thin dotted;

}

a:hover, a:active {

    outline: 0;

}

a img {

    border: 0;

}



/*--------------------------------------------------------------

2.0 Typography

--------------------------------------------------------------*/



body, button, input, select, textarea {

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    font-size: 1.5rem;

    line-height: 1.5;

    color: #686e7c;

}

h1, h2, h3, h4, h5, h6 {

    clear: both;

}

p {

    margin-bottom: 1.5em;

}

b, strong {

    font-weight: bold;

}

dfn, cite, em, i {

    font-style: italic;

}

blockquote {

    margin: 0 1.5em;

}

address {

    margin: 0 0 1.5em;

}

pre {

    font-family: 'Courier 10 Pitch', Courier, monospace;

    font-size: 15px;

    font-size: 1.5rem;

    line-height: 1.6;

    overflow: auto;

    max-width: 100%;

    margin-bottom: 1.6em;

    padding: 1.6em;

    background: #eee;

}

code, kbd, tt, var {

    font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;

}

abbr, acronym {

    cursor: help;

    border-bottom: 1px dotted #666;

}

mark, ins {

    text-decoration: none;

    background: #fff9c0;

}

sup, sub {

    font-size: 75%;

    line-height: 0;

    position: relative;

    height: 0;

    vertical-align: baseline;

}

sup {

    bottom: 1ex;

}

sub {

    top: .5ex;

}

small {

    font-size: 75%;

}

big {

    font-size: 125%;

}



/*-- custom --*/



h2 {

    line-height: 38px;

}



/*--------------------------------------------------------------

3.0 Elements

--------------------------------------------------------------*/



hr {

    height: 1px;

    margin-bottom: 1.5em;

    border: 0;

    background-color: #ccc;

}

ul, ol {

    margin: 0 0 1.5em 3em;

}

ul {

    list-style: disc;

}

ol {

    list-style: decimal;

}

li > ul, li > ol {

    margin-bottom: 0;

    margin-left: 1.5em;

}

dt {

    font-weight: bold;

}

dd {

    margin: 0 1.5em 1.5em;

}

img {

    max-width: 100%;

    /* Adhere to container width. */

    height: auto;

    /* Make sure images are scaled correctly. */

}

figure {

    margin: 0;

}

table {

    width: 100%;

    margin: 0 0 1.5em;

}

th {

    font-weight: bold;

}



/*--------------------------------------------------------------

3.1 Theme Element

--------------------------------------------------------------*/





/*-- Body background --*/



.body_innerwrap {

    

}



/*-- Hide --*/



.none {

    display: none;

}



/*-- section border --*/



.sec_border_top {

    border-top: 1px dashed #cdd6de;

}

.sec_border {

    margin-bottom: 1px;

    border-top: 1px dashed #cdd6de;

    border-bottom: 1px dashed #cdd6de;

}

.sec_border_bottom {

    margin-bottom: 1px;

    border-bottom: 1px dashed #cdd6de;

}



/*-- Link --*/



a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-decoration: none;

    color: #95a2ae;

}

a:hover {

    text-decoration: none;

}



/*-- Button --*/



a.default {

    font-size: 18px;

    display: inline-block;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize;

    color: #fff;

}

a.learge {

    font-size: 18px;

    line-height: 45px;

    display: inline-block;

    min-width: 240px;

    min-height: 50px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    border-radius: 3px;

}

a.learge:hover, a.default:hover {

    color: #fff;

    border-color: #30343c;

    background: #30343c;

}



/*-- Section Title area --*/



.section_title_area {

    position: relative;

    margin-bottom: 60px;

    text-align: center;

}

.section_title_area:after {

    right: 0;

    bottom: 0;

    left: 0;

    display: block;

    width: 80px;

    height: 4px;

    margin: 0 auto;

    content: '';

}



/*-- Section Title --*/



h2.section_title {

    font-size: 48px;

    font-weight: 700;

    margin: 0;

    padding-bottom: 30px;

    text-transform: capitalize;

    color: #3a3f48;

}



/*-- Section Subtitle --*/



h3.section_subtitle {

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

    padding-bottom: 30px;

    color: rgba(104, 110, 124, .8);

}



/*-- Footer title --*/



h2.footer_title {

    font-size: 22px;

    font-weight: 500;

    position: relative;

    margin: 0;

    margin-bottom: 37px;

    padding-bottom: 20px;

    color: #c9d0d8;

}

h2.footer_title:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

    background: #737b84;

}



/*-- Sidebar Widget Title --*/



.sidebar_widget h2.widget_title {

    font-size: 22px;

    font-weight: 500;

    line-height: 22px;

    position: relative;

    margin: 0;

    margin-bottom: 30px;

    padding: 0;

    padding-bottom: 20px;

    text-transform: uppercase;

    color: #3a3f48;

}

.sidebar_widget h2.widget_title:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

}



/*-- Back to top --*/



.back_top {

    line-height: 30px;

    position: fixed;

    right: 10px;

    bottom: 10px;

    display: none;

    width: 30px;

    height: 30px;

    border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}



/*-- iConfigurators Branding --*/



.icon-branding {text-transform:none;}



/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/



button, input, select, textarea {

    font-size: 18px;

    /* Corrects font size not being inherited in all browsers */

    margin: 0;

    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline;

    /* Improves appearance and consistency in all browsers */

}

p, label {

    font-size: 18px;

}

input[type='checkbox'], input[type='radio'] {

    padding: 0;

    /* Addresses excess padding in IE8/9 */

}

input[type='search'] {

    box-sizing: content-box;

    -webkit-appearance: textfield;

    /* Addresses appearance set to searchfield in S5, Chrome */

    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

}

input[type='search']::-webkit-search-decoration {

    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;

}

button::-moz-focus-inner, input::-moz-focus-inner {

    padding: 0;

    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;

}



/*--------------------------------------------------------------

5.0 Header

--------------------------------------------------------------*/



header#header {

    padding: 38px 0;

    text-align: center;

}

header#header2 {

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    width: 100%;

    background: rgba(53, 152, 220, .5);

    color:var(--gray);

    background:var(--white);

}

header#header2.top_fixed_head, header#header2.transparent {

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    width: 100%;

    -webkit-animation: fadeInDown 500ms ease-in 700ms both;

    animation: fadeInDown 500ms ease-in 700ms both;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    background:var(--white);

}

.top_fixed_head #main_menu2 .navbar-nav, .transparent #main_menu2 .navbar-nav {

    padding-top: 20px;

}

.navbar-nav>li>a.btn {

    color: #fff;

    /*padding: 14px 16px;*/

    /*margin-top: -12px;*/

    background-color:var(--blue);

    border:0;

    border-radius:25px;

    text-transform: uppercase;

    font-size:16px;

    width:140px;

    height:46px;

    font-size:14px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.navbar-nav>li>a.btn:hover {

  color:var(--white)!important;

  background-color:var(--blue2);

}

#header2 .col-lg-4 {

    max-height: 106px;

}

#header2.top_fixed_head .col-lg-4, #header2.transparent .col-lg-4 {

    max-height: 85px;

}

.top_fixed_head #main_menu2 .navbar-nav > li a:not(.btn), .transparent #main_menu2 .navbar-nav > li a:not(.btn) {

    color: var(--black2);

    text-transform: uppercase;

}

header.top_fixed_head#header, header.transparent#header {

    padding: 10px 0;

}

.top_fixed_head .logo2, .transparent .logo2 {

    min-height: 90px;

}

.top_fixed_head #main_menu2, .transparent #main_menu2 {

    padding: 0;

}



/*--------------------------------------------------------------

5.1 Navigation

--------------------------------------------------------------*/





/*-- Navigation --*/



#header .navbar-default {

    position: relative;

    z-index: 1000;

    margin-bottom: 0;

    text-align: center;

    border: 0;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

}

#main_menu {

    padding: 0;

    padding: 20px 0;

    border: 0;

    background: transparent;

}

#main_menu .navbar-nav {

    display: inline-block;

    float: right;

    text-align: center;

}

#main_menu .navbar-nav > li {

    font-size: 16px;

    font-weight: 400;

    float: left;

    padding-right: 45px;

}

#main_menu .navbar-nav > li:last-child {

    padding-right: 0;

}

.navbar-default .navbar-nav > li > a:not(.btn) {

    padding: 0;

    color: #686e7c;

}

#main_menu .navbar-nav > li:hover a:not(.btn), #header .navbar-default .navbar-nav > .active > a:not(.btn) {

    background: transparent;

    box-shadow: none;

}



/*-- Business Home --*/



#header2 .navbar-default {

    position: relative;

    z-index: 1000;

    margin-bottom: 0;

    text-align: center;

    border: 0;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

}

#main_menu2 {

    padding: 0;

    padding: 0;

    border: 0;

    background: transparent;

}

#main_menu2 .navbar-nav {

    /*display: inline-block;

    float: right;*/

    padding-top: 30px;

    text-align: center;

    display:flex;

    justify-content: space-between;

    width:100%;

    flex-direction: column;

    align-items:flex-start;

    margin:0;

}

#main_menu2 .navbar-nav > li {

    font-size: 16px;

    font-weight: 400;

    /*float: left;

    margin-right: 38px;*/

    float:none;

    padding: 9px 0;

    text-transform: uppercase;

}

#main_menu2 .navbar-nav > li:last-child {

    margin-right: 0;

}

.navbar-default .navbar-nav > li > a:not(.btn) {

    padding: 0;

    color: #686e7c;

}

#main_menu2 .navbar-nav > li a:not(.btn) {

    color: var(--gray);

    background: transparent;

    box-shadow: none;

}

#main_menu2 .navbar-nav > li:hover a:not(.btn), #header2 .navbar-default .navbar-nav > .active > a:not(.btn) {

    background: transparent;

    box-shadow: none;

}

#main_menu2 ul li.contact_menu {

    padding: 14px 50px;

    border-radius: 3px;

}

#main_menu2 ul li.contact_menu:hover a, #main_menu2 ul li.contact_menu a:hover, #main_menu2 ul li.contact_menu.active a, #main_menu2 ul li.contact_menu a {

    color: #fff;

}

#main_menu2 .navbar-nav > li.contact_menu:hover a, #header2 .navbar-default .navbar-nav > .contact_menu.active > a {

    color: #fff;

}

@media screen and (min-width:768px) {

  #main_menu2 .navbar-nav {

    flex-direction:row;

    align-items:center;

    

    padding-top:0;

    padding:7px 0!important;

  }

  #main_menu2 .navbar-nav > li {

    padding:14px 0;

    margin-right:25px;

  }

}



/*-- Logo --*/



.logo {

    position: absolute;

    z-index: 100;

    top: -10px;

    left: 0;

}

.logo2 {

    position: relative;

    top: -5px;

    display: block;

    min-width: 220px;

    min-height: 110px;

    margin: 0;

    text-align: center;

    color: #fff;

    display:flex!important;

    align-items:center;

}

.logo2 h1 {

    font-size: 48px;

    font-weight: 100;

    line-height: 48px;

    /*position: absolute;*/

    right: 0;

    bottom: 15px;

    left: 0;

}

.logo2 a:hover, .logo2 a {

    color: #fff;

}



/*--------------------------------------------------------------

6.0 Slider

--------------------------------------------------------------*/



.slider_overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .42);

}

.carousel, .carousel-inner > .item {

    position: relative;

    overflow: hidden;

    max-height: 600px;

    color: #fff;

}

.business_carousel.carousel, .business_carousel .carousel-inner > .item {

    position: relative;

    overflow: hidden;

    max-height: 700px;

    color: #fff;

}

.business_carousel .carousel-inner > .item p {

    font-size: 22px;

    font-weight: 300;

}

.carousel-inner > .item {

    -webkit-transition: opacity;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    opacity: .00;

    color: #fff;

    -moz-opacity: .00;

    -khtml-opacity: .00;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha'(Opacity=0);

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);

    filter: alpha(opacity=0);

}

.carousel-inner > .item.active {

    opacity: 1;

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha'(Opacity=100);

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);

    filter: alpha(opacity=100);

}

.carousel-inner > .item.active .animated1 {

    -webkit-animation: fadeInLeft 1s ease-in-out 700ms both;

    animation: fadeInLeft 1s ease-in-out 700ms both;

}

.carousel-inner > .item.active .animated2 {

    -webkit-animation: fadeInLeft 2s ease-in-out 700ms both;

    animation: fadeInLeft 2s ease-in-out 700ms both;

}

.carousel-inner > .item.active .animated3 {

    -webkit-animation: fadeInLeft 3s ease-in-out 700ms both;

    animation: fadeInLeft 3s ease-in-out 700ms both;

}

.carousel-inner > .item .slider-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.carousel-inner > .item .slider-bg img {

    width: 100%;

    height: 100%;

    -webkit-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

    -webkit-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -moz-animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;

}

.carousel-inner > .item .slider-bg img.kenburns {

    -webkit-animation-name: kenburns;

    animation-name: kenburns;

}

.carousel-inner > .item .slider-bg img.kenburnsreverse {

    -webkit-animation-name: kenburnsreverse;

    animation-name: kenburnsreverse;

}

@-webkit-keyframes kenburns {

    0% {

        -webkit-transform: scale(1.2);

    }

    100% {

        -webkit-transform: scale(1);

    }

}

@keyframes kenburns {

    0% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }

    100% {

        webkit-transform: scale(1);

    }

}



/**

 * kenburns Reverse

 */



@-webkit-keyframes kenburnsreverse {

    0% {

        -webkit-transform: scale(1);

    }

    100% {

        -webkit-transform: scale(1.2);

    }

}

@keyframes kenburnsreverse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }

}

.carousel-control.left, .carousel-control.right {

    display: none;

}

.carousel-content {

    padding: 235px 0 100px;

}

.business_carousel .carousel-content h1 {

    font-weight: 200;

}

.carousel-content h1 {

    font-size: 60px;

    font-weight: 600;

    display: inline-block;

    margin-bottom: 10px;

    padding: 18px 20px;

    text-transform: capitalize;

    color: #fff;

}



/*--------------------------------------------------------------

7.0 Main Feature

--------------------------------------------------------------*/



section#main_feature {

    position: relative;

    padding: 100px 0 120px;

}



/*-- top blog --*/



.top_blog > .top_blog_item_image .top_blog_img_overlay, .top_blog > .top_blog_item_image {

    overflow: hidden;

}

.top_blog > .top_blog_item_image:hover .top_blog_img_overlay:before {

    left: 47%;

}

.top_blog > .top_blog_item_image:hover .top_blog_img_overlay:after {

    top: 47%;

}

.top_blog > .top_blog_item_image .top_blog_img_overlay {

    position: relative;

}

.top_blog > .top_blog_item_image .top_blog_img_overlay:before {

    position: absolute;

    z-index: 1000;

    top: 50%;

    left: -30px;

    width: 15px;

    height: 1px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.top_blog > .top_blog_item_image .top_blog_img_overlay:after {

    position: absolute;

    z-index: 1000;

    top: -30px;

    right: 0;

    left: 0;

    width: 1px;

    height: 15px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.top_blog > .top_blog_item_image:hover .top_blog_img_overlay .overlay {

    top: 0;

}

.top_blog > .top_blog_item_image .top_blog_img_overlay .overlay {

    position: absolute;

    z-index: 100;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

.top_blog > div {

    min-height: 270px;

    max-height: 270px;

    padding: 0;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

.top_blog > div img {

    min-width: 100%;

    max-width: inherit;

    height: 270px;

}

.top_blog > div.top_blog_item_content {

    position: relative;

    box-sizing: border-box;

    padding: 25px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.top_blog > div.top_blog_item_content h2 {

    font-size: 18px;

    font-weight: 600;

    line-height: 25px;

    position: relative;

    margin-top: -5px;

    margin-bottom: 21px;

    padding: 0 0 21px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #3a3f48;

}

.top_blog > div.top_blog_item_content h2:after {

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #c9ced3;

}

.top_blog > div.top_blog_item_content p {

    font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 20px;

    padding: 0;

    color: #686e7c;

}

.top_blog > div.top_blog_item_content .learn_more {

    font-size: 14px;

    font-weight: 600;

    display: inline-block;

    padding: 7px 27px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #fff;

    border-radius: 3px;

    background: #30343c;

}

.top_blog > div.top_blog_item_content.img_left:before {

    position: absolute;

    z-index: 100;

    top: 45%;

    left: -24px;

    width: 0;

    height: 0;

    content: '';

    border-width: 12px;

    border-style: solid;

    border-color: transparent #fff transparent transparent;

}

.top_blog > div.top_blog_item_content.img_right:before {

    position: absolute;

    z-index: 100;

    top: 45%;

    right: -24px;

    width: 0;

    height: 0;

    content: '';

    border-width: 12px;

    border-style: solid;

    border-color: transparent transparent transparent #fff;

}

.top_blog > div.top_blog_item_content.img_top:before {

    position: absolute;

    z-index: 100;

    top: -24px;

    right: 0;

    left: 0;

    width: 0;

    height: 0;

    margin: 0 auto;

    content: '';

    border-width: 12px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

}



/*-- Top mail --*/



.top_email {

    width: 100%;

    margin: 0;

    padding: 0;

}

.top_email .form-group {

    width: 100%;

}



/*-- News area --*/



.news_area.first_news_area {

    margin-top: -315px;

    margin-bottom: 25px;

}

.news_area {

    box-sizing: border-box;

    padding: 20px;

    background: #cbdde7 url('/images/news_area_bg.png') repeat scroll 0 0;

}

.news_area .news_content {

    box-sizing: border-box;

    padding: 30px;

    background: #fff;

}

.news_area.first_news_area .news_content h2 {

    font-size: 30px;

    font-weight: 600;

    position: relative;

    padding-bottom: 30px;

    letter-spacing: -1px;

    text-transform: capitalize;

    color: rgba(58, 63, 72, .9);

}

.news_area .news_content h2 {

    font-size: 22px;

    font-weight: 600;

    position: relative;

    padding-bottom: 30px;

    text-transform: capitalize;

    color: #3a3f48;

}

.news_area .news_content .form-control {

    font-size: 15px;

    font-weight: 500;

    width: 100%;

    height: 50px;

    color: #a0a7ae;

    border: 0;

    background: #f2f4f5;

    box-shadow: none;

}

.first_news_area .news_content h2 {

    margin-bottom: 25px;

}

.first_news_area .news_content h2:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

    background: #c9ced3;

}

.news_area .news_content p {

    margin-bottom: 30px;

}

ul.image_list {

    display: inline-block;

    margin: 0;

    list-style: none;

}

ul.image_list li {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0 30px 30px 0;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    border: 3px solid #fff;

}

ul.image_list li:before {

    position: absolute;

    z-index: 1000;

    top: 50%;

    left: -30px;

    width: 15px;

    height: 1px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

ul.image_list li:hover:before {

    left: 43.5%;

}

ul.image_list li:after {

    position: absolute;

    z-index: 1000;

    top: -30px;

    right: 0;

    left: 0;

    width: 1px;

    height: 15px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

ul.image_list li:hover:after {

    top: 43.5%;

}

ul.image_list li img {

    width: 115px;

}

ul.image_list li:nth-child(3n+2), ul.image_list li:last-child {

    margin-right: 0;

}

ul.image_list li:nth-last-child(3n+2), ul.image_list li:last-child {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

8.0 Feature

--------------------------------------------------------------*/



section#feature {

    padding: 100px 0 0;

}

.feature_item {

    padding: 45px 20px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-align: center;

    border-bottom: 3px solid #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.feature_item i {

    font-size: 48px;

    line-height: 48px;

    display: inline-block;

    padding-bottom: 35px;

}

.feature_item h2 {

    font-size: 22px;

    font-weight: 500;

    line-height: 22px;

    position: relative;

    margin: 0;

    margin-bottom: 20px;

    padding-bottom: 20px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #3a3f48;

}

.feature_item h2:after {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    margin: 0 auto;

    content: '';

    background: #c9ced3;

}

.feature_item p {

    margin: 0;

}



/*--------------------------------------------------------------

9.0 Download

--------------------------------------------------------------*/



.download_content {

    padding: 100px 0 120px;

    text-align: center;

}

h2.download_title {

    font-size: 30px;

    font-weight: 500;

    padding-bottom: 15px;

    text-transform: capitalize;

    color: #3a4f48;

}

p.download_subtitle {

    font-size: 18px;

    line-height: 24px;

    margin: 0;

    margin-bottom: 35px;

    color: #686e7c;

}



/*--------------------------------------------------------------

10.0 Formula

--------------------------------------------------------------*/



#formula {

    padding: 120px 0 180px;

    color: #fff;

    background-size: cover;

}

#formula .section_title_area:after {

    background: #fff;

}

#formula h2.section_title {

    color: #fff;

}

.formula_holder {

    margin-top: 50px;

}

img.formula_image {

    position: relative;

    z-index: 1;

}

ul.formula_content_left, ul.formula_content_right {

    font-weight: 500;

    margin: 0;

    list-style: none;

}

ul.formula_content_left li {

    position: relative;

    margin-top: 70px;

}

ul.formula_content_left li:before {

    position: absolute;

    z-index: 10;

    top: 5px;

    right: -30px;

    width: 18px;

    height: 18px;

    content: '';

    border: 3px solid rgba(255, 255, 255, .6);

    border-radius: 50%;

}

ul.formula_content_left li:after {

    position: absolute;

    top: 13px;

    right: -80px;

    width: 68px;

    height: 2px;

    content: '';

    background: rgba(255, 255, 255, .6);

}

ul.formula_content_right li {

    position: relative;

    margin-bottom: 70px;

}

ul.formula_content_right li:before {

    position: absolute;

    z-index: 10;

    top: 5px;

    left: -30px;

    width: 18px;

    height: 18px;

    content: '';

    border: 3px solid rgba(255, 255, 255, .6);

    border-radius: 50%;

}

ul.formula_content_right li:after {

    position: absolute;

    top: 13px;

    left: -80px;

    width: 68px;

    height: 2px;

    content: '';

    background: rgba(255, 255, 255, .6);

}

ul.formula_content_left {

    font-size: 15px;

    font-weight: 400;

    padding-right: 15px;

    text-align: right;

}

ul.formula_content_right {

    font-size: 15px;

    font-weight: 400;

    padding-left: 15px;

    text-align: left;

}



/*--------------------------------------------------------------

11.0 Facts

--------------------------------------------------------------*/



section#facts {

    padding: 120px 0;

}



/*-- Fact feature --*/



.facts_item {

    font-weight: 400;

    line-height: 40;

    text-align: center;

    text-transform: capitalize;

    color: rgba(104, 110, 124, .8);

}

.facts_item h3 {

    font-size: 23px;

    font-weight: 400;

}



/*-- Shape --*/



.facts_icon_shape .facts_icon i {

    font-size: 50px;

    line-height: 115px;

}

.facts_icon_shape .facts_icon {

    line-height: 160px;

    width: 160px;

    height: 160px;

    margin: 0 auto;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .2);

}

.facts_icon_shape .facts_icon i {

    font-size: 50px;

    line-height: 160px;

}

.fact_border {

    position: relative;

}

.fact_border:after {

    position: absolute;

    top: 10px;

    right: 0;

    width: 1px;

    height: 140px;

    content: '';

    border-right: 1px dashed #cdd6de;

}

.fact_border:last-child:after {

    content: '';

    border-right: 0;

}



/*-- Count Number --*/



.fact-number {

    font-size: 60px;

    font-weight: 700;

    line-height: 40px;

    padding: 40px 0 20px;

}



/*--------------------------------------------------------------

12.0 Gallery

--------------------------------------------------------------*/



section#gallery {

    padding: 120px 0;

}



/*-- Gallery Filter List --*/



#Grid .mix {

    display: none;

    opacity: 0;

}

ul.gallery_filter {

    margin: 0 0 50px;

    list-style: none;

    text-align: center;

}

ul.gallery_filter li {

    font-size: 14px;

    font-weight: 400;

    line-height: 14px;

    display: inline-block;

    margin-right: 10px;

    padding: 8px 23px;

    cursor: pointer;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #495258;

    border: 1px solid #fff;

    border-radius: 15px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

ul.gallery_filter li:hover, ul.gallery_filter li.active {

    box-shadow: none;

}

ul.gallery_filter li:last-child {

    margin-right: 0;

}



/*-- Gallery Item --*/



.galleryContainer {

    overflow: hidden;

    margin-bottom: 60px;

}

.mix {

    position: relative;

    float: left;

    overflow: hidden;

    box-sizing: border-box;

    width: 20%;

    min-height: 268px;

    margin: 0;

    padding: 0;

}

.galleryContainer > div > img {

    width: 100%;

    min-height: 270px;

}

.mix .gallery_hover {

    position: absolute;

    right: 0;

    bottom: -100%;

    left: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    padding: 20px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: rgba(255, 255, 255, .9);

}

.mix:hover .gallery_hover {

    bottom: 0;

}

.mix .gallery_hover h2 {

    font-size: 18px;

    font-weight: 600;

    line-height: 18px;

    margin-bottom: 20px;

    text-transform: capitalize;

    color: #3a3f48;

}

.mix .gallery_hover p {

    font-size: 15px;

    font-weight: 400;

    margin: 0;

    margin-bottom: 15px;

    color: #686e7c;

}

.mix .gallery_hover a i {

    font-size: 16px;

    font-weight: 600;

    line-height: 15px;

    padding-left: 2px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.mix .gallery_hover a:hover i {

    padding-left: 10px;

}



/*--------------------------------------------------------------

13.0 Services

--------------------------------------------------------------*/



section#services {

    padding: 120px 0 100px;

}

.services_item {

    text-align: center;

}

.services_item .service_img_overlay {

    position: relative;

    overflow: hidden;

    min-width: 214px;

    max-width: 214px;

    margin: 0 auto;

    margin-bottom: 23px;

    border: 7px solid #fff;

    border-radius: 50%;

}

.services_item .service_img_overlay .overlay {

    position: absolute;

    z-index: 100;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

.services_item .service_img_overlay:after {

    position: absolute;

    z-index: 1000;

    top: -30px;

    right: 0;

    left: 0;

    width: 1px;

    height: 15px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.services_item .service_img_overlay:before {

    position: absolute;

    z-index: 1000;

    top: 50%;

    left: -30px;

    width: 15px;

    height: 1px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.services_item .service_img_overlay img {

    display: block;

    min-width: 200px;

    max-width: 200px;

    margin-right: auto;

    margin-left: auto;

    border-radius: 50%;

}

.services_item .service_body {

    margin-top: -100px;

    padding: 100px 30px 40px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    border-bottom: 3px solid #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.services_item:hover .service_img_overlay .overlay {

    top: 0;

}

.services_item:hover .service_img_overlay:after {

    top: 46.5%;

}

.services_item:hover .service_img_overlay:before {

    left: 46.5%;

}

.services_item .service_body h2 {

    font-size: 22px;

    font-weight: 500;

    line-height: 22px;

    position: relative;

    margin-bottom: 25px;

    padding-bottom: 25px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #3a3f48;

}

.services_item .service_body h2:after {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #c9ced3;

}

.services_item .service_body p {

    font-size: 15px;

    font-weight: 400;

    margin: 0;

    margin-bottom: 30px;

    color: #686e7c;

}

.services_item .service_body a {

    font-size: 15px;

    font-weight: 500;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #3a3f48;

}

.services_item .service_body a i {

    font-weight: bold;

    padding-left: 5px;

}



/*--------------------------------------------------------------

14.0 Video

--------------------------------------------------------------*/



#video {

    position: relative;

}

.video-bg-inner {

    position: relative;

    min-height: 550px;

    max-height: 550px;

}

#fixed_video {

    min-height: 550px;

    max-height: 550px;

}



/*--------------------------------------------------------------

15.0 Pricing

--------------------------------------------------------------*/



section#pricing {

    padding: 120px 0;

}

.pricing_item {

    position: relative;

    overflow: hidden;

    padding: 30px;

    border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

.pricing_item:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    content: '';

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    border-width: 10px;

    border-style: solid;

    border-color: #000 transparent transparent #000;

}

.pricing_item ul.pricing_table {

    margin: 0;

    list-style: none;

    text-align: center;

}

.pricing_item ul.pricing_table li {

    font-size: 15px;

    font-weight: 400;

    padding: 15px 0;

    color: #686e7c;

    border-bottom: 1px solid #f4f5f5;

}

.pricing_item ul.pricing_table li:first-child {

    font-size: 24px;

    font-weight: 300;

    line-height: 24px;

    padding: 0;

    padding-bottom: 30px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-transform: uppercase;

    color: #3a3f48;

    border-bottom: 0;

}

.pricing_item ul.pricing_table li:nth-child(2) {

    padding: 0 0 10px;

    border-bottom: 0;

}

.pricing_item ul.pricing_table li:nth-child(2) .pricing {

    font-size: 32px;

    font-weight: 600;

    line-height: 32px;

    display: inline-block;

    padding: 7px 30px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #3a3f48;

    border-radius: 25px;

    background: #f1f3f5;

}

.pricing_item ul.pricing_table li:last-child {

    padding-bottom: 0;

}

.pricing_item ul.pricing_table li:nth-last-child(2), .pricing_item ul.pricing_table li:last-child {

    border-bottom: 0;

}

.pricing_item:hover ul.pricing_table li:last-child a, .pricing_item.active_pricing ul.pricing_table li:last-child a {

    color: #fff;

}

.pricing_item ul.pricing_table li:last-child a {

    display: inline-block;

    padding: 10px 45px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #fff;

    border-radius: 3px;

    background: #30343c;

}



/*--------------------------------------------------------------

16.0 Twitter

--------------------------------------------------------------*/



section#twitter {

    padding: 100px 0;

    background-size: cover;

}



/*-- Twitter Feed --*/



.tweets_feed {

    font-size: 18px;

    font-weight: 600;

    text-align: center;

    color: #fff;

}

.tweets_feed .owl-controls {

    display: none !important;

}

.tweets_feed a {

    font-size: 16px;

    font-style: italic;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



/*--------------------------------------------------------------

17.0 Team

--------------------------------------------------------------*/



section#team {

    padding: 120px 0;

}

.team_item {

    text-align: center;

}

.team_item .team_img_overlay {

    position: relative;

    overflow: hidden;

    min-width: 214px;

    max-width: 214px;

    margin: 0 auto;

    margin-bottom: 23px;

    border: 7px solid #fff;

    border-radius: 50%;

}

.team_item .team_img_overlay .overlay {

    position: absolute;

    z-index: 100;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

.team_item .team_img_overlay:after {

    position: absolute;

    z-index: 1000;

    top: -30px;

    right: 0;

    left: 0;

    width: 1px;

    height: 15px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.team_item .team_img_overlay:before {

    position: absolute;

    z-index: 1000;

    top: 50%;

    left: -30px;

    width: 15px;

    height: 1px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.team_item .team_img_overlay img {

    display: block;

    min-width: 200px;

    max-width: 200px;

    margin-right: auto;

    margin-left: auto;

    border-radius: 50%;

}

.team_item .team_body {

    margin-top: -100px;

    padding: 100px 30px 30px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    border-bottom: 3px solid #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.team_item:hover .team_img_overlay .overlay {

    top: 0;

}

.team_item:hover .team_img_overlay:after {

    top: 46.5%;

}

.team_item:hover .team_img_overlay:before {

    left: 46.5%;

}

.team_item .team_body h2 {

    font-size: 22px;

    font-weight: 600;

    line-height: 22px;

    margin-bottom: 20px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    text-transform: capitalize;

    color: #3a3f48;

}

.team_item .team_body p {

    font-size: 15px;

    font-weight: 400;

    margin: 0;

    color: #686e7c;

}

.team_item .team_body ul {

    margin: 0;

    padding-top: 30px;

    list-style: none;

}

.team_item .team_body ul li:last-child {

    margin-right: 0;

}

.team_item .team_body ul li {

    line-height: 29px;

    display: inline-block;

    width: 27px;

    height: 27px;

    margin-right: 10px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    border-radius: 50%;

    background: #414549;

}

.team_item .team_body ul li a {

    color: #fff;

}



/*--------------------------------------------------------------

18.0 Blog update

--------------------------------------------------------------*/



section#blog_update {

    padding: 120px 0;

}



/*-- Load More --*/



.load-more {

    display: none;

}

.load-more.active {

    display: block;

}

.blog_update_item {

    margin-bottom: 20px;

    padding: 10px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    border-bottom: 3px solid #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.blog_update_item .blog_update_item_overlay {

    position: relative;

    overflow: hidden;

    width: 100%;

    min-height: 250px;

    max-height: 250px;

    margin: 0 auto;

}

.blog_update_item .blog_update_item_overlay .overlay {

    position: absolute;

    z-index: 100;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

}

.blog_update_item .blog_update_item_overlay:after {

    position: absolute;

    z-index: 1000;

    top: -30px;

    right: 0;

    left: 0;

    width: 1px;

    height: 15px;

    margin: 0 auto;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.blog_update_item .blog_update_item_overlay:before {

    position: absolute;

    z-index: 1000;

    top: 50%;

    left: -30px;

    width: 15px;

    height: 1px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #fff;

}

.blog_update_item:hover .blog_update_item_overlay .overlay {

    top: 0;

}

.blog_update_item:hover .blog_update_item_overlay:after {

    top: 47%;

}

.blog_update_item:hover .blog_update_item_overlay:before {

    left: 48%;

}

.blog_update_item img {

    display: block;

    width: 100%;

    min-height: 250px;

    max-height: 250px;

    margin-right: auto;

    margin-left: auto;

}

.blog_body_item {

    padding: 20px;

}

.blog_body_item h2 {

    font-size: 22px;

    font-weight: 500;

    line-height: 22px;

    position: relative;

    margin-bottom: 22px;

    padding: 10px 0 25px;

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    color: #3a3f48;

}

.blog_body_item h2:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

    -webkit-transition: all ease-in-out 300ms;

    transition: all ease-in-out 300ms;

    background: #c9ced3;

}

.blog_body_item p {

    font-size: 15px;

    line-height: 23px;

    margin: 0;

    margin-bottom: 20px;

    color: #686e7c;

}

.blog_body_item ul.blog_item_tags {

    margin: 0;

    list-style: none;

}

.blog_body_item ul.blog_item_tags li a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #686e7c;

}

.blog_body_item ul.blog_item_tags li:last-child {

    margin-right: 0;

}

.blog_body_item ul.blog_item_tags li {

    font-size: 14px;

    font-weight: 500;

    line-height: 14px;

    display: inline-block;

    margin-right: 5px;

    padding: 6px 15px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    border: 1px solid #edf1f4;

    border-radius: 12px;

    background: #edf1f4;

}

.blog_body_item ul.blog_item_tags li:hover {

    background: transparent;

}

.load-posts {

    font-size: 18px;

    font-weight: 600;

    line-height: 18px;

    margin-top: 40px;

    padding: 13px 50px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #9ca4aa;

    border: 2px solid #cfd5d9;

    background: transparent;

}



/*--------------------------------------------------------------

19.0 Client

--------------------------------------------------------------*/



section#client {

    padding: 120px 0 100px;

}

.testimonial_body {

    position: relative;

    padding: 30px 0;

    text-align: center;

    border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

.testimonial_body p {

    font-size: 15px;

    font-weight: 400;

    margin: 0;

    padding: 12px 30px 30px;

    color: #686e7c;

}



/*-- Quotetion mark --*/



.testimonial_body .dorid_quote {

    font-size: 22px;

    color: #c7cbd5;

}

.testimonial_body:before {

    position: absolute;

    bottom: -16px;

    left: 50px;

    width: 0;

    height: 0;

    content: '';

    border-width: 8px;

    border-style: solid;

    border-color: #fff transparent transparent #fff;

}

.testimonial_body .name {

    font-size: 15px;

    font-weight: 400;

    position: relative;

    left: -2%;

    width: 104%;

    padding: 5px 0;

    color: #fff;

}

.testimonial_body .name:after {

    position: absolute;

    right: 0;

    bottom: -8px;

    width: 0;

    height: 0;

    content: '';

    border-width: 4px;

    border-style: solid;

}

.testimonial_body .name:before {

    position: absolute;

    bottom: -8px;

    left: 0;

    width: 0;

    height: 0;

    content: '';

    border-width: 4px;

    border-style: solid;

}

.testimonial_body .name .bold {

    font-size: 16px;

    font-weight: 500;

}

.testimonial_footer {

    margin-top: 30px;

}

.testimonial_footer img {

    border: 1px solid #fff;

    border-radius: 50%;

}



/*--------------------------------------------------------------

20.0 Partner

--------------------------------------------------------------*/



section#partner {

    padding: 67px 0;

}

ul.partner_logo {

    margin: 0;

    list-style: none;

}

ul.partner_logo li {

    float: left;

    padding: 0 36px;

}

ul.partner_logo li img {

    opacity: .75;

    -moz-opacity: .75;

    -khtml-opacity: .75;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha'(Opacity=75);

    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75);

    filter: alpha(opacity=75);

}

ul.partner_logo li:first-child {

    padding-left: 0;

}

ul.partner_logo li:last-child {

    padding-right: 0;

}



/*--------------------------------------------------------------

21.0 Contact

--------------------------------------------------------------*/



section#contact {

    padding: 20px 0;

}



/*-- contact area's div --*/

/*

.form-horizontal .has-feedback .form-control-feedback {

    top: 8px !important;

    right: 0;

}

*/

.have_marker:before {

    position: absolute;

    top: 100px;

    right: -16px;

    width: 0;

    height: 0;

    content: '';

    border-width: 8px;

    border-style: solid;

    border-color: rgba(51, 66, 81, .7) transparent transparent rgba(51, 66, 81, .7);

}

.have_marker:after {

    font-family: FontAwesome;

    font-size: 10px;

    line-height: 9px;

    position: absolute;

    top: 85px;

    right: -40px;

    content: '\f111';

    border-radius: 50%;

}

.contact_contant {

    position: relative;

    margin-bottom: 35px;

    padding: 0;

}

.contact_contant:last-child {

    margin-bottom: 0;

}

.contact_contant ul {

    margin: 0;

    list-style: none;

}

h2.contact_title {

    font-size: 31px;

    font-weight: 700;

    line-height: 37px;

    position: relative;

    padding-bottom: 10px;

    color: #333;

}



/*-- Address list --*/



ul.addres_list {

    margin: 0;

}

ul.addres_list li {

    display: block;

    padding: 25px 0;

    color: #95a2ae;

    border-bottom: 1px solid #485a6c;

}

ul.addres_list li span, ul.addres_list li a {

    padding-left: 15px;

}

ul.addres_list li:first-child {

    padding-top: 0;

}

ul.addres_list li:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}



/*-- Social List --*/



ul.social_list li {

    float: left;

    width: 30px;

    height: 30px;

    margin-right: 20px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-align: center;

    border-radius: 50%;

    background: #95a2ae;

}

ul.social_list li:hover a i {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #fff;

}

ul.social_list li:last-child {

    margin-right: 0;

}

ul.social_list li a i.flaticon-vimeo3 {

    font-size: 12px;

}

ul.social_list li a i {

    font-size: 15px;

    line-height: 30px;

    color: #334251;

}



/*-- contact form --*/



.form-message {

    margin-bottom: 20px;

}

.contact_form input[type='text'], .contact_form input[type='email'] {

    font-size: 15px;

    font-weight: 500;

    height: 32px;

    border-radius: 0;

}

.contact_form textarea {

    font-size: 15px;

    font-weight: 500;

    resize: none;

    border-radius: 0;

}

.contact_form input[type='submit'] {

    font-size: 18px;

    font-weight: 500;

    display: inline-block;

    width: 100%;

    height: 47px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-transform: uppercase;

    color: #fff;

    margin-top: 10px;

}

.contact_form input[type='submit']:hover {

    color: #fff;

    border-color: #30343c;

    background: #30343c;

}

.contact_form .form-group {

    margin-right: 0;

    margin-bottom: 10px;

    margin-left: 0;

}

.contact_form a {

    color: #3598DC;

    margin: 10px 30px 10px 0;

    display: inline-block;

}

#login {

    padding: 60px 0 120px;

}

.ohnohoney{

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  height: 0;

  width: 0;

  z-index: -1;

}



/*--------------------------------------------------------------

22.0 Footer

--------------------------------------------------------------*/



.footer {

    font-size: 15px;

    line-height: 23px;

    color: #95a2ae;

    background: #263646;

}

.bottom_area {

    position: relative;

    padding: 40px 0;

}

.bottom_area p {

  font-size:15px;

}

.bottom_area .footer-links ul {

  margin:0;

  list-style:none;

}

.bottom_area .footer-links a {

  margin-bottom:10px;

  display:inline-block;

}



.footer-additional-links {

  color:#6699cc;

  font-size:14px;

}

.footer-additional-links a {

  color:#6699cc;

}

.footer-additional-links a:hover {

  color:#f1f1f1;

}



/*--------------------------------------------------------------

22.2 Bottom Area Two

--------------------------------------------------------------*/



.footer_email {

    margin: 0;

    padding: 0;

}

.footer_email .form-group input[type='text'], .footer_email .form-group input[type='email'] {

    width: 210px;

    height: 41px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    -moz-border-top-right-radius: 0;

    -moz-border-bottom-right-radius: 0;

}

.footer_email input[type='submit'] {

    font-size: 15px;

    font-weight: 500;

    height: 41px;

    margin-left: -6px;

    padding: 0 10px;

    vertical-align: bottom;

    text-transform: uppercase;

    color: #fff;

    border: 0;

    border-radius: 4px;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    box-shadow: none;

    text-shadow: none;

    -moz-border-top-left-radius: 0;

    -moz-border-bottom-left-radius: 0;

}



/*--------------------------------------------------------------

22.3 Bottom Area Three

--------------------------------------------------------------*/





/*-- Footer recent blog post --*/



.recent_post {

    margin-bottom: 30px;

}

.recent_post:last-child {

    margin-bottom: 0;

}

.post_img {

    width: 40px;

}

.post_img img {

    width: 40px;

    height: 40px;

    border-radius: 5px;

}

.post_body {

    line-height: 23px;

    padding-left: 15px;

}

.post_img, .post_body {

    display: table-cell;

    vertical-align: top;

}

.post_body h3 {

    line-height: 23px;

}



/*--------------------------------------------------------------

22.4 Bottom Area Four

--------------------------------------------------------------*/





/*-- Flickr Photo --*/



ul.flickr_photos {

    margin: 0;

    list-style: none;

}

ul.flickr_photos li {

    float: left;

    margin-right: 10px;

    margin-bottom: 10px;

}

ul.flickr_photos li:nth-child(3n+3), ul.flickr_photos li:last-child {

    margin-right: 0;

}

ul.flickr_photos li img {

    width: 70px;

    height: 70px;

    border-radius: 3px;

}



/*--------------------------------------------------------------

23.0 Copyright

--------------------------------------------------------------*/



.copyright_area {

    font-weight: 500;

    line-height: 20px;

    padding: 20px 0;

    text-align: center;

    background: #212f3d;

}

.copyright_area p {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

24.0 Page Title

--------------------------------------------------------------*/



section#page_title_area {

    padding: 60px 0;

    color: #fff;

    background: transparent url('/images/page_title.jpg') no-repeat scroll 0 0;

    background-size: 100% 100%;

}



/*-- page title --*/



h1.page_title {

    font-size: 40px;

    font-weight: 500;

    line-height: 40px;

    text-transform: capitalize;

}



/*--------------------------------------------------------------

25.0 Blog

--------------------------------------------------------------*/



section#blog_area {

    padding: 100px 0;

}



/*-- Blog post item --*/



.blog_post_item {

    margin-bottom: 50px;

    padding-bottom: 50px;

    border-bottom: 1px dashed #cdd6de;

}

.blog_post_item_img {

    width: 100%;

    margin-bottom: 37px;

    border: 10px solid #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.blog_post_item_img iframe {

    margin: 0;

    margin-bottom: -5px;

    padding: 0;

}

.blog_post_item_meta {

    margin: 0 0 35px;

}

.blog_post_item_meta h2.blog_item_title {

    font-size: 30px;

    font-weight: 600;

    line-height: 30px;

    margin-bottom: 28px;

    text-transform: capitalize;

    color: #3a3f48;

}

.blog_post_item_meta ul.blog_item_metalist {

    display: inline-block;

    margin: 0;

    padding: 0;

    list-style: none;

}

.blog_post_item_meta ul.blog_item_metalist li {

    font-size: 18px;

    font-weight: 400;

    line-height: 20px;

    float: left;

    padding: 0 8px;

    text-transform: capitalize;

    color: #757b7f;

    border-right: 1px solid #85818e;

}

.blog_post_item_meta ul.blog_item_metalist li:first-child {

    padding-left: 0;

}

.blog_post_item_meta ul.blog_item_metalist li:last-child {

    padding-right: 0;

    border-right: 0;

}

.blog_post_item_meta ul.blog_item_metalist li a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.blog_post_item_meta ul.blog_item_metalist li:hover a {

    color: #757b7f;

}

.blog_post_item_content {

    font-size: 18px;

    font-weight: 400;

    color: #686e7c;

}

.blog_post_item_content a.readmore {

    font-size: 15px;

    font-weight: 500;

    line-height: 45px;

    display: inline-block;

    min-width: 144px;

    min-height: 42px;

    text-align: center;

    text-transform: capitalize;

    color: #fff;

    border-radius: 3px;

}



/*-- pagination --*/



nav.blog_post_pagination {

    margin: 0;

    padding: 0;

}

nav.blog_post_pagination ul {

    margin: 0;

}

nav.blog_post_pagination ul li {

    font-size: 13px;

    font-weight: 500;

    float: left;

    margin-right: 8px;

}

nav.blog_post_pagination ul li:last-child {

    margin-right: 0;

}

nav.blog_post_pagination ul li a {

    padding: 6px 12px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #686e7c;

    border: 0;

    border-radius: 2px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

nav.blog_post_pagination ul li:first-child a, nav.blog_post_pagination ul li:last-child a {

    padding: 6px 24px;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

    border-bottom-right-radius: 2px;

    border-bottom-left-radius: 2px;

    -moz-border-top-left-radius: 2px;

    -moz-border-top-right-radius: 2px;

    -moz-border-bottom-left-radius: 2px;

    -moz-border-bottom-right-radius: 2px;

}

nav.blog_post_pagination ul li a:hover, nav.blog_post_pagination ul li:last-child a {

    color: #fff;

    background: #242a2c;

}



/*--------------------------------------------------------------

26.0 Sidebar

--------------------------------------------------------------*/



.sidebar_widget {

    margin-bottom: 40px;

    margin-left: 30px;

    padding-bottom: 40px;

    border-bottom: 1px dashed #cdd6de;

}

.sidebar_widget:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;

}



/*-- recent post --*/



.widget_recent_posts a {

    font-size: 18px;

    font-weight: 400;

}

.widget_recent_posts .recent_post {

    margin-bottom: 20px;

}

.widget_recent_posts .recent_post .post_img {

    width: 60px;

}

.widget_recent_posts .recent_post img {

    width: 60px;

    height: 60px;

    border-radius: 3px;

}



/*-- popular article --*/



ul.widget_popular_postlist {

    margin: 0;

    padding: 0;

    list-style: none;

}

ul.widget_popular_postlist li {

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 15px;

    color: #686e7c;

}



/*-- gallery list --*/



.widget_gallery_list {

    display: inline-block;

    width: 100%;

    height: auto;

}

ul.widget_blog_gallerylist {

    margin: 0;

    padding: 0;

    list-style: none;

}

ul.widget_blog_gallerylist li {

    float: left;

}

ul.widget_blog_gallerylist li img {

    width: 80px;

    height: 80px;

}



/*-- category list --*/



ul.widget_blog_catlist {

    margin: 0;

    padding: 0;

    list-style: none;

}

ul.widget_blog_catlist li {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

    margin-bottom: 20px;

    padding: 0;

}

ul.widget_blog_catlist li a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #686e7c;

}



/*--------------------------------------------------------------

27.0 Blog Details

--------------------------------------------------------------*/





/*-- details --*/



.blog_post_itemdetails .detail_quote {

    font-size: 18px;

    font-weight: 500;

    margin-top: 30px;

    margin-bottom: 40px;

    color: #505560;

}

.blog_post_itemdetails p {

    font-size: 18px;

    font-weight: 400;

    line-height: 27px;

    margin-bottom: 10px;

    color: #686e7c;

}

.blog_post_item__detail_content {

    margin-bottom: 55px;

}



/*-- Share area --*/



.tag_share {

    display: inline-block;

    width: 100%;

    margin-bottom: 45px;

    padding: 22px 0;

    border-top: 1px dashed #d1d6da;

    border-bottom: 1px dashed #d1d6da;

}

ul.tags {

    float: left;

}

ul.shares {

    float: right;

}

ul.tags, ul.shares {

    display: inline-block;

    margin: 0;

    padding: 0;

    list-style: none;

}

ul.tags li {

    font-size: 16px;

    font-weight: 400;

    float: left;

    padding-left: 7px;

    color: #686e7c;

}

ul.shares li.pinterest {

    background: #d91c1c;

}

ul.shares li.facebook {

    background: #2b77be;

}

ul.shares li.twitter {

    background: #62bfef;

}

ul.shares li.google {

    background: #f25353;

}

ul.shares li {

    font-size: 12px;

    line-height: 26px;

    float: left;

    width: 26px;

    height: 26px;

    margin-left: 10px;

    cursor: pointer;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    text-align: center;

    border-radius: 50%;

    background: #686e7c;

}

ul.shares li:first-child {

    margin-right: 5px;

    margin-left: 0;

}

ul.shares li:hover a {

    color: #fff;

}

ul.shares li a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #fff;

}

ul.tags li a {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #686e7c;

}

ul.tags li:first-child, ul.shares li:first-child {

    font-size: 16px;

    font-weight: 600;

    width: auto;

    height: auto;

    padding-left: 0;

    color: #686e7c;

    background: transparent;

}



/*-- Author --*/



.blog_post_area .author {

    margin-bottom: 50px;

    padding: 30px 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.blog_post_area .author .author_img {

    float: left;

    margin-right: 20px;

}

.blog_post_area .author .author_img, .blog_post_area .author .author_bio {

    display: table-cell;

    overflow: hidden;

    zoom: 1;

    vertical-align: top;

}

.blog_post_area .author .author_img img {

    display: block;

    width: 62px;

    height: 62px;

    border: 4px solid #fff;

    border-radius: 50%;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}

.blog_post_area .author .author_bio h2 {

    font-size: 22px;

    font-weight: 600;

    line-height: 22px;

    padding-bottom: 15px;

    color: #3a3f48;

}

.blog_post_area .author .author_bio p {

    font-size: 15px;

    font-weight: 500;

    margin: 0;

    color: #686e7c;

}



/*-- Comment area --*/



.comment_area {

    /*-- add some code here if you need --*/

}

.comment_area p {

    font-size: 15px;

    font-weight: 500;

    margin: 0;

    margin-bottom: 10px;

    color: #686e7c;

}

h2.comments_count {

    font-size: 30px;

    font-weight: 500;

    line-height: 30px;

    padding-bottom: 10px;

    color: #3a3f48;

}

.comments {

    margin: 20px 0;

    border-top: 1px dashed #d1d6da;

    border-bottom: 1px dashed #d1d6da;

}

.comments .comment.com_border_top_bottom {

    border-top: 1px dashed #d1d6da;

    border-bottom: 1px dashed #d1d6da;

}

.comments .comment.com_border_bottom {

    border-bottom: 1px dashed #d1d6da;

}

.comments .comment {

    padding: 30px 0;

}

.comments .comment p {

    font-weight: 400;

}

.comments .comment ul.comment_meta {

    margin: 0;

    padding: 0;

    padding-top: 5px;

    list-style: none;

}

.comments .comment ul.comment_meta li {

    font-size: 15px;

    font-weight: 500;

    float: left;

    padding-right: 25px;

    text-transform: capitalize;

    color: #989ca8;

}

.comments .comment ul.comment_meta li:first-child {

    font-size: 15px;

    font-weight: 600;

    padding-right: 45px;

}

.comments .comment ul.comment_meta li:first-child a {

    color: #686e7c;

}

.comments .comment ul.comment_meta li:last-child a {

    text-decoration: underline;

    color: #686e7c;

}

.comments .comment.com_margin_left {

    margin-left: 80px;

}

.comments .comment > .pull-left {

    margin-right: 20px;

}

.comments .comment .media-object {

    width: 60px;

    height: 60px;

    border: 4px solid #fff;

    border-radius: 50%;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

}



/*-- Comment Form --*/



.comment_form {

    margin-top: 50px;

}

.comment_form h2.post_a_reply {

    font-size: 30px;

    font-weight: 500;

    line-height: 30px;

    padding-bottom: 40px;

    text-transform: capitalize;

    color: #33383b;

}

.comment_form form .form-group {

    margin-right: 0;

    margin-left: 0;

}

.comment_form form input[type='text'], .comment_form form input[type='email'], .comment_form form input[type='phone'] {

    font-size: 15px;

    font-weight: 400;

    width: 280px;

    height: 45px;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #989ca8;

    border: 0;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.comment_form form textarea {

    font-size: 15px;

    font-weight: 400;

    height: 260px;

    resize: none;

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    color: #989ca8;

    border: 0;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    background: #fff;

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}

.comment_form form input[type='text']:focus, .comment_form form input[type='email']:focus, .comment_form form input[type='phone']:focus, .comment_form form input[type='submit']:focus, .comment_form form textarea:focus {

    box-shadow: none;

}

.comment_form form input[type='submit'] {

    font-size: 15px;

    line-height: 40px;

    display: inline-block;

    width: 165px;

    height: 42px;

    margin-top: 20px;

    padding: 0;

    text-align: center;

    text-transform: capitalize;

    color: #fff;

    border-radius: 3px;

    box-shadow: none;

}



/*--------------------------------------------------------------

28.0 Business About

--------------------------------------------------------------*/



section#business_about {

    padding: 120px 0;

}

section.business_about_holder:first-of-type {

    margin-top: 40px;

}

section.business_about_holder {

    position: relative;

    min-height: 490px;

    margin-top: 120px;

    padding-top: 155px;

}

section.business_about_holder p {

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

    color: #686e7c;

}

.business_about_item_left_img {

    position: absolute;

    top: 0;

    left: 0;

    text-align: left;

}

.business_about_item_right_img {

    position: absolute;

    top: 0;

    right: 0;

    text-align: right;

}

.business_about_item_left_img img, .business_about_item_right_img img {

    max-width: 87%;

}

h2.business_about_title {

    font-size: 30px;

    font-weight: 500;

    line-height: 30px;

    position: relative;

    margin-bottom: 30px;

    padding-bottom: 30px;

    color: #3a3f48;

}

h2.business_about_title:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 2px;

    content: '';

    background: #c9ced3;

}



/*-- Load --*/



.pace {

    position: fixed;

    z-index: 999999;

    top: 0;

    left: 0;

    visibility: visible;

    width: 100%;

    height: 100%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    opacity: 1;

    background: #f5f5f5;

    -webkit-backface-visibility: hidden;

}

.pace-inactive {

    display: none;

}

.pace .loading-page {

    -webkit-transform: none !important;

    -webkit-backface-visibility: hidden !important;

}

.loading-page {

    position: absolute;

    top: 0;

    left: 0;

    display: table;

    width: 100%;

    height: 100%;

    text-align: center;

}

.loading-page .logo img {

    width: auto;

    height: auto;

}

.loading-page .loading-page-wrapper {

    display: table-cell;

    vertical-align: middle;

}

.loading-page .loading-progress-bar {

    float: none;

    margin-right: auto;

    margin-left: auto;

}

.block {

    margin-bottom: 40px;

}

.loading-page {

    background-color: #1a232f;

    background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);

    background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%);

}

.loading-page .loading-text {

    font-size: 1.3333em;

    font-weight: bold;

    letter-spacing: .4em;

    text-transform: uppercase;

    color: #7c9abd;

}

.loading-page .loading-progress-bar {

    height: 18px;

    padding: 3px;

    opacity: .95;

    border-radius: 9px 9px 9px 9px;

    background: #0e1319;

    box-shadow: 0 1px 0 #3b4857;

    filter: alpha(opacity=95);

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';

    -moz-opacity: .95;

    -khtml-opacity: .95;

}

.loading-page .loading-progress {

    height: 12px;

    border-radius: 6px 6px 6px 6px;

}



/*--------------------------------------------------------------

29.0 Custom Headers

--------------------------------------------------------------*/

.header-bg {

    background: none;

    margin-top: 90px;

 }



 .header-bg h1 {

    display: none;

    font-size: 3.5em;

    color: white;

    padding: 1em 0;

    position: relative;

 }

 @media (min-width: 600px) {

    .header-bg {

        background: url(/images/contact-bg.jpg) center no-repeat #333;

        background-size: cover;

        display: block;

        position: relative;

    }

    .header-bg::before {

        position: absolute;

        content: '';

        background: rgba(0,0,0,.5);

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

    }

    .header-bg h1 {

        display: block;

    }

    .login.header-bg {

        background-image: url(/images/demo-bg.jpg);

    }

    .image-guidelines.header-bg {

        background: url(/images/header-image-guidelines-bg.jpg) center no-repeat;

        background-size: cover;

    }

    .manufacturer-pricing.header-bg {

        background: url(/images/header-pricing-bg.jpg) center no-repeat;

        background-size: cover;

    }

    .wheel-data-template.header-bg {

        background: url(/images/header-wheel-data-template-bg.jpg) center no-repeat;

        background-size: cover;

    }

    .support.header-bg {

        background: url(/images/header-support-bg.jpg) center no-repeat;

        background-size: cover;

    }

 }

 .config_title {

     font-size: 1.33em;

     font-weight: 500;

 }

 #iconfig_page img {

     max-width: none;

 }



/*--------------------------------------------------------------

29.0 Custom Pages

--------------------------------------------------------------*/



.ekko-lightbox-nav-overlay {position:absolute; top:50%; width:100%;}

.glyphicon.glyphicon-chevron-right{left:96%;}

.glyphicon.glyphicon-chevron-left{left:1%;}

.modal-title {

    position: absolute;

    bottom: 15px;

    z-index: 100;

    right:15px;

}

.modal-header {min-height:0px; padding:0px;}

.modal-header .close {display:none;}

.modal-body {padding:0px;}



/* Image Guidelines Page */



section#image-guidelines {padding:60px 20px 80px;}

#image-guidelines p, #image-guidelines h3 {

    font-size:1.2em;

    color:#666666;

}

#image-guidelines h3, #image-guidelines span {

    font-style:normal;

    font-weight:600;

    text-transform: uppercase;

    padding-bottom:1.5em;

}

#image-guidelines p > span:nth-child(2) {

    font-style:italic;

    text-transform: none;

}

#image-guidelines a {

    font-weight:600;

}

#image-guidelines a.btn {

    font-style: normal;

    text-transform:uppercase;

    font-weight:normal;

    margin:25px 0;

    max-width:375px;

    width:100%;

}

#image-guidelines img {

    max-width:265px;

}

#image-guidelines li {

    display:inline-block;

    text-align: center;

}

#image-guidelines hr {

    background:none;

    border-top:1px dashed #cccccc;

    padding-bottom:20px;

}

#image-guidelines .image-guidelines-img {margin-bottom:1.5em;}

#image-guidelines .image-guidelines-img li {margin-right:15px;}

#image-guidelines .image-guidelines-img li > p {margin-bottom:0; font-size:.9em; font-style: italic;}

#image-guidelines .image-guidelines-img span {font-style:normal;}

#image-guidelines .image-guidelines-img.noborder .thumbnail {border:0; background:transparent; -webkit-box-shadow:none; box-shadow:none;}

#image-guidelines .image-guidelines-img .thumbnail {padding:0; }



 @media (max-width: 420px) {

     #image-guidelines a.btn {font-size:14px;}

     #image-guidelines .image-guidelines-img li {margin-bottom:1.5em;}

     .modal-title { right: 5px; font-size: 10px;}

     .glyphicon.glyphicon-chevron-right{left:90%;}

 }

 @media (max-width: 600px) {

     #image-guidelines .image-guidelines-img {text-align:center;}

     #image-guidelines .image-guidelines-img li {margin-right:0px;}

 }



/* Wheel Data Template Page */

section#wheel-data-template {padding:60px 20px 80px;}

#wheel-data-template h3 {font-weight:700; line-height:1.3em; padding-bottom:15px; font-size:1.2em;}

#wheel-data-template hr {margin-bottom:45px;}

#wheel-data-template ul {margin-bottom:1.5em; font-size:1.2em;}

#wheel-data-template .wheel-data-template-title a {text-decoration: underline; color:#3598dc;}

#wheel-data-template .wheel-data-template-content h3 {text-transform: uppercase;}

#wheel-data-template .wheel-data-template-content ul {list-style:disc; margin-left:1.3em;}



/* Support Page */

section#support-pg {padding:60px 20px 80px;}

#support-pg .wheel-data-template-title a {text-decoration: underline; color:#3598dc;}



/* Manufacturer Pricing page */

section#manufacturer-pricing {padding:60px 20px 80px;}

.pricing h3, .pricing p, .pricing ul {

    font-size:18px;

    color:#666666;

}

.pricing ul, .pricing p.subsection {

    margin-left:20px;

}

.pricing h3 {

    font-style:normal;

    font-weight:600;

    text-transform: uppercase;

    padding:.8em 0px;

}

.pricing a {text-decoration: underline; color:#3598dc;}

.pricing ul.disc {

    list-style: disc;

}

.pricing ul.dash > li:before {

    display: inline-block;

    content: "-";

    width: 1em;

    margin-left: -1em;

}

.pricing hr {

    background:none;

    border-top:1px dashed #cccccc;

}

.pricing span {

  font-size:.85em;

  font-weight:400;

  text-transform: none;

}



.pricing p.subsection {

    font-weight:500;

    margin-bottom:0px;

}

.pricing p.moreinfo {

    padding-top:1em;

    font-weight:600;

}

.pricing #manu-pricing-services-content span {font-style:italic; font-size:1em; font-weight:600;}

.pricing #manu-pricing-moreinfo-content {padding:45px 0;}





/*///// Blog /////*/

#blog, #blog-details {

    padding:20px 0;

}

.blog-archive ul, .blog-tags ul {

    margin:0;

    list-style: none;

}



.blog-archive h4, .blog-tags h4 {

    text-transform:uppercase;

    font-size:22px;

    font-weight:600;

    margin-bottom:1rem;

}

.blog-archive a {

    color:#3598DC;

}

.blog-archive a.archive-active {

    color:#666666;

}



.blog-tags li {

    display: inline-block;

    margin: 4px 2px;

}

.blog-tags a {

    padding: 5px;

    font-weight: 100;

    background-color: #eeeeee;

    color: #bbbbbb;

    display: block;

    border-radius: 2px;

}

.blog-tags a.tag-active {

  background-color:#428bca;

  color:#ffffff;

}







#blog h3, .blog-description {

    margin-bottom:20px;

}

#blog h3 {

    font-weight:600;

    font-size:22px;

    margin-bottom:20px;

    text-transform:uppercase;

}



.blog-img a {

    position:relative;

    display:block;

    min-height:100px;

    text-align:center;

}



.blog-date {

    position:absolute;

    left:0;

    top:0;

    color:#ffffff;

    background-color:#3598DC;

    max-width:80px;

    max-height:80px;

    font-weight:600;

    padding:1px;

    height:100%;

    width:100%;

    text-align:center;

}

.blog-date .blog-date-day {

    font-size:5.5rem;

    line-height:1;

}



#blog-details h3 {

    font-size: 31px;

    font-weight: 700;

    line-height: 37px;

    position: relative;

    color: #333;

    

}

.article-content, .article-share, .article-nav {

    padding:3rem 0;

}



.article-date {

    color:#aaaaaa;

}

.article-nav {

    border-top:1px solid #cccccc;

}

.article-nav .btn {

    background-color:#3598DC;

    color:#ffffff;

    padding:10px 15px;

    text-transform: capitalize;

    border:1px solid #3598DC;

}

.article-nav .btn:hover {

    color: #333;

    background-color: transparent;

    border-color:#000000;

}



.article-nav .btn.not-found {

    background-color: #cccccc;

    pointer-events: none;

}



#blog-details .slick-slide img {

    margin:0 auto

}

#blog-details .slick-prev:before, #blog-details .slick-next:before {

    font-family:FontAwesome;

    color: #333;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

#blog-details .slick-prev:before {

    content:'\f0a8';

}

#blog-details .slick-next:before {

    content:'\f0a9';

}



#article-gal-main-image,#article-gal-thumbs {

    padding:1rem 0;

}



@media screen and (max-width:991px) {

    .blog-img img {

    padding-bottom:2rem;

}

}

@media screen and (min-width: 600px) {

    .blog-news.header-bg {

        background: url(/images/header-news-bg.jpg) center no-repeat;

        background-size: cover;

    }

}







/*///// CMS Pages /////*/

#page .page-content {

  padding-top:2rem;

  padding-bottom:5rem;

  font-size:18px;

  color:#686e7c;

}

#page .page-content p {

  font-size:18px;

  color:#686e7c;

}

#page .page-content h1 {

  font-size:40px;

}



#page .page-content h2 {

  font-size:38px;

}



#page .page-content h3 {

  font-size:31px;

}



#page .page-content h4 {

  font-size:22px;

}

#page.terms-policy h1 {

  font-weight:600;

  margin-bottom:2rem;

}

#page.terms-policy h2 {

  font-size:24px;

  margin-bottom:1rem;

  font-weight:600;

  border-bottom:1px solid #cccccc;

}

#page.terms-policy p,#page.terms-policy li {

  font-size:17px;

}

#page.terms-policy a {

  color:#6699cc;

}

#page.terms-policy a:hover {

  color:#333333;

}

#page.terms-policy .page-content-item {

  margin-bottom:6rem;

}



/*--------------------------------------------------------------

30.0 Elite

--------------------------------------------------------------*/

/*

html {

  --blue: #003a69;

  --blue2: #02172b;

  --red: #ff3333;



  --black: #000000;

  --black2: #241e20;

  --white: #ffffff;

}

*/

.int {

  

}

@media screen and (max-width: 63.9375em) {

  .show-for-large {

    display: none !important;

  }

}

@media screen and (min-width: 64em) {

  .hide-for-large {

    display: none !important;

  }

}

.iconfigurator-elite-page {

  /*background:linear-gradient(180deg, var(--blue2) 0, var(--blue2) 16%, transparent 16%, transparent 100%);*/

  margin-top:0!important;

  padding-top:85px;

  color:var(--black);

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page {

    /*background:linear-gradient(180deg, var(--blue2) 0, var(--blue2) 22%, transparent 22%, transparent 100%);*/

  }

}

/*

.iconfigurator-elite-page section {

  padding-top:4rem;

  padding-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page section {

    padding-top:12rem;

    padding-bottom:12rem;

  }

}

*/

.iconfigurator-elite-page > section:not(.hero,.drive) {

  background-size:50%;

  background-position:left;

  background-repeat:no-repeat;

}

@media screen and (max-width: 63.9375em) {

  .iconfigurator-elite-page > section:not(.hero,.drive) {

    background-image:none!important;

  }

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page > section:not(.hero,.drive) .container {

    padding-left:30px;

    padding-right:30px;

  }

}

.iconfigurator-elite-page > section:not(.hero,.drive) img {

  padding-top:2rem;

  padding-bottom:2rem;

}

@media screen and (min-width: 64em) {

  /*

  .iconfigurator-elite-page > section:not(.hero,.drive) img {

    opacity:0;

  }*/

  .iconfigurator-elite-page > section:nth-of-type(even) img {

    opacity:0;

  }

  .iconfigurator-elite-page > section:nth-of-type(odd) {

    background-image:none!important;

  }

}

@media screen and (min-width: 1800px) {

  .iconfigurator-elite-page > section:not(.hero,.drive) img {

    padding-top:30%;

    padding-bottom:30%;

  }

}

.iconfigurator-elite-page > section:not(.hero,.drive) .content {

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.iconfigurator-elite-page > section:nth-of-type(even) {

  background-color:var(--blue2);

  background-position:right;

  color:var(--white);

}

.iconfigurator-elite-page > section:first-child {

  background-color:transparent;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page > section:not(.hero,.drive):nth-of-type(odd) .content {

    padding-left:5rem;

  }

}



.iconfigurator-elite-page h3 {

  font-size:4rem;

  font-weight:900;

  text-transform: uppercase;

}

.iconfigurator-elite-page h4 {

  font-size:3.5rem;

  font-weight:800;

  color:var(--black);

  text-transform: uppercase;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page h3 {

    font-size:7rem;

  }

  .iconfigurator-elite-page h4 {

    font-size:5rem;

  }

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page p {

    font-size:1.5rem;

  }

}





.iconfigurator-elite-page ul {

  list-style:none;

  margin:0;

}

.iconfigurator-elite-page li {

  display:flex;

  align-items:center;

  margin-bottom:1.75rem;

  font-size:1.5rem;

  line-height:1.25;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page li {

    font-size:1.875rem;

    line-height:1.5;

  }

}

.iconfigurator-elite-page i {

  color:var(--red);

  margin-right:1rem;

  font-size:1.75rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page i {

    font-size:2rem;

    margin-right:1.75rem;

  }

}

.iconfigurator-elite-page .title {

  margin-bottom:2rem;

}

.iconfigurator-elite-page > section:not(.hero,.drive) .title {

  padding-top:2rem;

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page .title {

    text-align:center;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .title {

    margin-bottom:3rem;

  }

}

.iconfigurator-elite-page section .image{

  margin-bottom:2rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page section .image{

    margin-bottom:0;

  }

}

.iconfigurator-elite-page .content .list {

  margin-bottom:3rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .content .list {

    margin-bottom:4rem;

  }

}

.iconfigurator-elite-page .call-to-action {

  text-align:center;

}

.iconfigurator-elite-page .call-to-action .button {

  background-color:var(--red);

  width:220px;

  height:50px;

  font-size:1.75rem;

  display:flex;

  justify-content:center;

  align-items:center;

  text-transform: capitalize;

  color:var(--white);

  border-radius:50px;

  text-decoration: none;

  margin:0 auto;

  text-transform: uppercase;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .call-to-action .button {

    margin:initial;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .call-to-action .button {

    width:240px;

    height:64px;

    font-size:1.75rem;

  }

}





.iconfigurator-elite-page .hero {

  color:var(--white);

  padding-bottom:5rem;

  background-size:contain;

  background-repeat:no-repeat;

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page .hero {

    background-size:200%;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .hero {

    padding-bottom:8rem;

  }

}



.iconfigurator-elite-page .hero .image {

  margin-bottom:2rem;

}

.iconfigurator-elite-page .hero .image img {

  width:100%;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero .image {

    margin-bottom:6rem;

  }

}



.iconfigurator-elite-page .hero h1 {

  font-size:3.5rem;

  font-weight:900;

  text-transform: uppercase;

  margin-bottom:1rem;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero h1 {

    font-size:5rem;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .hero h1 {

    font-size:10rem;

    margin-bottom:2rem;

  }

}

.iconfigurator-elite-page .hero h2 {

  font-size:3rem;

  display:inline-block;

  padding-bottom:.5rem;

  border-bottom:5px solid var(--red);

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero h2 {

    font-size:4rem;

  }

}

.iconfigurator-elite-page .hero h2 span {

  font-weight:700;

  font-style:italic;

}

.iconfigurator-elite-page .hero .title, .iconfigurator-elite-page .hero .excerpt {

  text-align:center;

}

.iconfigurator-elite-page .hero .title {

  margin:0 auto;

  position:relative;

  margin-bottom:4rem;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero .title {

    max-width:80%;

    margin-bottom:5.5rem;

  }

}

.iconfigurator-elite-page .hero .title:after {

  content:'';

  width:180px;

  height:5px;

  background-color:var(--red);

  position:absolute;

  left:0;

  right:0;

  margin:0 auto;

}

.iconfigurator-elite-page .hero .excerpt {

  margin:0 auto;

}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero .excerpt {

    max-width:80%;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .hero .excerpt {

    max-width:76%;

  }

}

.iconfigurator-elite-page .hero .excerpt i {

  margin:0;

  color:var(--white);

  font-size:18px;

}

.iconfigurator-elite-page .hero .image {}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page .hero .image {

    margin-bottom:2rem;

  }

}



.iconfigurator-elite-page .hero .content {

  color:var(--black);

  font-size:1.25em;

  width:90%;

  margin:0 auto;

}

.iconfigurator-elite-page .hero .content ul {}

@media screen and (min-width: 40em) {

  .iconfigurator-elite-page .hero .content ul {

    display:grid;

    grid-template-columns: repeat(2, 1fr);

  }

}

.iconfigurator-elite-page .hero .content li {

  display:flex;

  align-items:center;

}



.iconfigurator-elite-page .hero .content .title {

  color:var(--black);

}

.iconfigurator-elite-page .hero .content .title:after {

  display:none;

}

.iconfigurator-elite-page .hero .content .list {

  margin-bottom:3rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .hero .content .list {

    margin-bottom:5rem;

  }

}

.iconfigurator-elite-page .hero .call-to-action .button {

  background-color:var(--red);

  margin:0 auto;

}



.iconfigurator-elite-page .filtering {

  color:var(--black);

}



.iconfigurator-elite-page .drive {

  text-align:center;

  padding-top:4rem;

  padding-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page .drive {

    padding-top:12rem;

    padding-bottom:12rem;

  }

}



.iconfigurator-elite-page .drive .button {

  display:inline-flex;

  width:auto;

  max-width:250px;

  padding-left:4rem;

  padding-right:4rem;

  max-width:none;

}



/*--------------------------------------------------------------

31.0 Front Page

--------------------------------------------------------------*/

.iconfigurator-front-page {

  /*background:linear-gradient(180deg, var(--blue2) 0, var(--blue2) 16%, transparent 16%, transparent 100%);*/

  /*background-image:url('/images/home/header.jpg');*/

  background-size:contain;

  background-repeat: no-repeat;

}

.iconfigurator-front-page {

  /*background:linear-gradient(180deg, var(--blue2) 0, var(--blue2) 16%, transparent 16%, transparent 100%);*/

  margin-top:0!important;

  padding-top:85px;

  color:var(--black);

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page {

    /*background:linear-gradient(180deg, var(--blue2) 0, var(--blue2) 22%, transparent 22%, transparent 100%);*/

  }

}

/*

.iconfigurator-elite-page section {

  padding-top:4rem;

  padding-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-elite-page section {

    padding-top:12rem;

    padding-bottom:12rem;

  }

}

*/

.iconfigurator-front-page > section:not(.hero,.drive) {

  background-size:50%;

  background-position:left;

  background-repeat:no-repeat;

}

@media screen and (max-width: 63.9375em) {

  .iconfigurator-front-page > section:not(.hero,.drive) {

    background-image:none!important;

  }

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-front-page > section:not(.hero,.drive) .container {

    padding-left:30px;

    padding-right:30px;

  }

}

.iconfigurator-front-page > section:not(.hero,.drive) img {

  padding-top:2rem;

  padding-bottom:2rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page > section:not(.hero,.drive) img {

    /*opacity:0;*/

  }

}

@media screen and (min-width: 1800px) {

  .iconfigurator-front-page > section:not(.hero,.drive) img {

    padding-top:30%;

    padding-bottom:30%;

  }

}

.iconfigurator-front-page > section:not(.hero,.drive) .content {

  display:flex;

  flex-direction:column;

  justify-content:center;

}



.iconfigurator-front-page > section:first-child {

  background-color:transparent;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page > section:not(.hero,.drive):nth-of-type(odd) .content {

    padding-left:5rem;

  }

}



.iconfigurator-front-page h3 {

  font-size:4rem;

  font-weight:900;

  text-transform: uppercase;

}

.iconfigurator-front-page h4 {

  font-size:3.5rem;

  font-weight:800;

  color:var(--black);

  text-transform: uppercase;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page h3 {

    font-size:7rem;

  }

  .iconfigurator-front-page h4 {

    font-size:5rem;

  }

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-front-page p {

    font-size:1.5rem;

  }

}





.iconfigurator-front-page ul {

  list-style:none;

  margin:0;

}

.iconfigurator-front-page li {

  display:flex;

  align-items:center;

  margin-bottom:1.75rem;

  font-size:1.5rem;

  line-height:1.25;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page li {

    font-size:1.875rem;

    line-height:1.5;

  }

}

.iconfigurator-front-page i {

  color:var(--red);

  margin-right:1rem;

  font-size:1.75rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page i {

    font-size:2rem;

    margin-right:1.75rem;

  }

}

.iconfigurator-front-page .title {

  margin-bottom:2rem;

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-front-page .title {

    text-align:center;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .title {

    margin-bottom:3rem;

  }

}

.iconfigurator-front-page section .image{

  margin-bottom:2rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page section .image{

    margin-bottom:0;

  }

}

.iconfigurator-front-page .content .list {

  margin-bottom:3rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .content .list {

    margin-bottom:4rem;

  }

}

.iconfigurator-front-page .call-to-action {

  text-align:center;

}

.iconfigurator-front-page .call-to-action .button {

  background-color:var(--red);

  width:220px;

  height:50px;

  font-size:1.75rem;

  display:flex;

  justify-content:center;

  align-items:center;

  text-transform: capitalize;

  color:var(--white);

  border-radius:50px;

  text-decoration: none;

  margin:0 auto;

  text-transform: uppercase;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .call-to-action .button {

    margin:initial;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .call-to-action .button {

    width:240px;

    height:64px;

    font-size:1.75rem;

  }

}





.iconfigurator-front-page .hero {

  color:var(--white);

  padding-bottom:5rem;

  background-image:url('/images/home/header.jpg');

  background-size:contain;

  background-repeat:no-repeat;

  padding-top:2rem;

}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-front-page .hero {

    background-size:200%;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .hero {

    padding-bottom:8rem;

    padding-top:6rem;

  }

}



.iconfigurator-front-page .hero .image {

  margin-bottom:2rem;

}

.iconfigurator-front-page .hero .image img {

  width:100%;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero .image {

    margin-bottom:6rem;

  }

}



.iconfigurator-front-page .hero h1 {

  font-size:3.5rem;

  font-weight:900;

  text-transform: uppercase;

  margin-bottom:1rem;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero h1 {

    font-size:5rem;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .hero h1 {

    font-size:10rem;

    margin-bottom:2rem;

  }

}

.iconfigurator-front-page .hero h2 {

  font-size:3rem;

  display:inline-block;

  padding-bottom:.5rem;

  border-bottom:5px solid var(--red);

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero h2 {

    font-size:4rem;

  }

}

.iconfigurator-front-page .hero h2 span {

  font-weight:700;

  font-style:italic;

}

.iconfigurator-front-page .hero .title, .iconfigurator-front-page .hero .excerpt {

  text-align:center;

}

.iconfigurator-front-page .hero .title {

  margin:0 auto;

  position:relative;

  margin-bottom:4rem;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero .title {

    max-width:80%;

    margin-bottom:5.5rem;

  }

}

.iconfigurator-front-page .hero .title:after {

  content:'';

  width:180px;

  height:5px;

  background-color:var(--red);

  position:absolute;

  left:0;

  right:0;

  margin:0 auto;

}

.iconfigurator-front-page .hero .excerpt {

  margin:0 auto;

}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero .excerpt {

    max-width:80%;

  }

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .hero .excerpt {

    max-width:76%;

  }

}

.iconfigurator-front-page .hero .excerpt i {

  margin:0;

  color:var(--white);

  font-size:18px;

}

.iconfigurator-front-page .hero .image {}

@media screen and (max-width: 39.9375em) {

  .iconfigurator-elite-page .hero .image {

    margin-bottom:2rem;

  }

}



.iconfigurator-front-page .hero .content {

  color:var(--black);

  font-size:1.25em;

  width:90%;

  margin:0 auto;

}

.iconfigurator-front-page .hero .content ul {}

@media screen and (min-width: 40em) {

  .iconfigurator-front-page .hero .content ul {

    display:grid;

    grid-template-columns: repeat(2, 1fr);

  }

}

.iconfigurator-front-page .hero .content li {

  display:flex;

  align-items:center;

}



.iconfigurator-front-page .hero .content .title {

  color:var(--black);

}

.iconfigurator-front-page .hero .content .title:after {

  display:none;

}

.iconfigurator-front-page .hero .content .list {

  margin-bottom:3rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .hero .content .list {

    margin-bottom:5rem;

  }

}

.iconfigurator-front-page .hero .call-to-action .button {

  background-color:var(--red);

  margin:0 auto;

}



.iconfigurator-front-page .filtering {

  color:var(--black);

}





/* network ////////////*/

.iconfigurator-front-page .network {

  text-align:center;

  padding-top:4rem;

  padding-bottom:4rem;

  background-color:var(--blue2);

  color:var(--white);

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .network {

    padding-top:12rem;

    padding-bottom:12rem;

  }

}

.iconfigurator-front-page .network h4 {

  text-transform: uppercase;

  font-size:3rem;

  font-weight:800;

  color:var(--white);

  margin-bottom:16px;

}

.iconfigurator-front-page .network p {

  font-size:16px;

}

.iconfigurator-front-page .network .excerpt {

  margin-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .network .excerpt {

    margin-bottom:10rem;

  }

}

.iconfigurator-front-page .network .excerpt:after {

  content:'';

  width:100px;

  height:5px;

  background-color:var(--red);

  position:absolute;

  left:0;

  right:0;

  margin:0 auto;

}

.iconfigurator-front-page .network .network-item {

  padding-left:2rem;

  padding-right:2rem;

}



/* video ////////////*/

.iconfigurator-front-page .video {

  text-align:center;

  padding-top:4rem;

  border-bottom:1px solid var(--grayC);

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .video {

    padding-top:12rem;

  }

}

.iconfigurator-front-page .video .excerpt {

  margin-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .video .excerpt {

    margin-bottom:10rem;

  }

}

.iconfigurator-front-page .video .excerpt:after {

  content:'';

  width:100px;

  height:5px;

  background-color:var(--red);

  position:absolute;

  left:0;

  right:0;

  margin:0 auto;

}

.iconfigurator-front-page .video .video-bg-inner {

  background-image: url(/images/home/video.jpg);

  background-size: cover;

  background-position: center center;

}



/* drive ////////////*/

.iconfigurator-front-page .drive {

  text-align:center;

  padding-top:4rem;

  padding-bottom:4rem;

}

@media screen and (min-width: 64em) {

  .iconfigurator-front-page .drive {

    padding-top:12rem;

    padding-bottom:12rem;

  }

}



.iconfigurator-front-page .drive .button {

  display:inline-flex;

  width:auto;

  max-width:250px;

  width:100%;

  font-size:1.5rem;

}



/* partners ////////////*/

.iconfigurator-front-page .partners {

  padding-top:4.3125rem;

  padding-bottom:4.3125rem;

  background-color:var(--blue2);

  color:var(--white);

}

.iconfigurator-front-page .partners .image {

  display:flex;

  align-items:center;

  justify-content: center;

}

.iconfigurator-front-page .partners img {

  opacity:.75;

}



/*--------------------------------------------------------------

32.0 Footer popup

--------------------------------------------------------------*/

.demo-request-link {

  position:fixed;

  right:0;

  bottom:0;

}

.demo-request-link a {

  background: linear-gradient(325deg, var(--red) 0, var(--red) 47%, var(--gray) 47%, transparent 50%, transparent 100%);

  width: 240px;

  height: 180px;

  text-transform: capitalize;

  line-height: 1.1;

  color: var(--white);

  font-weight: 700;

  display:flex;

  align-items:flex-end;

  justify-content: flex-end;

  text-align:right;

  font-size:2.5rem;

  text-decoration: none;

  padding:.5rem;

  padding-bottom:2.5rem;

  padding-right:2rem;

  transition:all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}

.demo-request-link a:hover {

  color:var(--white);

  background: linear-gradient(325deg, var(--blue) 0, var(--blue) 47%, var(--gray) 47%, transparent 50%, transparent 100%);

}

#demo-request-popup {

  max-width:900px;

  position:relative;

  margin:0 auto;

  background-color:var(--whiteAlt);

  border-radius:25px;

  border:1px solid black;

  padding:3rem 0;

}

#demo-request-popup h2 {

  font-size: 31px;

  font-weight: 700;

  line-height: 37px;

  position: relative;

  padding-bottom: 10px;

  color: var(--gray3);

}

#demo-request-popup .container {

  max-width:780px;

}

#demo-request-popup .form-control-feedback {

  top:0;

  right:2rem;

}

#demo-request-popup input[type='submit'] {

  font-size: 18px;

  font-weight: 500;

  display: inline-block;

  width: 100%;

  height: 47px;

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  text-transform: uppercase;

  color: var(--white);

  margin-top: 10px;

  background: var(--blue3);

	border: 2px solid var(--blue3);

}

#demo-request-popup input[type='submit']:hover {

  color: var(--white);

  border-color: #30343c;

  background: #30343c;

}