/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* HEADER STYLING */
.headertop nav ul > li > a:focus i,
.headertop nav ul > li > a:hover i {
  color: white!important;
}

.mobile-call-wrapper {
		left: 1.5%;
		position: fixed;
		top: 88px;
		width: 97%;
		z-index: 110;
		padding: 30px 10px;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		background: #eee;
		border-radius: 4px;
}

.mobile-call-wrapper:after {
		content:'';
		position: absolute;
    top: -16px;
    right: 75px;
    margin-left: -18px;
    display: block;
		clip-path: polygon(12.5% 100%, 50% 0, 87.5% 100%);
    display: block;
		height: 1.2rem;
    width: 2rem;
    background: #eee;
}		

.mobile-call-wrapper .uk-nav.mobile-view-call {
    align-items: flex-start;
	  flex-direction: column;	
}

.mobile-call-wrapper ul li {
  width: 100%;
}
.mobile-call-wrapper ul li:first-child {
	border-bottom: 1px solid white;
}

.mobile-call-wrapper ul li a {
    padding: 18px 15px;
}		

.headertop .uk-nav {
  display: flex;
  align-items: center;
}

.header .headertop nav ul>li>a:hover,
.header .headertop nav ul>li>a:focus,
.navigationmain .hs-menu-wrapper>ul>li>a:hover,
.navigationmain .hs-menu-wrapper>ul>li>a:focus,
.navigationmain .uk-navbar-nav>li>a:hover,
.navigationmain .uk-navbar-nav>li>a:focus {
  color: #ed8c4a;
}

.navigationmain .hs-menu-wrapper>ul>li>a, 
.navigationmain .uk-navbar-nav>li>a {
		font-weight: 700;	
}

.gradient-text {
  font-size: 22px;
  background: rgb(60,86,117);
  background-image: linear-gradient(90deg, rgba(60,86,117,1) 0%, rgba(154,210,216,1) 16.6%, rgba(72,168,125,1) 33.2%, rgba(232,193,105,1) 50%, rgba(237,140,74,1) 66%, rgba(226,105,82,1) 83%);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.footer-wrap .grid, .extendedfooter .footermenu .footermenu-wrapper {
  margin: 0px auto !important;
}

.footer-wrap .grid>div {
  padding: 0px;
}

.call-to-action {
  padding-top: 80px;
  padding-bottom: 80px;
}


.hide-mobile {
	display: none;
}

@media (min-width: 1480px) {
		
		.headertop .fa-phone {
			transform: scaleX(-1);
		}		

		.header .headertop nav ul>li {
				position: relative;
		}

		.header .headertop nav ul>li:before {
				content: '';
				display: block;
				position: absolute;
				width: 1px;
				background: black;
				left: 0;
				top: 25%;
				height: 50%;
		}

		.header .headertop nav ul>li:first-child:before {
				display: none;
		}

		.header .headertop nav ul>li>a {
			padding-left: 30px;	
			padding-right: 30px;
		}
  
}		
@media (min-width: 768px) {	
			
  .extendedfooter .footermenu .footermenu-wrapper {
    padding: 30px 0px;
  }
  .extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { 
    display: none !important; 
  }
  .extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul {
    flex-wrap: nowrap;
  }
  .extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li>a {
    margin-bottom: 0px;
  }
  .footer .contact .contact-wrapper {
    width: calc(100% - 180px);
  }
    
  .footer .contact .sociallinks {
    width: 180px;
  }
  .footer .sociallinks ul {
    display: flex;
    justify-content: flex-end;
  }
  .footer .contact .sociallinks li {
    padding: 0px 15px;
  }
  .footer .contact .sociallinks li+li {
    margin-top: 0;
  }
}

}
.extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li.menu-item-our-playbook>ul>li>a, .extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li.menu-item-our-services>ul>li>a {
  font-weight: 400;
}

.extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li {
  width: 100%;
}



@media (min-width: 1024px) {
		
		.menu-item-blogs {
		  display: none;
		}
		
		.hide-mobile {
	    display: block;
    }
		
	.header .headertop nav ul>li>a {
			font-size: 18px;
			font-weight: 400;
			padding-left: 15px;
      padding-right: 15px;
  }	
  .uk-navbar-nav li[aria-expanded="true"] a::after {
    transform: rotate(180deg);
  }
  .footer-wrap .grid>div {
    padding: 0px;
  }
  .extendedfooter .footermenu .footermenu-wrapper .uk-navbar.uk-navbar-attached .hs-menu-wrapper>ul>li {
    padding-left: 0;
  }
}



.academy .fas {
  font-size: 22px;
  font-weight: 100 !important;
}

.hide-desktop {
  display: none;
}

.small-text{
  font-size: 18px;
  line-height: 1.6875;
  font-family: "Gotham",sans-serif;
  font-style: normal;
  font-weight: 400;
}

body>.page-loader>span:before {
  animation: lightBlinker 1s infinite linear;
}

.blog-article .categories .hs_cos_wrapper_type_icon svg {
  width: 16px;
}



@media (min-width: 1024px) and (max-width: 1399px) { 
  .header .btn-dmi {
    position: absolute;
    top: 2px;
    right: 450px;
    padding: 5px 15px;
  }
		
	.hide-tablet-landscape {
	  display: none;
	}		
}

@media only screen and (max-width: 1023px) {
		
  .hide-desktop {
    display:block !important;
  }
  .mobilenavigation .buttons {
    display: none;
  }
  .academy {
    height: 51px;
    display: flex !important;
    align-items: center;
  }
		
	.header .headertop nav ul>li>a .fa-phone {
    line-height: 40px;
	}		
  .header .headertop nav {
    right: 70px;
  }
  .header .headertop nav ul>li>a {
    margin-right: 5px;
    background-color: #48a87d;
    border: 1px solid #48a87d;
    color: #fff;
    padding: 5px 15px;
    width: 50px;
    height: 50px;
  }
		
		
		.header .headertop nav ul>li>a.academy {
		font-size: 0;
		}
		
		.header .headertop nav ul>li>a.academy i:before {
		font-size: 20px;
		}
		
  .mobilenavigation li.hs-menu-depth-2.haschildren a+ul {
    display: block !important;
  }
  .mobilenavigation li.hs-menu-depth-2 a {
    font-weight: 600;
  }
   .mobilenavigation li.hs-menu-depth-3 a {
    font-weight: 400;
  }
}

@media (max-width: 767px) {
		
  .call-to-action {
    overflow: inherit;
  }
  .call-to-action .tea-break-wrapper {
    width: 240px;
    margin-top: -140px;
    z-index: 9;
  }
  .call-to-action .grid>div:first-child p:first-child {
    padding-right: 80px !important;

  }
  .call-to-action .grid>div:first-child {
    padding-right: 20px !important;
    padding-top: 60px;

  }
  .small-text{
    font-size: 16px;
  }
}


body > .hs-tools-menu.hs-collapsed {
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%);
}




/** theme colors variable */


body.theme-strategy {
  --theme-bg-color: #eceef1;
  --theme-color: #9ad2d8;
  --theme-text-color: #fff;
}
body.theme-brand {
  --theme-bg-color: #f5fbfb;
  --theme-color: #3c5675;
  --theme-text-color: #000;
}
body.theme-iauxui {
  --theme-bg-color: #edf6f2;
  --theme-color: #48a87d;
  --theme-text-color: #fff;
}
body.theme-webdev {
  --theme-bg-color: #fdf9f0;
  --theme-color: #e8c169;
  --theme-text-color: #000;
}
body.theme-dm {
  --theme-bg-color: #fdf4ed;
  --theme-color: #ed8c4a;
  --theme-text-color: #000;
}
body.theme-crm {
  --theme-bg-color: #fcf0ee;
  --theme-color: #e26952;
  --theme-text-color: #fff;
}


.theme-strategy .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #3c5675;
}
.theme-brand .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #9ad2d8;
}
.theme-iauxui .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #48a87d;
}
.theme-webdev .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #e8c169;
}
.theme-dm .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #ed8c4a;
}
.theme-crm .btn.btn-primary.btn-outline {
  background-color: transparent;
  color: #e26952;
}