/*
CTC Separate Stylesheet
Updated: 2016-11-17 19:41:10
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.17.1479411670
*/
@import url('../Divi/style.css');

/* Secondary menu alignment */
#top-header .et-social-icons { float:right !important; }
#top-header #et-info { float:left !important; }
text-align: right;
}

/*------Align slider text left and right-------*/

/*---Left---*/
.ds-slider-left.et_pb_slider .et_pb_container {
    float: left !important; /*move the slider text container to the left*/
}

.ds-slider-left .et_pb_slide_description  {
	text-align: left !important; /*align the slider text to the left*/
}

.ds-slider-left.et_pb_slider .et_pb_button {
    float: left !important;  /*move the button to the left*/
}

/*---Right---*/

.ds-slider-right.et_pb_slider .et_pb_container {
    float: right !important; /*move the slider text container to the right*/
}

.ds-slider-right .et_pb_slide_description  {
	text-align: right !important; /*align the slider text to the right*/
	padding: 0% 0% !important; /*adjust the padding around the slider text container, this will also help you to control the 
	height of your slides. You can remove this if you want the default height*/
}

.ds-slider-right.et_pb_slider .et_pb_button {
    float: right !important; /*move the button to the right*/
}

/*---Center---*/

.ds-slider-center .et_pb_slide_description  {
	padding: 0% 0% !important; /*adjust the padding around the slider text container, this will also help you to control the 
	height of your slides. You can remove this if you want the default height*/
	
}

/*DIVI ROUNDED CORNERS - ALL MODULES*/
 
@media only screen and ( min-width:768px) and (max-width: 980px ) {
.et_pb_featured_table:nth-child(3), .et_pb_featured_table:nth-child(4){margin-top: 30px;}
 
.et_pb_pricing_table:nth-child(odd){
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-bottomleft:6px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}
 
.et_pb_pricing_table:nth-child(odd) .et_pb_pricing_heading{
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    border-top-left-radius:4px;
}
 
.et_pb_pricing_table:nth-child(even){
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomright:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}
 
.et_pb_pricing_table:nth-child(even) .et_pb_pricing_heading{
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    border-top-right-radius:4px;
}
 
}
 
@media only screen and (max-width: 767px){
.et_pb_pricing_table{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
 
.et_pb_pricing_heading, .et_pb_tab_active:first-child{
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
 
}
 
 
.et_pb_featured_table{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
 
.et_pb_featured_table .et_pb_pricing_heading, .et_pb_tabs_controls, .et_pb_column_1_3 .et_pb_tab_active:first-child, .et_pb_column_1_4 .et_pb_tab_active:first-child, .woocommerce-tabs ul.tabs {
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
 
.et_pb_pricing_table:first-child { 
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-bottomleft:6px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}
 
.et_pb_pricing_table:first-child .et_pb_pricing_heading, .et_pb_tab_active:first-child{
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    border-top-left-radius:4px;
}
 
.et_pb_pricing_table:last-child { 
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomright:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px; 
}
 
.et_pb_pricing_table:last-child .et_pb_pricing_heading{
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    border-top-right-radius:4px;
}
 
.et_pb_all_tabs, .nav li ul, .et-search-form{
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}
 
.et_pb_main_blurb_image img.et-animated, .et_pb_counter_container, .et_pb_slider, .et_pb_testimonial, .et_pb_promo, .et_pb_image, .et_pb_portfolio_item img, .et_pb_post img, .et_pb_blog_grid .et_pb_post, .et_pb_newsletter, .et_pb_toggle, .et_pb_tabs, .et_pb_contact p input, .woocommerce ul.products li.product a img, .woocommerce-page div.product div.images img, .woocommerce-tabs, .et_overlay{
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
 
.et_pb_blog_grid .et_pb_post img{
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
 }

/* active link size and shape */
#et-top-navigation ul.nav .current_page_item > a {
border-bottom:3px solid #1b75bc;
color: #1b75bc;
padding-bottom: 42px;
padding-top: 2px;
}

#top-menu-nav #top-menu a:hover { color: #1b75bc !important; }
}

/* Menu Effect 2 - bottom border slide in */

@media screen and (min-width: 981px) {
.ds-my-menu-2 a {
padding: 8px 0; /*you may want to adjust this*/
margin-bottom: 5px; /*you may want to adjust this*/
}

ds-my-menu-2 a::after {
position: absolute;
top: 60%; /*you may want to adjust this*/
left: 0;
width: 100%;
height: 4px; /*you may want to adjust this*/
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
	
ds-my-menu-2 a:hover::after,
.ds-my-menu-2 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}

/* Menu Effect 2 - bottom border slide in */

#top-menu a {
padding: 8px 0; /*you may want to adjust this*/
}

#top-menu a::after {
position: absolute;
top: 50%; /*you may want to adjust this*/
left: 0;
width: 100%;
height: 4px; /*you may want to adjust this*/
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
	
#top-menu a:hover::after,
#top-menu a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
 


/******* Animation From Bottom *******/ 

.bottom-animated.et-animated {
  opacity: 1;
  -webkit-animation: fadeBottom .7s 1 cubic-bezier(0.43, 0, .53, .94);
  -moz-animation: fadeBottom .7s 1 cubic-bezier(0.43, 0, .53, .94);
  -o-animation: fadeBottom .7s 1 cubic-bezier(0.43, 0, .53, .94);
  animation: fadeBottom .7s 1 cubic-bezier(0.43, 0, .53, .94);
}

/****************************************************************/
/************************ FOOTER CUSTOM 1 *******************/
/****************************************************************/

.footer_custom_1 li {
    letter-spacing: 1px;
    padding-bottom: 1%;
}
/*** Color Text ***/
.footer_custom_1 li a {
    color: #ffffff;
    transition: .3s;
}
/*** Color Text Hover ***/
.footer_custom_1 li a:hover {
    color: #0072ba;
}
/*** Font Awesome Padding***/
.footer_custom_1 li a .fa {
    padding-right: 10px;
}

/****************************************************************/
/************************ FOOTER CUSTOM 5 *******************/
/****************************************************************/

/*** Social for custom footer ***/
.et_pb_social_media_follow li {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}

ul.et_pb_social_media_follow {
    text-align: center !important;
}

.et_pb_social_media_follow li a.icon {
    width: 45px;
    height: 45px;
    padding: 0;
}

.et_pb_social_media_follow li a.icon::before {
    width: 45px;
    height: 45px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 45px;
}

@media only screen and (min-width: 981px) {
  /**** Logo and Menu Left ****/
 .logo_container {
    text-align: left !important;
    margin: 0 5%;
  }
  #top-menu-nav {
    margin: 0 5%;
  }
  /**** Header ****/
  #et-top-navigation {
    text-align: right !important;
  }
  .et_header_style_centered #main-header .container {
    width: 100% !important;
    max-width: 100% !important;
  }
  /**** Header Centered Border ****/
  .et_header_style_centered #main-header div#et-top-navigation {
    border-top: 1px solid #fcf9fc;
    border-bottom: 1px solid #fcf9fc;
  }
  /**** Header Centered Link Padding ****/
  .et_header_style_centered #top-menu > li > a {
    padding-bottom: 1.5em;
    padding-top: 1.5em !important;
  }
  /**** Position adjustment icon drop-down menu ****/
  #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    line-height: 3.4em !important;
  }
  #main-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .header_custom_cta.et_pb_row {
    position: absolute;
    right: 0px;
  }
  /**** Adjustment Bar Search ****/
  #et_top_search {
    position: absolute;
    top: 30px;
    right: 5%;
  }
  span.et_close_search_field {
    right: 5%;
  }
  .et-search-form input {
    right: 5%;
    width: 46% !important;
  }
/**** Divi Widget ****/
  #divi_pb_widget-2 { /**** Replace the final number with that of your widget ****/
    float: none !important;
    width: 70%;
    position: absolute;
    top: 20%;
    right: 0;
  }
	
 /*********************************************************
********************** Menu Secondary ******************
*********************************************************/

/**** Menu Mobile style for Desktop ****/
  .menu_header_hamburger .et_mobile_nav_menu {
    display: block;
    margin-right: 30px;
  }
  .fullwidth-menu-nav {
    display: none;
  }
.menu_header_hamburger.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding: 0px !important;
    text-align: right !important;
}
/**** Background + Position + Width Menu Secondary ****/
#mobile_menu1.et_mobile_menu {
    background: #fff !important;
    width: 25% !important;
    left: 75%;
}
/**** Menu Icon Hamburger ****/
.menu_header_hamburger.et_mobile_nav_menu:before {
    content: "\61";
    font-size: 32px;
    left: 0;
    position: relative;
    top: 0;
    cursor: pointer;
}
/**** Text Before Icon Hamburger ****/
.menu_header_hamburger .et_mobile_nav_menu:before {
    content: 'MORE';
    color: #fcf9fc;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    top: 4px;
    right: 100px;
}
/**** Icon Close Menu ****/
.menu_header_hamburger .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/* remove divi default effects for items with a drop down menu */

}

#header {
-webkit-box-shadow: 0px 3px 4px rgba(100, 100, 100, 0.35);
-moz-box-shadow:    0px 3px 4px rgba(100, 100, 100, 0.35);
box-shadow:         0px 3px 4px rgba(100, 100, 100, 0.35);
}

#et-info-phone:before { content:'';}
}

#top-menu .menu-item:before{
content: '|';
position: absolute;
right: 5px; /* adjust this number as you see fit. This may depend on the spacing of your menu items */
}

/* active link size and shape */
#et-top-navigation ul.nav .current_page_item > a {
border-bottom:2px solid #0068b4;
color: #0068b4;
padding-bottom: 25px;
padding-top: 2px;
}

content: "\f00c";
font-family: FontAwesome;

@media all and (min-width: 981px) { /* at max-width:980px DIVI is putting the sidebar below the content */
 
#page-container #main-content .container {
    width: 100%; /* instead of the default 80% so the sidebar color goes to the edge */
    padding-top: 58px; /* needed to be reset */
    padding-left: 5.5%; /* needed to be reset */
    padding-bottom: 58px; /* needed to be reset and I increased the too little default 23px */
}
#main-content .container #sidebar {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 58px 30px 58px 30px; /* needed to be reset */
background: #000000; /* change to your color or even add a background image */
width: 28% /* set the prefered width of your sidebar, but also take care for the next CSS order */
}
.et_right_sidebar #left-area {
width: 72% /* Put here 100 minus the width you have set above */
}
.et_right_sidebar #main-content .container::before {
right: 28% !important; /* also here the value above has to be used for the sidebar separator line to be in correct place */
background-color: #bbb; /* Change the color of the sidebar separator line */
/* display: none; /* or remove it completely */
}
}
 
@media all and (max-width: 980px) { /* And some optimization for the mobile version */
 
.et_right_sidebar #sidebar {
    clear: both; /* needed in case of side-aligned images longer than the text next to them */
    padding: 30px; /* needed distance to the borders because now we have color */
    margin-top: 30px; /* and a bit more space to the content area above */
}
#sidebar {
    background: #000000; /* use the same color as above */
    border-top: 1px solid #bbb; /* also our border should move, now to the top, use same color */
}
}

.widgettitle { text-align:left; font-size:18px; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; background: #0068b4;
}

.et_pb_sidebar .et_pb_widget { margin-bottom: 14% !important; background: #333333;
}

.et_pb_widget ul li { background-color: #000; padding: 12px;
}

.et_pb_widget {
margin: 20px 0 !important;
padding: 0 !important;
border: 1px solid #dcddde;
}

.et_pb_widget h4 {
background-color: #2EA3F2;
padding-top: 5px;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #fff;
}

#sidebar .widget  {
background-color: #333333;
border: 1px solid #ddd;
padding: 10px;
}

/* 1-8 Divi Blurb Module Css Code
** Product Built By Divi Den - https://webdesign101.berlin/divi-den/
** Get the latest module here: https://webdesign101.berlin/product/divi-blurb-module-layout-kit/
** Get Support Here: https://webdesign101.berlin/divi-den/support/  
** Default RED Colour to replace anywhere in the css = #cc0033  
*/

.blurbs_1 .et_pb_blurb_container {
    vertical-align: middle;
    padding: 1.57vw 1.05vw 1.05vw 2.1vw;
    line-height: 160%;
}
.blurbs_1 .et-pb-icon {
    font-size: 60px !important;
}

/*Hover*/
.blurbs_1 .et_pb_blurb,
.blurbs_1 .et_pb_blurb .et-pb-icon{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.blurbs_1 .et_pb_blurb:hover {
    box-shadow: 0 0 32.2px 2.8px rgba(204, 204, 204, 0.65);
}

.blurbs_1 .et_pb_blurb:hover .et-pb-icon{
    transform: scale(2);
}

.blurbs_1 .et_pb_blurb:hover .et_pb_blurb_container {
    -webkit-animation: fadeIn 5s infinite; /* Safari 4.0 - 8.0 */
    animation: fadeIn 1s infinite;
    animation-iteration-count: 1;
}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


/*Responsive*/

@media only screen and (max-width: 1390px){
    .blurbs_1  .et_pb_blurb_container h4 a,
    .blurbs_1  .et_pb_blurb_container h4{
        font-size: 18px !important;
    }

    .blurbs_1 .et_pb_blurb:hover .et-pb-icon {
        transform: scale(1.4);
    }
}

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

    .blurbs_1 .et_pb_blurb:hover .et-pb-icon {
        transform: scale(1.2);
    }
}

@media only screen and (max-width: 480px){
    .blurbs_1 .et_pb_blurb .et_pb_main_blurb_image {
        padding: 12.9vw;
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    .blurbs_1 .et_pb_blurb_container {
        padding: 20px;
        text-align: center;
    }

    .blurbs_1 .et-pb-icon {
        font-size: 100px !important;
    }
}

/* 4-8 Divi Blurb Module Css Code
** Product Built By Divi Den - https://webdesign101.berlin/divi-den/
** Get the latest module here: https://webdesign101.berlin/product/divi-blurb-module-layout-kit/
** Get Support Here: https://webdesign101.berlin/divi-den/support/  
** Default RED Colour to replace anywhere in the css = #cc0033  
*/

.blurbs_4 .et_pb_column_1_3  {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;

    cursor: pointer;
}
.blurbs_4 .et_pb_blurb  {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.blurbs_4 .et_pb_column_1_3 .back .et_pb_blurb_content p{
    min-width: 200px;
}


.blurbs_4 .et_pb_column_1_3:hover .front {
    -webkit-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,118%,0) rotate3d(1,0,0,-90deg);


    opacity: 0 !important;
}
.blurbs_4 .et_pb_column_1_3:hover .back  {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}



/*Responsive*/


@media only screen and (max-width: 1390px) {
    .blurbs_4 .et_pb_blurb h4,
    .blurbs_4 .et_pb_blurb h4 a{
        font-size: 18px !important;
    }
}



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

    .blurbs_4 .et_pb_blurb.front {
        padding: 40px !important;
    }
    .blurbs_4 .et_pb_blurb .et_pb_main_blurb_image,
    .blurbs_4 .et_pb_blurb .et_pb_blurb_content{
        text-align: center !important;
    }
}