/* 
 * 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
 *----------------------------------------------+--------+--------+
 */  



/* 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 */
/* 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{
}

@media only screen and (min-width: 1330px) {
    #dnn_wrapper, .dnn_layout {
        /*width: 1300px; changed to full width*/
    }
}

#dnn_wrapper {
    box-shadow: none;
    -webkit-box-shadow: none;
}


#dnngo_megamenu > div > ul > li.current > a > span {
    color:#676767;

}

.pulldownsearch, .Login {
    display: none;
}

.HeadPane {
    width: 100%;
    padding:0;
    height:41px;
}

#dnngo_megamenu > div > ul > li > a > span {    
    font-size:13px;
    
}

.dnn_menu {
    /*margin-right:35px;*/
}

@media only screen and (min-width: 980px) {
    .logo {
       /*margin-left:70px;*/
       /*width: 178px;*/
    }

}

@media only screen and (min-width: 1220px) {
    #dnngo_megamenu > div > ul > li > a > span {    
    
    margin: 0px 6px;
    padding: 0px 23px;
}

}

.Mian_Box {
    background-color: #ffffff;
    background-image:none;
}

 .carousel .owl-buttons .owl-prev:before, .carousel .owl-buttons .owl-next:before {
    width: 14px;
    height: 14px;
    border-left: 5px solid #c4c4c4;
    border-bottom: 5px solid #c4c4c4;
}

.Testimonials_1 small {
    padding-left: 0px;
}

.Footer_Contentbg .Theme_Normal_Bottom .btn {
  background: #1c7bbc;
}

/*css edits to alter nav to full width with added space for additional menu items*/
@media only screen and (min-width: 1220px) {
    #dnngo_megamenu > div > ul > li > a > span {
        margin: 0px 1px;
        padding: 0px 14px;
    }
}
#dnngo_megamenu > div > ul > li > a > span { 
font-size: 12px;
}
/*css to specify exact size of new SVG logo*/
.logo{
    height:64.3px;
    width:178px;
}
/*css to alter colour of 'Get Support' menu item*/
/* Target the menu item LI */
#dnngo_megamenu > div > ul > li.item-6 > span{
  background: #1c7bbc; 
  color: #ffffff; 
}
/* Target the menu item Anchor (link) */
#dnngo_megamenu > div > ul > li.item-6 > a > span {
  background: #1c7bbc; 
  color: #ffffff; 
}
/*css edit to hide call us/email details from mobile view*/
.HeadPane_mobile {
    display:none;
}
@media all and (min-width: 768px) {
    .mobileSupport {display:none;}
}
@media all and (max-width: 767px) {
    .mobileSupport {display:block;text-align: center;/*padding: 30px 0px 0px 0px;*/padding: 0px 0px 20px 0px;/*margin-bottom:-30px;*/}
}
@media all and (max-width: 767px) {
    .item-6 {background:#1c7bbc; color:#ffffff;}
    .item-6 > A, A:link, A:active, A:visited, A:hover, .Link_list li {
    /*color: #ffffff;*/
}
}

.Container-7 {margin-bottom: -3px !important;}/*remove margin between footers*/

/*.Container-7 .contentpane {text-align: center;}/*center banner content*/*/

.header_top {height:40px;}/*set fixed header height*/

/*remove inline*/
.bannerInner {
    margin: auto;
    width: 100%;
    /*max-width: 1138px;
    height: 240px;*/
    background-image: url(/images/contact-us-banner.png);
}
/*center bootstrap tabs*/
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #1c7bbc;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
/*added to set color for bootstrap tab headers*/
@media all and (max-width: 767px) {
    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        color: #1c7bbc;
        cursor: default;
        /* background-color: #1c7bbc; */
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }
}
/*added to set size and padding for services page icon svgs for responsivesness*/
.serviceIcons{
    width:96px;
    /*height:96px;*/
    /*padding: 16px 0px 0px 0px; margin: 0px 0px 0px 30px;*/
}
.bannerImage{
    width:30%;padding: 0px 0px 0px 0px;margin-left: 30px;
}
.bannerText {
    width:54%;padding:0px 0px 0px 0px;margin-left:30px;text-align:left;
}
@media only screen and (max-width: 768px) {
    .bannerImage {
        width: 100%;padding: 0px 0px 0px 0px;margin-left: 0px;
    }
    .bannerText {
         width: 100%;padding: 0px 0px 0px 0px;margin-left: 10px;text-align: left;   
    }
}
.Services_List .Services_Content {
    padding: 0px 0px 20px 20px;text-align: left;
}
@media only screen and (max-width: 979px) {
    .Services_List .Services_Content {       
        padding: 10px 0px 20px;
        /*text-align: left;*/
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .Services_List .Services_Content  {       
        padding: 0px 0px 20px 0px;
        text-align: center;
    }
}
.serviceHomeContent {
    /*padding: 30px 0px 20px 0px;*/
    /*text-align: left;*/
}
.Pic img {
    width:96px;
    height:96px;
}
.Testimonials_2 blockquote p {
    color: #fff;
}
/*FAQ accordion css*/
.accordion_6 .panel-heading .panel-title a {
    border-style: solid;font-weight: bold;
    border-width: 0px 0px 0px 4px;border-color: #1c7bbc;
    border-radius: 6px 0px 0px 6px;
    border-top: 0;border-bottom: 0;
}
.accordion_6 .accordion_icon {
    color: #1c7bbc;font-weight: bold;
    width: 10px;height: 10px;
    border-right: 3px solid #1c7bbc;border-bottom: 3px solid #1c7bbc;
}
.accordion_6 .panel-heading .panel-title a .accordion_icon {
    color: #1c7bbc;font-weight: bold;
    width: 10px;height: 10px;
    border-right: 3px solid #1c7bbc;border-bottom: 3px solid #1c7bbc;
}
.accordion_6 .panel-heading .panel-title a.collapsed .accordion_icon {
    border-right: 3px solid #666666;border-bottom: 3px solid #666666;
}
.carouselImages{
    width:150px;padding-top:20px;
}
@media only screen and (max-width: 767px) {
    .carouselImages {
        width: 200px;
        padding-top: 20px;
        margin-left:20px;
    }
}
.whyUsImages{ width:80px;}

.qOpen{ padding: 0px 16px 0px 0px;}/*blockquote padding*/
.qClose{ padding: 0px 0px 0px 16px;}

.Testimonials_tab .last_page {right: 50%;margin-top:10px;margin-bottom:-13px;}/*testimonials arrows centered*/
.Testimonials_tab .next_page {left: 50%;margin-top:10px;margin-bottom:-13px;}

/*.Pic{margin: 0px 45px 0px 0px;}/*testimonials image centered*/

.textWhite{color:#ffffff;}/*full-width homepage call-to-action text style*/

.backGrey{background: #e9e9e9;}/*grey background for whatwedo service list*/

.btn-default {/*change bootstrap button hex*/
    color: #0e7ac4;
    background-color: #ffffff;
    border-color: #0e7ac4;
}
/*remove inline css for top pane nav bar*/
.topPaneLeft {float: left;margin-top: 10px;}
.topPaneRight {float: right;margin-top: 6px;margin-right: 14px;}
.topPaneImage {margin-left: 10px;margin-right: 4px;display:inline-block;}
.topPaneLogo {margin-left: 10px;margin-right: 4px;display:inline-block;width:130px;}

.row {/*remove default bootstrap margin*/
    margin-top:0px;
}
.modHeading {/*add new margin to specific modules only*/
    margin-top: 20px;text-align: center;}
.modHeadingLeft {/*add new margin to specific modules only*/
    margin-top: 20px;}

.col-md-push-6 {/*added to alter order of divs similar to flexbox*/
left: 50%;
}
 
.col-md-pull-6 {
right: 50%;
}
@media only screen and (max-width: 767px) {
    .col-md-push-6 {
        left: 0%;
    }

    .col-md-pull-6 {
        right: 0%;
    }
}

/*convert bootstrap tabs to dropdown on mobile*/
@media only screen and (max-width: 600px) {
  .nav-tabs > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs > li > a  {
    border-bottom: 1px solid #ddd !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a {
    min-height: 88px;
}
}
.supportBox {
    border: 1px solid #ececec;
    padding-top:20px;
    min-height:300px;
    text-align:left;
    padding-bottom:20px;
}
/*create space above q&a module*/
.pane_layout {margin-top:50px;}
/*@media only screen and (max-width: 768px) {
    .pane_layout {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
}*/
.contactContent {
    padding: 0px 0px 0px 20px;
    text-align: left;
}
a.btn.btn-primary {margin: 0px 0px;white-space: normal;}

@media only screen and (max-width: 768px) {
    .contactContent {
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .supportBox {
        vertical-align: middle;
    }

    a.btn.btn-primary {
        margin: 0px 10px 20px 10px;
        white-space: normal;
    }

    .col-xs-12, .col-sm-12, .col-sm-6 {
        /*padding-right: 0px;
        padding-left: 0px;*/
    }

    .serviceHomeContent {
        padding: 10px 10px 0px 10px;
    }
}
.gmapBox {
    width:100%;
}