/*

Divi Module Editor by Gritty Social

Version: 1.0

Template: Divi

*/

@import url("../Divi/style.css");


/**************************10% larger text**************************/

.ts-01 {
       font-size: 110% ; 
    } 
	
/*20% larger text*/

.ts-02 {
       font-size: 120% ; 
    } 

/*30% larger text*/

.ts-03 {
       font-size: 130% ; 
    } 
	
/*40% larger text*/

.ts-04 {
       font-size: 140% ; 
    } 
	
/*50% larger text*/

.ts-05 {
       font-size: 150% ; 
    } 

/****************************btn outline default******************************/

@media only screen and ( min-width: 980px ) { 
    .mb01 {
       border-width: 2px; 
       border-style: solid; 
       height: 24px; 
       padding-right: 10px !important; 
       padding-left: 10px; 
       padding-bottom: 2px; 
       padding-top: 2px; 
       top: -1px; 
       border-radius: 4px; 
       margin-right: 6px; 
    } 
}

@media only screen and ( min-width: 980px ) { 
    .mb01:hover {
       background-color: #E7E7E7; 
       transition: .3s; 
    } 
}

/*btn outline blue*/

@media only screen and ( min-width: 980px ) { 
    .mb02 {
       border-width: 2px; 
       border-style: solid; 
	   border-color: #1770DD;
       height: 24px; 
       padding-right: 10px !important; 
       padding-left: 10px; 
       padding-bottom: 2px; 
       padding-top: 2px; 
       top: -1px; 
       border-radius: 4px; 
       margin-right: 6px; 
    } 
}

@media only screen and ( min-width: 980px ) { 
    .mb02:hover {
       background-color: #E7E7E7; 
       transition: .3s; 
    } 
}

/*btn outline red*/

@media only screen and ( min-width: 980px ) { 
    .mb03 {
       border-width: 2px; 
       border-style: solid; 
	   border-color: #EE4343;
       height: 24px; 
       padding-right: 10px !important; 
       padding-left: 10px; 
       padding-bottom: 2px; 
       padding-top: 2px; 
       top: -1px; 
       border-radius: 4px; 
       margin-right: 6px; 
    } 
}

@media only screen and ( min-width: 980px ) { 
    .mb03:hover {
       background-color: #E7E7E7; 
       transition: .3s; 
    } 
}

/*btn green*/

@media only screen and ( min-width: 980px ) { 
    .mb04 {
       border-width: 2px; 
       border-style: solid; 
	   border-color: #8FD73A;
       height: 24px; 
       padding-right: 10px !important; 
       padding-left: 10px; 
       padding-bottom: 2px; 
       padding-top: 2px; 
       top: -1px; 
       border-radius: 4px; 
       margin-right: 6px; 
    } 
}

@media only screen and ( min-width: 980px ) { 
    .mb04:hover {
       background-color: #E7E7E7; 
       transition: .3s; 
    } 
}

/******************************text color black**************************************/

.tc-01 {
       color: #000000; 
	}   
	
/*text color blue*/

.tc-02 {
       color: #1770DD; 
    }

/*text color red*/

.tc-03 {
       color: #EE4343; 
    }

/*text color green*/

.tc-04 {
       color: #8FD73A; 
    }

/*text color white*/

.tc-05 {
       color: #ffffff; 
    }
	
/************************************background opacity************************************/

#bg-01.et_pb_text   {
       background-color: rgba(25,25,25,0.3) ; 
       border-radius: 5px ; 
       padding-top: 14px ; 
       padding-right: 10px ; 
       padding-bottom: 14px ; 
       padding-left: 10px ; 
    } 

/*********************************remove excerpt from blog module****************************/

.gm-01 {
       color: transparent ; 
       font-size: 0px ; 
    } 

.gm-01.et_pb_blog_grid .hentry  {
       padding-bottom: 0px ; 
       border-width: 0px ; 
    } 
	
/*********************************************side image blogs*******************************/

#gm-02.et_pb_blog_grid {
       font-size: 0px ; 
       color: transparent ; 
    } 

#gm-02.et_pb_blog_grid .hentry .post-meta {
       display: none !important; 
    } 

#gm-02.et_pb_blog_grid .hentry  {
       padding-right: 0px ; 
       padding-left: 0px ; 
       padding-top: 0px ; 
       padding-bottom: 0px ; 
       border-width: 0px ; 
    } 

#gm-02.et_pb_blog_grid .hentry  img:not(.wp-smiley) {
       float: left ; 
       width: 40% ; 
       display: inline-block ; 
    } 

#gm-02.et_pb_blog_grid .hentry > h2 a {
       padding-left: 0px ; 
    } 

#gm-02.et_pb_blog_grid .hentry > h2 {
       width: 50% ; 
       margin-right: 0px ; 
       margin-left: 50% ; 
       display: block ; 
    } 

@media screen and (max-width: 480px) { #gm-02.et_pb_blog_grid .hentry > h2 a {   top: -20px; }  }  
@media screen and (max-width: 480px) { #gm-02.et_pb_blog_grid .hentry > h2 a {   position: relative; }  }  

/*************************dropshadow and border image grid module***************************/

#gm-03.et_pb_blog_grid .hentry  {
       box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; 
    } 

#gm-03.et_pb_blog_grid .hentry  img:not(.wp-smiley) {
       width: 94%; 
       margin-left: 3%; 
       margin-top: 10px; 
    } 

/************************************curved bottom edge**************************************/	

.dl-01 {
       border-bottom-right-radius: 45% 5% ; 
       border-bottom-left-radius: 45% 5% ; 
    } 
/******************************full width full screen slider********************************/

#db04.et_pb_slider .et_pb_container {
       height: 100vh; 
    } 

#db04.et_pb_slider .et_pb_slide_description {
       padding-top: calc(50vh - 120px); 
    } 
	
@media only screen and (max-width: 767px) {
    #db04.et_pb_slide_content, .et_pb_more_button, a.et_pb_more_button {
       display: inline-block !important;
    }
}	

/*************************Beautiful tabs********************************/
	
#db05.et_pb_tabs .et_pb_tabs_controls {
       border-width: 0px ; 
       background-color: transparent ; 
    } 

#db05.et_pb_tabs .et_pb_all_tabs  {
       border-width: 0px ; 
       border-style: solid ; 
    } 

#db05.et_pb_tabs .et_pb_tabs_controls li {
       border-width: 0px ; 
    } 

#db05.et_pb_tabs {
       border-width: 0px ; 
    } 

#db05.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
       background-color: #dddddd; 
       padding-top: 5px ; 
       padding-bottom: 5px ; 
       padding-right: 15px ; 
       padding-left: 15px ; 
       border-radius: 15px ; 
    } 
/********************************diagonal lines********************************/

#ds-01.et_pb_section {
       transform: rotate(-3deg); 
	   -webkit-transform: rotate(-3deg);
	   -moz-transform: rotate(-3deg);
	   -ms-transform: rotate(-3deg);
	   -o-transform: rotate(-3deg);
       top: 48px ; 
       margin-right: -5px ; 
       margin-left: -5px ; 
	   padding-bottom: 50px ;
    } 	

#ds-03.et_pb_section {
       transform: rotate(3deg); 
	   -webkit-transform: rotate(3deg);
	   -moz-transform: rotate(3deg);
	   -ms-transform: rotate(3deg);
	   -o-transform: rotate(3deg);
       top: 48px ; 
       margin-right: -5px ; 
       margin-left: -5px ; 
	   padding-bottom: 50px ;
    } 	
	
/*********************************pricing tables*********************************/

#pt-01.et_pb_pricing .et_pb_pricing_table {
       margin-right: 20px ; 
       width: 340px ; 
       border-color: rgba(56,56,56,1) ; 
       border-radius: 4px ; 
       border-width: 1px ; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_content_top .et_pb_sum {
       font-size: 50px ; 
       font-weight: bold ; 
       color: rgba(229,229,229,1) !important; 
       position: relative ; 
       top: 13px ; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_content_top .et_pb_dollar_sign {
       top: 2px ; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_content_top {
       height: 110px ; 
       width: 110px ; 
       padding-bottom: 0px ; 
       background-color: rgba(48,48,48,1) ; 
       border-radius: 60px ; 
       margin-right: auto ; 
       margin-left: auto ; 
       border-width: 0px ; 
       border-top-width: 6px !important; 
       border-top-style: solid ; 
       border-top-color: rgba(242,242,242,1) ; 
       border-right-width: 6px !important; 
       border-right-style: solid ; 
       border-right-color: rgba(242,242,242,1) ; 
       border-bottom-width: 6px !important; 
       border-bottom-color: rgba(242,242,242,1) ; 
       border-left-color: #f2f2f2 ; 
       border-left-width: 6px !important; 
       border-left-style: solid ; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_heading {
       margin-bottom: -10px ; 
       background-color: rgba(56,56,56,1) ; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_content_top:hover {
       border-width: 6px ; 
       border-color: #a3cd7e !important; 
       transition: .8s ease; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_table:hover {
       transform: scale(1.1) ; 
       transition: .5s ease; 
    } 

#pt-01.et_pb_pricing .et_pb_pricing_table .et_pb_pricing_title {
       font-size: 30px ; 
    } 

/**************************single line subscribe module*****************************/

.sm-01 .et_pb_newsletter{
padding: 20px 10px; 
border-radius:10px;
}
.sm-01 .et_pb_newsletter_description {
padding: 0 0 20px 0; 
width: 100%;
}
.sm-01 .et_pb_newsletter_form {
width: 100%;
}
.sm-01 .et_pb_newsletter_form p {
display: inline-block; 
margin-right: 40px;
}
.sm-01 .et_pb_newsletter_form p input { 
padding: 8px 5% !important; 
width: 300px;
}
.sm-01 .et_pb_newsletter_button {
padding: 2px 6px;
}
.sm-01 a.et_pb_newsletter_button:hover {
padding: 2px 6px!important;
}
.sm-01 a.et_pb_newsletter_button:after {
display:none;
}
.sm-01 .et_pb_newsletter_form p:nth-child(3) {
display: none;
}
 
@media only screen and (max-width: 1100px) {
.sm-01 .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 275px;}
}
 
@media only screen and (max-width: 981px) {
.sm-01 .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 220px;}
.sm-01 .et_pb_newsletter_description { width: 100% !important;}
}
 
@media only screen and (max-width: 767px) {
.sm-01 .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 240px;}
}
 
@media only screen and (max-width: 479px) {
.sm-01 .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 180px;}
}	
	
/*************************** greyscale map that turns to colour on hover *********************/

#db06 {
       -webkit-filter: grayscale(1); 
       -moz-filter: grayscale(1); 
        -ms-filter: grayscale(1); 
         -o-filter: grayscale(1); 
            filter: grayscale(1); 
    } 



#db06:hover {
            -webkit-filter: grayscale(0.1); transition: .5s;
       -moz-filter: grayscale(0.1); transition: 1.5s;
        -ms-filter: grayscale(0.1); transition: 1.5s;
         -o-filter: grayscale(0.1); transition: 1.5s;
            filter: grayscale(0.1); transition: 1.5s;
    } 

/********************************** colour map that turns to grey on hover **************************/

#db07 {
       -webkit-filter: grayscale(0.1); 
       -moz-filter: grayscale(0.1); 
        -ms-filter: grayscale(0.1); 
         -o-filter: grayscale(0.1); 
            filter: grayscale(0.1); 
    } 

#db07:hover {
            -webkit-filter: grayscale(1); transition: .5s;
       -moz-filter: grayscale(1); transition: 1.5s;
        -ms-filter: grayscale(1); transition: 1.5s;
         -o-filter: grayscale(1); transition: 1.5s;
            filter: grayscale(1); transition: 1.5s;
    } 

/************************ Image centered in image module *********************/

#db09.et_pb_image {
display: block;
margin-left: auto;
margin-right: auto;
}	
	
/****************************** reduce padding ********************************/

#db13.et_pb_section {
       padding-top: 0px; 
       padding-bottom: 0px; 
    } 

#db14.et_pb_section {
       padding-top: 13px; 
       padding-bottom: 13px; 
    } 

#db15.et_pb_section {
       padding-top: 25px; 
       padding-bottom: 25px; 
    } 

#db16.et_pb_section {
       padding-top: 38px; 
       padding-bottom: 38px; 
    } 	

/***************************** toggle fix ****************************/

.ac-01 .et_pb_section:nth-child(1) .et_pb_toggle_open {
       border-color: transparent ; 
    } 

.ac-01 .et_pb_section:nth-child(1) .et_pb_accordion .et_pb_toggle_close {
       border-color: transparent ; 
       background-color: transparent ; 
    } 
	
/*********************finally fixed the slider!*********************/

@media only screen and (max-width: 767px) {
#sf-01.et_pb_slide_content, .et_pb_more_button, a.et_pb_more_button {
display: inline-block !important;
}
}	

/* turn off mobile portrait only */

@media screen and (max-width: 479px) { 
  #mq-01.et_pb_section {   
  display: none; }  
}  

/* turn off mobile portrait and landscape */

@media screen and (max-width: 768px) { 
  #mq-02.et_pb_section {   
  display: none; }  
}  

/* turn off mobiles and tablets */

@media screen and (max-width: 1100px) { 
  #mq-03.et_pb_section {   
  display: none; }  
}  

/* turn off desktops */

@media screen and (min-width: 1100px) { 
  #mq-04.et_pb_section {   
  display: none; }  
}  

/* turn off desktops and tablets */

@media screen and (min-width: 768px) { 
  #mq-05.et_pb_section {   
  display: none; }  
}  

/***** Portfolio overlay Blue ****/

#db17 .et_overlay:before { 
        color:#35A9E0!important;
}

/***** Portfolio overlay green ****/

#db18 .et_overlay:before { 
        color:#7CE82D!important;
}

/***** Portfolio overlay Yellow ****/

#db19 .et_overlay:before { 
        color:#FDFF16!important;
}
/*spinning blurbs*/

#db22.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:hover {
       transform: rotateY(360deg); 
       -webkit-transform: rotateY(360deg); 
       -moz-transform: rotateY(360deg); 
       -ms-transform: rotateY(360deg); 
       -o-transform: rotateY(360deg); 
       transition: .8s; 
    } 

/************************* module edits **************************/

.editor-logo {
       position: relative ; 
       top: 30px ; 
       width: calc(100vw - 120px);
       left: 0px;
       display: block ; 
       margin-top: 20px ;
    } 

.editor-intro {
       padding-top: 30px ; 
       padding-right: 20px ; 
       padding-bottom: 30px ; 
       padding-left: 20px ; 
       background-color: rgba(234,234,234,1) ; 
       top: -15px ; 
       position: relative ; 
    } 

.editor-intro h1 {
color: #303030;
}

.editor-intro a {
color: rgba(153,153,153,1) ; 
font-size: 18px ; 
font-weight: bold ; 
}

.editor-intro img {
color: rgba(153,153,153,1) ; 
font-size: 18px ; 
font-weight: bold ; 
}

.editor-sec {
       display: block;
	   margin-left: auto;
	   margin-right: auto;
    }

#logo-left {
       float: left ; 
    } 

ul#logo-left {
color: white;
padding-bottom: 15px;
margin-left: 30px;
}

.dme-menu {
       background-color: rgba(51,58,65,1) ; 
       padding-top: 10px ; 
       padding-bottom: 20px ; 
       padding-right: 500px ; 
       padding-left: 5px ; 
       z-index: 5000 ; 
       position: fixed ; 
       left: 160px;
       right: 0px;
       top: 30px ; 
       height: 30px ; 
    } 

.dme-menu ul li {
font-weight: 800;
}

#module-menu ul li {
display: inline;
color: white;
float: right !important;
}

#module-menu a {
color:white;
margin-right: 20px;
margin-left: 20px;
}

.editor-sec img {
margin: 25px;
box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px;
border-radius: 4px;
}