hr { border-width: 2px; border-color: #d4dbdf; margin: 60px 0; }

@media (max-width:640px){
    hr { margin: 30px 0; }
}

/*
*layout2
*/
.layout2 #content .container { max-width: 1270px; }

/*
*widget
*/
.widget { margin-bottom: 30px; }
.widget.search-area { float: none; max-width: 100%; }
.widget h4 { font-size: 20px; font-weight: 500; }
.widget .selectbox , .widget select , .widget option { display: block; width: 100%; -moz-appearance: none; -webkit-appearance: none;  }
.widget .selectbox { border: 1px solid #9f9f9f; border-radius: 30px; margin: 0; padding: 8px 15px; position: relative; }
.widget .selectbox:after { content: ''; display: block; background: url("../images/selectbox-after.jpg") #fff; width: 22px; height: 33px;
position: absolute; top: 1px; right: 13px; pointer-events: none; background-size: contain; background-repeat: no-repeat; }
.widget select { border: 0; color: #0a2a3b; font-size: 16px; line-height: 20px; text-transform: capitalize; width: 100%; }
.search-area .fa-search { color: #5c6972; }

/*
*widget-list
*/
.widget-list ul { margin: 0; padding: 0; }
.widget-list li { list-style: none; font-size: 14px; margin-bottom: 25px; line-height: 20px; }
.widget-list .image { float: left; }
.widget-list .inner { padding-left: 85px; }
.widget-list li a { color: #0a2a3b; }

/*
*main
*/
#main .post h2 { margin-bottom: 15px; }
#main .post h2 a { color: inherit; }
#main .post h3 a , #main .post h3 { font-size: 32px; color: inherit; }
#main .tag { color: #ffffff; font-size: 18px; font-weight: 500; background: #0a2a3b; font-family: museo; padding: 3px 10px; 
margin-bottom: 15px; display: inline-block; }
#main .metadata { color: #647783; }

@media (max-width:1200px){
    #main .inner-wrapper { padding: 0; }
    #main .featured-image { float: none; }
}

@media (max-width:767px){
    #main .post h3 a, #main .post h3 { font-size: 37px; }
    #main .tag { font-size: 25px; }
    #news h1.left { float: none; margin-bottom: 40px; text-align: center; }
    .search-area { float: none; max-width: 100%; margin-bottom: 20px; }
    .search-area input { font-size: 33px; font-weight: 300; }
}

@media (max-width:640px){
    #main .post h3 a, #main .post h3 { font-size: 24px; }
    #main .tag { font-size: 16px; }
    .search-area input { font-size: 18px; font-weight: 300; }
}

/*
*search-area
*/
.search-area .fa-search { top: 10px; }
.search-area p { padding: 4px 15px; }

@media (max-width:640px){
    .search-area .fa-search {
        top: 6px;
    }
}

/*
*news
*/
#news h1 { font-weight: 500; color: #0a2a3b; }

/*
*featured-post
*/
.featured-post .featured-image { float: left; }
.featured-post h3 , #main .featured-post h3 { font-size: 26px; line-height: 38px; color: #0a2a3b; }
.featured-post .inner-wrapper { padding-left: 505px; }

@media (max-width:640px){
    .featured-post h3 , #main .featured-post h3 { line-height: 28px; }
}

/*
*breadcrumb
*/
#breadcrumb { border-bottom: 2px solid #d4dbdf; padding-bottom: 10px; margin-bottom: 10px; }
#breadcrumb p { font-size: 14px; color: #647783; margin: 0; }
#breadcrumb p a { color: inherit; position: relative; padding-right: 10px; }
#breadcrumb p a:after { content:"\f105"; display: block; color: #647783; font-family: FontAwesome; position: absolute; right: 0; top: -7px; }
#breadcrumb span { color: #0e2d3e; }

/*
*list
*/
.list , .post .list { margin: 0; padding: 0; margin: 0 -10px; }
.list li { list-style: none; padding: 0 10px; position: relative; display: inline-block; margin: 0 -2px; margin-bottom: 60px; vertical-align: top; width: 33.333%; }
.list li .list-item { position: relative;  min-height: 595px; max-height: 595px;  }
.list li .list-item:after { content: ''; display: block; background: url("../images/list-li-after.jpg"); width: 100%; background-size: cover; height: 4px;
position: absolute; bottom: 0; left: 0; }
.list li .list-image { width: 100%; }
.list li p { margin-bottom: 10px; }
.list li p small { font-size: 13px; color: #06a7e2; line-height: 20px; display: block; }
.list li p small span { color: #647783; }
.list h4 { font-size: 24px; font-weight: 500; color: #0a2a3b; }
.list h4 a { color: inherit; }

@media (max-width:1500px){
    .list li .list-item { min-height: 650px; max-height: 650px; }
}
@media (max-width:767px){
    .list .button1 { margin-top: 50px; }
    .list .list-item { padding-bottom: 50px; }
    .list li p small { font-size: 21px; line-height: 28px; }
    .list h4 { font-size: 37px; }
    .list li { width: 100%; }
    .list li .list-item { max-height: inherit; min-height: inherit; }
}
@media (max-width:640px){
    .list .list-item { padding-bottom: 30px; }
    .list li { margin-bottom: 30px; }
    .list .button1 { margin-top: 20px; }
    .list li p small { font-size: 13px; line-height: 20px; }
    .list h4 { font-size: 20px; }
}

/*
*links
*/
.links { clear: both; margin: 0 -5px 70px; padding: 0; }
.links li { list-style: none; width: 14.28%; padding: 0 5px; display: inline-block; margin: 0 -3px;  }
.links li a { display: block; font-family: museo; text-align: center; padding: 8px; border-radius: 30px; color: #06a7e2; border: 1px solid #06a7e2; font-size: 16px; font-weight: 500; }
.links li a:hover { background: #06a7e2; color: #fff; }
.links li a:active { background: #06a7e2; color: #fff; }

@media (max-width:991px){
    .links li a { font-size: 12px; }
}
@media (max-width:767px){
    .links {
        display: none;
    }
}
/*
*links-selectbox
*/
.links-selectbox { margin-bottom: 65px; display: none; }
 .links-selectbox select , .links-selectbox option { display: block; width: 100%; font-family: museo; font-weight: 500; -moz-appearance: none; -webkit-appearance: none; }
.links-selectbox .selectbox { background: #06a7e2; display: block; width: 100%; border: 1px solid #06a7e2; border-radius: 30px; margin: 0; padding: 8px 15px; position: relative; }
.links-selectbox .selectbox:after { content: ''; display: block; background: url("../images/selectbox-after2.jpg"); width: 20px; height: 53px;
position: absolute; top: 2px; right: 15px; pointer-events: none; -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; }
.links-selectbox select { border: 0; color: #fff; font-size: 33px; background: #06a7e2; line-height: 20px; padding-right: 30px; text-transform: capitalize; width: 100%; }

@media (max-width:767px){
    .links-selectbox {
        display: block; clear: both;
    }
}

@media (max-width:640px){
    .links-selectbox { display: block; clear: both; margin-bottom: 30px; }
    .links-selectbox select { font-size: 18px; }
    .links-selectbox .selectbox::after { background: rgba(0, 0, 0, 0) url("../images/selectbox-after2.jpg") no-repeat scroll 0 0 / contain ; height: 35px; top: 4px; width: 17px; }
}

/*
*sticky-footer
*/
#inner-container { margin: 0 auto -260px; }
#footer, .push { height: 260px; }

@media (max-width:767px){
    #container { min-width: 320px; overflow-x: hidden; }
    #inner-container { margin: 0 auto -460px; }
    #footer , .push { height: 460px; }
    #footer .footer-logo a { display: block; margin-bottom: 10px; }
}

/*
*main-navigation
*/
@media (max-width:1200px){
    #main-navigation li {
    margin-left: 10px;
  }
}

/*************************
 Page Technology
**************************/
/*
*body
*/
#container { overflow-x: hidden; }
body.tech-page #container { height: auto; }
body.tech-page .arrow-ruler { top: -27px; }
body.tech-page .arrow-ruler .ruler { display: none; }
body.tech-page #banner .description { padding: 0px 15px; }

@media(max-width: 767px){
    body.tech-page #banner {
         min-height: 332px !important;
    }
    body.tech-page #banner .description p br { 
        display: none;
     }
}
/*
*headings
*/
.heading1 {
    font-size: 32px;
    line-height: 38px;
    color: #0a2a3b;
}
@media(max-width: 767px) {
    .heading1 {
        font-size: 28px;
        line-height: 34px;
    }
}

/*
*mx auto
*/
.mx-auto { margin: 0px auto; }

/*
*buttons
*/
.btn  { display: inline-block; padding: 11px 19px; background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
 }
.button3 { background: rgba(0,0,0,.0); color: #06a7e2; border: 2px solid #06a7e2 !important; display: inline-block; font-size: 20px; font-weight: 500; padding: 8px 35px; text-align: center; border-radius: 30px; border: 0; text-transform: capitalize; font-family: 'Museo', sans-serif; position: relative; overflow: hidden; }
.button3:focus , .button3:hover { color: #06a7e2; }

.button3 span.overlay1 { position: absolute;  display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #0d2734; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-transition: width 0.4s, height 0.4s;  transition: width 0.4s, height 0.4s; z-index: -1;}
.button3:hover span.overlay1 {  width: 562.5px;  height: 562.5px; z-index: 1;}
.button3 span.text { z-index: 2; display: block; position: relative;}
/*
@media(max-width:767px) {
    .button3  { font-size: 33px; line-height: 37px; padding: 13px 40px;}
}
*/
@media(max-width:767px) {
    .button3 {font-size: 17px; line-height: 31px; padding: 10px 25px; min-width: 200px;}
}

.buttons .button4 { 
    margin-right: -4px;
 }
.buttons .button4:last-child { 
    margin-right: 0px;
 }
.button4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Museo', sans-serif;
    padding: 5px 10px;
    color: #06a7e2;
    border: 1px solid #06a7e2;
    display: inline-block;
}
.button4:hover, .button4:focus, .button4:visited, .button4:active {  
    color: #06a7e2
}
.button4.active { 
    background: #06a7e2;
    color: #fff;
}
.button4.active:hover, .button4.active:focus, .button4.active:visited, .button4.active:active  {
    color: #fff;
}

@media(max-width:767px) {
    .button4  { font-size: 15px; line-height: 18px; }
}

/*
*banner
*/
#banner .description p { font-size: 20px; line-height: 32px; color: #fff; font-weight: 300; }
#banner .description .logo { margin-bottom: 40px; }

@media(max-width: 767px){
    #banner .description p { font-size: 14px; line-height: 18px; }
    #banner .description .logo img { max-width: 192px; }
}

/*
*section
*/
.section { padding: 82px 0px; position: relative; }
.section .heading1 { margin-bottom: 26px; }
.section .lead { margin-bottom: 42px; }
.section .buttons { text-align: center; }
.section .buttons .button4 { max-width: 181px; }
.section .buttons .button4:first-child { border-radius: 30px 0px 0px 30px; }
.section .buttons .button4:last-child { border-radius: 0px 30px 30px 0px; }
.section .strategy { margin-top: 27px; margin-bottom: 53px; }
.section .chart { max-width: 801px; margin: 0px auto; }

@media(max-width: 767px){
    .section {
        padding: 40px 0px;
    }
    .section .lead {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .section .lead br { display: none; }
    .section .buttons .button4 {
        max-width: 140px;
    }
    .section .list1 {
        margin-bottom: 15px;
    }
}

/*
*introduction
*/
.introduction {
    padding: 22px 0px 25px;
}

@media(max-width: 767px){
    .introduction {
        padding: 22px 0px 40px;
    }
}

/*
*chart
*/
.chart { min-height: 348px; position: relative; }
.chart .chart-image { display: none; }

.chart .line { background: #647783; position: absolute; }
.chart .line1 { width: 1px; height: 39px; top: 0px; left: 50%;  margin-left: -0.5px; }
.chart .line2 { width: 50%; height: 1px; top: 38px; right: 50%; }
.chart .line3 { width: 1px; height: 116px; top: 38px; left: 0px;}
.chart .line4 { width: 100%; height: 1px; top: 153px; left: 0px; }
.chart .line5 { width: 1px; height: 117px; top: 153px; right: 0px; }
.chart .line6 { width: 50%; height: 1px; top: 269px; right: 0px; }
.chart .line7 { width: 1px; height: 70px; top: 269px; right: 50%;
margin-right: -0.5px; }

.chart .circle { position: absolute; left: 0px; top: 84px; width: 130px; height: 130px; }
.chart .circle1 { left: 11%;
     -ms-transform: translateX(-11%); 
    -webkit-transform: translateX(-11%); 
    transform: translateX(-11%);
    z-index: 2;
}
.chart .circle2 { left: 50%;
z-index: 1;
 -ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
    transform: translateX(-50%);
}
.chart .circle3 { left: 89%;
     -ms-transform: translateX(-89%);
    -webkit-transform: translateX(-89%); 
    transform: translateX(-89%);
}

.chart .arrow { position: absolute; top: 138px; }

.chart .arrow1 { left: 33.333333%;
 -ms-transform: translateX(-33.333333%); 
    -webkit-transform: translateX(-33.333333%); 
    transform: translateX(-33.333333%);
}
.chart .arrow2 { left: 66.666667%;
 -ms-transform: translateX(-66.666667%); 
    -webkit-transform: translateX(-66.666667%);
    transform: translateX(-66.666667%);
}

.chart .end-point { width: 16px; height: 16px; position: absolute; left: 50%; bottom: 0px; background: #647783; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;     -ms-transform: translateX(-50%); /* IE 9 */     -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */     transform: translateX(-50%); }

@media(max-width: 767px){
    .chart {
        min-height: auto;
    }
    .chart .chart-image {
        display: block;
    }
    .chart span {
        display: none;
    }
}

/*
*non animation
*/
#non-animation { display: none; }

/*
*animations
*/
#animation.chart .line1 { height: 0px; }
#animation.chart .line2{ width: 0px; }
#animation.chart .line3{ height: 0px; }
#animation.chart .line4{ width: 0px; }
#animation.chart .line5{ height: 0px; }
#animation.chart .line6{ width: 0px; }
#animation.chart .line7{ height: 0px; }

#animation.chart .circle { opacity: 0; }
#animation.chart .circle1  { left: 0; }
#animation.chart .circle2  { left: 15%; }
#animation.chart .circle3  { left: 22%; }

#animation.chart .arrow { opacity: 0; }
#animation.chart .arrow1 { left: 22%; }
#animation.chart .arrow2 { left: 22%; }

#animation.chart .end-point  { opacity: 0; }

/*
*logico deconstructed
*/
@media(min-width: 768px){
    .logico-deconstructed {
        padding: 30px 0px 25px;
        display:none;
    }
}
@media(min-width: 992px){
    .logico-deconstructed {
        padding: 30px 0px 64px;
        display:none;
    }
     .logico-deconstructed .lead {
        margin-bottom: 158px;
    }
}

/*
*list1
*/
.list1 { margin: 0px -10px 10px; padding: 0px; list-style-type: none; }
.list1 li { width: 25%; float: left; padding: 0px 10px; margin-bottom: 30px; }
.list1 li.one-third { width: 33.333333%; }
.list1 li .box3 { opacity: 0; min-height: 220px; position: relative; top: 0px; }
.list1 li .box3.animated { opacity: 1; }
.list1 li .box3:hover { top: -20px; 
-webkit-box-shadow: 1px 18px 73px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 18px 73px -15px rgba(0,0,0,0.75);
box-shadow: 1px 18px 73px -15px rgba(0,0,0,0.75);
transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 }

@media(max-width: 991px){
    .list1 li {
        width: 50%;
    }
}

@media(max-width: 544px){
    .list1 li {
        width: 100%;
    }
    .list1 li .box3 {
        min-height: auto;
        padding: 30px 20px 14px;
    }
}
/*
*box3
*/
.box3 { text-align: center; padding: 30px 20px 10px; background: #44bde9;
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 }
.box3.designing { background: #00c189;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
 }
.box3.enabling { background: #98abb8; }
.box3.delivering { background: #628ba1; }
.box3 h5 { color: #0a2a3b; font-weight: 700; font-family: 'roboto'; margin-bottom: 30px; }
.box3 h5:after { content: ''; display: block; margin: 20px auto 0px; width: 41px; height: 2px; background: #0a2a3b; }
.box3 p { color: #fff; font-size: 18px; font-weight: 300; line-height: 25px; }

/*
*testimonial
*/
.testimonial { background: #2b85e7; padding: 42px 0px 51px; }
.testimonial.alt { background: #647783; padding: 57px 0px 46px; }
.testimonial.alt p { margin-bottom: 30px; }
.testimonial .blockquote { border: 0px; padding: 0px 65px; margin-bottom: 0px; }
.testimonial .blockquote p { text-align: center; color: #fff; font-size: 24px; line-height: 36px; margin-bottom: 25px; position: relative; }
.testimonial .blockquote p:before { content: '“'; left: -67px; }
.testimonial .blockquote p:after { content: '”'; right: -67px; }
.testimonial .blockquote p:before, .testimonial .blockquote p:after { font-family: georgia; font-size: 139px; line-height: 144px; position: absolute; top: 50%; margin-top: -42px;
 font-weight: 700; }

.testimonial .blockquote .blockquote-footer { max-width: 390px; }
.testimonial .blockquote .blockquote-footer:before { display: none; }
.testimonial .blockquote .blockquote-footer .image { width: 80px; height: 80px; float: left; overflow: hidden; margin-bottom: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } 
.testimonial .blockquote .blockquote-footer cite { display: block; padding-left: 90px; font-size: 15px; padding-top: 15px; line-height: 24px; font-weight: 300; color: #fff; font-style: normal; }
.testimonial  blockquote .blockquote-footer cite:before { display: none; }  
.testimonial .blockquote .blockquote-footer cite a { color: inherit; display: block; font-size: 18px; }

@media(min-width: 1200px) {
    .testimonial .blockquote p:before {
        left: -132px;
    }
    .testimonial .blockquote p:after {
        right: -132px;
    }
}

@media(max-width: 991px) {
    .testimonial .blockquote p:before, .testimonial .blockquote p:after {
        font-size: 70px;
        line-height: 74px;
    }
}

@media(max-width: 767px) {
    .testimonial .blockquote {
        padding: 0px 20px;
    }
    .testimonial .blockquote p {
        font-size: 20px;
        line-height: 26px;
    }
    .testimonial .blockquote p:before, .testimonial .blockquote p:after {
        font-size: 55px;
        line-height: 74px;
    }
    .testimonial .blockquote p:before {
        left: -32px;
    }
    .testimonial .blockquote p:after {
        right: -32px;
    }
    .testimonial .blockquote .blockquote-footer cite {
        font-size: 13px;
        line-height: 18px;
    }
    .testimonial .blockquote .blockquote-footer a { margin-bottom: 5px; }
}

/*
*timeline
*/
#timeline { position: relative; width: 100%; max-width: 880px; margin: 0px auto; }
#timeline .container { position: relative; }
#timeline .dates-wrapper {  
    margin-bottom: 82px;
}
#timeline #nav-btns #next, #timeline #nav-btns #prev {
    position: absolute;
    bottom: 35%;
    z-index: 100;
}
#timeline #nav-btns #next {
    right: -75px;
}
#timeline #nav-btns #prev {
    left: -75px;
}

@media(min-width: 1300px){
    #timeline #nav-btns #prev {
        left: -199px;
    }
    #timeline #nav-btns #next {
        right: -199px;
    }
}
.dates-wrapper {  position: relative; overflow: hidden; }

.grad-left, .grad-right {
    width: 130px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 100;
    pointer-events: none;
}

.grad-left {
    left: 0px;
    background: url('../images/grad-left.png') repeat-y;
    background-size: 100% 100%;
}
.grad-right{
    right: 0px;
    background: url('../images/grad-right.png') repeat-y;
    background-size: 100% 100%;
}

.dates-wrapper:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    left: 0px;
    bottom: 40px;
    background: #b7bbbd;
}

#dates { 
    text-align: center;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 0;
    padding: 28px 0 49px;
    position: relative;
    width: 600px;
 }

#dates li {
    display: block;
    width: 130px;
    float: left;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    list-style: none;
    font-family: 'Museo', sans-serif;
    font-weight: 500;
    color: #b7bbbd;
}

#dates a {
    color: inherit;
    position: relative;
    padding-bottom: 18px;
    z-index: 10;
}
#dates a.selected {
    font-size: 56px;
    color: #00c189;
}
#dates a.selected:after {
    background: #00c189;
    bottom: 8px;
}
#dates li a:after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #647783;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/*
*issues
*/
#issues {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}
#issues li {
    float: left;
    width: 903px;
    margin-bottom: 16px;
    opacity: 0 !important;
}
#issues li img {
    float: right;
}
#issues li.selected {
    opacity: 1 !important;
}

#issues li p {
    color: #647783;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
}


/*
*nav btns
*/

#nav-btns #next, #nav-btns #prev {
    width: 50px;
    height: 50px;
    border: 2px solid #647783;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    overflow: hidden;
}
#nav-btns #next .fa ,#nav-btns #prev .fa {
    font-size: 32px;
    line-height: 36px;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

@media(max-width: 1199px){
    #timeline {
        max-width: 767px;
    }
    #issues li {
        width: 737px;
    }
}

@media(max-width: 991px){
    #issues li {
        margin-bottom: 34px;
    }
    #nav-btns {
        text-align: center;
    }
    #timeline #nav-btns #next, #timeline #nav-btns #prev {
        position: relative;
        bottom: 0;
        z-index: 100;
        margin: 0px 5px;
        opacity: 1 !important;
        display: inline-block !important;
    }
    #timeline #nav-btns #next {
        right: 0px;
    }
    #timeline #nav-btns #prev {
        left: 0px;
    }
}

@media(max-width: 767px){ 
    #dates li { font-size: 30px; width: 102px; margin-bottom: 0px; }
    #dates li a::after { bottom: -1px; }
    #dates a.selected { font-size: 40px; }
    #dates a.selected::after { bottom: 4px; }
    .grad-left, .grad-right { 
        width: 70px;
    }
    #timeline .dates-wrapper {
        margin-bottom: 35px;
    }
    #timeline {
        max-width: 544px;
    }
     #issues li {
        text-align: center;
        width: 506px;
        margin-bottom: 10px;
     }
     #issues li p br {
        display: none;
     }
     #issues li img {
         float: none;
         margin-bottom: 10px;
     }
     #issues li .image {
         max-height: 110px;
     }
}

@media(max-width: 544px){ 
    #timeline {
        max-width: 300px;
    }
     #issues li {
        width: 282px;
    }
}



/*
*carousel
*/
.slideshow { position: relative; }
.slideshow .slides { width: 100%; position: relative; overflow: hidden; margin-bottom: 30px; }
.slideshow .slide { width: 100%; position: absolute; top: 0; left: 0; display: block !important; opacity: 0; }

.slideshow .slide .list1 h2 { margin-bottom: 10px; }
.slideshow .slide .list1 p { margin-bottom: 5px; }
.slideshow .slide h3 { color: #06a7e2; font-family: 'Roboto', sans-serif; font-weight: 100; margin-bottom: 5px; }
.slideshow .slide .image ,.slideshow .slide .image-info { float: none; display: inline-block; margin-right: -5px; vertical-align: middle;  }

.slideshow .list1 li { margin-bottom: 0px;   }

.slideshow .indicators { text-align: center; position: relative; bottom: 0px; display: none; }
.slideshow .indicators a {
    background: #b1bbc1;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 5px;
    text-indent: -9999px;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}

.slideshow .indicators a:hover , .slideshow .indicators a.activeSlide {
    background: #06a7e2;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.slideshow .arrow-controls .prev, .arrow-controls .next {
    width: 50px;
    height: 50px;
    border: 2px solid #647783;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.slideshow .arrow-controls .prev .fa ,.arrow-controls .next .fa {
    font-size: 32px;
    line-height: 36px;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.slideshow .arrow-controls .prev {
    left: -75px;
}
.slideshow .arrow-controls .next {
    right: -75px;
}

@media(min-width: 1300px){ 
    .slideshow .arrow-controls .prev {
        left: -156px;
    }
    .slideshow .arrow-controls .next {
        right: -156px;
    }
}

@media(max-width: 1199px){
    .slideshow {
        padding: 0px 60px;
    }
    .slideshow .arrow-controls .prev {
        left: 0px;
    }
     .slideshow .arrow-controls .next {
        right: 0px;
    }
}


@media(max-width: 767px){ 
    .slideshow {
        padding: 0px;
    }
    .slideshow .arrow-controls .prev, .arrow-controls .next {
        top: 20%;
    }
    .slideshow .slide h3 { font-size: 23px; line-height: 27px; margin-bottom: 6px; }
    .slideshow .slide p { font-size: 16px; line-height: 23px; }
    .slideshow .arrow-controls {
        text-align: center;
    }
    .slideshow .indicators {
        display: none;
    }
    .slideshow .arrow-controls .prev, .arrow-controls .next {
        top: 0px;
        position: relative;
        margin: 0px 5px;
        -ms-transform: none; 
        -webkit-transform: none; 
        transform: none;
    }
}

@media(max-width: 543px){ 
    .slideshow .image-info h3 { font-size: 14px; line-height: 17px; }
    .slideshow .image-info p { font-size: 10px; line-height: 14px; }

    .slideshow .slide .list1 .figure1 { margin-bottom: 7px; } 
    .slideshow .slide .list1 h2 { font-size: 16px; line-height: 20px; margin-bottom: 2px; }
     .slideshow .slide .list1 p { font-size: 10px; line-height: 13px; }
} 



/*
*strategy
*/
@media(min-width: 991px) {
    .strategy {
        padding:30px 0px 88px;
    }
}
.rotating-section {
    display: none;
    position: absolute;
}
.rotating-section.select {
    display: block;
    position: relative;
}