/*
 Theme Name:   Control Alt Designs Child Theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Control Alt Designs Child Theme
 Author:       Collin Johnson
 Author URI:   http://www.controlaltdesigns.com
 Template:     u-design
 Version:      2.13.10
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  
*/

#navigation-menu {height:0px}

h1, h2, h3 {letter-spacing: -1px}

.homeintro h2 { font-size: 1.6em; line-height:2.0em}
.homeintro h3 {font-size: 1.1em; line-height:1.6em; letter-spacing: 0px}


/* Begin Comparison tables css*/

.comptable div, .comptable p {
	padding:0px !important; margin:0px  !important
}

.comptable h4 {
	font-size:.8em; padding:0px; margin:0px;
	font-weight:bold; color:#000000 !important;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.comptable .bluehead h4 {
	background-color:#d9e1f2
}


.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000 !important;
}

.greyhead {
	background-color:#808080; color:#ffffff;
	font-size:1.2em; font-weight:bold; padding-left:20px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.greyhead2 {
	font-size:.8em; padding:6px 0px 6px 46px; margin:0px;
	font-weight:bold; color:#000000 !important;
	font-family: 'Montserrat', sans-serif;
	background-color:#f8f8f8;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.bluehead {
	background-color:#d9e1f2;  padding-left:20px;
}
.styled-table1 {
    border-collapse: collapse;
    margin: 0px 0;
    min-width: 400px;
	border:1px solid #0066cc;
	margin-left:1px;
}
.styled-table1 td {
    padding: 5px 5px 5px 5px;
	
	
	font-size: 1.8em; text-align:center;
	font-weight:bold;
}
.styled-table1 td {width:20%}
.styled-table1 td:first-child { text-align:center; width:40%;background-color:#f2f2f2}
.styled-table1 td:nth-child(2) {
	color:#ffffff;
	background-color:#b0b0b0
}
.styled-table1 td:nth-child(3) {
	color:#ffffff;
	background-color:#ffcb25
}
.styled-table1 td:nth-child(4) {
	color:#ffffff;
	background-color:#617189
}
.styled-table1 td:last-child {border-right:1px solid #dddddd; } 

.avail, .notavail {
	background-image:url(../../uploads/2021/01/available.svg);
	background-position:center center;
	background-size:20px auto;
	background-repeat:no-repeat;
}
.notavail {
	background-image:url(../../uploads/2021/01/notavailable.svg);
}



.styled-table {
    border-collapse: collapse;
    margin: 0px 0;
    font-size: 0.9em;
    min-width: 400px;
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/
}
.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 5px 5px 5px 5px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.styled-table td:last-child {border-right:1px solid #dddddd; } 


.styled-table td {width:20%}
.styled-table td:first-child { padding-left:60px; width:40%}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #fcfcfc;
}
.styled-table tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.styled-table tbody tr:last-of-type {
   /* border-bottom: 1px solid #4472c4;*/
}
.styled-table tbody tr.active-row {
    
}


.tooltip {
  position: relative;
  display: inline-block;
 z-index: 99;
	padding-right:20px !important;
	background-image:url(../../uploads/2021/02/infodot-1.svg);
	background-position: right 8px;
	
	background-size: 14px auto;
	background-repeat:no-repeat
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color:#0066cc;
  color: #fff;
  text-align: left;
	font-size:1em;
	line-height:1.1em;
  border-radius: 3px;
  padding: 10px 10px;
  position: absolute;
  z-index: 99;
  top: -5px;
  left: 108%;
	
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #0066cc transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}


/* End Comparison tables css*/

.bgdheader {padding-top:150px; padding-bottom:100px; margin-bottom:0px;
	/*background-image:url(../../uploads/revslider/homeslider/bgd_skyscraper-1.jpg);*/
	background-position:center center;
	background-size:cover;
}

.bgdheader h1 {
	font-size:3.6em; line-height:1.2em; color:#4d4d4d; font-weight:900 !important
}

.bgdheader2 {padding-top:80px; padding-bottom:00px; margin-bottom:0px;
	/*background-image:url(../../uploads/revslider/homeslider/bgd_skyscraper-1.jpg);*/
	background-position:center center;
	background-size:cover;
}

.benefits h1 {
	
}

.benefits h2 {
	
}

@media only screen and (max-width: 1024px){
    .bgdheader h1 {
		font-size:2.4em; 
	}
	

}

.pintro h2 {
	line-height:1.4em; margin-bottom:20px
}

.bgdgradient1 {
	background: linear-gradient(90deg, rgba(51,51,51,.90) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 75%);
}

.bgdgradient2 {
	background: linear-gradient(90deg, rgba(28,50,99,.75) 0%, rgba(28,50,99,0.75) 55%, rgba(51,51,51,0) 70%);
}



.bgdgradient1 {
	background: linear-gradient(90deg, rgba(51,51,51,.90) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 75%);
}

.bgdgradient2 {
	background: linear-gradient(90deg, rgba(28,50,99,.75) 0%, rgba(28,50,99,0.75) 55%, rgba(51,51,51,0) 70%);
}

.tboxpadding1  { padding-right:40px }
@media only screen and (max-width: 720px){
    .tboxpadding1  { padding-right:0px }
}

/* Begin Custom Checklist */
.list-striped ul > li:nth-of-type(odd) {
  background-color: #f7f7f7;
}	

.checklist1 ul {
	margin:20px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:.8em; line-height:1.6em;
}

.checklist1 h2 {
	margin:0px;
	padding:0px;
	font-size:1.8em; line-height:1.2em;
}

.checklist1 li {
	padding:20px 20px 8px 100px;
	margin:0px 0px 5px 0px;
	
	background-position:15px 15px;
	background-size:60px auto;
	background-repeat:no-repeat;
	border-top:1px solid #cccccc;
	cursor:pointer;
	transition: all 0.2s ease-in-out;
}

.b-cost {background-image:url(../../uploads/2020/06/icon_money.png);}
.b-quality {background-image:url(../../uploads/2020/06/icon_quality.png);}
.b-strategy {background-image:url(../../uploads/2020/06/icon_strategy.png);}
.b-growth {background-image:url(../../uploads/2020/06/icon_grow.png);}

.checklist1 ul li:hover {
	background-color:#bedfff;
}

.checklist1 ul li A {
	color: #005b8e; TEXT-DECORATION: none;
	transition: all 0.2s ease-in-out;
}
.checklist1 ul li A:visited {
	color: #005b8e; TEXT-DECORATION: none
}
.checklist1 ul li A:hover {
	color: #005b8e; TEXT-DECORATION:none
}

/* End Custom Checklist */

/* Begin Custom Checklist */
.list-striped ul > li:nth-of-type(odd) {
  background-color: #f7f7f7;
}	

.checklist2 ul {
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1.4em; line-height:1.2em;
	letter-spacing:0px;
	
}

.checklist2 li {
	padding:8px 20px 12px 40px;
	margin:0px 0px 5px 0px;
	background-image:url(../../uploads/2020/05/check-square_green.png);
	background-position:15px 17px;
	background-size:10px auto;
	background-repeat:no-repeat;
	
	cursor:pointer;
	transition: all 0.2s ease-in-out;
}	

.checklist2 ul li:hover {
	background-color:#0579be;
}	
.checklist2 ul li A {
	color: #005b8e; TEXT-DECORATION: none;
	transition: all 0.2s ease-in-out;
}
.checklist2 ul li A:visited {
	color: #005b8e; TEXT-DECORATION: none
}
.checklist2 ul li A:hover {
	color: #0579be; TEXT-DECORATION:none
}

/* End Custom Checklist */

/* Begin Custom Checklist */
.list-striped ul > li:nth-of-type(odd) {
  background-color: #f7f7f7;
}	

.checklist3 ul {
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1.4em; line-height:1.2em;
	letter-spacing:0px;
	
}

.checklist3 li {
	padding:8px 20px 12px 50px;
	margin:0px 0px 5px 0px;
	background-image:url(../../uploads/2020/09/check1.png);
	background-position:10px 10px;
	background-size:30px auto;
	background-repeat:no-repeat;
	transition: all 0.2s ease-in-out;
}	

.checklist3 ul li:hover {
	background-color:#f7f7f7;
}	
.checklist3 ul li A {
	color: #005b8e; TEXT-DECORATION: none;
	transition: all 0.2s ease-in-out;
}
.checklist3 ul li A:visited {
	color: #005b8e; TEXT-DECORATION: none
}
.checklist3 ul li A:hover {
	color: #0579be; TEXT-DECORATION:none
}

/* End Custom Checklist */

/* Begin Custom Checklist */
.list-striped ul > li:nth-of-type(odd) {
  background-color: #f7f7f7;
}	

.checklist4 h3 {
	margin:0px;
	padding:10px;
	list-style:none;
	font-size:1.2em; line-height:1.2em;
	background-color:#e5e5e5;
	
}

.checklist4 ul {
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1.0em; line-height:1.2em;
	letter-spacing:0px;
	
}

.checklist4 li {
	padding:8px 20px 12px 40px;
	margin:0px 0px 5px 0px;
	background-image:url(../../uploads/2020/09/check1.png);
	background-position:10px 10px;
	background-size:20px auto;
	background-repeat:no-repeat;
	transition: all 0.2s ease-in-out;
}	

.checklist4 ul li:hover {
	background-color:#f7f7f7;
}	
.checklist4 ul li A {
	color: #005b8e; TEXT-DECORATION: none;
	transition: all 0.2s ease-in-out;
}
.checklist4 ul li A:visited {
	color: #005b8e; TEXT-DECORATION: none
}
.checklist4 ul li A:hover {
	color: #0579be; TEXT-DECORATION:none
}

/* End Custom Checklist */

/* Begin Hover Box edits */
.info {
    color: #00529B;
    border: 0px solid #38AEE5;
margin: 0px 0px;
}

.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
    margin-bottom: 5px;
}

.ih-item.square.effect6.ihe-fade .info {
   
    background-color: rgba(0,91,142,0.8) !important;
}

.hovtext {/*background-color:#3d181f;*/ padding:20px 0px 20px 0px}
.hovbox h2 {color:#ffffff;  font-size:1.7em !important;}
.hovbox h3 {color:#ffffff; font-size:1.2em; line-height:1.1em; padding:0px !important; margin:10px 0px 10px 0px !important}
.hovbox  p{
	color:#ffffff !important;
	font-size:1.0em !important; 
	line-height:1.2em !important; 
	padding:0px 20px 0px 20px  !important; 
	margin:10px 0px 10px 0px !important}

/* End Hover Box edits */



/* Menu items with this class will hide on desktop */
@media screen and (min-width: 500px) {
    .mobile-menu-item  { display:none; }
}


/* Begin main menu submenu customization*/
	ul.sub-menu {
		margin-top: 0px !important;
		background-color:#cccccc !important
	}
/* End main menu submenu customization*/



.divnopadd div {
    margin-bottom:10px !important; 
}

.headertext {padding-top:150px; padding-bottom:100px}

.bgdgradient1 {
	background: linear-gradient(90deg, rgba(51,51,51,.90) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 75%);
}

.bgdgradient2 {
	background: linear-gradient(90deg, rgba(28,50,99,.75) 0%, rgba(28,50,99,0.75) 55%, rgba(51,51,51,0) 70%);
}


.requestbox {
      background-color:#111d33;
	padding:30px;
	background-image:url(https://viewics.com/wp-content/uploads/2019/07/bgd_requestbox.jpg);
	background-position:center bottom;
	background-size:cover;
}
.requestbox h2 {
    font-size:2.5em; line-height:1.2em
}


.bgdhover:hover {
	background:#044680;
	
}
.bgdhover {
	background-color:#333333;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	transition: all 0.2s ease-in-out;
}

.bgdhover a {
	display:block
}
.bgdhover a:hover {
	TEXT-DECORATION:none
}



#slogan {
      display:none
}

.ables h1 {
      margin:0px;
	padding:0px;
	font-size:2.6em; line-height:1em
}

.ables h3 {
      
	font-size:1.2em; line-height:1em; font-weight:300
}

@media only screen and (max-width: 720px) {
	.ables h1 {
	font-size:2em;
}
	
}

#footer-bg {
      display:none
}

.white, .white h1, .white h2, .white h3, .white h4 {
      color:#FFFFFF
}

.white A {
	color: #ffffff; TEXT-DECORATION: none
}
.white A:visited {

	color: #ffffff; TEXT-DECORATION: none
}
.white A:hover {
	color: #cccccc; TEXT-DECORATION:underline
}



.btn button, .btn a {
      font-family: 'Work Sans', sans-serif !important; font-size:20px !important; font-weight:400;
	background-image:none !important
}

.btn a:hover {
    background-color:#0066cc !important;
	color:#ffffff !important
}

/* Begin Styles for resources page */
.resource div {
	margin-bottom:0px; padding-bottom:0px;
	
}
.resource {
	background-color:#f7f7f7;
	border-top:1px solid #2f67b2;
	margin-bottom:30px;
	padding-top:20px; padding-bottom:20px;
}


.resource h1 {
	font-size:1.4em; font-weight:400
}
.resource h3 {
	font-size:1.2em; text-transform:uppercase
}

.btnresource button, .btnresource a {
      font-family: 'Montserrat', sans-serif !important; font-size:14px !important; font-weight:400;
	padding-top:10px !important; padding-bottom:10px !important;
	background-image:none !important
}

.btnresource a:hover {
    background-color:#000000 !important;
	color:#ffffff !important
}
/* End Styles for resources page */

.vc_btn3.vc_btn3-size-lg .vc_btn3-icon {
    font-size: 26px !important;
    height: 16px;
    line-height: 20px !important;
}

.contactdemo {
	padding-bottom:20px
}


.no-breadcrumbs-padding {padding: 0px; }
.entry { padding: 0px; clear: both;}


/*Delete 3 and 4 in order to active 1 and 2. This will move the content to be flush to the top of the browser */



/*3#home-page-content { margin-top:0px}*/
/*4#page-content-title { margin-top:0px}*/
#home-page-content { margin-top:-100px}
#page-content-title { margin-top:-100px}

#page-content {padding-bottom:0px}

#top-wrapper {
	background-color: rgba(0, 0, 0, 0) !important;
	border-bottom: 1px solid #cccccc
}

#main-top-menu {
	border-left: 1px solid #cccccc;
	transition: all 0.2s ease-in-out;
}
#main-top-menu li {
  border-bottom: 2px solid transparent;
	
}
#main-top-menu li:hover {
  border-bottom: 2px solid #006fba;
	
}

#main-top-menu > li:last-child:hover {
  border-bottom: 0px solid transparent;
	
}

#main-top-menu > li:last-child a {
	background-image:url(../../uploads/2020/10/logo_Roche.svg);
	background-size:60px 30px;
	background-position:center center;
	background-repeat: no-repeat;
	width:100px;
	font-weight:700 !important
}

#main-top-menu > li:last-child a span {
  visibility:none
}

.u-design-fixed-menu-on.fixed-menu #main-menu {
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
}

.u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo {
    
    height: 26px;
    padding-top: 6px;
	transition: all 0.2s ease-in-out;
}




/*REMOVE TOP CONTENT PADDING FOR DOING FULL WIDTH ROW SECONDARY PAGE HEADER*/
.no-breadcrumbs-padding {
    padding: 0px 0; 
}


#home-page-content #content-container { padding:0px 0; }
#page-content #content-container { padding:0px 0; }

.entry {
    padding: 0px;
    clear: both;
}

.nopadding {
    margin-bottom:0px !important; 
	padding:0px !important; 
}



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

#top-wrapper {
   position:inherit;
    z-index: 20000;
    margin: auto;
    width: 100%;
	/*background-color: rgba(0, 0, 0, 1);*/
	display:inherit;
	padding-bottom:0px
		
}

#home-page-content {
    margin-top:0px
}

h1 {font-size:36px; line-height:40px;}
h2 {font-size:28px; line-height:34px;}
h3 {font-size:22px; line-height:26px;}

}

/*Responsive Menu Bar customization*/

.mean-bar {
        background: #0a4f80 !important;
}

.mean-nav {
        background: #0082b0 !important;
}

.mean-container .mean-nav ul li a {
		font-family: 'Work Sans' !important; 
		text-transform:uppercase !important;
	font-size:20px;
	text-align:center
}

.mean-container .mean-nav ul li li a {
		
	font-size:16px;
	
}


/* Begin Super Fly Menu Customization */

.mean-bar {display:none !important;}
.mean-nav {	display:none !important;}

@media screen and (max-width: 1100px) {
	.superfly-on #sfm-mob-navbar {
		display: block !important;
	}
}

@media all and (min-width: 1100px){
	.superfly-on #sfm-sidebar,  .superfly-on .sfm-navicon-button{
	display: none !important;

	}
}

#sfm-mob-navbar {
    background-color: #ffffff !important;
	background-image: url(https://viewics.com/wp-content/uploads/2019/10/bgd_top_mobile.png);
	background-size:100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-align:left;
}

@media screen and (max-width: 1100px) {
	#sfm-mob-navbar img {
		height: 60px;
		margin-top: 6px;
	}
	#top-wrapper {display:none;}
	#sfm-mob-navbar {text-align:left !important}
}



@media screen and (max-width: 1100px) {
.superfly-on #sfm-mob-navbar {
    display: block !important;
}
}

/* End Super Fly Menu Customization */

/* Begin Wordpress Footer Custom Menu Customization */

.footer {
    line-height:1.2em
}
.footer div {
    margin-bottom:0px
}
.footer h3 {
    font-size:1.3em
}

#bottom .widget_nav_menu li a {
    background: none
}

.footermenu ul {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	list-style:none;
	font-size:1.0em; line-height:1em;
	text-align:left;
}

.footermenu li:hover {
	background-color:#333333
}		
.footermenu li {
	margin:0px 0px 0px 0px !important;
	padding:10px 0px 10px 0px !important;
	background:none !important;
	
}	
.footermenu li a:before {
	margin:0px 0px 0px 0px !important;
	border:none !important;
	background:none !important;
	content:none !important;
}


.footermenu A, .footermenu A:visited {
	margin:0px 0px 0px 0px !important;
	padding:0px !important;
	border:none !important;
}
.footermenu A:visited {
	border:none !important;
}
.footermenu A:hover {
	border:none !important;
}
	
/* End Wordpress Footer Custom Menu Customization */

/* Begin Wordpress Custom Menu Customization */
.submenu1 h2 {
	
	font-size:1.4em; line-height:1em;
	background-color:#58b031;
	color:#ffffff;
	padding:20px;
}

.submenu1 ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:1.0em; line-height:1em;
	text-align:left;
}

.submenu1 li:hover {
	background-color:#333333
}		

.submenu1 li {
	
	margin:0px 0px 3px 0px;
	background-color:#f1f1f1;
	
}	
		

.submenu1 A {
	color: #333333; TEXT-DECORATION: none; display:block;
	padding:20px;
}
.submenu1 A:visited {

	color: #333333; TEXT-DECORATION: none
}
.submenu1 A:hover {
	color: #ffffff; TEXT-DECORATION:none
}
	
/* End Wordpress Custom Menu Customization */