@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/js/owl.theme.default.min.css'); 
@import url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/js/owl_carousel_min.css'); 
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css'); 
@import url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/js/animate.min.css'); 

@font-face {
	font-family: 'Gilroy-ExtraBold';
	src: url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-ExtraBold.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-ExtraBold.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-Light';
	src: url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-Light.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-Light.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-Light.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/4614373/Care%20Outlook%20Oct%202018/fonts/Gilroy-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }

/*********************************************** remember to define focus styles! **********************************************/

:focus { outline: 0; }

/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }

/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;}

/*********************************************************body  ********************************************************/

body { font-size: 16px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent; font-family: 'Raleway', sans-serif;font-weight:600;color:#181832;background:#f2f7f7;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom:15px;}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}

/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}

/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

/************************* container **************/
.container {max-width:995px;margin:0 auto !important;padding:0 20px;float:none !important;width: 100%; }
.container1 {max-width:1100px;margin:0 auto !important;padding:0 20px;float:none !important;width: 100%; }
.container2 {max-width:650px;margin:0 auto !important;padding:0 20px;float:none !important;width: 100%; }

/*********************************************************************************************************************************

														Form CSS Starrt here
															
**********************************************************************************************************************************/

/****************************************************Placeholder opacity cross browsers*****************************************/

input::-webkit-input-placeholder { color: #101f4f !important; font-weight:600; } /* WebKit browsers */
input:-moz-placeholder { color: #101f4f!important;font-weight:600; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #101f4f!important;font-weight:600;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #101f4f!important;font-weight:600; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #101f4f!important;font-weight:600; } /* WebKit browsers */
textarea:-moz-placeholder { color: #101f4f!important; font-weight:600;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #101f4f!important; font-weight:600; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #101f4f!important; font-weight:600;} /* Internet Explorer 10+ */

/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/*********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset;box-shadow: 0 0 0 100px #fff inset;	color:#333 ;}


input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header {background: rgba(18,34,86,0.8);position: fixed; top: 0; z-index: 999;padding: 27px 25px 20px 25px;     width: 100% !important;}
.wrapper-header .h-container > div > div {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .logo { width: 246px !important; margin: 0 !important; }
.wrapper-header .menu { width: calc(100% - 334px)!important; margin: 0 !important;}
.wrapper-header .social{width: 87px!important; margin: 0!important;}
.wrapper-header .social ul{display: flex; flex-wrap: wrap;justify-content: flex-end;}
.wrapper-header .social ul li a { padding: 1px; }
.wrapper-header .social ul li a img { max-height: 27px;}
.share-icon { display: none; }
.share-icon img { height: 20px; width: 20px; }
.wrapper-header .social ul li a:hover,.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) .hs-menu-depth-2 a:hover{opacity: 0.5;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content:center;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 4px 0;display: inline-block;font-size:16px;position: relative;} 
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:before { position: absolute; content: ""; width:0; height:4px; background: #07ced5;left: 0; bottom:0;transition: all 0.5s ease ;  }
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover:before,.wrapper-header .menu ul > li.hs-menu-depth-1.active > a:before {width:100%;transition: all 0.5s ease ; }
.wrapper-header .menu ul > li.hs-menu-depth-1 { padding: 0 15px; }

/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:14px;transition: all 0s ease;} 
.wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover,.wrapper-header .menu ul > li.hs-menu-depth-2.active > a{color:#07ced5;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: rgba(18,34,86,1); width: 100%; min-width: 160px;visibility: hidden;padding: 10px 0;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:-7px;right:8px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/

/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 


.wrapper-footer{background:#101f4f;padding-top: 41px; padding-bottom: 30px; border-bottom: 2px solid #07a7d5; } 
.wrapper-footer .container{max-width: 1150px;}
.wrapper-footer .ft-menu .hs-menu-wrapper > ul{display: flex; color: #fff; flex-wrap: wrap;}
.wrapper-footer .ft-menu ul .hs-menu-depth-1:first-child { width: 17%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(2) { width: 20.5%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(3) { width: 22%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) { width: 17%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:last-child { width:23.5%;padding-right:0; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:last-child img{width:100%;}
.wrapper-footer ul.hs-menu-children-wrapper { margin-top: 7px; }
.wrapper-footer .hs-menu-depth-1 > a { font-weight: 500; font-size: 15px; color: #07ced5; }
.wrapper-footer  li.hs-menu-depth-2 { font-size: 12px; line-height: 1.2; font-weight: 400;    margin-bottom: 4px; }
.wrapper-footer  li.hs-menu-depth-2 > a:hover{color:#07ced5;}
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) .hs-menu-depth-2 img { max-height: 24px; height: 100%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) .hs-menu-depth-2 a { display: inline-block; padding: 4px; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) ul.hs-menu-children-wrapper { margin-top: 5px; display: flex !important; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1{padding-right:15px;}

.bottom-footer{background:#101f4f;color:#07ced5; padding-top: 14px; padding-bottom: 15px;}
.bottom-footer ul {display: flex; align-items: center; justify-content: center;flex-wrap:wrap;    text-align: center;}
.bottom-footer li.hs-menu-item.hs-menu-depth-1 { font-size: 14px; font-weight: 400; padding: 0 14px; }
.bottom-footer li.hs-menu-item.hs-menu-depth-1 a:hover{color:#fff;}
h2{font-size: 42px; font-weight: 900; line-height: 1.1;margin-bottom:20px;}
h3 { font-size: 35px; font-weight: 600; line-height: 1; margin-bottom: 20px; }
h4 { font-size: 20px; font-weight: 700; line-height: 1; margin-bottom:15px; }
.common-cta a { text-transform: uppercase; font-size: 18px; line-height: 1.1; min-width: 170px; display: inline-block; border-radius: 50px; padding: 10px 20px; background: #07ced5; color: #122256; text-align: center; }.common-cta a:hover { color: #fff; background: #122256; }

@media(max-width:1366px){
.wrapper-header .menu ul > li.hs-menu-depth-1 > a {font-size: 14px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 { padding: 0 10px; }
}

@media(max-width:1200px){
h2 { font-size: 34px;}
h3 { font-size: 30px;}
.wrapper-header { padding: 20px;}
.wrapper-header .logo { width: 215px !important; margin: 0 !important; }
.wrapper-header .menu { width: calc(100% - 303px)!important; margin: 0 !important; }
}

@media(min-width:1025px){
.wrapper-header .hs-menu-wrapper{display:block !important;}
.wrapper-header .mobile-trigger{display: none!important;}
}

@media(max-width:1024px){
body { font-size: 14px;}
h2 { font-size: 30px;}
h3 { font-size: 26px;}
h4 { font-size: 18px;}
.common-cta a {font-size: 16px;}
.wrapper-header .social {margin: auto 55px auto auto!important; }
.wrapper-header .social ul li a img { max-height: 26px; }
.wrapper-header .menu { width: 0 !important;}
.wrapper-header .menu .hs-menu-wrapper > ul {display: block;position: absolute; height: calc(100vh - 70px); width: 100%; }
/**********************************************Toggle Icon***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{overflow: hidden;}
.wrapper-header .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right: 20px; width: 40px; padding: 20px 0px; z-index: 999; top: 23px;}
.wrapper-header .mobile-trigger .line {display: block;background:#07ced5;width: 40px;height:5px;position:absolute;left: 0;border-radius: 4px;}
.wrapper-header .mobile-trigger .line.line-3{top:50%;}
.wrapper-header .mobile-trigger.active-re .line-3 { transform: translateY(-23px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-23px) translateX(0) rotate(-45deg); -moz-transform: translateY(-23px) translateX(0) rotate(-45deg);}
.wrapper-header .mobile-trigger.active-re .line.line-3 {top:80%;}
.wrapper-header .mobile-trigger .line.line-2{top:25%;}
.wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;}
.wrapper-header .mobile-trigger .line.line-1{top:0;}
.wrapper-header .mobile-trigger.active-re .line-1{top:12%;}
.wrapper-header .mobile-trigger.active-re .line-1 { transform: translateY(5px) translateX(0) rotate(45deg); -webkit-transform: translateY(5px) translateX(0) rotate(45deg); -moz-transform: translateY(5px) translateX(0) rotate(45deg);}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ;padding:5px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ;padding:5px; }

/**********************************************Depth 1***************************************/
.wrapper-header .hs-menu-wrapper { width: 100%; max-width: 280px; right: -280px; top: 0; padding-top:65px; background:#101f4f; position: fixed; height: 100%;transition: all 0.5s ease; }
.mobile-open .wrapper-header .hs-menu-wrapper {right:0;transition: all 0.5s ease;z-index:998;}
.wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid #fff;padding: 0;}
.wrapper-header .menu ul > li.hs-menu-depth-1:first-child{border-top: 1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 20px;display: inline-block;font-size:15px;} 
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:before {height: 0;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover:before,.wrapper-header .menu ul > li.hs-menu-depth-1.active a:before{ width:0%;}

/**********************************************Depth 2***************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;padding:0;}
.wrapper-header .menu ul > li.hs-menu-depth-1 .child-trigger{top:-5px;right:39px;cursor: pointer;}
.wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; }
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}{transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}

/**********************************************Depth 3***************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover { color: #fff; }
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a{padding:10px 30px;}  
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) { width: 19.5%; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:last-child { width: 21%; }
}

@media screen and (max-height:568px) and (max-width:1024px){
.wrapper-header .menu .hs-menu-wrapper > ul{overflow-y: scroll; }
}    

@media(max-width:767px){
h2 { font-size: 26px;}
h3 { font-size: 22px;}
h4 { font-size: 16px;}
.wrapper-footer .ft-menu ul .hs-menu-depth-1 { padding-right: 0; margin-bottom: 15px; width: 100% !important; }
.wrapper-footer .ft-menu .hs-menu-wrapper > ul {text-align: center; }
.wrapper-footer li.hs-menu-depth-2 { font-size: 14px;margin-bottom: 10px; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:nth-child(4) ul.hs-menu-children-wrapper {  justify-content: center; }
.wrapper-footer .ft-menu ul .hs-menu-depth-1:last-child > a{max-width: 160px;}
.wrapper-footer .hs-menu-depth-1 > a {font-size: 16px; display: inline-block; max-width: 160px; }
}

@media(max-width:640px){
.hm form div.hs-form-field{width: 100% !important;margin-right:0 !important;}
.wrapper-header .logo { width: 165px !important; margin: 0 !important; }
.wrapper-header .hs-menu-wrapper{padding-top:64px;}
}    

@media(max-width:480px){ 
.wrapper-header .social {margin: auto 45px auto auto!important; }
.bottom-footer li.hs-menu-item.hs-menu-depth-1 { font-size: 14px; font-weight: 400; padding: 3px 0; width: 100%; }
}

@media(max-width:360px){
.share-icon { display: block; width: 20px; margin-top: 4px; cursor:pointer;}
.wrapper-header .social ul { display: none;    transition: all 0.5s ease;}
.wrapper-header .social {margin: auto 0 auto auto!important; }
.wrapper-header .social ul { display: none; position: absolute; top: 65px; background: rgba(18,34,86,0.8); right: 42px; padding: 0px 10px 5px;    transition: all 0.5s ease; }
.wrapper-header .social ul li{display: inline-block;}
}