html,body{font-size: 100%; font-family: arial;}

/* ========================= plugin style ========================= */


/* ----------- everything insite the plugin -------------*/
.dp-team a{box-shadow:none !important;}
[class^=dp] *{box-sizing: border-box;}
[class^=dp] img{max-width: 100%; vertical-align: bottom;}
[class^=dp] a{text-decoration: none;color:#8aae5a;}
[class^=dp] .align-right{text-align: right;}
[class^=dp] .left{float:left;}
[class^=dp] .right{float:right;}
.dp-light-box{position:fixed;left: 0;top: 0;max-width:90%;max-height: 90%; right: 0;bottom: 0; margin: auto; overflow: auto;z-index: 2;}
.dp-overly{position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.9); z-index: 1;}
.dp-close{background: #2a2a2a;width: 50px;line-height:1;height: 50px; position: absolute;top: 1%;right: 1%;color: #fff;text-transform: uppercase; border-radius: 50%;font-size:70%;padding-top:20px;text-align: center;cursor: pointer;}
[class^=dp-tm-pic]{text-align: center;}
/* ----------- grid -------------*/

[class^=dp-layout]:after,.dp-row:after{display: block;height: 0;visibility: hidden;content: '';clear: both;}

/* ----------- use dp-columns class with dp-layout for left and right spacing in col -------------*/

.dp-columns {margin-left: -15px;margin-right: -5px;}
.dp-columns [class^=dp-col]{padding-left:15px; padding-right: 15px;}
.dp-columns [class^=dp-col] [class^=dp-col]{padding-left:0; padding-right: 0;}
.dp-columns [class^=dp-col] .dp-columns  [class^=dp-col]{padding-left:15px; padding-right: 15px;}
[class^=dp-item]{margin-bottom: 40px;}

/* ----------- Team main title -------------*/

.dp-team-title{text-transform: uppercase;border-bottom: solid 1px #6c6c6c;}
.dp-team-title span{color: #8fc74b;}

/* ========================= Theme style ========================= */

[class^=dp] p{color: #4e4d4d;}
.dp-tm-name{font-size: 100%; font-weight:bold; text-transform: uppercase; margin: 0;display:block;}
.dp-tm-name.big{font-size: 50px;} 

.dp-tm-position{font-size:80%; font-weight:bold; text-transform: uppercase;}

.dp-dot{height:10px; width:10px; display: inline-block; border-radius: 50%; background: #16a3d8; margin-left: 5px;}



/* ----------- social medial buttons  -------------*/
.dp-social-buttons{margin: 15px 0;}
.dp-social-buttons a{color:#fff;padding: 5px 0; background: #16a3d8; line-height: 1.3;text-align: center; height: 30px;width: 30px; border-radius: 50%;display: inline-block;}
.dp-social-buttons.right{margin: 0;} 


/* ----------- Team main title -------------*/

.dp-team-title{font-size: 30px; margin-bottom: 30px; text-transform: uppercase; font-weight: bold; color: #4c4c4c; border-bottom: solid 1px #6c6c6c; padding: 10px 0;}
.dp-team-title span{color: #8fc74b;}

.dp-layout-boxed-single{position: relative;background: #f2f2f2;padding-bottom:20px;}
.dp-layout-boxed-single .dp-tm-caption-boxed{opacity: 1;padding: 15px;}
.dp-layout-boxed-single .dp-social-buttons a{background: #7dc726;}
.dp-layout-boxed-single .dp-tm-name, .dp-layout-boxed-single .dp-tm-name a{color: #000;}

.dp-layout-box-hover-single .content{background: #ebebeb;border: solid 6px #fff; border-radius: 10px;box-shadow: 0 0 8px; margin-bottom: 20px; padding: 10px 10px 0 10px; overflow: hidden;}
.dp-layout-box-hover .dp-tm-pic-yrectangle img{ -webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; position: relative;top:100px;}
.dp-tm-pic-hexagon-single{ transform: none;  background-color: #e0dfdf; width: 80%; margin:auto;}

.dp-item-rectangle{background: #ecebeb;border: solid 1px #b7b7b7;padding: 13px;}
.dp-item-rectangle .dp-row{background: #fff;padding: 10px 10px 0 10px;}
.dp-item-rectangle .dp-row .dp-row{padding-left: 0; padding-right: 0;}


@media screen and (min-width:639px){
[class^=dp-col]{float: left;min-height: 1px;}
.dp-col-1 {width: 8.33%;}
.dp-col-2 {width: 16.66%;}
.dp-col-3 {width: 25%;}
.dp-col-4 {width: 33.33%;}
.dp-col-5 {width: 41.66%;}
.dp-col-6 {width: 50%;}
.dp-col-7 {width: 58.33%;}
.dp-col-8 {width: 66.66%;}
.dp-col-9 {width: 75%;}
.dp-col-10 {width: 83.33%;}
.dp-col-11 {width: 91.66%;}
.dp-col-12 {width: 100%;}
}






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

.dp-layout-yrectangle .dp-tm-pic-yrectangle img{top: 70px;}

}


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


.dp-team [class*=single] [class^=dp-col]:last-child{ width: auto; float: none; }
.dp-team [class*=single] .dp-row:after{clear: none;}
.dp-content{display: inline !important; background: none !important; border: none !important; box-shadow: none  !important; padding: 0 !important}
.dp-layout-boxed-right-content .dp-item-rectangle [class*=col]{float: none; display: inline;}

.dp-item-boxed .dp-tm-name.left{float: none;}
.dp-social-buttons.right,.dp-social-buttons.align-right{float: none; text-align: left;}

.dp-item-boxed .dp-row{padding-bottom:5px;}

}


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



}


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


}