/* 

 Theme Name:     Kriar Citrine

 Author:         Kristian Erdmann | Divi Brasil

 Author URI:     http://en.divi-brasil.com.br

 Template:       Divi

 Version:        1.0

 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker

Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like

 Wordpress Version: 4.6.1

*/ 



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

/*---------DROP SHADOW BLACK EFFECT----------------*/

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

    .drop-shadow {

        box-shadow: 0 1px 2px rgba(0, 0, 0, 0);

        -webkit-transition: all 0.6s;

        transition: all 0.6s;}

    .drop-shadow:hover {

        -webkit-transform: scale(1.1, 1.1);

        transform: scale(1.1, 1.1);

        box-shadow: 1px 5px 14px rgba(0, 0, 0, 3);

        z-index: 1;}



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

/*----------------------DROP EFFECT----------------*/

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

    .drop {

        -webkit-transition: all 0.6s;

        transition: all 0.6s;}

    .drop:hover {

        -webkit-transform: scale(1.1, 1.1);

        transform: scale(1.1, 1.1);

        z-index: 1;}





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

/*----------------IMAGE TILT EFFECT----------------*/

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

.tilt {

  -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

.tilt:hover {

  -webkit-transform: rotate(-5deg);

     -moz-transform: rotate(-5deg);

       -o-transform: rotate(-5deg);

      -ms-transform: rotate(-5deg);

          transform: rotate(-5deg);

}



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

/*-----------ROTATE 360 DEGREES EFFECT-------------*/

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

.rotate {

  -webkit-transition: all 0.2s ease;

     -moz-transition: all 0.2s ease;

       -o-transition: all 0.2s ease;

      -ms-transition: all 0.2s ease;

          transition: all 0.2s ease;

}

.rotate:hover {

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}



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

/*---------------IMAGE BLUR EFFECT-----------------*/

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

.blur img {

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

 .blur img:hover {

  -webkit-filter: blur(3px);

}



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

/*---------------IMAGE BLUR REVERSE EFFECT----------*/

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

.blur-reverse img {	

  -webkit-filter: blur(3px);

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

 .blur-reverse img:hover {

  -webkit-filter: blur(0px);

}



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

/*----------------IMAGE BLACK AND WHITE EFFECT-------------*/

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

.bw {

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

.bw:hover {

  -webkit-filter: grayscale(100%);

}



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

/*-------IMAGE BLACK AND WHITE REVERSE EFFECT-------------*/

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

.bw-reverse {	

  -webkit-filter: grayscale(100%);

  -webkit-transition: all 0.2s ease;

     -moz-transition: all 0.2s ease;

       -o-transition: all 0.2s ease;

      -ms-transition: all 0.2s ease;

          transition: all 0.2s ease;

}

.bw-reverse:hover {

  -webkit-filter: grayscale(0%);

}

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

/*------------------IMAGE SEPIA EFFECT--------------------*/

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

.sepia-reverse img {

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;          

  -webkit-filter: sepia(1);

}

 .sepia-reverse img:hover {

  -webkit-filter: sepia(0);

}



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

/*------------------IMAGE SEPIA EFFECT--------------------*/

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

.sepia img {

  -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

       -o-transition: all 1s ease;

      -ms-transition: all 1s ease;

          transition: all 1s ease;

}

 .sepia img:hover {

  -webkit-filter: sepia(1);

}



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

/*-------------------IMAGE EFFECT 1----------------*/

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

.effect img {

   opacity:1;

   transition: all 0.2s ease-in;

}



.effect:hover img {

   opacity:0.5;

}



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

/*-------------------- IMAGE EFFECT 2 --------------------*/

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



.effect2 img {

	opacity:0.5;	     

    transition: all 0.2s ease-in;

}



.effect2:hover img {

   opacity:1;

}



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

/*-----------IMAGE CIRCLE (RADIUS 50%) --------------------*/

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



.circle img {  

	border-radius: 50%;

}



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

/*------CENTER ALLIGN IN SOCIAL ICONS IN TEAM -------------*/

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



ul.centered-social { 

width:100%; 

text-align:center; 

margin: 0 0 0 0 ; 

}



.centered-social li { 

float:none; 

display:inline-block; 

}



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

/*-------------CUSTOM PORTFOLIO GRID--------------*/

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



 

    .kt-portfolio .et_pb_portfolio_item {

            position: relative;

            overflow: hidden;

            max-height: 320px;}

 

    .kt-portfolio .et_pb_portfolio_item img {

            webkit-transition: -webkit-transform 0.35s;

            transition: transform 0.35s;

            -webkit-transform: scale(1.15);

            transform: scale(1.15);}

 

    .kt-portfolio .et_pb_portfolio_item:hover img {

            -webkit-transform: scale(1);

            transform: scale(1);}

 

    .kt-portfolio .et_pb_portfolio_item h2 {

        background-color: #F26522;

        color: #fff;

        font-size: 16px;

        position:absolute;

        text-align:center;

        width:100%;

        top:100%;

        transition:.5s;

        webkit-transition:.5s;  

      }

 

    .kt-portfolio .et_pb_portfolio_item:hover h2 {

            top: 78%;

            padding: 15px 0;} 



 

        @media only screen and (min-width : 1061px) and (max-width : 1200px) {

            .kt-portfolio  .et_pb_portfolio_item h2 {font-size: 15px!important;}

            .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}

 

        @media only screen and (min-width : 981px) and (max-width : 1060px) {

            .kt-portfolio  .et_pb_portfolio_item h2 {font-size: 14px!important;}

            .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}

 

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

            .kt-portfolio .et_pb_portfolio_item h2 {font-size: 14px!important;}

             .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 72%!important;}

          }





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

/*------------------    KRIAR TECNOLOGIA - TEAM PERSON ------------------------------------------------------------------------------------------*/

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



.kt-team .et_pb_column {

  position: relative;

  float: left;

  overflow: hidden;

  max-width: 100%;

  background: #f26522;

  color: #f26522;

  text-align: center;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  font-size: 16px;

}

.kt-team .et_pb_column * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

.kt-team .et_pb_column img {

  max-width: 100%;

  vertical-align: top;

}

.kt-team .et_pb_column .et_pb_team_member_image {

  position: relative;

  border-bottom: 2px solid #f26522;

  z-index: 1;

}

.kt-team .et_pb_column .et_pb_team_member_image:before {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 20px 20px 0 20px;

  border-color: #f26522 transparent transparent transparent;

  content: '';

  position: absolute;

  top: 100%;

  left: 50%;

  -webkit-transform: translate(-50%, -15px);

  transform: translate(-50%, -15px);

  z-index: -1;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}



.kt-team .et_pb_column .et_pb_team_member_description {

  background-color: #ffffff;

  padding: 25px;

}

.kt-team .et_pb_column h4 {

  margin: 0 0 5px;

  text-transform: uppercase;

  font-weight: 400;

}

.kt-team .et_pb_column h4 span {

  font-weight: 800;

}



.kt-team .et_pb_column .et_pb_font_icon {

  margin-right: 5px;

  display: inline-block;

  color: #000000;

  width: 35px;

  height: 35px;

  line-height: 35px;

  background: white;

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);

  background-color: rgba(0, 0, 0, 0.05);

}

.kt-team .et_pb_column .et_pb_font_icon:hover {

  background-color: #f26522;

  color: white !important;

}

.kt-team .et_pb_column:hover .et_pb_team_member_image:before,

.kt-team .et_pb_column.hover .et_pb_team_member_image:before {

  border-color: #f26522 transparent transparent transparent;

  -webkit-transform: translate(-50%, 0px);

  transform: translate(-50%, 0px);

}

.kt-team .et_pb_column:hover .et_pb_team_member_image p,

.kt-team .et_pb_column.hover .et_pb_team_member_image p {

  opacity: 1;

}

.kt-team .et_pb_column:hover img,

.kt-team .et_pb_column.hover img {

  opacity: 0.2;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}



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

/*-----------------------   REDUCE SPACE BETWEEN MODULES  ------------------------------------------------------------------------------------------*/

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



.kt-reducespace .et_pb_column_1_2 {

   margin-left: 1%;

    margin-right: 1%;

    width: 48%;

    }

.kt-reducespace .et_pb_column_1_3 {

   margin-left: 1%;

    margin-right: 1%;

    width: 31.3333%;

    }

.kt-reducespace .et_pb_column_1_4 {

   margin-left: 1%;

    margin-right: 1%;

    width: 23%;

    }



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

/*----------------------- FOOTER BOTTOM BAR NOT VISIBLE  ------------------------------------------------------------------------------------------*/

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



#footer-bottom {

    display: none !important;

}



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

/*----------------------- CENTER ALLIGN FOR SOCIAL ICONS IN 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: #FFF;

    font-size: 20px;

    line-height: 45px;

}



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

  .footer_custom_3 .et_pb_text {    

    text-align: center !important;

  }

}