/*
CTC Separate Stylesheet
Updated: 2018-10-09 00:50:27
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.7.1539064227
*/

/*.elementor-element-02a7a88{
	
	background:url('img/video-bg.jpg');
	background-repeat:no-repeat;
    background-size:cover;
}*/
#mysticky-nav * {
	transition: all ease 0.6s;
}
#mysticky-nav .myfixed {
    margin: 0 auto;
    float: none;
    border: 0px;
    background: none;
    max-width: 100%;
	width:100% !important;
    background: rgba(0, 0, 0, 0.5215686274509804) !important;
    padding: 0 0;
}
.fancybox-overlay, .fancybox-overlay-fixed{
	z-index:100001 !important;	
}
.myfixed .logo img{transform:scale(.7);}
.myfixed ul.nav-menu, div.nav-menu > ul {
	padding-top:20px;
}
ol.number-list {list-style: none; counter-reset: li}
 ol.number-list li::before {content: counter(li) ". "; color: red;
  display: inline-block;     font-size: 1.5rem;
    font-weight: bolder !important;
    padding-right: 2px;  
	 color: #da4039 !important;
    font-weight: 400 !important;
  margin-left: -1em;}
ol.number-list li {counter-increment: li}


.fw-normal{
	font-weight:400 !important;
}
.fc-white, .fc-white *, .fc-white a {
      color: #ffffff !important;
  }
.text-center{
	 text-align:center;
 }
 
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 28px 0px 0 0;
	float:right;
	
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #fff;
	display: block;
	font-size:1.2rem;
	line-height: 2;
	font-family:'FreightSansProSemibold';
	padding: 0 1rem;
	text-decoration: none;
	text-transform:uppercase;
	margin:0 ;

}

.nav-menu li:hover > a,
.nav-menu li:focus > a ,.nav-menu li a:hover,
.nav-menu li a:focus{	
	color:#dace53;
	
}


.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #f3d405;	
	border: 0;
	padding: 5px 3px;
	position: absolute;
	left: 0px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;    
	clip: rect(1px, 1px, 1px, 1px);

}
        
.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a { 
	color: #232a34;
	margin: 0;
	width: 250px;   
	border-bottom:none;
}
ul.nav-menu ul li a,ul.nav-menu ul li:hover a{
	border-bottom:none !important;    
}
ul.nav-menu ul li a{line-height:2;}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	color: #fff;
	background:#333;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu > .current_page_item > a,
.nav-menu > .current_page_ancestor > a,
.nav-menu > .current-menu-item > a,
.nav-menu > .current-menu-ancestor > a {
	color: #dace53;
	
}

.nav-menu  .current_page_item > a .sub-menu li a,
.nav-menu > .current_page_ancestor > a .sub-menu li a,
.nav-menu .current-menu-item > a .sub-menu li a,
.nav-menu .current-menu-ancestor > a .sub-menu li a
 {
	border-bottom:none;
	
}

.menu-toggle {
	display: none;
}
ul.tick,ul{
	padding:0;margin:0 !important;
}
ul.number-list li{position:relative;list-style-type:none;padding-left:0rem;padding-bottom:1.5rem; }
ul.number-list li span{    font-size: 1.5rem;
    font-weight: bolder !important;
	padding-right: 2px;font-weight:400 !important;}
ul.tick li{position:relative;list-style-type:none;padding-left:3.5rem;padding-bottom:1.5rem;}
ul.tick li:before{position:absolute;content:'';background:url('img/red-tick.png') no-repeat; width:37px;height:37px; left:0;top:0;}
.header{    
	position: absolute;
    max-width: 100%;
    margin: 0 auto;
    z-index: 100;
    border-top: #da4039 6px solid;
    padding: 1.5rem 0 0;
}
 .footer{
	 background:url('img/footer-bg.png') repeat ;
	 padding:4rem 0;
	 border-bottom:#da4039 6px solid;
	 font-size:15px;
}
.banner{min-height:353px;}
.board-member{max-width:339px;max-height:353px;margin:0 auto;}
.board-thumb{position:relative;overflow:hidden;margin-bottom:2.5rem;}
.board-thumb a{    background: #dace53;
    color: #4f4f4f;
    text-transform: uppercase !important;
    padding: 7px 0;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;position:absolute;bottom:0;transition: 0.4s;}
	.board-thumb:hover a{background: rgba(79, 79, 79, 0.6784313725490196);
	color: #dace53 !important;
    padding: 20px 0 15px;}
	.board-thumb img{width:100%;transition: 0.4s;}
	.board-thumb:hover img{transform:scale(1.1);}
.yew-btn .elementor-button{
	text-transform:uppercase !important;background:#dace53 !important;display:inline-block;}
.yew-btn .elementor-button:hover{background:#000 !important;color:#dace53 !important;}
 .footer-widget ul li{list-style-type:none;}
 .footer-widget ul{padding:0;margin:0;}
 .elementor-accordion .elementor-accordion-item{border-bottom:#8f8f8f 1px solid !important;}
.elementor-active{background:#dace53;}
body.home .logo img {
	display: none;
}
body.home .myfixed .logo img {
	display: block;
}
.m-a{
  margin:0 auto;
}
/*media-queries*/
@media only screen and (max-width:640px) {
	.casestudy-item {
		width:100%;
		float:none;
	}
}
@media only screen and (max-width:480px) {
  ul.tick li{
     padding-left:4.2rem;
   }
}
@media only screen and (max-width:768px) {
	.header {
	  border-top: 0;
	  padding-top: 1rem;
	}
	.logo {
		width:80px;
		display:block;
	}
}