body, html {
   width: 100%;
   height: 100%
}
body {
   color: #737373;
}
hr {
   max-width: 50px;
   border-width: 3px;
   border-color: #f05f40
}
hr.light {
   border-color: #fff
}
a {
   color: #f05f40;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   transition: all .2s
}
a:hover {
   color: #f05f40
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
}
.bg-primary {
   background-color: #f05f40!important
}
.bg-dark {
   background-color: #212529!important
}
.text-faded {
   color: rgba(255,255,255,.7)
}
section {
   padding: 8rem 0;
}
.section-heading {
   margin-top: 0
}
::-moz-selection {
color:#fff;
background:#212529;
text-shadow:none
}
::selection {
   color: #fff;
   background: #212529;
   text-shadow: none
}
img::selection {
   color: #fff;
   background: 0 0
}
img::-moz-selection {
color:#fff;
background:0 0
}
#mainNav {
   border-bottom: 1px solid rgba(33,37,41,.1);
   background-color: #333;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;/* transition: all .2s */
}
#mainNav .navbar-brand {
   font-weight: 700;
   text-transform: uppercase;
   color: #f05f40;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;/* height: 50px; */
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
   color: #f05f40
}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
   font-size: .9rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
   color: #f05f40
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
   color: #74d1ff!important;
   background-color: transparent
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {
   background-color: transparent
}

@media (min-width:992px) {
#mainNav {
   border-color: transparent;
   background-color: transparent
}
#mainNav .navbar-brand {
   color: rgba(255,255,255,.7)
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
   color: #fff
}
#mainNav .navbar-nav>li.nav-item>a.nav-link {
   padding: .5rem 1rem
}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
   color: #fff;
   /*border: 1px solid #fff;*/
   margin: 0 5px;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
   color: #0c61ac;
   background: #fff;
}
#mainNav.navbar-shrink {
       border-bottom: 1px solid rgba(33,37,41,.1);
    opacity: 0.9;
    filter: alpha(opacity=50);
    background-color: rgb(15, 40, 74);
}
#mainNav.navbar-shrink .navbar-brand {
   color: #f05f40
}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
   color: #f05f40
}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
   color: #fff;
   border: none;
}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
   color: #f05f40
}
}
header.masthead {
   padding-top: 10rem;
   padding-bottom: calc(10rem - 56px);
   background-image: url(../img/cover3.png);
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover
}
header.masthead hr {
   margin-top: 30px;
   margin-bottom: 30px
}
header.masthead h1 {
   font-size: 2rem
}
header.masthead p {
   font-weight: 300
}

@media (min-width:768px) {
header.masthead p {
   font-size: 1.15rem
}
   
   
   
}

@media (min-width:992px) {
header.masthead {
   height: 8vh;
   min-height: 800px;
   padding-top: 0;
   padding-bottom: 0;
}
header.masthead h1 {
   font-size: 3rem
}
  
}

@media (min-width:1200px) {
header.masthead h1 {
   font-size: 4rem
}
}
.service-box {
   max-width: 400px
}
.portfolio-box {
   position: relative;
   display: block;
   max-width: 650px;
   margin: 0 auto
}
.portfolio-box .portfolio-box-caption {
   position: absolute;
   bottom: 0;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
   color: #fff;
   background: rgba(240,95,64,.9);
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   transition: all .2s
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
   position: absolute;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   text-align: center
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   padding: 0 15px;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   font-size: 18px
}
.portfolio-box:hover .portfolio-box-caption {
   opacity: 1
}
.portfolio-box:focus {
   outline: 0
}

@media (min-width:768px) {
   
   
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
   font-size: 16px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   font-size: 22px
}
}
.text-primary {
   color: #f05f40!important
}
.btn {
   font-weight: 700;
   text-transform: uppercase;
   border: none;
   /* border-radius: 300px; */
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.btn-xl {
   padding: 1rem 2rem
}
.btn-primary {
   background-color: #00608a;
   border-color: #f05f40
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
   color: #fff;
   background-color: #0098db!important;
}
.btn-primary:active, .btn-primary:focus {
   box-shadow: 0 0 0 .2rem rgba(240,95,64,.5)!important
}
.about {
   background-image: url(../img/aboutusimage.png);
   width: 100%;
   /* height: 883px; */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 10px 0 57px;/* font-size: 30px; */
}
.heading {
   color: #05304c;
   padding-top: 6%;
   font-weight: bold;
   font-size: 42px;
   margin: 0;
   font-family: Century Gothic;
}
.heading-2 {
   color: #06314d;
   font-weight: bold;
   font-size: 31px;
   text-transform: uppercase;
   padding: 2% 0% 1% 0%;
   margin: 0;
}
/*BANNER*/



/*.................Navbar..................*/

.portfolio {
   background-image: url(../img/cover2.png);
   /* height: 1500px; */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 10px 0px 344px 0px;
}
.portfolio .heading, p {/* color: #fff; */
}
/*.................Banner Content..................*/

.covercontent {
   text-align: center;
}
.covercontent h1 {
   color: #ffffff;
   font-size: 4.3vw;
   /* line-height: 10px; */
   line-height: 2.14vw;
   font-weight: bold;
   font-family: calibri;
   text-shadow: 2px 2px #000000;
   padding-top: 4px;
}
.port {
   margin-top: 75px;
}
.graphdetail {
   font-size: 21px;
   font-weight: 600;
   color: #fff;
   font-family: Century Gothic;
   text-align: left;
}
.covercontent p {
   line-height: 1.3;
   font-size: 1.15vw;
   color: #d9d9d9;
   margin: 15px 0;
   font-family: Calibri;
   text-shadow: 0.5px 0.5px #000000
}
/*............portfolio...........*/


.progress {
   height: 27px;
   margin: 0;
   overflow: visible;
   border-radius: 50px;
   background: #eaedf3;/* box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9); */
}
.progress .progress-bar {
   border-radius: 50px;
}
.progress .progress-value {
   position: relative;
   left: -45px;
   top: 4px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   letter-spacing: 2px;
}
.progress-bar.active {
   animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 6s;
}
@-webkit-keyframes animate-positive {
 0% {
width: 0%;
}
}
@keyframes animate-positive {
 0% {
width: 0%;
}
}
.title {
   line-height: 37px;
   font-size: 21px;
   font-weight: bold;
}
}
@-webkit-keyframes progress {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
@keyframes progress {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
@-webkit-keyframes show {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@keyframes show {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
/*............portfolio...........*/

/*............About US...........*/

/*.....................Contact Us..........*/
.contact1 {
   padding-bottom: 1%;
   padding-top: 29px;
   font-family: calibri;
   font-weight: bold;
}
.disclaimer {
    font-size: 11px;
    padding-top: 10px;
    color: #fff;
}
.contact {
   background: linear-gradient(to right, #0f294c, #0f294c);
   background-image: url(../img/map.png);
   padding: 50px 0;
}
.ck-contact .contactus {
   text-align: center;
   padding-bottom: 5%;
}
.contactus h1 {
   color: #ffffff;
   text-transform: uppercase;
   margin-bottom: 0;
}
.contactus h3 {
   color: #ffffff;
   margin-top: 1%;
}
.info h3 {
   color: #ffffff;
   font-family: calibri;
   margin-top: -14px;
}
.info i {
   font-size: 19px;
   color: #ffffff;
   /* float: left; */
   width: 20px;
}
.info p {
   /* padding: 0 0 10px 35px; */
   line-height: 24px;
   color: #ffffff;
}
.info span {
   padding-left: 15px;
   display: inline-table;
}
.contact button {
   width: 100%;
}
.space {
   padding-bottom: 40px;
}
/*...............footer..................*/
footer {
   background-color: #333;
   /* line-height: 60px; */
   font-size: 16px;
   color: #fff;
   text-align: center;
   padding: 20px;
}
footer a {
   color: #d2d2d2;
}
.site-footer h2, .site-footer p {
   color: #fff;
}
.site-footer p {
   opacity: .75;
   line-height: 2.0925;
}
.site-footer h2, .site-footer .btn {
   margin-bottom: 25px;
}
.site-footer .social-nav a {
   color: #fff;
   opacity: .25;
}
.site-footer .social-nav a:hover {
   opacity: 1;
}
.site-footer .bottom {
   background-color: #2d3035;
   padding: 20px 0;
}
.site-footer .bottom .list-inline, .site-footer .bottom p {
   margin: 0;
}
.site-footer .bottom .list-inline {
   position: relative;
   top: 5px;
}
.site-footer .bottom .list-inline a {
   color: #fff;
   font-family: "Roboto", Helvetica, Arial, sans-serif;
   margin-right: 15px;
}
.site-footer .bottom .list-inline a:hover {
   color: #199EB8;
}
.site-footer .credits {
   color: #ddd;
}
.site-footer .credits a {
   color: #199EB8;
}
.ck h1 {
   color: #05304c;
   padding-top: 6%;
   font-weight: bold;
   font-size: 42px;
   margin: 0;
   font-family: Century Gothic;
}
.ck h3 {
   color: #A0A0A0;
   margin-top: 3px;
   font-size: 17px;
   padding-top: 5px;
}
.ck p {
   color: #737373;
   /*    font-size: 20px;*/line-height: 23px;
}
.ck #blockchain {
   color: #000000;
   font-weight: bold;
   font-size: 31px;
   text-transform: uppercase;
   padding: 2% 0% 1% 0%;
   margin: 0;
}
.blockchain {
   background-image: url(../img/aboutusimage1.png);
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 10px 0 307px;
}
.detail {
   color: white;
}
#scrollToTop, #scrollToBottom {
   cursor: pointer;
   background-color: #0098db;
   display: inline-block;
   height: 41px;
   width: 47px;
   color: #fff;
       position: fixed;
    bottom: 11px;
   right: 26px;
   font-size: 16pt;
   text-align: center;
   text-decoration: none;
   line-height: 40px;
   margin-top: 13px;
   border-radius: 5px;
}
.bootom-button {
/* height: 7px; */
   
/* background-color: #2d3035; */
}
/*.................Advantages of a Cryptofunds..................*/
.hexa {
   border: 0px;
   float: left;
   text-align: center;
   height: 35px;
   width: 60px;
   font-size: 22px;
   background: #f0f0f0;
   color: #3c3c3c;
   position: relative;
   margin-top: 15px;
}
.hexa:before {
   content: "";
   position: absolute;
   left: 0;
   width: 0;
   height: 0;
   border-bottom: 15px solid #f0f0f0;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   top: -15px;
}
.hexa:after {
   content: "";
   position: absolute;
   left: 0;
   width: 0;
   height: 0;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   border-top: 15px solid #f0f0f0;
   bottom: -15px;
}
.timeline {
   position: relative;
   padding: 0;
   width: 100%;
   /* margin-top: 20px; */
   list-style-type: none;
}
.timeline:before {
   position: absolute;
   left: 50%;
   top: 0;
   content: ' ';
   display: block;
   width: 2px;
   height: 100%;
   margin-left: -1px;
   background: rgb(213, 213, 213);
   background: -moz-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
   background: -webkit-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -o-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -ms-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: linear-gradient(to bottom, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   z-index: 0;
}
.timeline li {
   padding: 2em 0;
}
.timeline .hexa {
   width: 16px;
   height: 10px;
   position: absolute;
   background: #00c4f3;
   z-index: 5;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   top: -30px;
   margin-top: 0;
}
.timeline .hexa:before {
   border-bottom: 4px solid #00c4f3;
   border-left-width: 8px;
   border-right-width: 8px;
   top: -4px;
}
.timeline .hexa:after {
   border-left-width: 8px;
   border-right-width: 8px;
   border-top: 4px solid #00c4f3;
   bottom: -4px;
}
.timeline2 {
   position: relative;
   padding: 0;
   width: 100%;
   margin-top: 20px;
   list-style-type: none;
   margin-left: 1px;
}
.timeline2:before {
   position: absolute;
   left: 50%;
   top: 0;
   content: ' ';
   display: block;
   width: 2px;
   height: 100%;
   margin-left: -1px;
   background: rgb(213, 213, 213);
   background: -moz-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
   background: -webkit-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -o-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: -ms-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   background: linear-gradient(to bottom, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
   z-index: 5;
}
.timeline2 li {
   padding: 2em 0;
}
.timeline2 .hexa {
   width: 16px;
   height: 10px;
   position: absolute;
   background: #00c4f3;
   z-index: 5;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   top: -30px;
   margin-top: 0;
}
.timeline2 .hexa:before {
   border-bottom: 4px solid #00c4f3;
   border-left-width: 8px;
   border-right-width: 8px;
   top: -4px;
}
.timeline2 .hexa:after {
   border-left-width: 8px;
   border-right-width: 8px;
   border-top: 4px solid #00c4f3;
   bottom: -4px;
}
/* pentagen shape start here */
.pentagon {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   width: 108px;
   position: relative;
   top: 131px;
   border: 36px solid rgba(0, 0, 0, 0);
   border-top: 100px solid #1abc9c;
   border-bottom: 0 solid #1abc9c;
   font: normal 100%/normal Arial, Helvetica, sans-serif;
   color: rgba(0, 0, 0, 1);
   -o-text-overflow: clip;
   text-overflow: clip;
}
.pentagon::before {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   width: 0;
   height: 0;
   position: absolute;
   content: "";
   bottom: 100px;
   left: -36px;
   border: 90px solid rgba(0, 0, 0, 0);
   border-bottom: 70px solid #1abc9c;
   font: normal 100%/normal Arial, Helvetica, sans-serif;
   color: rgba(0, 0, 0, 1);
   -o-text-overflow: clip;
   text-overflow: clip;
   text-shadow: none;
}
/* pentagen shape start here */
.direction-l, .direction-r {
   float: none;
   width: 100%;
   text-align: center;
}
.flag-wrapper {
   position: relative;
}
.flag {
   position: relative;
   display: inline;
   background: rgb(255, 255, 255);
   font-weight: 600;
   z-index: 15;
   text-align: left;
   border-radius: 5px;
   color: #01B7FF;
}
.direction-l .flag:after, .direction-r .flag:after {
   content: "";
   position: absolute;
   left: 50%;
   top: -15px;
   height: 0;
   width: 0;
   margin-left: -8px;
   border: solid transparent;
   border-bottom-color: rgb(255, 255, 255);
   border-width: 8px;
   pointer-events: none;
}
.desc {
   position: relative;
   background: #ffffff;
   z-index: 15;
   color: #000000;
}
.direction-l .desc, .direction-r .desc {
   position: relative;
   z-index: 15;
}
/*.................shapes start..................*/
.hexagonportfolio {
   position: relative;
   width: 1335px;
   height: 770.76px;
   background-color: #0f294c;
   margin: 412.38px 6px;
   background-image: url('img/background.png')
}
.hexagonportfolio:before, .hexagonportfolio:after {
   content: "";
   position: absolute;
   width: 0;
   border-left: 667.5px solid transparent;
   border-right: 667.5px solid transparent;
}
.hexagonportfolio:before {
   bottom: 100%;
   border-bottom: 265.38px solid #0f294c;
}
.hexagonportfolio:after {
   top: 100%;
   width: 0;
   border-top: 265.38px solid #0f294c;
}

@media(min-width: 768px) {
.timeline {
   width: 660px;
   margin: 0 auto;
   margin-top: 20px;
}
.timeline li:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.timeline .hexa {
   left: -28px;
   right: auto;
   top: 8px;
}
.timeline .direction-l .hexa {
   left: auto;
   right: -28px;
}
.direction-l {
   position: relative;
   width: 310px;
   float: left;
   text-align: right;
}
.direction-r {
   position: relative;
   width: 310px;
   float: right;
   text-align: left;
}
.flag-wrapper {
/*display: inline-block;*/
}
.flag {
   font-size: 25px;
   font-family: Century Gothic;
46
}
.direction-l .flag:after {
   left: auto;
   right: -16px;
   top: 50%;
   margin-top: -8px;
   border: solid transparent;
   border-left-color: rgb(254, 254, 254);
   border-width: 8px;
}
.direction-r .flag:after {
   top: 50%;
   margin-top: -8px;
   border: solid transparent;
   border-right-color: rgb(254, 254, 254);
   border-width: 8px;
   left: -8px;
}
}

@media(min-width: 992px) {
.timeline {
   width: 1000px;
   margin: 0 auto;
   /* margin-top: 100px; */
}
.direction-l {
   position: relative;
   width: 480px;
   float: left;
   text-align: right;
}
.direction-r {
   position: relative;
   width: 480px;
   float: right;
   text-align: left;
}
}
/*...................Portfolio.................*/

/*............Our Team...........*/
.team {
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   text-align: center;
   background-image: url('../img/team.png'); 
   padding: 0 0 100px 0;
}
.team-ck h1 {
   color: #05304C;
   font-weight: bold;
}
.team-ck p {
   color: #737373;
   font-size: 14px;
   font-family: calibri;
   line-height: 21px;
   margin: 0px;
   font-weight: 600;
}
.client-details {
   margin-top: 50px;
}
.team-image {
   position: relative;
   top: 50px;
}
.about-background {
   background-image: url(img/aboutusimage.png);
   width: 100%;
   height: 883px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
#portfolio {
   color: white;
   margin-top: 555px;
   text-align: center;
   font-family: Century Gothic;
}

@media screen and (max-width: 2000px) and (min-width: 1400px) {
body {
}
.wow fadeInUp {
   font-size: 56px !important;
   font-weight: bold;
}
.footer-address {
   font-size: 38px;
   font-weight: bold;
   color: #fff;
}
.footer-link{
   font-size: 1.1rem;
   font-weight: bold;
   color: #fff;
   /*margin-left: 60px;*/
}
.info p {
   /* padding: 0 0 10px 50px; */
   line-height: 33px;
   color: #ffffff;
   font-size: 18px;
}
.flag {
   font-size: 32px;
}
.about-font {
   text-align: center;
   font-size: 17px;
   line-height: 25px
}
.direction-l .desc, .direction-r .desc {
   position: relative;
   z-index: 15;
   font-size: 15px;
   font-size: 19px;
}
.team-ck p {
   color: #737373;
   font-size: 18px;
   font-family: calibri;
   line-height: 26px;
   margin: 0px;
   font-weight: 600;
}
.title {
   line-height: 37px;
   font-size: 21px;
   font-size: 31px;
   font-weight: bold;
}
.portfolio-image {
   background-image: url(img/portfoiliobackground.png);
   height: 1827px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
#portfolio {
   color: white;
   margin-top: 700px;
   text-align: center;
   font-size: 28px;
}
.about-background {
   background-image: url(img/aboutusimage.png);
   width: 100%;
   height: 1019px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.ck h1 {
   color: #05304c;
   padding-top: 7%;
   font-weight: bold;
   font-size: 51px;
   margin: 0;
}
.background {
   background-image: url(img/cover3.png);
   width: 100%;
   /* height: 618px; */
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding-bottom: 32%;
}
}
@media only screen and (max-width: 768px) {
   
    .contact-center{text-align: center;}
   
  
   
}


@media screen and (max-width: 1000px) and (min-width: 300px) {
   
   
.hexagonportfolio {
   position: relative;
   width: 950px;
   height: 650px;
   background-color: #64C7CC;
   margin: 187.64px 0;
}
.hexagonportfolio:before, .hexagonportfolio:after {
   content: "";
   position: absolute;
   width: 0;
   margin-left: 30px;
   margin-top: 0px;
   border-left: 460px solid transparent;
   border-right: 460px solid transparent;
}
.hexagonportfolio:before {
   bottom: 100%;
   border-bottom: 187.64px solid #64C7CC;
}
.hexagonportfolio:after {
   top: 100%;
   width: 0;
   border-top: 187.64px solid #64C7CC;
}
}

@media (max-width: 767px) {
#mainNav .navbar-brand img {
   height: 36px;
}
.portfolio {
   padding: 270px 0;
}
.mentors img {
   width: 270px;
   margin: auto;
}
footer {
   font-size: 12px;
}
.portfolio {
   padding: 9px 0 180px;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1824px) {
header.masthead {
   min-height: 1200px;
}
.about {
   padding: 10px 0 100px;
}
.portfolio {
   background-image: url(../img/cover2.png);
   padding: 750px 0;
}
.benefits {
   padding: 150px 0;
}
}

@media only screen and (min-width : 1224px) {
.portfolio {
   padding: 10px 0px 344px 0px;
}
.benefits {
   padding: 0px 0;
}
}


.skill .progress .lead {
    color: #333;
    left: 0;
    top: -21px;
    z-index: 9;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    text-transform: uppercase;
}
.skill .lead{
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    font-family: Century Gothic;
    text-align: left;
    line-height: 45px;
    }


.skill .progress {
    height: 27px;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    background-color: #eee;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.skill .progress-bar span {
 
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    /* float: right; */
    /* font-weight: 400; */
    /* font-size: 12px; */
    margin-right: 10px;
    /* margin-top: -26px; */
    /* position: relative; */
    padding: 0 5px;
    /* right: 30px; */
}

.skill-bar-area{
    overflow: hidden;
    padding-top: 24px;
}


.width-60pt{width: 60%;}
.width-15pt{width: 15%;}
.width-5pt{width: 5%;}
.width-20pt{width: 20%;}


.skill .progress.active {
   animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 6s;
}
@-webkit-keyframes animate-positive {
 0% {
width: 0%;
}
}
@keyframes animate-positive {
 0% {
width: 0%;
}
}
.title {
   line-height: 37px;
   font-size: 21px;
   font-weight: bold;
}
}
@-webkit-keyframes progress {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
@keyframes progress {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
@-webkit-keyframes show {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@keyframes show {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}

.p-t-40{
   padding-top: 40px;
}
.circle-text {
display: table-cell;
height: 50px;
width: 50px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
background: #000;
color: #fff;
font: 18px "josefin sans", arial;
margin: 0 auto;
}

.blockchain-numbering{
   margin-left: 50px;
   padding: 10px;
}
span.show-arrow{
   width: 100%;
   height: 10px;
}
span.show-arrow img{
   width: 110px;
   height: 15px;
   margin-left: 62px;
   margin-top: -74px;
}
.list-design h4{
   color: #000;
   font-weight: 900 !important;
}
.list-design ul > li{
   text-align: left;
   color: #000;
}
.p-l{
   left: 100px;
   padding: 20px;
}
.blockchain-content{
   color: #000;
}
.list-design-invester h4{
   color: #fff;
   font-weight: 900 !important;
   text-align: left;
}
.list-design-invester ul > li{
   text-align: left;
   color: #fff;
}
.invester-content{
   color: #fff;
}
.list-design-invester-profile h4{
   color: #fff;
   font-weight: 700;
   margin-top: 20px;
   font-size: 1.8em;
}
.row-margin{
   margin-right: 35px;
   margin-left: 35px;
}
.social-media a{
   margin-left: 10px;
}
.social-media a .fa{
   font-size: 1.6rem;
}
.m-l-5{
   margin-left: 15px !important;
}
.change-color{
   color: #000;
   margin-top: 5px;
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
	.p-l {
    	left: 5px;
    	padding: 20px;
	}
	span.show-arrow img {
    	display: none;
	}
	.blockchain-numbering{
		margin-left: 136px;
	}
}

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
	.p-l {
    	left: 5px;
    	padding: 20px;
	}
	span.show-arrow img {
    	display: none;
	}
	.blockchain-numbering{
		margin-left: 136px;
	}
}

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
	.p-l {
    	left: 5px;
    	padding: 20px;
	}
	span.show-arrow img {
    	display: none;
	}
	.blockchain-numbering{
		margin-left: 136px;
	}
 }