/*

Template: The Corps — Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version:  2.1
Design and Developed by: potenzaglobalsolutions.com

Note: This is shortcodes stylesheet of template, This file contains the styling for all template shortcodes.

*/

/* Your custom css codes start from here: */


/*================================================
[  Table of contents  ]
================================================
 :: Tabs

======================================
[ End table content ]
======================================*/
 

/*************************
        tab
*************************/
 .tab-1 { border:1px solid #eceff7; padding: 20px; }
 .tab-1 ul { font-size: 0; position: relative; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }
 .tab-1 li { display: inline-block;  background: #eceff7;  font-size: 16px;  text-align: letter-spacing: ;  line-height: 60px;  color: #fff;  text-transform: uppercase;
  position: relative; overflow: hidden; cursor: pointer; margin-right: 10px; }
 .tab-1 .fade.active { opacity: 1; }
.nav-tabs li a { border: none; padding: 10px 15px; border-radius: 0px; margin-right: 0px; color: #626262; }
.nav-tabs li strong { color: #caced8; }
.nav-tabs { border: 0px; }
.nav-tabs li:focus strong, .nav-tabs li:hover strong { color: #007da1; }
.nav-tabs li.active strong, .nav-tabs li.active strong:focus, .nav-tabs li.active strong:hover { color: #007da1;}
.nav-tabs li a:focus, .nav-tabs li a:hover { background: #00a9da; border:none; color: #fff; }
.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover { background: #00a9da; border:none; color: #fff;}
.tab-content {margin-top: 25px; }
.tab-content p { text-align: center; text-align: justify; margin-bottom: 0px; }
.tab-pane.fade.active { opacity: 1; }
.tab-2 #tabs { overflow: hidden; margin: 0;  padding: 0; font-size: 13px; line-height: 25px; background: #fff; border:1px solid #dcdee4; }
.tab-2 #tabs .tabs { overflow: hidden; margin: 0; float: left; width: 250px; text-align: center; }
.tab-2 #tabs .tabs li { padding: 17px 15px; font-weight: 600; color: #999999; background: #eceff7; font-size: 15px; border-bottom: 1px solid #dcdee4; margin-bottom: 0px; display: block; overflow: hidden; margin: 0; cursor: pointer; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.tab-2 #tabs .tabcontent { overflow: hidden; }
.tab-2 #tabs .tabs li:last-child { border-bottom: 0px; }
.tab-2 #tabs ul.tabs li.active, .tab-2 #tabs ul.tabs li.active:focus, .tab-2 #tabs ul.tabs li:hover { color: #fff; }
 
.pulse{ animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; }
@keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }     
}
@-webkit-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-ms-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-moz-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-o-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; } 
}
.tab-2 .tabcontent {  background: #fff; padding: 20px 20px 0px; text-align: left; }
.tab-2 .tabcontent ul li { color: #888888; font-size: 14px; line-height: 31px; }
.tab-2 .tabcontent ul li i { padding-right: 10px; color: #888888; } 

 /*************************
    maintenance
*************************/
 .skills-2 .pct.text-white { color: #fff !important; }
 .maintenance-progress-bar.skills-3 { margin: 0px 0px 40px 0px; }
 .maintenance-progress-bar.skills-4 { margin: 0px; padding-bottom: 100px; }
 .maintenance-progress-bar.skills-4 span { color: #fff; }

 /*************************
        counter
*************************/
.counter-1.counter-main b { color: #00a9da; }
.counter-1.counter-main span { color: #00a9da; font-size: 40px; }

 /*************************
        skills 3
*************************/ 
.skills-3 li {position: relative; margin-bottom: 55px; font-size:16px;}
.skills-3 .bar_container,  .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px; }
.skills-3 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; }
.skills-3 .bar { top: 0; }
.skills-3 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #fff !important; }

@media screen and (max-width: 767px) {
.accordion-2  { margin-top: 30px; }
.data-table .table tbody tr td { padding: 12px 10px; }
.tab-2 #tabs .tabs { width: 100%; }
.nav-tabs li a { font-size: 14px; }
.tab-1 li { margin-right: 2px; }


/*************************
        tab
*************************/
 .tab-1 { border:1px solid #eceff7; padding: 20px; }
 .tab-1 ul { font-size: 0; position: relative; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }
 .tab-1 li { display: inline-block;  background: #eceff7;  font-size: 16px;  text-align: letter-spacing: ;  line-height: 60px;  color: #fff;  text-transform: uppercase;
  position: relative; overflow: hidden; cursor: pointer; margin-right: 10px; }
 .tab-1 .fade.active { opacity: 1; }
.nav-tabs li a { border: none; padding: 10px 15px; border-radius: 0px; margin-right: 0px; color: #626262; }
.nav-tabs li strong { color: #caced8; }
.nav-tabs { border: 0px; }
.nav-tabs li:focus strong, .nav-tabs li:hover strong { color: #007da1; }
.nav-tabs li.active strong, .nav-tabs li.active strong:focus, .nav-tabs li.active strong:hover { color: #007da1;}
.nav-tabs li a:focus, .nav-tabs li a:hover { background: #00a9da; border:none; color: #fff; }
.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover { background: #00a9da; border:none; color: #fff;}
.tab-content {margin-top: 25px; }
.tab-content p { text-align: center; text-align: justify; margin-bottom: 0px; }
.tab-pane.fade.active { opacity: 1; }
.tab-2 #tabs { overflow: hidden; margin: 0;  padding: 0; font-size: 13px; line-height: 25px; background: #fff; border:1px solid #dcdee4; }
.tab-2 #tabs .tabs { overflow: hidden; margin: 0; float: left; width: 250px; text-align: center; }
.tab-2 #tabs .tabs li { padding: 17px 15px; font-weight: 600; color: #999999; background: #eceff7; font-size: 15px; border-bottom: 1px solid #dcdee4; margin-bottom: 0px; display: block; overflow: hidden; margin: 0; cursor: pointer; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.tab-2 #tabs .tabcontent { overflow: hidden; }
.tab-2 #tabs .tabs li:last-child { border-bottom: 0px; }
.tab-2 #tabs ul.tabs li.active, .tab-2 #tabs ul.tabs li.active:focus, .tab-2 #tabs ul.tabs li:hover { color: #fff; }
 
.pulse{ animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; }
@keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }     
}
@-webkit-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-ms-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-moz-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-o-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; } 
}
.tab-2 .tabcontent {  background: #fff; padding: 20px 20px 0px; text-align: left; }
.tab-2 .tabcontent ul li { color: #888888; font-size: 14px; line-height: 31px; }
.tab-2 .tabcontent ul li i { padding-right: 10px; color: #888888; } 



}