/*
Theme Name:     Newspaper 7 Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clear { clear:both; display:block; height:1px;}

    .cta-sticky {
        position: fixed;
        top: 71vh;
        z-index: 100;
        width:90%;
    }


    #ctawrapper{
        margin: 0px auto 10px auto;
        padding: 0px;
        font-family: Arial,sans-serif;
        min-height: 100%;
        background: white;
    }
    #ctawrapper h4{text-align: left; margin-bottom:-3px; font-size: 14px; font-weight: bold; color: #808080; text-transform: capitalize;  margin-right: 1%; margin-top: 0px;}
    #ctawrapper a{text-indent:0;text-decoration:none;outline:none;display: block;}
    #ctawrapper a:hover{text-indent:0; text-decoration:none; cursor:pointer; outline:none;}

    #ctawrapper .ctaterm {
        min-height: calc(65vh - 130px);
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    #ctawrapper .ctaterm  > div {
        flex: 1;
        -webkit-flex: 1;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content:center;
        padding: 0 10px;
        background: #4885ed;
        background: <?=$cc?>;
        border-radius: 3px;
        -ms-border-radius: 3px;
        -moz-transition: all 0.65s ease;
        -ms-transition: all 0.65s ease;
        -o-transition: all 0.65s ease;
        transition: all 0.65s ease;
        -webkit-transition: all 0.65s ease;
        float: left;
        margin-bottom: 6px;
    }
    #ctawrapper .ctaterm div span{
        word-wrap: break-word;
        text-transform: capitalize;
        font-size: 3.5vh;
        font-weight: bold;
        padding:10px;
        color: #fff;
        vertical-align: middle;
        line-height: normal;
        display: flex;
        display: -webkit-flex;
        text-align: left;
    }
    #ctawrapper .ctaterm div img { width:15%; max-width: 100px; border-radius: 3px; -ms-border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        float: left;
        padding: 0px;
        margin:3% 1%;
    }

    #ctawrapper .ctaterm div span.num {display: none;}

    #ctawrapper .ctaterm > div:hover{background: #666;}

    #ctawrapper .ctaterm div .kw .fa-caret-right {display: none;}

    @media screen and ( min-width: 741px ) {
        #ctawrapper {height: 100%; margin:0;}
        #ctawrapper .ctaterm {  min-height:0!important; display: block; box-sizing: border-box;}
        #ctawrapper .ctaterm > div {
            position: relative;
            display: block!important;
            overflow: hidden;
            height: 48px;
            margin-top: 10px;
            margin-bottom: 0px;
            background: #0099cc;
            border: 1px solid #0099cc;
            border-radius: 6px;
            margin-right: 2%;
        }
        #ctawrapper .ctaterm > div.even { margin-right:0;}
        #ctawrapper .ctaterm > div.odd:last-child {margin-right:0; width: 100%;}
  
  
        #ctawrapper .ctaterm div img {display: none;}
        
        #ctawrapper .ctaterm div span {font-size: 16px; padding: 0px 10px;}

        #ctawrapper .ctaterm div span.num {
            position: absolute;
            display: block;
            top: 9px;
            left: 9px;
            line-height: 30px;
            height: 30px;
            width: 30px;
            text-align: center;
            font-size: 15px;
            color: #fff;
            font-weight: bold;
            background: #333;
            border-radius: 50%;
        }
        #ctawrapper .ctaterm div .kw-link {
            position: relative;
            display: block;
            text-transform: capitalize;
            overflow: hidden;
            word-wrap: break-word;
            font-weight: bold;
            font-size: 15px;
            line-height: 19px;
            padding: 0 25px 0 50px;
            color: #fff;
        }
        #ctawrapper .ctaterm div .kw .fa-caret-right { display:inline; position: absolute;  right: 5px; top:13px; color:#069; font-size: 24px;}

        #ctawrapper .ctaterm div span.kw {
            height: 48px;
            margin: 5px 0px 4px 0px;
            overflow: hidden;
            display: table-cell;
            vertical-align: middle;
        }

        .da { width:49%;}

        .da.odd:last-child {width: 99%;}

        #ctawrapper .ctaterm > div:hover {  background: #fff;  }

        #ctawrapper .ctaterm > div:hover span { color:#000}

        #ctawrapper .ctaterm > div:hover span.num {color: #fff;  background: #0099cc;}


    }
    @media screen and ( max-width: 740px )
    and (orientation : landscape) {
        #ctawrapper {
            height: 100vh;
            min-height: initial;
        }
        #ctawrapper .ctaterm div span {font-size: 18px; line-height: 28px;}
        #ctawrapper .ctaterm div img {padding: 10px; margin: 1%; padding:0; width:10%;}

        #ctawrapper {height: 100%;}
        #ctawrapper .ctaterm > div {padding:0px;}
        #ctawrapper { margin: 0px;}


    }