/*
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */
/* inserted by ddk */
.tag-line {color: #555; line-height: 25px; padding: 0 45px 25px 45px; font-size: 1rem;}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  {
}

.ContentPane  {
}

.RightPane  {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
*{
  -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}

A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message    {
}

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
.TopBar{
  display:none;
}
.NavMenu{
  border-top: 1px solid #092f56;
}
.HeaderLeftPane, .Menu {
  display:none;
}
.box1{
  color: white;
  font-size: 1.5em;
  background-color: #092f56;
  height: 200px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 50px;
  flex: 1 1 0;
  margin: 20px;
  cursor: pointer;
}
.box1:hover{opacity: 0.8}
.modal{
  padding-top:20vh;
}
.h3-container {
  border-bottom: 1px solid #092f56;
  margin-bottom: 15px;
}
#dnn_ctr15395_HtmlModule_lblContent .h3-container {
  margin-bottom: unset;
}
.footer-bar .SkinWidth {
  padding-bottom: 15px;
}
.h3-container.white{
  border-bottom: 1px solid white;
}
.modal-title{
  position: relative;
  color: #092f56;
  margin-bottom: 10px;
}
.modal-title:nth-child(1)::after{
  content:'';
  height: 3px;
  width: 50px;
  background: white;
  position:absolute;
  left: 0;
  bottom: -15px;
}
.main-h3{
  text-transform: uppercase;
  display: inline-block;

  color: #092f56;
  font-size: 24px;
}
.testi-h3{
  color: #092f56;
  margin-bottom: 15px;
}
.testi-name {
  text-align: center;
  font-weight: bold;
  color: #092f56;
}
.bx-wrapper .bx-controls-direction a {
    opacity: .3;
}
/* .testimonial h3::after, .testi-h3::after{
  content:'';
  height: 3px;
  width: 50px;
  background: #092f56;
  position:absolute;
  left: 15px  ;
  bottom: 263px;
} */

/* .main-h3::after {
  content:'';
  height: 3px;
  width: 50px;
  background: #092f56;
  position:absolute;
  left: 15px  ;
  top: 50px;
} */
.blue-bar {
  width: 50px;
  border-bottom: 3px solid #092f56;
  height: 10px;
}
.blue-bar.white{
  border-bottom: 3px solid white;
}
.bx-wrapper{
  border-top: 1px solid #092f56;
  padding: 30px;
}
.modal-content{
  padding: 10px;
}
.modal-interior{
  border: 2px solid #19426c;
  padding: 20px;
}
.modal-header{
  padding: 15px 0;
  border-bottom: 1px solid #092f56;
}
.modal-header:nth-child(1) {
  padding-bottom: 0;
}
.modal-header button.close{
  display: block;
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
}
.modal-body{
  padding: 15px 0;
}
.modal-p{
  font-size: 1em;
  margin-bottom: 1em;
}
.modal-dialog, .modal-content{

}
.container-width{
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}
div.fp-box-link{
  color: white;
  font-size: 24px;
  text-align: center;
}
.FooterBoxes .box{
  display:none;
}
.footer-text, .footer-text a, .footer-text a:hover{
  color: white;
  text-align: center;
}
.skin-footer{
  background: #092f56;
}
.footer-bar{
  border-top: 0;
}
.centered{
  margin: 0 auto;
}
#footer-main{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testi-i{
    width: 88px!important;
    height: 88px;
    border-radius: 50%;
    transition: all 300ms ease-out 0s;
    margin: 5px 0px 0px;
    display: inline-block;
    margin: 0 auto;
}
.testi-p{
  text-align: center;
  font-size: 15px;
  line-height:25px;
  padding-left: 50px!important;
  padding-right: 50px!important;
}
#dnn_FullContent1{
  margin-bottom: 50px;
}
#dnn_ctr15399_HtmlModule_lblContent{
  margin: 0 auto;
  width: 70vw;
  justify-content: center;
  display: flex;
  flex-direction: row;
}
#gray-box{
  background-color: #888;
  margin: 0 auto;
  width: 100%;
  height: 100px;
  transform:translateY(-50px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dnn-logo img {
  max-height: 125px;
}
.footer-main {
  border-top:50px solid white;
  padding-top:0;
}
.footer-main img {
  max-height: 150px;

}
.testi-p {
  padding: 30px 0 0 0;
}
.bx-wrapper{
  padding: 40px;
}
#dnn_ctr15420_HtmlModule_lblContent {
  width: 70vw;
  margin: 0 auto;
}
.modal-interior li {
  list-style-type: disc;
}
.breadcrumb-header {
  display:none;
}
.owl-item h1{
  color: white!important;
  text-shadow: 1px 1px 2px #092f56, 0 0 10px rgba(9,47,86,0.6);
}
.owl-next, .owl-prev{
  color: white!important;
}
.box-gray{
  background-color: #888;
}
.box-4f{
  background-color: #4f4f4f;
}
.bx-wrapper .bx-controls-direction a{

}
.home-banner .image {
  box-shadow:inset 0 0 0 2000px rgba(100, 100, 100, 0.3);
}
.owl-item:nth-of-type(1) .image, .owl-item:nth-of-type(2) .image {
  box-shadow:inset 0 0 0 2000px rgba(0,0,0, 0.3);
}
 .box-4f img, .box-gray img {
   opacity:0
 }
/* .TopAD{
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 20px!important
} */

.box1 {
  margin: 20px;
  width:100%;
}
#dnn_ctr15399_HtmlModule_lblContent{

}

.Container009{
  max-width: 600px;
  margin: 0 auto;
}

.DnnModule-15420 {
  /* display:none; */
}
.white {
  color: white;

}
.box{
  position: relative;
  text-align: center;
  color: white;
}
.box h4{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box p, .bux ul, .box li{
  text-align: left;
}
#dnn_ctr15421_ModuleContent p , #dnn_ctr15485_HtmlModule_lblContent p, .testi-p {
  margin-bottom: 1em;
}
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 22%;
}
ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}
.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}
.resp-vtabs li {
    border: 1px solid #c1c1c1;
    background-color: #f8fafa;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}
.resp-tabs-list li {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}
.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}
.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 15px 14px !important;
}
.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 76%;
    min-height: 250px;
    border-radius: 0 4px 4px;
    -webkit-border-radius: 0 4px 4px;
    -moz-border-radius: 0 4px 4px;
    -ms-border-radius: 0 4px 4px;
    -o-border-radius: 0 4px 4px;
    clear: none;
}
.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}
#dnn_ctr15441_ModuleContent, #dnn_ctr15432_ContentPane, .DnnModule-15429{
  /* display:none; */
}
#dnn_ctr15443_HtmlModule_lblContent ul li{
  list-style-type: disc!important;
}
#dnn_ctr15443_HtmlModule_lblContent {
  max-width: 800px;
  margin: 0 auto;
}
#dnn_ctr15443_HtmlModule_lblContent .panel-body{
  max-width: 650px;
  margin: 0 auto;
}
#dnn_ctr15443_HtmlModule_lblContent .container p{
  margin-bottom: 1em;
}
#accordion h4{
  text-align: center;
}
.panel-default > .panel-heading {
  color: white;
  background-color: #092f56;
}
.panel-default > .panel-heading a:hover{
  color: #bbb;
}
.hidden {
  display: none
}
.btn-white {
  color: white;
  background: #092f56;
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
}
.partial-ul {
  margin-bottom: 0px;
}
.modal-expand {
  margin-top: 10px;
}
.row-centered {
  display: flex;
  justify-content: center;
}
.copyright {
  padding-top: 0;
}
.martin-logo {
  opacity: 0.4;
}
.martin-logo:hover {
  opacity: 0.8;
}
.padding0{
  padding: 0;
}
.training-box {
  background-color: #092f56;
}
#Form > div.wrapper > div.skin-footer > footer > div > div > div.col-sm-12.copyright {
  display: none;
}
.paddingx0{
  padding-left: 0;
  padding-right: 0;
}
.dt-portrait{
  padding-left: 20px;
  padding-right: 20px;
}
.bio-first{
  background-image: url("/Portals/datatech/images/blue_texture.jpg");
  background-size: cover;
  padding:20px 20px 0 0;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.main-h3.white{
  margin-top: 30px;
}
.fa-quote-left:before, .fa-quote-right:before {

}

@media only screen and (max-width: 400px) {
  .mycontent {
    margin-top: 0!important;
  }
  .bio-first {
    padding: 20px;
  }
  #dnn_ContentPane {margin-top: 0!important}
}
@media only screen and (max-width: 767px){
  .tablet-flex{
    display: flex;
    justify-content: center;
  }
  .bio-first {
    display: block;
    padding: 20px;
  }
  .box:nth-of-type(-n+3) {
    margin: 0px 5vw 20px 5vw;
  }
  .training-box {
    margin-bottom: 0!important;
  }
  #dnn_ctr15429_HtmlModule_lblContent .TopAD {
    padding-top: 0!important;
    padding-bottom: 0!important;
    transform:translateY(-10px);
  }
   #dnn_ctr15432_HtmlModule_lblContent .TopAD {
    padding-bottom: 0!important;
  }
  .bx-controls {
    display: none;
  }
  .testi-p{
    padding: 0!important;
  }
  #dnnFullContent1 {
    margin-bottom: 20px;
  }
  .home-banner .txt-content {
    top: 10%!important;
    padding: 0 20px 20px 20px;
  }
}
