/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Body background */

.et_pb_section {
    background-color: #b5b5b7;
    position: relative;
}

#main-content {
	background-color: transparent !important;
}

/*** Code to make menu sticky under voiceover page starts here ****/

#custom-menu {
	position: fixed;
	width: 100%;
	z-index: 99999;
}
/*** Code to make menu sticky under voiceover page starts here ****/


/***** Roundig corners for Call To Action Box ****/
.et_pb_promo {
	border-radius: 30px;
}

/***** Accordion rounded borders ******/

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
	border-radius: 30px;
	margin-bottom: 2.75%;
}

/* Shadow behind video */
#video-shadow {
    box-shadow: 10px 10px 5px #888888;
}

/* Button Wrap Box */
.center-div
{
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

@media only screen and (max-device-width: 480px) 
{
.center-div {
	width: 82%;
}
}

/* Button Wrap Box Ends Here */

/*** Background for mobile starts here ***/


/*** Backgrund for mobile ends here ***/

/* Button Creation */
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 19;
  -moz-border-radius: 19;
  border-radius: 19px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 60px 60px 60px 60px;
  text-decoration: none;
  width: 350px;
}
.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}/* Button Creation Ends Here*/

/******* Zoom In Right Left Effect Starts Here ************/
.animated {
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

/******* Zoom In Right Left Effect Ends Here ************/

/***** Voice over captcha text color starts here ****/
.voiceover, #et_pb_contact_form_0 .et_pb_contact_captcha_question{
color:#fff;
}

.custom-contact .et_pb_contact_right{
color:#fff !important;
}
/***** Voice over captcha text color ends here ****/

/********************************************* Single post, Archive, Search Results, 404, PAGE CUSTOMIZATIONS START HERE **********************************************/


/**** Background for Blog Posts ****/

.single-post #content-area, .archive #content-area, .search-results #content-area {
background-color: #fff;
padding: 20px;	
border-radius:20px;
box-shadow: 10px -6px 10px rgba(0, 0, 0, .5);
}

/**** Background for Blog Posts ****/


/**** Menu background for Blog posts only ****/

.single-post #main-header, .archive #main-header, .search-results #main-header, .error404 #main-header {
background:#000 !important;
}

.single-post #top-header, .archive #top-header, .search-results #top-header, .error404 #top-header, #et-secondary-nav li ul {
    background-color: #000000;
}

.single-post #top-header.et-fixed-header, .archive #top-header.et-fixed-header, .search-results #top-header.et-fixed-header, #top-header.et-fixed-header, .error404 #top-header.et-fixed-header #et-secondary-nav li ul {
    background-color: #000000;
}
/**** Header background for Blog posts only ****/

/***** Remove Line next to side bar on blog posts *****/

.single-post #main-content .container::before, .archive #main-content .container::before, .search-results #main-content .container::before, .error404 #main-content .container::before {
    background: none;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
}

/***** Remove Line next to side bar on blog posts *****/

/**** Single post page bottom padding ******/

.single-post #main-content, .archive #main-content, .search-results #main-content {
    padding-bottom: 30px;
}

/**** Single post page bottom padding ******/

/****** Side bar on single post page ****/
.single-post #sidebar, .archive #sidebar, .search-results #sidebar {
    background: #F0F0F0;
    border-radius: 10px;
    float: left;
    padding-top: 40px;
    width: 20.875%;
}
/****** Side bar on single post page ****/

/********************************************* Single post, Archive, Search Results, 404, PAGE CUSTOMIZATIONS END HERE **********************************************/