/*
Theme Name: Cycom
Theme URI: https://cycom.com/
Description: Theme for Cycom Technology Solutions Inc. 
Author: Saifali Suleman
Version: 2.0
*/

/* Body */
body{
	margin:0;
	padding:0;
	background-color:#f4f4f4;
	max-width:1024px;
	margin: 0 auto !important;
}
#wrapper{
	width:1024px;
	margin:0 auto;
	background-color:#fff;
	padding: 0;
	font-family:"Helvetica",Arial,Sans-Serif;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
}

/* Header */
#header{
	max-width:1024px;
	height:111px;
	margin: 0 auto;
	font-family:"Helvetica",Arial,Sans-Serif;
	background-size: 5px 5px;
	background-image: repeating-linear-gradient(45deg, #46787e 0, #64acb4 1px, #64acb4 0, #46787e 50%);
	background-repeat: repeat;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
	z-index: 97;
}
#head_flex_one{
	max-width: 1024px;
	margin: 0 auto;
	flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}
#head_flex_two{
	width: 100%;
	flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    display: flex;
	height:111px;
	z-index: 2;
}
.head_flex_three{
	flex-wrap: nowrap;
    justify-content: flex-end;
    flex-direction: row;
    display: flex;
}
#web_logo{
	width:240px;
	padding: 0;
	margin: 25px 0 0 20px;
}
#logo_bg{
	width:472px;
	height:111px;
	background: linear-gradient(to right, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	position: absolute;
	
}
#login{
	max-width:1024px !important;
	background-color:#fff;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
	padding: 0;
	margin: 0 auto;
}
#login h1,.privacy-policy-page-link, #nav, #backtoblog{
	display:none;
}
#login form{
	padding: 30px 40px 50px 40px;
}
#login .message{
	padding: 30px 10px 0 10px;
}
#login > p{
	margin: 0;
}
.social{
    margin: 0 2px;
	padding-left: 10px;
	padding-right: 10px;
    display: inline-block;
    position: relative;
	background-color:#f4f4f4;
	border-radius: 5px;
}
.social a{
	color:#46787e;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
}
.social a:hover{
	color:#f36907 !important;
}
.soc_icon{
	padding-top: 8px;
	padding-bottom: 7px;
}
#nav_top {
	margin-right: 15px;
}
#nav_top ul{
	margin: 0 0 7px 0;
	list-style:none;
	display:block;
}
#nav_top ul li {
    display: inline-block;
    position: relative;
}
.menu{
	margin:7px 0 0 0;
	padding:0 15px 0 15px;
	list-style:none;
	display:block;
	text-transform: uppercase;
}
.menu > li {
    margin: 0;
    padding:9px;
    display: inline-block;
    position: relative;
}
#menu-menu {
	width: 100%;
	border-radius: 16px 0 0 16px;
	background-color:#f4f4f4;
}
#menu-menu > li.menu-item-has-children:hover {
	background-color:#fdfdfd;
}
.menu > li a{
	color:#46787e;
	font-size:14px;
	font-weight: bold;
	line-height:16px;
	text-decoration:none;
}
.menu li a:hover,#icon_nav a:hover,.menu .current_page_item > a, .breadcrumb a:hover{
	color:#f36907 !important;
}
.menu-item-has-children > a:after {
	content: "\25BE";
	color: #46787e;
	margin-left: 3px;
}
.sub-menu{
	width: fit-content;
	white-space: nowrap;
	padding:0 !important;
	top:34px;
	right: 0;
	display:none;
	position:absolute;
	z-index:20;
}
.sub-menu li{
	display:block !important;
	padding:8px 12px !important;
	text-align: right;
	background-color:#fdfdfd;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.sub-menu li a{
	line-height:18px;
}
.menu li:hover .sub-menu{
	display:block;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 72px;
	width: 70px;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	color:#46787e;
	text-align: center;
	position: absolute;
	margin: 20px 20px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#f4f4f4;
	border-radius: 5px;
}
#menu label:after {
	font-size: 1.6em;
	content: "\2261"; 
}

.home_vid{
	Width:100%; 
	height:auto;
	background-color:#000;
}
.aboutus_vid{
	width: 100%;
	height:310px; 
	background-image: radial-gradient(#e1e1eb, #f2f0f6, #cbcbd4);
}
.healthcare_vid{
	width: 100%;
	height:310px; 
}

/* Breadcrumbs */
.breadcrumb {
    padding: 0 0 10px 0;
    list-style: none;
	font-size:14px;
	line-height:14px;
}
.breadcrumb a {
    color: #46787e;
	font-weight: bold;
    text-decoration: none;
}

/* 404 page */
#fourOfour{
	text-align: center;
	padding: 20px;
}
#four_img{
	width: 500px;
}

/* Entry Points */
#entry_points{
	width:1024px;
}
#entry_flex{
	padding:20px;
	flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    display: flex;
}
#entry_flex hr{
	width: 1px;
	border: none;
	background-color: #e7e7e7;
}
.entry_section{
	margin: 20px;
    width: 100%;
	border-radius: 15px;
	background-color:#fff;
	box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.entry_section h2{
	padding: 15px;
	height:40px;
	color:#fff;
	font-size:18px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	border-radius: 15px 15px 0 0;
	background-size: 5px 5px;
}
.entry_section p{
	margin: 0;
	padding: 15px;
	text-align: center;
	line-height:22px;
	color:#171717;
}
#entry_flex a{
	text-decoration:none;
}
#entry_flex a:hover{
	box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
}

#entry_one{
	background-image: repeating-linear-gradient(45deg, #98bbb7 0, #badcd3 1px, #a9cec7 0, #c5e4dd 50%);
}
#entry_two{
	background-image: repeating-linear-gradient(45deg, #bb6f36 0, #e68d4c 1px, #d28042 0, #e48444 50%);
}
#entry_three{
	background-image: repeating-linear-gradient(45deg, #46787e 0, #64acb4 1px, #64acb4 0, #46787e 50%);
}

/* Page */
#page_flex{
	padding:20px;
	flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    display: flex;
}
#page_entry{
	margin: 20px;
    width: 100%;
}
#page_title{
	width:100%;
	margin: 0;
	padding:0 0 6px 0;
	color:#f66c07;
	font-size:30px;
	line-height:35px;
	text-transform: uppercase;
}
#page_entry a{
	color: #46787e;
	font-weight: bold;
	text-decoration:none;
}
#page_entry a:hover{
	color: #f36907;
}
.grey{
	color:#94a6b6 !important;
}
.purple{
	color:#586899 !important;
}
.orange{
	color:#f66c07 !important;
}
#page_img {
	width: 100%;
}

/* Sidebar */
#sidebar_nav{
	margin: 20px;
    width: 200px;
}
#sidebar_nav h1{
	margin: 0 10px 20px 10px;
	padding:0;
	color:#979695;
	text-align: right;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
}
#sidebar_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar_nav ul li{
	width:200px;
	height:60px;
	text-align: right;
	margin:0 0 -6px 0;
	border-radius: 15px;
	color:#fff !important;
	background-position: center;
	background-repeat:no-repeat;
	position:relative;
}
#sidebar_nav ul li:nth-child(odd){
	background-size: 5px 5px;
	background-image: repeating-linear-gradient(45deg, #98bbb7 0, #badcd3 1px, #a9cec7 0, #c5e4dd 50%);
	background-repeat: repeat;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
#sidebar_nav ul li:nth-child(even){
	background-size: 5px 5px;
	background-image: repeating-linear-gradient(45deg, #46787e 0, #64acb4 1px, #64acb4 0, #46787e 50%);
	background-repeat: repeat;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#sidebar_nav ul li:nth-child(0){ z-index:1; }
#sidebar_nav ul li:nth-child(1){ z-index:2; }
#sidebar_nav ul li:nth-child(2){ z-index:3; }
#sidebar_nav ul li:nth-child(3){ z-index:4; }
#sidebar_nav ul li:nth-child(4){ z-index:5; }
#sidebar_nav ul li:nth-child(5){ z-index:6; }
#sidebar_nav ul li:nth-child(6){ z-index:7; }
#sidebar_nav ul li:nth-child(7){ z-index:8; }
#sidebar_nav ul li:nth-child(8){ z-index:9; }
#sidebar_nav ul li:nth-child(9){ z-index:10; }

#sidebar_nav ul li:hover,#sidebar_nav .current_page_item{
	color:#fff !important;
	width:200px !important;
	background-image: repeating-linear-gradient(45deg, #bb6f36 0, #e68d4c 1px, #d28042 0, #e48444 50%) !important;
}
#sidebar_nav ul li:hover a{
	width:180px;
}
#sidebar_nav ul li a{
	width:180px;
	height:56px;
	padding:10px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Helvetica",Arial,Sans-Serif;
	display:block;
}

/* Contact */
.label{
	margin:0 !important;
	padding:4px 0 !important;
}
#form input[type=text]{
	display:block;
}
#form input[type=submit]{
	text-align:center;
	display:inline-block;
}
#contact_page{
	text-align: left;
	padding: 40px;
	font-size: 18px;
}
#contact_page > a{
	color:#46787e;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}
#contact_page > a:hover{
	color:#f36907 !important;
}
#map{
	width: 100%;
	height: 310px;
}


/* Footer */
#footer {
	width:1024px;
	margin:0 auto;
	background-color:#f8f8f8;
	font-family:"Helvetica",Arial,Sans-Serif;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
}
#footer_wrapper{
	width:1024px;
	margin:0 auto;
	background-color:#f8f8f8;
	line-height:22px;
	font-family:"Helvetica",Arial,Sans-Serif;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
}
#secondary_footer{
	margin:0 auto;
	padding:0;
}
#footer_logo{
	width: 300px;
}
#secondary_footer a{
	color: #46787e;
	font-weight: bold;
	text-decoration:none;
}
#secondary_footer a:hover{
	color: #f36907;
}
#foot_tab{
	margin: 0 auto;
}
#quick_links{
	margin: 0 0 0 -1em;
}
.foot_nav{
	padding: 20px 30px;
}
.menu ul {
  list-style-type: none;
  padding-left: 1em;
	margin-top: 0;
}
.menu > ul > li:first-child, .menu > ul > li:nth-child(2), .menu > ul > li > ul > li > ul {
   display: none;
}
#ftcont{
    padding: 0 20px;
}
#footerbar{
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    display: flex;
}
.footersection h3{
	margin-bottom: 10px;
}
.footersection{
    margin: 10px 20px 20px 20px;
    width: 100%;
}
.footersection_mid{
	margin: 10px 20px 20px 20px;
    width: 900px;
}
#footer_wrapper hr {
	height: 1px;
    border: 0; 
	border-top: 1px solid #ccc;
}
#ft_flex{
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}
.ft_sec{
	padding: 30px 40px;
}
.footersection h3{
	margin-bottom: 10px;
}
.footersection{
    margin: 10px 20px;
    width: 100%;
}
.footersection i, #contact_page i{
	color: #46787e;
}
#footer p{
	margin: 0;
	color:#393939;
	font-size:14px;
	line-height:18px;
}
#footer a{	
	font-size:14px;
	line-height:18px;
	font-weight: bold;
	color: #46787e;
	text-decoration:none;
}
#footer a:hover{
	color: #f36907;
}
.ft_social i{
	font-size:18px;
}

/* Downloads */
iframe{
	margin:0;
	padding:0;
	border:none;
	outline:0;
}

/* Board room booking page*/
#board_bookings{
	width:100%;
}
#board_frame{
	width:100%;
	height: 650px;
	border: 0;
}

@media screen and (max-width: 1024px) {
	.nav_hide{
		display: none;
	}
	#wrapper,.wrapper,#header,#footer_wrapper,#footer,#entry_points{
		width: 100%;
	}
	#header, #logo_bg{
		height:72px;
	}
	#web_logo{
		width:160px;
		margin: 15px 0 0 12px;
	}
	#logo_bg{
		width:400px;
	}
	#head_flex_one{
		justify-content: flex-start;
		flex-direction: column;
	}
	#head_flex_two{
		justify-content: flex-start;
		height: 72px;
	}
	.home_vid, .aboutus_vid, .healthcare_vid{
		height:auto;
	}
	#four_img{
		width: 100%;
	}
	#entry_flex, #footerbar, #page_flex{
		justify-content: center;
    	flex-direction: column;
	}
	.entry_section, .footersection, .footersection_mid, #page_entry, #sidebar_nav {
    	margin: 10px 0;
		width: 100%;
	}
	.footersection h3 {
		margin-top: 0;
	}
	.footersection {
		margin-bottom: 40px;
	}
	#ft_flex{
		justify-content: center;
    	flex-direction: column-reverse;
		padding: 20px;
		text-align: center;
	}
	.ft_sec{
		padding: 10px 0;
	}
	#sidebar_nav h1, #sidebar_nav ul li{
		text-align: Left;
	}
	#sidebar_nav ul li, #sidebar_nav ul li:hover,#sidebar_nav .current_page_item, #sidebar_nav ul li:hover a, #sidebar_nav ul li a{
		width:100% !important;
	}
	#sidebar_nav ul li a{
		height:56px;
		padding:10px 0 0 10px;
	}
	#contact_page{
		padding: 20px;
	}
	#footer_logo{
		width: 272px;
	}
	#menu-menu {
		position:relative;
		width:100%;
		margin:0;
		padding:10px;
		border-radius:0;
		text-align:right;
		background:#f4f4f4;
		box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
	}
	.menu-menu-container{
		top:72px;
		position: relative;
	}
	.menu-menu-container ul {
		background:#f4f4f4;
		top:100%;
		right:0;
		left:0;
		z-index:98;
		height:auto;
		display:none;
	}
	.menu-menu-container li {display:block;float:none;width:auto;}
	.sub-menu {width:100%;display:block;position:relative;}
	.sub-menu li {box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
	#menu-menu > li.menu-item-has-children{padding-top:14px;}
	#menu-menu > li.menu-item-has-children:hover{background:none;}
	.menu > li > a{line-height:32px;}
	#menu input, #menu label {position:absolute;top:0;right:0;display:block;}
	#menu input {z-index:99;}
	#menu input:checked + label {color:#46787e;}
	#menu input:checked + label:after {content:"\00d7";}
	#menu input:checked ~ .menu-menu-container ul {display:block;}
	#board_frame{height: 550px;}
	#login form{
		padding: 30px 20px 50px 20px;
	}
}

.mobile_show{
	display: none;
}

@media screen and (max-width: 450px) {
	.mobile_show{
		display: block;
	}
	#logo_bg{
		width:300px;
	}
	/*.head_flex_three{
		justify-content: flex-start;
		flex-direction: column;
	}*/
}

.display-none{
	display:none;
}

.border_radius{border-radius:5px;}