/*
Theme Name: Divi Child
Template: Divi
Author: Child Theme Configurator
Version: 1.0.1455818736
Updated: 2016-02-18 18:05:36
*/

@charset "UTF-8";

/*--------------------------------------------------------------------------------*/
/*-----1.REMEMBER TO CHANGE THE FOLLOWING AFTER EACH DIVI VERSION UPGRADE -------*/
/*------------------------------------------------------------------------------*/
/* MOBILE ZOOM MUST BE SET IN PARENT FUNCTION.PHP */

/*-------------------------------------------------------------------------------*/
/*----- 2.CONTACT FORM: CHANGE CAPTHA COLOUR -----------------------------------*/
/*-----------------------------------------------------------------------------*/
.et_pb_contact_right {
color: #000000; /*your color*/
}

/*-----------------------------------------------------------------------------*/
/*----- 3.CHANGE BACK-TO-TOP ICON COLOR --------------------------------------*/
/*---------------------------------------------------------------------------*/
.et_pb_scroll_top.et-pb-icon {
 text-align: center;
 background: rgba(242, 109, 72, 1);
 text-decoration: none;
 position: fixed;
 z-index: 99999;
 bottom: 125px;
 right: 0px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 display: none;
 cursor: pointer;
 font-size: 30px;
 padding: 5px;
color: ‪#‎fff‬;
 }

/*--------------------------------------------------------------------------*/
/*----- 4.[Little Invisible Triangle --------------------------------------*/
/*------------------------------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.big-triangle:after,.big-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:50px solid #FFFFFF;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}
 
.big-triangle:before{
    right:50%;
    border-right:75px solid transparent;
    border-left:1000px solid;}
 
.big-triangle:after{
    left:50%;
    border-left:75px solid transparent;
    border-right:1000px solid;}

/*-------------------------------------------------------*/
/*------5. ADD CTA TO MENU -----------------------------*/
/*----------------------------------------------------*/
 /* adjust the padding of the top menu navigation bar */
    #main-header { line-height: 0px; padding-top:14px;}
    #main-header nav#top-menu-nav {padding-top: 10px;padding-bottom: 10px;}
 
/* adjust the padding of the top menu navigation items */
    #main-header.et-fixed-header nav#top-menu-nav {padding-top: 0px;}
    #top-menu li { padding-top: 20px; }
    #top-menu li li a, .fullwidth-menu li li a {padding: 0px 20px; line-height: normal;}
 
/* adjust the padding and height of the fixed header logo (when scrolled down) */    .et-fixed-header #logo {
        max-height: 39px;
        padding-top: 1px;}
 
/* style the get started cta button */
    .get-started {border-radius: 5px; height:60px;}
    .get-started a {color: #fff!important;}
    li.get-started {
        color:#000!important;
        background-color:#f26d48; 
        font-weight: 700; 
        text-transform: uppercase; 
        text-align: center; 
        padding-left:20px;  
        padding-right:20px!important;
        -moz-transition: all 0.5s; 
        -webkit-transition: all 0.5s;
        transition: all 0.5s;}
    li.get-started:hover {background-color:#333333;}

/*-------------------------------------------------------*/
/*------6. ADD testimonial slider ----------------------*/
/*----------------------------------------------------*/
/*   .testimonial-slider-section .et_pb_slide_description { width: 80%!important;}*/
/*   .testimonial-quote {font-size: 157px; line-height: 0px;}*/
/*   .testimonial-slider img {height:125px; width:125px; border-radius:62px;}*/

/*..just customize the below class. You can add all your own custom css rules to that class...*/

/*-------------------------------------------------------*/
/*------7. CHANGE SUCCESS MESSAGE IN CF-----------------*/
/*----------------------------------------------------*/
.et-pb-contact-message {
color: #fff;
text-align: left;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}