.logo {
    max-width: 220px;
}
/* ===================================
    Google font
====================================== */

 
/*    Global
====================================== */

html, body{
   
}
/*test&*/
body {
    font-family: 'Cantarell', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #6c7172;
    line-height: 29px;
    letter-spacing: 0.02em;
}

.page-title-small h1 {
    text-transform: uppercase;
}

section{
    overflow: hidden;
}
p{
	font-size: 16px;
}
/* ===================================
    Typography
====================================== */

.alt-font {
    font-family: 'Montserrat', sans-serif !important;
}

.main-font {
    font-family: 'Cantarell', sans-serif !important;
}
/* heading */

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
    margin: 0;
    padding: 0;
    color: #000;
}

h1 {
    font-weight: 700;
    
}

h2 {
     
    font-weight: 700;
    letter-spacing: inherit;
    line-height: 34px;
}

h3 {
    
    letter-spacing: inherit;
    font-weight: 700;
}

h4 {
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: none;
   
    line-height: 26px;
}

h5 {
    letter-spacing: 1px;
    
    font-weight: 400;
    line-height: 20px;
}

h6 {
    letter-spacing: 1px;
     
    font-weight: 400;
    line-height: 20px;
}


label{ font-size: 13px; }
/* section title */

.highlight-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    color: #000;
    font-size: 65px;
    letter-spacing: 0;
}
/* colors */

.text-scooter {
    color: #2C96A1;
}

.text-sunset {
    color: #F64747;
}

.bg-scooter {
    background-color: #2C96A1;
}

.bg-sunset {
    background-color: #F64747;
}

.btn-circle {
    border-radius: 100px !important;
}
/* -------------------------------- 
Primary style
-------------------------------- */

.btn-primary {
    font-size: 11px;
    letter-spacing: 3px;
    padding: 6px 25px;
    border: 2px solid transparent;
    color: #ffffff;
    background: #F64747 !important;
}

.btn-primary:hover {
    background: #c73c3c !important;
    color: #ffffff;
    border: 2px solid #c73c3c !important;
}

.btn-secondary {
    font-size: 11px;
    letter-spacing: 3px;
    padding: 6px 25px;
    border: 2px solid transparent;
    color: #ffffff;
    background: #00DBF0 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
 
    border: 2px solid transparent !important;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #05a8b7 !important;
    color: #ffffff;
    border: 2px solid #05a8b7 !important;
}

a:hover {
    color: #2C96A1;
}

.nav-white.sticky-nav .navbar-nav li a {
    color: #ffffff;
}
/* -------------------------------- 
Primary style
-------------------------------- */

.breadcrumb ul {
    text-align: right;
}

.cd-title {
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center;
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700;
}

.rotation-highlight {
    background-color: #fff;
    color: #000;
    display: inline-block;
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 35px;
}

.cd-headline span {
    font-family: 'Montserrat', sans-serif;
}

.cd-headline span b {
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 20px;
    font-weight: 400;
}

.animation2 span b {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 3px;
}

.animation3 span b {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 3px;
}

.cd-headline i {
    font-style: normal;
    color: #fff;
}

.personal-name .cd-headline i {
    color: #000;
    margin: 0
}
/* ===================================
    Footer
====================================== */

.footer-logo img {
    max-width: 200px;
}

footer ul li a:hover {
    color: #2C96A1;
}

footer .footer-middle {
    padding-top: 0;
}

.fa-facebook{
    color: #4D70A8 !important;
}
.fa-twitter{
    color: #00BBF2 !important;
}

.fa-bitbucket{
    color: #1F5283 !important;
}

.fa-linkedin{
    color: #1887BE !important;
}

.fa-vimeo-square {
    color: #4D70A8 !important;
}



/* CTA Footer */

.new-project{
background: #F64746;
}

.new-project i{
font-size: 60px;
}

.new-project .btn{
color: #F64746;
}
.new-project .btn:hover{
color: #ffffff;
}

/* ===================================
    Home
====================================== */

.corporate-standards-title {
    top: 15%;
}

#animated-tab .nav-tabs > li.active a i {
    color: #F64747;
}

.nav-tabs > li.active > a {
    border-bottom: 1px solid #F64747;
    color: #F64747;
}

.work-with-title .grid li:hover figcaption h3,
.work-with-title .grid li:hover figcaption h3 a {
    color: #2C96A1;
}

.nav-tabs > li > a:hover {
    border-bottom: 1px solid #2C96A1;
    vertical-align: top;
    color: #2C96A1;
}

.nav-tabs > li > a:hover {
    color: #2C96A1 !important;
}
/* Highlight Links */

.highlight-link i {
    color: #ffffff;
}

.highlight-link:hover i {
    color: #2C96A1;
}
/* ===================================
    FullPage Customization
====================================== */

#fullpage .section {
    color: #ffffff;
}
/*
#fullpage .section h2 {
    font-size: 32px;
    line-height: 45px;
    max-width: 700px;
    color: #3c3c3c;
    margin-bottom: 30px;
    text-transform: none;
    font-weight: 700;
    margin: 0 auto 30px;
}
*/
 
#fullpage .section p {
    font-size: 21px;
}  

#slide1,
#slide2,
#slide3,
#slide4 {
    text-align: center;
}
/*
#slide1 p,
#slide2 p,
#slide3 p{
    /* font-size: 21px;  
    line-height: 30px;
    color: #ffffff;
    margin: 40px 0;
}
*/

/*#slide2 #cloud-left,
#slide2 #cloud-right {
    margin: 60px 200px -200px;
}*/

.home-section-title {
    margin: 20px 0 50px;
}
.home-section-title h2{
    font-size: 64px;
    line-height: normal;
    max-width: 1100px;
    margin: 0 auto;
}
.home-section-title p{
    margin: 40px 0 80px;
}

.btn-icon {
    height: 54px;
    padding: 10px 19px !important;
    opacity: .5;
}

.btn-icon i{
    margin: 0;
    text-align: center;
    letter-spacing: normal;
}

.btn-icon:hover{
    background: rgba(255,255,255,.2);
}

/* SLIDE 1 */

#slide1 {
    background: url(../images/bg-slide1.jpg) center center no-repeat;
    background-size: cover;
}

#slide1 h1 {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 64px;
    line-height: 78px;
}

#slide1 p {
    /*font-size: 21px;*/
    line-height: 30px;
    color: #A5B4BB;
    margin: 40px 0;
}


#slide1 .btn {
    font-size: 24px;
    padding: 30px 45px;
}


/* SLIDE 2 */
#slide2 {
    background-color: #2d2d2d;
    background-image: url(../images/bg-slide2.png);
    
    background-repeat: repeat;
    background-position: bottom;
    
    background: linear-gradient( rgba(255, 255, 255, 0.70), rgba(219, 240, 255, 0.70)),  url(../images/bg-slide2.png) center top;
    padding-top: 0;
}
#slide2 p{
     color: rgba(0,0,0,.5);
}

/* SLIDE 3 */
#slide3 p {
    font-size: 21px;
    line-height: 30px;
    color: rgba(255,255,255,.5);
     
}
 #slide3 h2{
     color: #ffffff;}
#slide3 h3{
    color: #ffffff;
    font-size: 36px;
    line-height: 50px;
    max-width: 1200px;
    margin: 0 auto;
}


/* SLIDE 4 */


#slide4 .btn-cta a {
    font-size: 18px;
    padding: 20px;
    margin-bottom: 60px;
}
#slide4 h2 {
    color: #ffffff;
}
#slide4 h3{
    font-size: 24px;
    color: rgba(255,255,255,1);
}
#slide4 img{
    margin-bottom: 40px;
}
#slide4 .home-section-title p{
     color: #ffffff;
    opacity: .4;
}
#slide4 p{
    color: rgba(255,255,255, .8);
    
    font-size: 21px;
    
}


/* SLIDE 5 */

#slide5 h2{
    color: #282136;
     
}
#slide5 p{
    color: #000000;
    opacity: .4;
    font-size: 21px;
    margin-bottom: 60px;
}

/* ===================================
    About
====================================== */
.about-year{
    padding: 12px 25px 25px;
}

/* ===================================
    Approach
====================================== */
.large-text-body {
    font-size: 21px;
    line-height: 38px;
}
.medium-text-body {
    font-size: 18px;
    line-height: 38px;
}
/* ===================================
    Team
====================================== */

.team-member .team-details {
    padding-top: 30%;
}
.team-member {
    margin-bottom: 30px;
}

/* ===================================
    Blog
====================================== */
.content p, .content ul  {
    margin-bottom: 29px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
    margin-bottom: 15px;
    margin-top: 40px;
}
 
 
.content ul li{
    list-style: circle;
    list-style-position: inside;
}

/* Overwriting fullPage.js tooltip color
	* --------------------------------------- */

.fp-tooltip {
    color: #fff;
}

#fp-nav span,
.fp-slidesNav span {
    border-color: #fff;
}

#fp-nav li .active span,
.fp-slidesNav .active span {
    background: #A5B4BB;
    border-color: #A5B4BB;
}


#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
   
    margin: -6px 0 0 -4px;
     
 }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: transparent;
    border: 2px solid #A5B4BB;
    height: 8px;
    width: 8px;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
     height: 8px;
    width: 8px;
    margin: -2px 0 0 -2px;
}
#fp-nav ul li .fp-tooltip{
    color: #A5B4BB;
}

/* FAQ
	* --------------------------------------- */
.accordion-style3 .panel-heading {
    padding-bottom: 0px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    background: #ffffff;
}
.accordion-style3 .panel-body {
    padding: 30px 60px 35px 25px;
}
.panel-body{
    font-size: 16px;
    color: #6c7172;
    line-height: 29px;
    letter-spacing: 0.02em;
}

.accordion-style3 .panel-title {
    margin-top: 20px;
    padding: 30px 25px;
    font-size: 14px;
    line-height: 30px;
}

.flat-list li{
    list-style: square;
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {}
/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
 #slide1 .btn, #slide4 .btn-cta a {
    font-size: 16px;
    padding: 20px;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 10px 30px;
 
}
    .bg-gray{
        background-image: none !important;
    }
    #slide2 #cloud-left, #slide2 #cloud-right {
    margin: 60px 30px -80px 20px;
}

#slide1 h1  {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 40px;
}

#fullpage .section h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0 15px;
 
}
#fullpage .section p {
     font-size: 18px !important;
     line-height: 30px;
     padding: 0 15px;
}

#slide1 p {
    font-size: 21px;
    line-height: 30px;
    color: #A5B4BB;
    margin: 20px 0;
}
    
}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}