/*******************************************************************/ /************************* TLP TEAM ****************************/ /************************* www.techlabpro.com **********************/ /************************* info@techlabpro.com *********************/ /***** Copyright (c) 2015, TechLabPro.com. All right Reserved ******/ /*******************************************************************/ /*********************** Grid System **************************/ .tlp-team * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tlp-team *:before, .tlp-team *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tlp-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .clearfix:before, .clearfix:after, .tlp-container:before, .tlp-container:after, .container-fluid:before, .tlp-container-fluid:after, .tlp-row:before, .tlp-row:after { content: " "; display: table; } .clearfix:after, .tlp-container:after, .tlp-container-fluid:after, .tlp-row:after { clear: both; } .tlp-row { margin-left: -15px; margin-right: -15px; } .tlp-col-xs-1, .tlp-col-sm-1, .tlp-col-md-1, .tlp-col-lg-1, .tlp-col-xs-2, .tlp-col-sm-2, .tlp-col-md-2, .tlp-col-lg-2, .tlp-col-xs-3, .tlp-col-sm-3, .tlp-col-md-3, .tlp-col-lg-3, .tlp-col-xs-4, .tlp-col-sm-4, .tlp-col-md-4, .tlp-col-lg-4, .tlp-col-xs-5, .tlp-col-sm-5, .tlp-col-md-5, .tlp-col-lg-5, .tlp-col-xs-6, .tlp-col-sm-6, .tlp-col-md-6, .tlp-col-lg-6, .tlp-col-xs-7, .tlp-col-sm-7, .tlp-col-md-7, .tlp-col-lg-7, .tlp-col-xs-8, .tlp-col-sm-8, .tlp-col-md-8, .tlp-col-lg-8, .tlp-col-xs-9, .tlp-col-sm-9, .tlp-col-md-9, .tlp-col-lg-9, .tlp-col-xs-10, .tlp-col-sm-10, .tlp-col-md-10, .tlp-col-lg-10, .tlp-col-xs-11, .tlp-col-sm-11, .tlp-col-md-11, .tlp-col-lg-11, .tlp-col-xs-12, .tlp-col-sm-12, .tlp-col-md-12, .tlp-col-lg-12, .tlp-col-xs-24, .tlp-col-sm-24, .tlp-col-md-24, .tlp-col-lg-24 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .tlp-col-xs-1, .tlp-col-xs-2, .tlp-col-xs-3, .tlp-col-xs-4, .tlp-col-xs-5, .tlp-col-xs-6, .tlp-col-xs-7, .tlp-col-xs-8, .tlp-col-xs-9, .tlp-col-xs-10, .tlp-col-xs-11, .tlp-col-xs-12 { float: left; } .tlp-col-xs-24 { width: 20%; }.tlp-col-xs-12 { width: 100%; } .tlp-col-xs-11 { width: 91.66666667%; } .tlp-col-xs-10 { width: 83.33333333%; } .tlp-col-xs-9 { width: 75%; } .tlp-col-xs-8 { width: 66.66666667%; } .tlp-col-xs-7 { width: 58.33333333%; } .tlp-col-xs-6 { width: 50%; } .tlp-col-xs-5 { width: 41.66666667%; } .tlp-col-xs-4 { width: 33.33333333%; } .tlp-col-xs-3 { width: 25%; } .tlp-col-xs-2 { width: 16.66666667%; } .tlp-col-xs-1 { width: 8.33333333%; } /************************ End Grid System *********************/ /********************** Common Css *************************/ .tlp-member-feature-img{ text-align: center; } .tlp-member-feature-img img { max-width: 100%; height: auto; } .tlp-team figure { margin: 0px; } .tlp-team .round-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .margin-bottom { margin-bottom: 30px; } .tlp-team h3 { margin-bottom: 6px !important; font-weight: 400 !important; } .tlp-team .designation { font-weight: 400; } .tlp-team .img-responsive { max-width: 100%; height: auto; } .tlp-team .paddingl0 { padding-left: 0px; } .tlp-team .paddingr0 { padding-right: 0px; } .tlp-team .tlp-equal-height { margin-bottom: 30px; } .tlp-team .no-margin { margin: 0px !important; padding: 0px !important; } .tlp-team a { text-decoration: none; box-shadow: none; } /************************* end Common *******************/ /*********** Social Icon ***************/ .tlp-team .tpl-social { margin: 0px; padding: 0px; display: block; } .tlp-team .tpl-social a:before { content: none; } .tlp-team .tpl-social a { text-align: center; color: #fff; background: #007acc; text-decoration: none; display: inline-block; margin-right: 4px; margin-bottom: 4px; font-size: 20px; padding: 0px; width: 30px; height: 30px; } .tlp-team .tpl-social a .fa { padding: 7px 0px 0px; display: block; } .tlp-team .tpl-social a:hover .fa-facebook { background: #3b5999; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-twitter { background: #3aa9e0; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-linkedin { background: #0080b1; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-google-plus { background: #d04333; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-youtube { background: #cd322d; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-vimeo { background: #44bbff; color: #fff; width: 30px; height: 30px; } .tlp-team .tpl-social a:hover .fa-instagram { background: #3e729a; color: #fff; width: 30px; height: 30px; } .tlp-team .round-img .tpl-social a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-facebook { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-twitter { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-linkedin { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-google-plus { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-youtube { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-vimeo { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .round-img .tpl-social a:hover .fa-instagram { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /***************** Contact info *******************/ .tlp-team .contact-info { margin: 0px; padding: 0px 0px 10px 0px; } .tlp-team .contact-info ul { margin: 0px; padding: 0px; list-style: none !important; } .tlp-team .contact-info ul li { margin: 0px; padding: 0px; line-height: 22px; list-style: none !important; border: none; background: no-repeat; } .tlp-team .contact-info i { width: 24px; text-align: center; } /******************** Layout 1 ***********************/ .tlp-team .layout1 { position: relative; } .tlp-team .layout1 .tlp-content { background: #007acc; color: #ffffff; padding: 10px; } .tlp-team .layout1 .single-team-area h3 { padding: 0; margin: 0 0 10px 0; font-size: 22px; } .tlp-team .layout1 .single-team-area h3, .tlp-team .layout1 .designation { color: #fff; } .tlp-team .layout1 .single-team-area h3 a { color: #fff; box-shadow: none; border: none; text-decoration: none; } .tlp-team .layout1 .single-team { position: relative; overflow: hidden; } .tlp-team .layout1 .short-bio p { padding: 10px 0px 0px; margin-bottom: 10px; } /************************ Start Layout 2 ******************/ .tlp-team .layout2 .single-team-area { overflow: hidden; } .tlp-team .layout2 h3 { margin-top: 0; padding: 0; font-size: 22px; } .tlp-team .layout2 .short-bio p { padding: 5px 0; margin-bottom: 10px; } .tlp-team .layout2 .round-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /************************ End Layout 2 ********************/ /************************ Start Layout 3 ******************/ .tlp-team .layout3 .tlp-content { background: none; padding: 10px 0px 8px; } .tlp-team .layout3 .single-team-area h3 { margin-top: 15px; padding: 0; font-size: 22px; } .tlp-team .layout3 .short-bio { padding: 0; } .tlp-team .layout3 .round-img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /************************ End Layout 3 ********************/ /************************ Layout 4 ********************/ .layout4 .tlp-team-content { text-align: center; margin-top: 15px; } .layout4 .designation { margin-bottom: 5px; font-weight: bold; } .tlp-team .layout4 .tpl-social a, .tlp-team .layout4 .tpl-social a:hover .fa{ width: 36px; height: 36px; border-radius: 50%; } /************************ End Layout 4 ********************/ /******************** Carousel ***********************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .tlp-team .layout-carousel .owl-item .team-member{ width: 100%; } .tlp-team .layout-carousel h3.tlp-title { margin: 15px 0 10px; } .tlp-team .layout-carousel .designation { margin-bottom: 10px; } .tlp-team .layout-carousel .owl-item .team-member .tlp-team-content{ text-align: center; } .tlp-team .layout-carousel .tpl-social a, .tlp-team .layout-carousel .tpl-social a:hover .fa{ font-size: initial; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tlp-team .layout-carousel .owl-nav { position: absolute; right: 0; top: -50px; } .tlp-team .layout-carousel .owl-dots { margin: 10px 0; } /******************** isotope ***********************/ .tlp-team .tlp-team-isotope .tlp-row { position: relative; } .tlp-team .tlp-team-isotope { position: relative; } .tlp-team .tlp-team-isotope .tlp-content { background: #007acc; color: #ffffff; padding: 10px; } .tlp-team .tlp-team-isotope .single-team-area h3 { padding: 0; margin: 0 0 10px 0; font-size: 22px; } .tlp-team .tlp-team-isotope .single-team-area h3, .tlp-team .tlp-team-isotope .designation { color: #fff; } .tlp-team .tlp-team-isotope .single-team-area h3 a { color: #fff !important; box-shadow: none; border: none; text-decoration: none; } .tlp-team .tlp-team-isotope .single-team { position: relative; overflow: hidden; } .tlp-team .tlp-team-isotope .short-bio p { padding: 10px 0 0; margin-bottom: 10px; } .tlp-team .button-group { text-align: center; padding-bottom: 20px; } .tlp-team .button-group button { border: none; color: #fff; font-size: 14px !important; text-transform: capitalize; font-weight: 400 !important; margin: 5px; padding: 10px 10px; outline: 0; } .tlp-team .button-group button:hover { opacity: .8; } .tlp-team .button-group .selected { background: #26aae1; } /********************* Single page *******************/ .container-fluid.tlp-single-container .tlp-member-article:after { content: "."; height: 0; visibility: hidden; clear: both; display: block; } .container-fluid.tlp-single-container .tlp-member-article { padding: 25px 0; } /********************* Media Query *******************/ @media (max-width: 767px) { .hidden-xs { display: none !important; } .tlp-team .layout2 h3.tlp-title{ margin-top: 15px; } } @media (min-width: 768px) { .tlp-col-sm-1, .tlp-col-sm-2, .tlp-col-sm-3, .tlp-col-sm-4, .tlp-col-sm-5, .tlp-col-sm-6, .tlp-col-sm-7, .tlp-col-sm-8, .tlp-col-sm-9, .tlp-col-sm-10, .tlp-col-sm-11, .tlp-col-sm-12, .tlp-col-sm-24 { float: left; } .tlp-col-md-24 { width: 20%; } .tlp-col-sm-12 { width: 100%; } .tlp-col-sm-11 { width: 91.66666667%; } .tlp-col-sm-10 { width: 83.33333333%; } .tlp-col-sm-9 { width: 75%; } .tlp-col-sm-8 { width: 66.66666667%; } .tlp-col-sm-7 { width: 58.33333333%; } .tlp-col-sm-6 { width: 50%; } .tlp-col-sm-5 { width: 41.66666667%; } .tlp-col-sm-4 { width: 33.33333333%; } .tlp-col-sm-3 { width: 25%; } .tlp-col-sm-2 { width: 16.66666667%; } .tlp-col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .tlp-col-md-1, .tlp-col-md-2, .tlp-col-md-3, .tlp-col-md-4, .tlp-col-md-5, .tlp-col-md-6, .tlp-col-md-7, .tlp-col-md-8, .tlp-col-md-9, .tlp-col-md-10, .tlp-col-md-11, .tlp-col-md-12, .tlp-col-md-24 { float: left; } .tlp-col-md-24 { width: 20%; } .tlp-col-md-12 { width: 100%; } .tlp-col-md-11 { width: 91.66666667%; } .tlp-col-md-10 { width: 83.33333333%; } .tlp-col-md-9 { width: 75%; } .tlp-col-md-8 { width: 66.66666667%; } .tlp-col-md-7 { width: 58.33333333%; } .tlp-col-md-6 { width: 50%; } .tlp-col-md-5 { width: 41.66666667%; } .tlp-col-md-4 { width: 33.33333333%; } .tlp-col-md-3 { width: 25%; } .tlp-col-md-2 { width: 16.66666667%; } .tlp-col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .tlp-col-lg-1, .tlp-col-lg-2, .tlp-col-lg-3, .tlp-col-lg-4, .tlp-col-lg-5, .tlp-col-lg-6, .tlp-col-lg-7, .tlp-col-lg-8, .tlp-col-lg-9, .tlp-col-lg-10, .tlp-col-lg-11, .tlp-col-lg-12, .tlp-col-lg-24 { float: left; } .tlp-col-lg-24 { width: 20%; } .tlp-col-lg-12 { width: 100%; } .tlp-col-lg-11 { width: 91.66666667%; } .tlp-col-lg-10 { width: 83.33333333%; } .tlp-col-lg-9 { width: 75%; } .tlp-col-lg-8 { width: 66.66666667%; } .tlp-col-lg-7 { width: 58.33333333%; } .tlp-col-lg-6 { width: 50%; } .tlp-col-lg-5 { width: 41.66666667%; } .tlp-col-lg-4 { width: 33.33333333%; } .tlp-col-lg-3 { width: 25%; } .tlp-col-lg-2 { width: 16.66666667%; } .tlp-col-lg-1 { width: 8.33333333%; } }