/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O               COLOUR FORECAST               O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   INTRO                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.forecastIntro{
    padding:80px 0 0 0;
}

@media all and (max-width: 767px){
    .forecastIntro{padding:40px 0 0 0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               LATEST RANGES               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.forecastLatest-range{
    line-height:0;
    padding:0 15px 80px 15px;
    text-align:center;
}

    .forecastLatest-range img{
        max-width:100%;
        width:1000px;
    }

@media all and (max-width: 767px){
    .forecastLatest-range{padding-bottom:40px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               FORMER RANGES               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.forecastFormer-list{
    margin:60px auto 0 auto;
    width:1135px;
    padding:0 15px;
}

    .forecastFormer-listItem{
        padding:0 0 0 50px;
        display:block;
        position:relative;
    }

        .forecastFormer-listItem::after{
            content:'';
            display:block;
            width:0;
            height:0;
            line-height:0;
            font-size:0;
            clear:both;
        }

        /* gradient */

        .forecastFormer-listItem::before{
            content:'';
            display:block;
            width:5px;
            height:100%;
            background:#80ba8e;
            position:absolute; left:0; top:0;
        }

        .forecastFormer-listItem:last-child::before{
            display:none;
        }

        .forecastFormer-listItem:nth-child(1)::before{
            background:#80ba8e;
        	background:-moz-linear-gradient(top, rgba(128,186,142,1) 0%, rgba(111,175,151,1) 100%);
        	background:-webkit-linear-gradient(top, rgba(128,186,142,1) 0%,rgba(111,175,151,1) 100%);
        	background:linear-gradient(to bottom, rgba(128,186,142,1) 0%,rgba(111,175,151,1) 100%);
        	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ba8e', endColorstr='#6faf97',GradientType=2 );
        }

        .forecastFormer-listItem:nth-child(2)::before{
            background:#6faf97;
        	background:-moz-linear-gradient(top, rgba(111,175,151,1) 0%, rgba(88,161,162,1) 100%);
        	background:-webkit-linear-gradient(top, rgba(111,175,151,1) 0%,rgba(88,161,162,1) 100%);
        	background:linear-gradient(to bottom, rgba(111,175,151,1) 0%,rgba(88,161,162,1) 100%);
        	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6faf97', endColorstr='#58a1a2',GradientType=2 );
        }

        .forecastFormer-listItem:nth-child(3)::before{
            background:#58a1a2;
        	background:-moz-linear-gradient(top, rgba(88,161,162,1) 0%, rgba(69,148,172,1) 100%);
        	background:-webkit-linear-gradient(top, rgba(88,161,162,1) 0%,rgba(69,148,172,1) 100%);
        	background:linear-gradient(to bottom, rgba(88,161,162,1) 0%,rgba(69,148,172,1) 100%);
        	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a1a2', endColorstr='#4594ac',GradientType=2 );
        }

        .forecastFormer-listItem:nth-child(4)::before{
            background:#4594ac;
        	background:-moz-linear-gradient(top, rgba(69,148,172,1) 0%, rgba(49,136,183,1) 100%);
        	background:-webkit-linear-gradient(top, rgba(69,148,172,1) 0%,rgba(49,136,183,1) 100%);
        	background:linear-gradient(to bottom, rgba(69,148,172,1) 0%,rgba(49,136,183,1) 100%);
        	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4594ac', endColorstr='#3188b7',GradientType=2 );
        }

        .forecastFormer-listItem:nth-child(5)::before{
            background:#3188b7;
        	background:-moz-linear-gradient(top, rgba(49,136,183,1) 0%, rgba(37,128,189,1) 100%);
        	background:-webkit-linear-gradient(top, rgba(49,136,183,1) 0%,rgba(37,128,189,1) 100%);
        	background:linear-gradient(to bottom, rgba(49,136,183,1) 0%,rgba(37,128,189,1) 100%);
        	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3188b7', endColorstr='#2580bd',GradientType=2 );
        }

        /* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

        .forecastFormer-listItemText{
            float:left;
            width:480px;
            font:normal 16px / 19px 'Intercolor HN', sans-serif;
            color:#000;
            padding:0 0 100px 0;
        }

            /* title */

            .forecastFormer-listItemTitle{
                font:bold 22px / 25px 'Intercolor HN Bold', sans-serif;
                color:#000;
                padding:0 0 40px 0;
                position:relative;
                top:-10px;
            }

                /* bullet */
                .forecastFormer-listItemTitle::after{
                    content:'';
                    width:23px;
                    height:23px;
                    border-radius:50%;
                    position:absolute; top:2px; left:-59px;
                    background:#80ba8e;
                }

                .forecastFormer-listItem:nth-child(2) .forecastFormer-listItemTitle::after{background:#6faf97;}
                .forecastFormer-listItem:nth-child(3) .forecastFormer-listItemTitle::after{background:#58a1a2;}
                .forecastFormer-listItem:nth-child(4) .forecastFormer-listItemTitle::after{background:#4594ac;}
                .forecastFormer-listItem:nth-child(5) .forecastFormer-listItemTitle::after{background:#3188b7;}
                .forecastFormer-listItem:nth-child(6) .forecastFormer-listItemTitle::after{background:#2580bd;}

        /* .o° .o° .o° .o° .o° .o° Pic °o. °o. °o. °o. °o. °o. */

        .forecastFormer-listItemImg{
            float:right;
            width:512px;
            line-height:0;
            padding:0 0 100px 0;
        }

            .forecastFormer-listItemImg img{
                max-width:100%;
            }

@media all and (max-width: 1165px){
    .forecastFormer-list{width:auto;}
        .forecastFormer-listItemText{width:45%;}
        .forecastFormer-listItemImg{width:45%;}
}

@media all and (max-width: 767px){
    .forecastFormer-list{margin:40px auto 0 auto;}
        .forecastFormer-listItem{padding:0 0 0 35px;}
            .forecastFormer-listItemText,
            .forecastFormer-listItemImg{float:none; width:auto;}
            .forecastFormer-listItemText{padding-bottom:20px;}
                .forecastFormer-listItemTitle{padding:0 0 10px 0;}
                    .forecastFormer-listItemTitle::after{left:-44px;}
}