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

 Theme Name:   Divi Digital Agency
 Theme URI:    http://divi-childthemes.com/
 Description:  Creative Solutions For A Digital World
 Author:       divi-childthemes.com
 Author URI:   http://divi-childthemes.com
 Template:     Divi
 Version:      1.0.4  
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* ================================================== */

/**
 * General
 * Slider
 * Top Menu bar
 * Works We Do
 * About Us
 * Our Projects
 * Client Say's
 * Best Features
 * Our Skills
 * Our Experts
 * Success Counts
 * Blog
 * Comments
 * Sidebar
 * Get in Touch
 * Footer
 * Bottom bar
 * Template-Options
 * Particles
 */

/* =======================
    General
=========================*/
.dct_btn{background-color:var(--color-1);font-size: 13px;color: #ffffff;text-transform:uppercase;padding: 10px 35px !important;}
.dct_btn:hover{background-color:var(--color-1) !important; }

/*** Sectin Title ***/

.dct_title.with-two-border{display: table;

float: none;}

.dct_title{position: relative;clear: both;float: left;}

.dct_title.with-two-border > h2{font-size: 54px;font-weight: 700;
text-transform: none;
color: #121212;line-height: normal;text-align: center;}


.dct_title.with-two-border > h4{font-size: 40px;color: #ffffff;}

.dct_title.with-two-border > *{position: relative;
display: inline-block;}


.dct_title.with-two-border > ::before, .dct_title.with-two-border > ::after{background-color: var(--color-1);}

.dct_title.with-two-border > ::before {right: 100%;transform: translateX(-30px);}
.dct_title.with-two-border > ::after {left: 100%;transform: translateX(30px);}

.dct_title.with-two-border > ::before, .dct_title.with-two-border > ::after {content: "";
margin: auto;
position: absolute;
bottom: 0;
top: 0;
width: 100px;
height: 2px;}

.dct_sub_title{margin-bottom: 10px;text-align: center;color: #909090;}

@media only screen and (min-width: 320px) and (max-width: 479px) {.dct_title.with-two-border > h2{font-size: 20px !important;} 

.dct_title_left.with-two-border > h4{font-size: 20px !important;line-height: 30px !important;}

.dct_title_left.with-two-border > ::after {transform: translateX(15px) !important;width: 50px !important;}



}

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

.dct_title_left.with-two-border > h4{


font-size: 22px !important;}

}



.et-fixed-header #top-menu #top-menu li li a{color:#fff;}

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

.dct_title.with-two-border > h2{


font-size: 24px;}


.dct_title.with-two-border > ::before, .dct_title.with-two-border > ::after {width: 60px;}
.dct_title.with-two-border > ::before {-webkit-transform: translateX(-15px);
transform: translateX(-15px);}

.dct_title.with-two-border > ::after {-webkit-transform: translateX(15px);
transform: translateX(15px);}}

@media only screen and (min-width: 768px) and (max-width:991px)
{.dct_title.with-two-border > h2{font-size: 40px;}}



/*** Sectin Title Left ***/

.dct_title_left.with-two-border{display: table;

float: none;}

.dct_title_left{position: relative;

clear: both;}

.dct_title_left.with-two-border > h4{font-size:47px;font-weight: 700;

text-transform: none;line-height:60px;}

.dct_title_left.with-two-border > ::after {background-color: var(--color-1);left: 100%;content: "";

margin: auto;

position: absolute;

bottom: 0;
transform: translateX(30px);
top: 0;

width: 100px;

height: 2px;}



.dct_title_left.with-two-border > *{position: relative;

display: inline-block;}


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

.dct_title.with-two-border > ::before {-webkit-transform: translateX(-15px);
transform: translateX(-15px);}

.dct_title.with-two-border > ::after {-webkit-transform: translateX(15px);
transform: translateX(15px);width:50px !important;}


.dct_title.with-two-border > ::before, .dct_title.with-two-border > ::after {width: 45px;}


.dct_tab .et_pb_tabs_controls li{border-bottom: 1px solid rgba(0,0,0,0.1);
text-align: center;
width: 100%;}



}

/* =======================
   Slider
=========================*/

.dct-slider .et_pb_slide_content .title{z-index: 5;
white-space: nowrap;
font-size: 80px;
line-height: 100px;
font-weight: 700;
color: rgb(255, 255, 255);
letter-spacing: 0px;

transition: none 0s ease 0s;
} 

.dct-slider .et_pb_slide_content .sub_title{z-index: 6;
white-space: nowrap;
font-size: 40px;
line-height: 50px;
font-weight: 200;
color: rgb(255, 255, 255);
letter-spacing: 0px;
font-family: Montserrat;
}

.dct-slider .et_pb_slide .et_pb_button_wrapper .et_pb_button{z-index: 7;

font-size: 15px;

font-weight: 400;
color: rgb(255, 255, 255);

text-transform: uppercase;
background-color: var(--color-1);
border-color: var(--color-1);
border-radius: 3px;

padding: 5px 35px;

}


.dct-slider .et-pb-controllers a.et-pb-active-control{background: var(--color-1);}
.dct-slider .et-pb-controllers a {;width: 35px !important;

height: 4px !important;border:1px solid rgba(229, 229, 229, 0);border-radius:0;}



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

.dct-slider .et_pb_slide_content .title{font-size: 20px;}
.dct-slider .et_pb_slide_content .sub_title{font-size: 15px;line-height: 0;}
.dct-slider .et_pb_slide .et_pb_button_wrapper .et_pb_button{margin-bottom: 20px;}}


@media only screen and (min-width: 479px) and (max-width:980px){
	
	.dct-slider .et_pb_slide_content .title{font-size: 35px;}
.dct-slider .et_pb_slide_content .sub_title{font-size: 20px;}}





/* =======================
    Top Menu bar
=========================*/


#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: var(--color-1); 
 height: 2px; 
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}




/* =======================
    Works We Do
=========================*/


.dct_btn_2{background-color: transparent;
color: var(--color-1);
display: table !important;
font-style: normal;
border:none;
letter-spacing: 1.28px;
line-height: normal !important;

font-weight: 600;
float:right;
padding:0 !important;
position: relative;
font-size: 14px;

left: 0;
text-transform: uppercase;
width: auto;
transition: all 0.3s linear;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translateX(0);
transform: translateX(0);}


.dct_btn_2:hover{background-color:transparent !important;border:none !important;padding:0 !important;}

.dct_btn_2:before{content: "";
display: inline-block;
height: 1px;
margin: auto;
position: absolute;
transition: all 0.3s linear;
opacity:1;
right: 100%;
background-color: var(--color-1);
top: 50%;
transform: translateX(-10px);
width: 100px;
}

.dct_hover:hover .dct_btn_2:before{width: 150px;}

.dct_hover:hover .dct_btn_2:after{opacity:0 !important;}


	
	.dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{transition: all 0.4s linear;font-size:38px;color: var(--color-1);}
	
	.dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{
height: 80px;
line-height: 100px;
background: #fff;
text-align: center;
width: 80px;
border-radius:50%;
margin-left: auto;
margin-right: -60%;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.24);

-webkit-transform: translateY(-80%);
	transform: translateY(-80%);transition: all 0.4s linear;}
	
.dct_hover:hover .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-right: 0%;background: var(--color-1);}

.dct_hover:hover .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff !important;}



.dct_blurb_2 .et_pb_blurb_content .et_pb_blurb_container{margin-top: -60px;}


.dct_blurb_2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: #121212;
font-size: 23px;
letter-spacing: 0.32px;

margin-bottom: 5px;
font-weight: 600;
position: relative;

text-transform: capitalize;}











/* =======================
    About Us
=========================*/



.dct_tab{border:none;}
.dct_tab .et_pb_tabs_controls li{border-right: none;}

.dct_tab .et_pb_all_tabs{background-color:transparent;}

.dct_tab .et_pb_all_tabs .et_pb_tab {padding:15px;}

.dct_tab .et_pb_all_tabs .et_pb_tab .et_pb_tab_content{color: #909090;font-weight: 500;
line-height: 1.7em;font-size:14px;letter-spacing: 1px;}
.dct_tab ul.et_pb_tabs_controls {background:transparent;}
.dct_tab ul.et_pb_tabs_controls::after {border-top:none;}

.dct_tab .et_pb_tabs_controls li{margin: 0 20px 0 0;
padding: 10px;float: left;
display: inline;}

.dct_tab .et_pb_tabs_controls li.et_pb_tab_active{background-color:transparent;}
.dct_tab .et_pb_tabs_controls li.et_pb_tab_active a{color:var(--color-1) !important;border-width: 0;width:100%;}

.dct_tab .et_pb_tabs_controls li.et_pb_tab_active a:before{width:100%;}


.dct_tab .et_pb_tabs_controls li a:hover{color:var(--color-1);}


.dct_tab .et_pb_tabs_controls li a:hover::before{width: 100%;}


.dct_tab .et_pb_tabs_controls li a::before{content: "";
height: 1px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 50%;
    background-color: var(--color-1);
	transition: all 0.3s linear 0s;
width: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);}


.dct_tab .et_pb_tabs_controls li a{color:#fff;font-size: 20px;
padding: 0;
position: relative;
text-transform: capitalize;font-weight: 500;border-bottom: 1px solid transparent;}




@media only screen and (max-width : 767px){
.dct_tab .et_pb_tabs_controls li a{display: initial;}

.dct_tab .et_pb_tabs_controls li{

border-bottom: 1px solid rgba(0,0,0,0.1);
text-align: center;
width: 100%;}

}



/* =======================
    Our Projects
=========================*/
	.dct_pfl_1 .et_pb_portfolio_item .et_overlay::before{color:transparent;}
  
 .dct_pfl_1 .et_pb_portfolio_filters li a{border-radius:0;padding:15px;color:var(--color-1);font-size:15px;text-transform:uppercase;font-weight:500}
.dct_pfl_1 .et_pb_portfolio_filters li a:hover{background:var(--color-1);color:#fff}
.dct_pfl_1 .et_pb_portfolio_filters li a.active{color:#fff!important;background-color:var(--color-1)}
.dct_pfl_1 .et_pb_portfolio_filters ul.clearfix{max-width:1260px;margin:auto!important}

.dct_pfl_1 .et_pb_portfolio_item{overflow:hidden;position:relative}
.dct_pfl_1 .et_pb_portfolio_item .et_portfolio_image{width:100%;height:auto;transform:scale(1,1);transition:transform .5s linear}
.dct_pfl_1 .et_pb_portfolio_item:hover .et_portfolio_image{transform:scale(1.1,1.1)}


.dct_pfl_1 .et_pb_portfolio_item .et_overlay{background:rgba(0,0,0,.7);z-index: 1;}
.dct_pfl_1 .et_pb_portfolio_item:hover .et_overlay{opacity:1}

.dct_pfl_1 .et_pb_portfolio_item .post-meta{text-align:center;opacity:0;position:absolute;top:40%;width:100%;text-align:center;opacity:0;transition:opacity .3s linear,border .2s ease-in-out}
.dct_pfl_1 .et_pb_portfolio_item:hover .post-meta{opacity:1;}
.dct_pfl_1 .et_pb_portfolio_item .post-meta a{font-size:15px;position:relative;font-style:italic;top:-2px;color:var(--color-1);transition:top .5s ease 0s,opacity .1s ease-in-out 0s}
.dct_pfl_1 .et_pb_portfolio_item .et_pb_module_header{position:absolute;top:33%;color:#fff;text-transform:uppercase;text-align:center;width: 100%;opacity:0;font-size:18px}
.dct_pfl_1 .et_pb_portfolio_item:hover .et_pb_module_header{opacity:1}


.dct_pfl_1 .et_pb_portfolio_item .post-meta a:after{content:"";border-bottom:2px solid var(--color-1);position:absolute;top:35px;left:30%;border-radius:2px;width:40%;transform:rotateX(-180deg);transition:width 1s ease-out 0s,transform 1s ease-in-out 0s,opacity 1s ease-out 0s}


.dct_pfl_1 .et_pb_portfolio_item:hover .post-meta a:after{transform:rotate(180deg);transition-delay:.3s}
.dct_pfl_1 .et_pb_portfolio_item:hover .post-meta a{top:45%}

  
  
/*** Responsive Start here ***/ 
  
 
 @media only screen and (min-width:981px){.dct_pfl_1 .et_pb_portfolio_filters ul{text-align:center}
 .dct_pfl_1 .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}}
  @media only screen and (max-width:480px){.dct_pfl_1 .et_pb_portfolio_item{width: 100% !important;}}
/*** Responsive End here ***/ 





/* =======================
    Client Say's
=========================*/
#dct-testi {background-image: linear-gradient(90deg,#f5f5f5 38%,var(--color-1) 20%) !important;}

.et_pb_testimonial_dct_1_1 {
margin: 10px 0px 75px !important;
position: relative;
padding: 20px;
background-color: rgba(0, 0, 0) !important;
box-shadow: 0 0 0 4px rgba(0, 0, 0,0.5);

}


.et_pb_testimonial_dct_1_1:hover{
box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset,0 0 20px 5px rgba(255,255,255,0.8);}



.et_pb_testimonial_dct_1_1 .et_pb_testimonial_description{
font-size: 15px !important;
color: #fff;
margin-bottom: 0;
text-align: justify;
}
.et_pb_testimonial_dct_1_1 .et_pb_testimonial_description p{
padding-bottom:0px;
}
.et_pb_testimonial_dct_1_1 .et_pb_testimonial_portrait{
/*padding: 10px 30px;*/
position: absolute;
bottom: -75px;
right: 20px;
border:4px solid #fff ;
}



.et_pb_testimonial_dct_1_1 .et_pb_testimonial_portrait {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.et_pb_testimonial_dct_1_1:hover .et_pb_testimonial_portrait {
border-color: var(--color-1) ;
}

.et_pb_testimonial_dct_1_1 .et_pb_testimonial_portrait:after {
top: -8px;
left: -8px;
padding: 8px;
z-index: -1;
opacity: 0;
}

.et_pb_testimonial_dct_1_1::before {
position: absolute;
top: -15px;
left: 10%;
background: var(--color-1);
font-size: 25px;
border-radius: 0;
content: "\07b";
color: #fff !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;

box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset,0 0 5px 1px rgba(0,0,0,0.8);
}


.et_pb_testimonial_dct_1_1:hover::before{box-shadow:none;}


.et_pb_testimonial_dct_1_1 .et_pb_testimonial_author{
font-size: 16px;
font-weight: 600;
margin: 20px 0 0 0;
text-transform: uppercase;
color: var(--color-1) !important;
display: inline-block;
}
.et_pb_testimonial_dct_1_1 .et_pb_testimonial_meta{
display: block;
font-size: 12px;
font-style: italic;
margin-top: 10px;
}


@media only screen and (max-width: 480px){
.et_pb_testimonial_dct_1_1 {
text-align: center;
margin-bottom: 0;
}}


@media only screen and (max-width: 980px){
	
.dct_testimonial_r_1{background: #000;
padding: 10px;}


.dct_testimonial_r_1 .et_pb_text_inner h4{color:#fff;}

.dct_testimonial_r_1 .et_pb_text_inner p{color:#fff !important;}
	
	
}





/* =======================
    Best Features
=========================*/



.dct_blurb_1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1) !important;font-size: 40px;transition: all 0.3s linear 0s;}
.dct_blurb_1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#121212 !important}
.dct_blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size: 20px;
letter-spacing: 0.32px;
margin-bottom: 5px;
padding: 0px 20px 20px;
text-transform: capitalize;color: #121212;font-weight: 700;transition: all 0.3s linear 0s;}

.dct_blurb_1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--color-1)}

.dct_blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{font-weight: 400;
line-height: 26px;
padding-bottom: 15px;
text-transform: none;
color: #909090;font-size: 16px;}


.dct_blurb_1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description::after{content: "";
height: 2px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: all 0.3s linear 0s;
background-color: #c7c7c7;
width: 100px;}

.dct_blurb_1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description::after{background-color: var(--color-1);width: 60px;}

  


/* =======================
    Our Skills
=========================*/


.dct_progressbar .et_pb_counter_title{line-height: 3.6em;color:#121210;font-size: 16px;
letter-spacing: 0.32px;} 

.dct_progressbar .et_pb_counter_amount{background-color:var(--color-1) !important;line-height: 0.6em;}
.dct_progressbar.black .et_pb_counter_amount{background-color:#121210 !important;} 


.dt-image-with-anti-corner-frame::before, .dt-image-with-anti-corner-frame::after {
    border-color: #909090;
    border-style: solid;
    content: "";
    height: 200px;
    position: absolute;
    width: 200px;
    z-index: -1;
}


.dct_img .et_pb_image_wrap::before,.dct_img .et_pb_image_wrap::after{border-color: #909090;
    border-style: solid;
    content: "";
    height: 200px;
    position: absolute;
	
	transition: all 0.3s linear 0s;
    width: 200px;
    z-index: -1;} 
	
	
.dct_img .et_pb_image_wrap::before {border-width: 1px 0 0 1px;
left: -20px;
top: -20px;}	

.dct_img .et_pb_image_wrap::after {border-width: 0 1px 1px 0;
bottom: -20px;
right: -20px;}


.dct_img .et_pb_image_wrap:hover::before,.dct_img .et_pb_image_wrap:hover::after{border-color: var(--color-1);height: 60%;
width: 60%;}

@media only screen and (max-width : 980px) {
 
 .dct_img{
 margin-top: 40px;}
 
}





/* =======================
    Our Experts
=========================*/


.dct_team {
  /*
  position: relative;
  overflow: hidden;
  */
  }
.dct_team::before {left: 20px;}
.dct_team::after {right: 20px;visibility:visible;}
.dct_team::after,.dct_team::before{content:'';width:1px;height:80px;background:var(--color-1);opacity:1;position:absolute;top:10px;z-index:1;-webkit-transition:all .4s;transition:all .4s}


  .dct_team .et_pb_team_member_image{overflow:hidden;max-width:100%;margin-bottom:0;}


	
.dct_team:hover .et_pb_team_member_image img {transform: scale(1.05,1.05);}
  
  
  
.dct_team .et_pb_team_member_image::before {left: 10px;}
.dct_team .et_pb_team_member_image::after {right: 10px;}
.dct_team .et_pb_team_member_image::after,.dct_team .et_pb_team_member_image::before{content:'';width:80px;height:1px;background:var(--color-1);position:absolute;top:20px;z-index:1;-webkit-transition:all .4s;transition:all .4s}


.dct_team .et_pb_team_member_image img {transition: transform .5s;cursor: pointer;width:100%;}
	
.dct_team .et_pb_team_member_description{
margin: 0 !important;
color: #fff !important;
font-size: 18px;
font-weight: 700;
letter-spacing: -.04em;
background: var(--color-1);
opacity:0.9;  
box-sizing: border-box;
position: absolute;
left: 22px;
width: 86%;
bottom: 15px;
height: 71px;}
  
  
  .dct_team:hover .et_pb_team_member_description{background:#232323;}  

.dct_team .et_pb_team_member_description .et_pb_module_header{color
:#fff;text-align:center;position: relative;
top: 9px;}

.dct_team .et_pb_team_member_description .et_pb_member_position{color:#fff;letter-spacing:normal!important;font-size:75%;line-height:1!important;position:relative;top:14px;text-align:center;}
  
 

.dct_team .et_pb_team_member_description .et_pb_member_social_links{padding:10px 20px;background:#232323;opacity:0;transition:transform .4s,opacity .2s;box-sizing:border-box;transform:translateY(-140px);text-align:center;}
	
.dct_team:hover .et_pb_team_member_description .et_pb_member_social_links {transition: all 0.5s ease 0s;opacity: 1;transform: translateY(-107px);background:var(--color-1);}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li{display:inline-block;list-style:none;margin:0 7px}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li a,.dct_team .et_pb_team_member_description .et_pb_member_social_links li a:hover{color:#fff;font-size:15px;font-weight:400;line-height:1;transition:all .4s ease-out;}




  

  
@media only screen and (min-width: 768px) and (max-width:980px)
{.dct_team .et_pb_team_member_image{width: 100% !important;}}
  
  
 @media (max-width: 980px)
 {.dct_team{max-width:400px !important;margin:0 auto 30px auto;margin-bottom:-50px !important;}
   
   .dct_team .et_pb_team_member_description{display:inline-block;}} 
  
  
  
  @media only screen and (min-width: 480px) and (max-width:980px){
    
    .dct_team .et_pb_team_member_description{left:28px;}}   
 



/* =======================
    Success Counts
=========================*/



.dct-ct .percent-value {
color:var(--color-1);
font-size: 50px;
font-weight: bold;
line-height: normal;

padding-bottom: 15px;
position: relative;

}

.dct-ct .percent-value::after{background-color: #fff;content: "";
display: block;
height: 3px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 50px;transition: all 0.3s linear 0s;}

.dct-ct:hover .percent-value::after{width: 75px;}

.dct-ct .title{color:#fff;text-transform: uppercase;font-size: 15px;padding-top: 20px;}


	
/* =======================
    Blog
=========================*/


.dct_blog .et_pb_post{border:1px solid var(--color-1);}

.dct_blog .et_pb_post .et_pb_image_container{margin-bottom: 0px !important;}

.dct_blog .et_pb_post .post-meta .published{width: 75px;
height: auto;
border: 1px solid var(--color-1);
background: #fff;
text-align: center;
text-transform: uppercase;
padding: 15px 0 10px 0;
position: relative;

font-weight: 900;
font-size: 16px;
margin-right: 5px;
color: #121212;
display: inline-flex;
font-weight: normal;
font-size: 12px;}  


.dct_blog .et_pb_post .post-meta,.dct_blog .post-content{padding:0px !important;}

.dct_blog .et_pb_post .entry-title{padding: 20px 0px 15px; color:#121212;font-size: 16px;font-weight: 700;line-height: normal;}


.dct_blog .et_pb_post:hover .entry-title{color:var(--color-1);}

.dct_blog .et_pb_post .entry-featured-image-url{
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #808080;
	margin-bottom:0px !important;
}
.dct_blog .et_pb_post .entry-featured-image-url:before,
.dct_blog .et_pb_post .entry-featured-image-url:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
  	visibility:visible;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.dct_blog .et_pb_post .entry-featured-image-url:before{
    bottom: 5%;
    left: 5%;
    border-bottom: 2px solid var(--color-1);
    border-left: 2px solid var(--color-1);
}
.dct_blog .et_pb_post .entry-featured-image-url:after{
    top: 5%;
    right: 5%;
    border-top: 2px solid var(--color-1);
    border-right: 2px solid var(--color-1);
}
.dct_blog .et_pb_post:hover .entry-featured-image-url:before,
.dct_blog .et_pb_post:hover .entry-featured-image-url:after{
    opacity: 1;
    width: 90%;
    height: 90%;
}
.dct_blog .et_pb_post .entry-featured-image-url img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.dct_blog .et_pb_post:hover .entry-featured-image-url img{
    transform: scale(1.05);
	box-shadow: 0 0 5px #808080;
}


.dct_blog .et_pb_post .more-link{background-color: transparent;
color: initial;
display: table;
font-style: normal;
letter-spacing: 1.28px;
line-height: normal;
margin: 10px auto 0;
padding: 5px 0;
position: relative;
transition: all 0.3s linear;
right: 0;
text-transform: uppercase;
width: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box;float: right;font-size: 14px;}

.dct_blog .et_pb_post .more-link:before{background-color: var(--color-1);content: "";

height: 1px;
margin: auto;
position: absolute;
right: 100%;
top: 50%;
transform: translateX(-10px);
transition: all 0.3s linear;
width: 100px;
}

.dct_blog .et_pb_post:hover .more-link{border-color:var(--color-1);}


.dct_blog .et_pb_post:hover .more-link:before{width:150px;}




/* =======================
    Comments
=========================*/



#comment-wrap {padding-top: 20px;}
#commentform{padding-bottom:30px;position:relative;overflow:hidden}
h1#comments,h3#reply-title{font-weight:600;font-size:20px;padding-bottom:0;position:relative;text-transform:uppercase}
h1#comments {margin-bottom: 30px;}
h3#reply-title {margin-bottom: 5px;}
h3#reply-title  a#cancel-comment-reply-link {font-size: 14px;} 
.single .comment_area .comment-reply-link{padding-top:3px!important;padding-bottom:3px!important;font-size:13px;line-height:1.5!important;position:relative;display:inline-block;margin-top:5px;margin-bottom:8px;border-width:1px;color:inherit;font-weight:500}
.single .comment_area .comment-reply-link:hover {color: #fff;}
.comment #respond {margin: 0 auto 30px !important;padding: 0 !important;}

.form-submit .et_pb_button { 
	line-height: 1.5 !important;
	border:1px solid var(--color-1);
	background-color:var(--color-1);
	font-size: 13px !important;
	color: #ffffff !important;
	text-transform:uppercase;
	padding: 10px 35px !important;
}

.form-submit .et_pb_button:hover { 
	padding: 10px 25px  !important;
	background:#000;
	border:1px solid #000;
}

#commentform input[type=email],#commentform input[type=text],#commentform input[type=url],#commentform textarea{font-size:14px;line-height:1.5;border:1px solid rgba(0,0,0,.15);padding:12px 15px;border-radius:0;background:0 0!important;transition:all .3s,ease-in-out}
.comment span.fn, .comment span.fn a { font-size: 14px; }
.comment .comment-body{margin-bottom:15px;padding:15px 15px 15px 70px;position:relative;overflow:hidden;display:block;border-radius:5px;min-height:75px}
.comment .children .comment-body {margin-bottom: 10px;}

.comment .comment_avatar {
	left: 12px;
	top: 15px;}

.comment .comment_avatar img{width:45px!important;height:45px!important;object-fit:cover;border-radius:50%;max-width:100%!important}

.comment .comment_area {
	font-size: 14px;
	line-height: 1.4;
}

.comment_postinfo { 
    line-height: 1.2 !important;
}

.comment.bypostauthor > article {
    background: rgba(0,0,0,0.02);
    border-left: 4px solid;
  }
  
  .entry-content .et_builder_inner_content .et_pb_section {padding:0px!important;}


  
/* =======================
    Sidebar
=========================*/


#main-content .container::before {background-color: transparent;}
/*
#main-content .container{padding-top:30px !important;}
*/
#left-area {
    width: 73%;
	padding-right:1.5% !important;
}
#sidebar {width:27% ;} 
#sidebar .et_pb_widget h4.widgettitle{font-weight:500;font-size:20px;line-height:1;display:block;margin-bottom:0;padding-bottom:15px;text-transform:uppercase}
#sidebar .widget_product_categories ul,
#sidebar ul.widget_taxonomy_terms,
#sidebar .widget_recent_comments ul,
#sidebar .widget_archive ul,
#sidebar .widget_categories ul,
#sidebar .widget_recent_entries ul,
#sidebar .widget_meta ul {
	padding: 0;
	margin-bottom: 0;
}

#sidebar .widget_product_categories ul.children,
#sidebar .widget_categories ul.children {
	margin-top: 15px;
}

#sidebar .widget_product_categories ul li,
#sidebar ul.widget_taxonomy_terms li,
#sidebar .widget_recent_comments ul  li ,
#sidebar .widget_archive ul  li ,
#sidebar .widget_categories ul  li ,
#sidebar .widget_recent_entries ul  li ,
#sidebar .widget_meta ul li {
	border-top: 1px dashed rgba(0,0,0,0.1);
	padding: 10px 0; 
	margin-bottom: 0;
	line-height: 1.2;
	font-weight: normal;
	font-size: 14px;
}

#sidebar .widget_product_categories li.cat-parent,
#sidebar .widget_categories  li.cat-parent {
	padding-bottom: 0;
}

#sidebar .widget_product_categories ul:not(.children) > li:first-child,
#sidebar ul.widget_taxonomy_terms > li:first-child,
#sidebar .widget_recent_comments ul > li:first-child,
#sidebar .widget_archive ul > li:first-child,
#sidebar .widget_categories ul:not(.children) > li:first-child,
#sidebar .widget_recent_entries ul > li:first-child,
#sidebar .widget_meta ul > li:first-child  {
	border: none;
	padding-top: 0;
}

#sidebar .widget_product_categories li,
#sidebar ul.widget_taxonomy_terms li,
#sidebar .widget_archive ul  li,
#sidebar .widget_categories ul  li {
	padding-right: 20px;
	position: relative;
}

#sidebar .widget_product_categories ul li:before, 
#sidebar ul.widget_taxonomy_terms li:before,
#sidebar .widget_archive ul  li:before,
#sidebar .widget_categories ul  li:before {
	content: '\24';
	font-family: 'ETmodules';
	right: 0;
	position: absolute;
	font-size: 18px;
	line-height: 1;
}

#sidebar .widget_recent_entries span.post-date {
	display: block;
	opacity: 0.75;
	font-size: 80%;
	font-style:italic;
	margin-top: 3px;
}

#sidebar .widget_advwidget .adwrap a {
	display: block;
	margin-bottom: 5px;
}

.tagcloud a {
    display: inline-block;
    padding: 8px 20px;
    font-size: 15px !important;
    line-height: 1;
    color: #222;
    border: 1px solid;
    border-radius: 25px;
    margin-right: 7px;
    margin-top: 7px;
    background: transparent;
}

.tagcloud a:hover {
	color: #fff;
}

.widget_search input#s, .widget_search input#searchsubmit {
	border-radius: 0px;
}

.widget_search input#s {
	padding: 0 90px 0 20px;
}

.widget_search input#searchsubmit {
	color: #fff; 
	width: 80px;
	border: none;
}






/* =======================
    Comments
=========================*/

@media (max-width: 500px) {
.single-post.et_full_width_page #comment-wrap {
		width: 90%; 
		margin-right: auto;
		margin-left: auto;}
.form-submit .et_pb_button {
    font-size: 10px;
    line-height: 1.5 !important;
    padding: 5px !important;
	letter-spacing: 0.5px;
	font-weight: 500;
    text-transform: uppercase;
    border-width: 1px;
	border-radius: 0;
	
	
}
.form-submit .et_pb_button:hover{padding: 5px !important;background:var(--color-1);color:#fff;}		
.entry-content .et_builder_inner_content .et_pb_section {padding:0px!important;}
}

@media (min-width: 700px)  {
	p.comment-form-author, p.comment-form-email, p.comment-form-url {
		width: 32%;
		float: left;
	}
	p.comment-form-author, p.comment-form-email {
		margin-right: 2% !important;
	}
	p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {
		width: 100% !important;
		display: block;
	}
}

@media (max-width: 700px)  { 
	.comment .comment-body {
		padding: 10px 15px !important;
	}
	.comment  .comment_avatar {
		display: none;
	}
	p.comment-form-author, p.comment-form-email, p.comment-form-url {
		width: 100%;
		display: block;
	}
}




  
/* =======================
    Get in Touch
=========================*/



.dct_footer_1 .dct_contact .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{line-height: 15px;color:#121212 !important;font-size:30px;}

.dct_footer_1 .dct_contact .et_pb_blurb_content .et_pb_blurb_container {display: block;
padding-left: 0;
padding-top: 15px;}

.dct_footer_1 .dct_contact .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap span::after {content: "";

display: inline-block;

height: 2px;



width: 35px;background-color: var(--color-1);transition: all 0.3s linear 0s;}


.dct_footer_1 .dct_contact:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap span::after{width:50px;}



.dct_footer_1 .dct_contact .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{

font-size: 20px;

font-weight: 700;

text-transform: none;
letter-spacing: 0.32px;
line-height: normal;

color: #121212;}

.dct_cf .et_pb_contact p input, .dct_cf .et_pb_contact p textarea{color:#fff;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.dct_cf .et_contact_bottom_container .et_pb_contact_submit{background: var(--color-1);

color: #fff;

border-color: var(--color-1);font-size: 18px;
text-transform: uppercase;font-weight: normal;}

.dct_cf .et_contact_bottom_container{float:left;margin-top: 3.5%;}






/* =======================
    Footer 
=========================*/




div.et_pb_section#dct_footer{background-color:var(--color-1) !important;}



#dct_footer .dct_social li{margin-right: 10px }

#dct_footer .dct_social  li a.icon{width: 80px;height: 80px; border-radius:0px;}

#dct_footer .dct_social li a.icon::before {line-height: 80px;
width: 80px;
color: #fff;
border: 1px solid #fff;
height: 80px;}



#dct_footer .dct_social .et_pb_social_icon a.icon {background-color: transparent  !important;}

#dct_footer .dct_social .et_pb_social_icon a.icon:hover {background-color: #000 !important;}

@media only screen and (max-width : 767px){
	#dct_footer .dct_social  li a.icon{width: 30px;height: 30px;}
	#dct_footer .dct_social li a.icon:before {line-height: 30px;width: 30px;height: 30px;font-size:12px;}
}




/* =======================
    Bottom bar
=========================*/

#footer-info { float: none;text-align: center;}
#footer-bottom{padding:16px 0}
#footer-bottom .container {text-align:center;}


/* =======================
    Template-Options
=========================*/

.template-options .theme_option_bar:before {font-size: 22px;content: "\e037";cursor: pointer;color:#000;font-family: ETmodules !important;
font-weight: 400;
font-style: normal;
font-variant: normal;}
.template-options.opened .theme_option_bar:before {content: "\4d";font-size: 32px;}
.template-options{position:fixed;top:130px;right:-200px;width:200px;background:#fff;-webkit-transition:right .4s;transition:right .4s;z-index:9999999}.template-options.opened{right:0;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);z-index:9999999}.option-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f1f1}.option-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.option-section h4{color:#333;margin:0 0 10px;font-size:14px;line-height:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.option-section .checkbox{margin-bottom:0}.options-inner{position:relative;padding:20px}.cl-toggler{position:absolute;top:0;left:-48px;display:inline-block;background:#fff;width:48px;height:48px;line-height:48px;text-align:center;font-size:24px;color:#000;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2)}.cl-toggler i{font-size:20px}.cl-toggler:hover{color:#000}.cl-bg-images,.cl-presets{list-style:none;padding:0;margin:-5px}.cl-bg-images li,.cl-presets li{display:block;float:left;margin:5px}.cl-bg-images li a,.cl-presets li a{display:block;width:42px;height:42px;border-radius:2px;float:left}.cl-bg-images li a img{width:100%}.cl-bg-images li.active a{border:3px solid #22b8f0}.cl-presets li.active a{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 0 0 3px rgba(0,0,0,.2) inset}   
@media (max-width: 980px) {
	.template-options {top:10%;width:100px;right: -100px;}	
	.cl-bg-images li a, .cl-presets li a {width:25px;height:25px;}
	
}




/* =======================
    Particles
=========================*/



#dct-particles-js {
    position: relative;
    left: 0;
    top: 0;
    z-index: 99;
}

#dct-particles-js canvas {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
 
 
/**Clients
**********/ 
.swiper-container .swiper-slide img {border-color:var(--color-1) !important;}