/*New Pages CSS*/
  #scrollUp{
      bottom: 20px;
      right: 20px;
      padding: 3px;
      opacity: .5;
      width: 50px;
      opacity: 0;
      pointer-events: none;
      transition: all 200ms ease-out;
  }
  	figcaption{
  		    min-height: 50px;
  	}
  .new-page-templates #resume-nav ul li {
      margin-right: 0px;
  }
  .new-page-templates #resume-nav-container {
      margin: 0 -15px;
  }
  .xtra-space-lg{
  	margin: 20px auto 250px auto;
  }
  .marg-down{
  	margin-bottom: 50px!important;
  }
  .check1marg{
  	margin-bottom: 80px!important;
  }
  .check2marg{
  	margin-bottom: 80px!important;
  }
  .blade-blue{
  	background-color: #52b2d5;
  	color: #ffffff;
  	position: relative;
  	z-index: 1;
  }
  #blade2  h2.section-title{
  	margin-bottom: 0;
  }
  .blade-babyblue{
  	background-color: #e5f3f8;
  	position: relative;
  }

  .blade-gray{
  	background-color: #f8f8f5;
  }

  .blade-mint{
  	background-color: #eef7e6;
  }

  .blade-white{
  	background-color: #ffffff;
  }

  .blade-brown{
  	background-color: #f2eee3;
  	position: relative;
  	z-index: 1;
  }

  .blade-otherblue{
  	background-color: #37839e;
  	color: #ffffff;
  }

  .hero-section-top{
  	text-align: center;
  }

  .hero-section-top h1{
  	color: #d23f35;
  	font-size:3.6rem;
  }
  .the_subtitle{
  	font-size:2.4rem;
  	font-weight: 400;
  	color: #39393a;
  }
  .lul{
  	display: none;
  }
  .empuja1{
  	margin-bottom: 100px!important;
  }
  .empuja2{
  	margin-bottom: 60px!important;
  }
  .empuja3{
  	margin-bottom: 60px!important;
  }
  /*TOC*/
    span.smallh2 {
        font-size:1.6rem;
        letter-spacing: .1em;
        color: #666;
    }

    #toc_container {
        background: #f9f9f9;
        border: 1px solid #aaa;
        padding: 20px;
        margin-bottom: 1em;
        font-size:1.5rem;
    }
    .toc_wrap_left {
        float: left;
        margin-right: 10px;
    }
    #toc_container ul ul {
        margin-left: 1.5em;
    }
    /*TOC*/
  .new-page-templates .toc_list li{
  	list-style-type: decimal!important;
      margin: 10px!important;
  }
  .background-img-1{
      position: absolute;
      left: 15%;
      bottom: -5%;
      z-index: -1;
  }

  .background-img-2{
  	position: absolute;
      left: 3%;
      bottom: -7.4%;
      z-index: -1;
      transform: scale(0.8,0.8);
  }
  .background-img-3{
  	position: absolute;
      right: 5%;
      bottom: 1%;
  }
  .background-img-4 {
    position: absolute;
    left: 25%;
    bottom: 0%;
    z-index: -1;
}
  .background-img-5{
  	position: absolute;
      right: 15%;
      bottom: 37%;
      transform: scale(0.8,0.8);
  }
  .background-img-6{
  	position: absolute;
      right: 5%;
      bottom: 1%;
  }
  .background-img-7{
  	    position: absolute;
      left: 0;
      right: 0;
      bottom: -3.3%;
      z-index: -1;
      margin: 0 auto;
  }
  .ad-centered{
  width:100%;
  }
  .new-page-templates{
  	margin: 0 15px;
  }
  .new-page-templates h2{
  	margin-top: 60px;
      margin-bottom: 20px;
      text-transform: uppercase;
  }

  .h2blue{
  	color: #2b596b;
  }
  .h2red{
  	color: #d5483e;
  }
  .h2yellow{
  	color: #FECD5C;
      margin-bottom: 50px!important;
  }

  .margin-centered{
  	margin-right: auto;
  	margin-left: auto;
  }

  .blue-bar{
      background-color: #52b2d5;
      width: 85px;
      height: 5px;
      margin-top: 0;
      margin-bottom: 40px;
  }

  .btnpage{
  font-size:2.0rem;
      background: #469AF6;
      color: #fff !important;
      text-decoration: none !important;
      border-radius: 0 !important;
      padding: 15px 30px!important;
      margin-bottom: 40px!important;
  }
  span.numb-hl{
      background: #a0c55e;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #ffffff;
      display: inline-block;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em;
      float: left;
  }
  span.xtra-long{
  	margin-bottom: 50px;
  }
  .chekmark{
  	display: inline-block;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em;
      float: left;
      margin-bottom: 140px;
  }
  .squaremark{
      margin-right: 25px;
      text-align: center;
      padding-right: 10px;
      padding-bottom: 20px;
      padding-top: 20px;
      width: 40px;
  }
  .blade-babyblue strong, .blade-brown strong{
  	color: #44a3cb;
      text-transform: uppercase;
  }
  .blade-babyblue strong.the_red_one{
  	color: #DF5F4E;
      text-transform: none;
  }
  .mar-correction{
  	margin-top: 0!important;
  }
  .res-caption-title{
      font-size:1.8rem;
      color: #DD5644;
      font-weight: 400;
  }
  .blade-gray .col-md-4, .blade-babyblue .col-md-4, .blade-white .col-md-4, .blade-mint .col-md-4 {
  	text-align: center;
      padding-right: 40px!important;
      padding-left: 40px!important;
  }

  .blade-gray .col-md-4 a, .blade-babyblue .col-md-4 a, .blade-white .col-md-4 a, .blade-mint .col-md-4 a {
  	width:100%;
  }
  .margin-pressed{
      margin: 30px 0px!important;
  }
  .hideandseekgame-mob{
  	display: none;
  }
  .hideandseekgame-desk{
  	display: block;
  }

#resume-nav {
	background: #162937;
	display: block;
	text-align: center;
	height: 60px;
}

#resume-nav ul {
	display: inline-block;
	list-style: none;
}

#resume-nav ul li {
	float: left;
	line-height:6.0rem;
}

#resume-nav ul li a {
	border-radius: 4px;
	color: #fff;
	font-size:1.4rem;
	outline: none;
	padding: 5px 14px;
}
#resume-nav ul li a.active {
    background: #ffcd5c;
    color: #162937;
}
.stickyres {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	padding-top: 150px;
}

.page-template-resume-full-width-new #main {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.page-template-resume-full-width-new .section-title {
	font-size:3.6rem;
}

.page-template-resume-full-width-new {
	font-size:1.7rem;
	line-height: 1.4;
}
.page-template-resume-full-width-new p {
	margin: 20px 0;
}

.page-id-92181 #blade4 .col-md-4 img,
.page-id-92182 [id*="blade1"] .col-md-4 img,
.page-id-92183 [id*="blade"] .col-md-4 img,
.page-id-92184 [id*="blade"] .col-md-4 img,
.page-id-92185 [id*="blade"] .col-md-4 img,
.page-id-92438 [id*="blade"] .col-md-4 img,
.page-id-92443 [id*="blade"] .col-md-4 img{
    min-height: 387px;
    margin: 10px 0!important;
    border: 1px solid #ccc;
}
.page-id-92183 #blade2 .col-md-4 img,
.page-id-92183 #blade10 .col-md-4 img,
.page-id-92183 #blade18 .col-md-4 img,
.page-id-92183 #blade19 .col-md-4 img,

.page-id-92184 #blade1 .col-md-4 img,
.page-id-92184 #blade2 .col-md-4 img,
.page-id-92184 #blade10 .col-md-4 img,
.page-id-92184 #blade19 .col-md-4 img,

.page-id-92185 #blade2 .col-md-4 img,
.page-id-92185 #blade17 .col-md-4 img,
.page-id-92185 #blade18 .col-md-4 img,
.page-id-92185 #blade19 .col-md-4 img,

.page-id-92438 #blade2 .col-md-4 img,
.page-id-92438 #blade8 .col-md-4 img,
.page-id-92438 #blade9 .col-md-4 img,

.page-id-92443 #blade2 .col-md-4 img,
.page-id-92443 #blade8 .col-md-4 img,
.page-id-92443 #blade9 .col-md-4 img
{
    min-height: auto;
    border: none;
}

.blade-otherblue table td:nth-child(2){padding-left:20px;}

.page-template-resume-full-width-new h1,
.page-template-resume-full-width-new h2,
.page-template-resume-full-width-new h3,
.page-template-resume-full-width-new h4,
.page-template-resume-full-width-new h5,
.page-template-resume-full-width-new h6 {
	font-family: sans-serif;
	font-weight: 300;
	line-height: 1em;	
}

.blade-otherblue table td:nth-child(2) {
	padding-left: 20px;
}

/*ADVERTISEMENT*/

.page-template-resume-full-width-new .ad-space {
    z-index: 10;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
  @media (max-width: 1430px){
  	#resume-nav li{
  		display:none;
  	}
  	#resume-nav{
  		background-color: transparent;
  	}
  }


  @media (min-width: 320px) and (max-width: 991px){
  	.check1marg{
  		margin-bottom: 200px!important;
  	}
  	.check2marg{
  	margin-bottom: 230px!important;
  }
  	.marg-down{
  		margin-bottom: 80px!important;
  	}
  	.empuja1{
  		margin-bottom: 180px!important;
  	}
  	.empuja2{
  		margin-bottom: 100px!important;
  	}
  	.empuja3{
  		margin-bottom: 60px!important;
  	}
  	.carousel.slide{
  		text-align: center;
  	}
  	.res-caption-title{
  		text-align: center;
  	}
  	.control-left{
  	    background: #089bd9 none repeat scroll 0 0;
  	    border-radius: 26px;
  	    color: #fff;
  	    height: 35px;
  	    margin-top: 65%;
  	    padding: 7px 0 0 9px;
  	    position: absolute;
  	    text-decoration: none !important;
  	    width: 35px;
  	    z-index: 9;
  	}
  	.control-right{
  	    background: #089bd9 none repeat scroll 0 0;
  	    border-radius: 26px;
  	    color: #fff;
  	    height: 35px;
  	    margin-top: 65%;
  	    padding: 7px 0 0 9px;
  	    position: absolute;
  	    text-decoration: none !important;
  	    margin-left: 84%;
  	    width: 35px;
  	    z-index: 9;
  	}
  	.hideandseekgame-mob{
  		display: block;
  	    margin-top: 40px;
  	}
  .hideandseekgame-desk{
  	display: none;
  }

  	.hero-section-top h1 {
  	    font-size:2.6rem!important;
  	    text-align: left!important;
  	}

  	.the_subtitle{
  	    font-size:1.8rem!important;
  	    text-align: left!important;
  	}

  	.btnpage{
  	    width: 100%;
  	    font-size:2.0rem;
  	}
  	.background-img-1{
  	    width: 170%;
  	    left: 11%;
  	    max-width: inherit!important;
  	    bottom: -2%;
  	}
  	.background-img-2{
  		bottom: -2%;
  	    width: 120%;
  	    max-width: inherit!important;
  	}
  	.background-img-4{
  		bottom: 0%;
  		left: -15%;
      right: 10%;
  	}

  	.background-img-5 {
  		right: 4%;
  		top: 0;
  		transform: scale(0.6,0.6);
  	}
  	.background-img-7{
  	    position: absolute;
  	    left: 0;
  	    transform: scale(2.2,2.2);
  	    bottom: 8%;
  	    z-index: -1;
  	}
  	.xtra-space{
  		margin-bottom: 200px;
  	}
  	.xtra-space-lg{
  		margin: 20px auto 250px auto;
  	}
  	.mob-color-change{
  	    font-size:2.6rem!important;
  	    color: #DD5644!important;
  	    text-align: left!important;
  	    line-height: 1.3!important;
  	}
  	.margin-centered{
  		margin-right: 0;
  		margin-left: 0;
  	}

  	.new-page-templates .toc_list li{
  		list-style-type: decimal!important;
  	    margin: 10px!important;
  	}
  	.new-page-templates h2{
  		font-size:2.6rem!important;
  		line-height: 1.3!important;
  	    text-align: left!important;
  		margin-top: 40px;
  	}
  	span.xtra-long {
  		margin-bottom: 110px;
  	}
  	.chekmark{
  		margin-bottom: 250px;
  	}
    #resume-nav-container {
    display: none!important;
}

.page-template-resume-full-width-new #content-wrap {
    overflow: hidden;
}
.blade-otherblue table td:nth-child(2){padding-left:0;}
  .squaremark{width:35px;}
}

  @media (max-width: 767px){
    .xtra-space-lg{
      margin: 20px auto 150px auto;
    }
    .btnpage {
      font-size:1.8rem;
  }
  #whitecardid .whitecard {
     height: auto;
  }
    h1 {
      font-size:2.4rem;
      line-height:2.6rem;
  }
  }

/*COST-2101*/
.toc_list  {
	line-height: 2.5em;
}
.toc_list a  {
	color: #3372b7;
}

.controls{position:relative}
.control-left.fa-arrow-left,.control-right.fa-arrow-right{position: absolute;content: "";bottom: 0;right: 0;left:28px;padding:0;top:50%;width:34px;height:34px;background-repeat: no-repeat;background-image: url(/app/themes/hloom-child/img/icons.png);transform:translate(-50%,-50%);}
.control-left.fa-arrow-left{ background-position:7px 7px;background-size: 60px;}
.control-right.fa-arrow-right{background-position:-34px 7px;background-size: 60px;}

.fa-caret-down,.fa-caret-up{
  position: relative;
}
.fa-caret-down:after{
  position: absolute;
  content: '';
  border: 6px solid transparent;
  border-top: 6px solid #23527c;
  left: 4px;
  border-radius: 3px;
}
.show-example.collapsed>.fa-caret-down:after {
  top: 7px;
  transform: rotate(0deg);
  transition: transform .3s, -webkit-transform .3s;
}
.show-example>.fa-caret-down:after{
  transform: rotate(180deg);
  transition: transform .3s, -webkit-transform .3s;
}

.arrow-blue-right{
  border: solid #96d1ea;
  border-width: 0 4px 4px 0;
  display: inline-block;
  border-radius: 4px;
  padding: 4px;
  position: relative;
  vertical-align: middle;
  transform: rotate(-45deg);
}
.arrow-blue-right:after{
  position: absolute;
  border-radius: 2px;
  content: "";
  width: 13px;
  height: 4px;
  background-color: #96d1ea;
  transform: rotate(45deg);
  top: 4px;
  left: -1px;
}
.fa-chevron-circle-right.arrow-aqua-right{
  width: 21px;
  height: 21px;
  border-radius: 10px;
  background-color: #94bcb8;
  display: inline-block;
  transform: rotate(-45deg);
}
.arrow-aqua-right:after{
    position: absolute;
    content: '';
    border: solid #fff;
    border-width: 0 4px 4px 0;
    border-radius: 1px;
    display: inline-block;
    padding: 3px;
    left: 5px;
    top: 5px;
}
@media (max-width: 768px){
.arrow-blue-right.flecha-right,
.arrow-blue-right.flecha-left{
    transform: rotate(45deg);
}
}


/*--COST-2221--*/
.custom-accordion {
  padding: 0;
  margin: 10px 0px;
  background: transparent;
  border: 1px solid #b7dae8;
}

.custom-accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 20px;
  font-size:2.0rem;
  color: #152937;
  border-top: 1px solid #b7dae8;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.custom-accordion li i {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.custom-accordion li i.down {
  right: 20px;
  left: auto;
}
.custom-accordion li.open i { 
    border-bottom: 2px solid #f37150;
  border-right: 2px solid #f37150; 
}

.custom-accordion li.open i.down {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.custom-accordion li.open .link{
  background: #ffffff;
}
#accordion li{
  list-style: none;
}
.submenu {
  display: none;
  background: #ffffff;
  padding: 0px 0px 10px 28px;
  margin: 0;
}
.submenu li {
  display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    font-size:1.8rem; 
  align-items: center;
  text-decoration: none;
  color: #152937;
  padding: 5px 0px;
  letter-spacing: .6px;
  display: flex;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

:root {
  --borderWidth: 4px;
  --height: 20px;
  --width: 10px;
  --borderColor: #97ba3a;
}

.check-Box{
  transform: rotate(45deg);
  height: var(--height);
  width: var(--width);
  border-bottom: var(--borderWidth) solid var(--borderColor);
  border-right: var(--borderWidth) solid var(--borderColor);
  margin-right: 20px;
  margin-top: -5px;
}
.down{
  transform: rotate(45deg);
  height: 12px;
  width: 12px;
  border-bottom: 2px solid #162937;
  border-right: 2px solid #162937;
}
.get-tips{
   color: #6fc5df;
   font-size:1.8rem;
   font-weight: 700;
   display: inline-block;
   margin: 20px 0px 20px 30px;
   text-decoration: underline;
   outline: none!important;
}
.get-tips:hover{
  text-decoration: none;
  color: #6fc5df;
}
.create-btn{
  background: #f37150;
    text-decoration: none;
    color: #ffffff;
    font-size:1.8rem;
    padding: 15px 40px;
    border-radius: 5px;
    font-weight: 700;
    margin: 20px 10px 40px;
    display: inline-block;
}
.create-btn:hover{
  color: #ffffff;
  text-decoration: none;
}
#include-sec h2{
  line-height:4.0rem;
  font-size:3.8rem;
  color: #152937;
  text-transform: none;
} 
  #include-sec p{
    color:#517086;
    font-size:1.6rem;
  }
@media(max-width: 767px){
#include-sec h2{
  line-height:3.2rem!important;
  font-size:2.8rem!important;
  }
.custom-accordion .link{
  font-size:1.6rem;
  font-weight: 400;
  line-height:3.1rem;  
  }
.submenu li{
  font-size:1.4rem;
  line-height:1.8rem;
  color: #243845!important;
  }
  #include-sec p{
    line-height:2.0rem!important;
    font-size:1.4rem!important;
  }
.create-btn{
    width: 93%;
    text-align: center;
  }      
}