/*   
Theme Name: Datapac Theme
Theme URI: http://www.iplanit.com
Description: Theme built for Datapac website
Author: iPLANiT - Humberto Rodrigues de Oliveira & Maja Maletkovic Jovanovic
Author URI: http://www.iplanit.com
Version: 1.1
*/



/* BEGINS GENERAL */

* {
    margin: 0;
    padding: 0;
    font-family: 'Telex', sans-serif;
}

body {
    overflow-x: hidden;
    height: 0
}

b, strong {
    font-family: 'Ubuntu';
    font-weight: 700 !important;
}

i, em {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-style: italic;
}

.clear {
    clear: both;
}

h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }

p {
    margin: 0 0 10px 0;
}

a:hover { text-decoration: none } 

.alignleft{ float: left; margin-right: 20px; margin-bottom: 10px;}

.alignright{ float: right; margin-left: 20px; margin-bottom: 10px;}

.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}

.linklove {
    display:none;
}
#title-4421-4726, #sibiling-4421-4726{
    display:none; 
}

.button {
        background-color: #142D5F;
        border-radius: 5px 5px 5px 5px;
        display: inline-block;
        font-size: 14px;
        margin-top: 10px;
        padding: 5px 15px 6px;
        text-transform: lowercase;
    }

        .button a {
            color: #fff;
        }
        
        
    .button.grey {
        background-color: #c4c4c4
    }
        

#cookie-law-info-bar {
    left: 0;
}
    
/* ENDS GENERAL */



/* BEGINS HEADER */

.modal-loading {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(255,255,255,1) 
                url('images/loader-icon.gif')
                50% 50% 
                no-repeat;
}

    .modal-loading.dark {
        display: block !important;
        background: rgba(0,0,0,0.5);
    }

header {
}

    .wrap-top-header {
        background-color: #fff;
        min-height: 70px;
        position: relative;
        z-index: 10;
        box-shadow: 1px 1px 1px #ccc;
            -webkit-box-shadow: 1px 1px 1px #ccc;
            -moz-box-shadow: 1px 1px 1px #ccc;
            -o-box-shadow: 1px 1px 1px #ccc;
    }

    header .btn.btn-navbar {
        margin-top: 19px;
    }


    header .datapac-logo {
        background: url("images/datapac-logo.svg");
        width: 169px;
        height: 33px;
        margin-left: 2%;
        margin-top: 20px;
        margin-bottom: 15px;
        float: left;
    }
    
    header nav#main-nav {
        margin-right: 2%;
    }
    
        header nav#main-nav div {
            float: right;
            margin-top: 25px;
            text-transform: uppercase;
        }

            header nav#main-nav ul li {
                display: inline-block;
                margin: 0 17px;
            }
            
                header nav#main-nav ul li a {
                    color: #666;
                }
            
                header nav#main-nav ul li img {
                    margin: -4px 0 0 10px;
                }

                
/* ENDS HEADER */         
                
 .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-tagline{
       margin-top:12%;
}
         

/* BEGINS SIDEBAR */

#sidebar {
    color: #fff;
    position: fixed;
    right: -300px;
    background: #152E60;
    width: 300px;
    height: 100%;
    z-index: 9999;
    transition: right 0.5s;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -o-transition: right 0.5s;
}

    #sidebar.expanded {
        right: 0px;
    }
    
        #sidebar .collapse-sidebar,
        #register-for-events-container .close-window {
            background-image: url('images/sprite-exported.png');
            background-position: 0 0;
            width: 25px;
            height: 25px;
            position: absolute;
            top: 22px;
            right: 20px;
            cursor: pointer
        }
        #register-for-events-container .gform_wrapper{
            width:70%;
            margin-left:auto;
            margin-right:auto;
        }
        #register-for-events-container .gform_wrapper input{
            width:100%;
            padding-left: 5px;
            padding-right: 0px;
        }
        #register-for-events-container .gform_wrapper .gfield_label_hidden.gfield_contains_required>.ginput_container{
            margin-top:0px;   
        }
        .heading {
            padding: 25px;
            font-size: 20px;
        }

        #sidebar .search .form {
            background: #000;
        }
        
            #sidebar .search .form form {
                margin: 0
            }
        
                #sidebar .search .wrap {
                    display: inline-block;
                    padding: 10px 0;
                }

                    #sidebar .search .wrap.input {
                        width: 75%;
                    }

                        #sidebar .form input {
                            background: #000;
                            border: 0;
                            margin: 0;
                            color: #ccc;
                            width: 80%;
                            padding-left: 25px;
                            box-shadow: none;
                                -moz-box-shadow: none;
                                -webkit-box-shadow: none;
                                -o-box-shadow: none;
                        }


                    #sidebar .search .wrap.submit {
                        width: 20%;
                        border-left:1px solid #666;
                    }

                        #sidebar .form input[type=submit] {
                            font-size: 18px;
                            width: 100%;
                            height: 40px;
                            padding-left: 10px;
                        }
                    
        #sidebar ul#pages-list {
            list-style: none;
            margin: 0;
        }
        
            #sidebar ul#pages-list li {
                line-height: 45px;
                padding-left: 26px;
            }
            
                #sidebar ul#pages-list li img {
                    margin-right: 10px
                }
                
                #sidebar ul#pages-list li a {
                    color: #fff;
                }


/* ENDS SIDEBAR */




/* BEGINS MAIN CONTENT */

.service-block {
    position: relative;
}

    .service-block {
        color: #142D5F;
    }
    
    .service-block a {
        color: #FFF;
    }

#our-company-block .body {
    position: relative
}

#our-company-block .header,
#scenarios-block .header,
#featured-news-slider-wrapper .header,
#events-and-clients-block .header,
#where-we-are-block .header {
    background: url("images/bg-grey-with-stripes.gif") repeat scroll 0 0 transparent;
    color: rgb(255, 255, 255);
    font-size: 25px;
    padding: 15px 0;
    text-align: center;
}

    #our-company-block .main-image {
        width: 100%;
        position: relative;
        z-index: 10;
    }

    #our-company-block .stripes-mask {
        background: url("images/mask-grey-with-stripes.png") repeat scroll 0 0 transparent;
        width: 100%;
        position: absolute;
        z-index: 11;
        top: 0
    }

    #our-company-block .tagline {
        position: absolute;
        z-index: 11;
        color: #fff;
        width: 100%;
        text-align: center;
        text-transform: lowercase;
        top: 0
    }

        #our-company-block .tagline .shapes {
            margin: 0 auto;
            width: 80%;
        }

            #our-company-block .tagline .shapes .rect,
            #our-company-block .tagline .shapes .circle{

                background-color: #fff;
                float: left;
                display: block;
                margin: 0 10px;
            }

    #our-company-block .secondary-tagline {
        font-size: 30%;
        line-height: 110%;
        clear: both;
        width: 50%;
        margin: 3% auto;
        text-transform: none;
    }

#scenarios-block .description {
    text-align: center;
}


    #scenarios-block .title,
    #child-pages .title,
    #industry-items .title, 
    #sidebar-testimonials-items .title,
    #sidebar-videos-items .title,
    #innerpage-scenarios .title {
        font-size: 20px;
        color: #666;
        cursor: pointer;
        line-height: 26px;
    }
    
        #scenarios-block .title .micro-arrow,
        #child-pages .title .micro-arrow,
        #industry-items .title .micro-arrow,
        #sidebar-testimonials-items .title .micro-arrow,
        #sidebar-videos-items .title .micro-arrow,
        #innerpage-scenarios .title .micro-arrow {
            background-image: url("images/sprite-exported.png");
            background-position: 0 -132px;
            display: inline-block;
            height: 13px;
            width: 15px;
        }
        
            #scenarios-block .title .micro-arrow.down,
            #child-pages .title .micro-arrow.down,
            #industry-items .title .micro-arrow.down,
            #sidebar-testimonials-items .title .micro-arrow.down,
            #sidebar-videos-items .title .micro-arrow.down,
            #innerpage-scenarios .title .micro-arrow.down {
                background-position: 0 -144px;
            }
    
    #scenarios-block .content,
    #child-pages .content,
    #industry .content,
    #sidebar-testimonials .content,
    #sidebar-videos .content,
    #innerpage-scenarios .content {
        max-height: 1px;
        overflow: hidden;
        transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
    }
    
        #scenarios-block .content.open,
        #child-pages .content.open,
        #industry .content.open,
        #sidebar-testimonials .content.open,
        #sidebar-videos .content.open,
        #innerpage-scenarios .content.open {
            max-height: 2000px;
        }

        #scenarios-block .featured-text,
        #child-pages .featured-text{
            color: #999999;
            font-size: 14px;
            padding-top: 10px;
        }
    
    

#scenarios-block form {
    background: none repeat scroll 0 0 #ccc;
    height: 50px;
    margin: 0 auto 50px;
    position: relative;
    width: 550px;
}

    #scenarios-block .wrap.input {
        float: left;
        width: 65%;
    }

        #scenarios-block .wrap.input > input {
            background: none repeat scroll 0 0 transparent;
            border: 0 none;
            box-shadow: none;
            height: 31px;
            margin: 6px 10px;
            width: 100%;
        }

    #scenarios-block .wrap.submit {
        float: right;
        height: 100%;
        width: 30%;
    }

        #scenarios-block .wrap.submit > input {
            background-color: #132D5F;
            border: 0 none;
            height: 50px;
            width: 100%;
        }

    #scenarios-block .wrap.submit > input,
    #scenarios-block .wrap.input > input {
        font-family: 'Telex';
        font-size: 18px;
        color: rgb(255, 255, 255);
    }

#featured-news-slider-wrapper {
    z-index: 10;
    position: relative;
}
    
#featured-news-slider-wrapper .header a,
#events-and-clients-block .header a ,
#where-we-are-block .header a {
    color: #fff;
}

#featured-news-slider-wrapper .camera_prev,
#featured-news-slider-wrapper .camera_next,
#featured-news-slider-wrapper .camera_commands {
    height: 60px;
    background: none;
}

    #featured-news-slider-wrapper .camera_next > span {
        background: url("images/sprite-exported.png") no-repeat scroll 0px -229px transparent;
        height: 73px;
    }

    #featured-news-slider-wrapper .camera_prev > span {
        background: url("images/sprite-exported.png") no-repeat scroll 0px -156px transparent;
        height: 73px;
    }

    .pattern_11 .camera_overlayer {
        background: url("images/mask-grey-with-stripes.png") repeat scroll 0 0 transparent;
    }

    #featured-news-slider-wrapper .camera_pag {
        position: absolute;
        bottom: 45px;
        width: 100%;
        z-index: 100;
    }

    #featured-news-slider-wrapper .camera_caption > div {
        padding: 10px 20px 120px;
        background: transparent;
        text-align: center;
    }

    #camera_wrap {
        margin-bottom: 0 !important;
    }


#events-and-clients-block {
    background-color: #fff;
}
    
#events-and-clients-block .header {
    height: 20px
}

#events-and-clients-block .half-header {
    margin-left: 0px
}

    #events-and-clients-block .container.content {
        position: relative;
    }

    #events-and-clients-block .body {
        margin: 50px 0;
    }

        #events-and-clients-block .body a {
            padding-top: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

            #events-and-clients-block .title {
                font-size: 20px;
                line-height: 35px
            }

            #events-and-clients-block .time-remaining {
                color: #999;
            }
            
                #events-and-clients-block .time-remaining .time-icon {
                    background: url("images/sprite-exported.png") no-repeat scroll 0 -305px transparent;
                    height: 20px;
                    width: 25px;
                    display: inline-block;
                }
                
                #events-and-clients-block .countdown {
                    display: inline-block;
                }

            #events-and-clients-block .featured-text {
                margin-top: 20px
            }

            #events-and-clients-block .button {
                color: #fff;
            }
            
    #events-and-clients-block #register-for-events {
        cursor: pointer;
    }
    
    #events-and-clients-block #register-for-events-container {
        background-color: #142D5F;
        position: absolute;
        top: 0;
        display:none;
        color: #fff;
        width: 51%;
        min-height: 100%;
        z-index: 100;
    }
    
        #events-and-clients-block #register-for-events-container .content {
            padding: 20px
        }
            
    #events-and-clients-block .clientsCarousel .featured-text {
        text-align: left;
        margin-top: 70px
    }
    
        #events-and-clients-block .featured-text .quote-icon {
            background: url("images/sprite-exported.png") no-repeat scroll 0 -370px transparent;
            height: 73px;
            width: 93px;
            float: left;
        }
        
        #events-and-clients-block h4 {
            margin-bottom: 30px;
            text-align: center;
        }
        
        #events-and-clients-block .cform {
            background: none;
            border: 0;
            width: 290px;
            font-size: 16px;
        }

        #events-and-clients-block .cform label {
            display: block;
            font-weight: normal;
            color: rgb(255, 255, 255);
            text-align: left
        }
        
            #events-and-clients-block .cform label span {
                width: auto;
            }

        #events-and-clients-block .cform input, #events-and-clients-block .cform textarea {
            width: 268px;
            color: #555;
        }

        #events-and-clients-block .cform textarea {
            height: 100px
        }

        #events-and-clients-block .gform_footer input[type=submit] {
            width: auto;
/*            margin: 15px 12px 0;*/
            margin-left:auto;
            margin-right:auto;
            font-family: 'Telex';
            border-width: 0 !important;
            border-radius: 5px;
            padding: 10px 15px;
            font-size: 20px;
            background: #FFFFFF;
            color: #132C5F;
            text-shadow: none;
                -webkit-text-shadow: none;
                -moz-text-shadow: none;
        }
             #events-and-clients-block .gform_footer input[type=submit]:hover {
            width: auto;
/*            margin: 15px 12px 0;*/
            margin-left:auto;
            margin-right:auto;
            font-family: 'Telex';
            border-width: 0 !important;
            border-radius: 5px;
            padding: 10px 15px;
            font-size: 20px;
            background: #FFFFFF;
            color: #132C5F!important;
            text-shadow: none;
                -webkit-text-shadow: none;
                -moz-text-shadow: none;
        }
        .gform_footer input[type=submit]:hover {
            color: #132C5F!important;
        }
        #events-and-clients-block ol.cf-ol li {
            margin: 0 !important;
        }

        #events-and-clients-block span.reqtxt,
        #events-and-clients-block span.emailreqtxt {
            width: auto;
            margin: 0;
            line-height: 20px;
            opacity: 0.5;
            color: #fff;
        }

        #events-and-clients-block div.cf_info {
            width: auto;
        }

        #events-and-clients-block ol.cf-ol li.cf_li_err {
            background: none repeat scroll 0 0 #FFDFDF !important;
            border-width: 0;
            padding: 0 0 5px !important;
            margin: 10px 0 !important;
        }

        #events-and-clients-block ol.cf-ol li.cf_li_err label,
        #events-and-clients-block ol.cf-ol li.cf_li_err span{
            color: #000;
        }
        
        ol.cf-ol label{width:100%!important;}
        
        
#where-we-are-block {
    position: relative;
    height: 750px;
}
    
    #where-we-are-block #map {
        width: 100%;
        height: 700px;
        position: absolute;
        z-index: 0;
        right: 0;
    }

        /*This is to override a bug caused on the map controllers by Bootstrap */
        #where-we-are-block #map img {
            max-width: none;
        }

    #where-we-are-block #overlay-window {
        position: absolute;
        z-index: 100;
        left: 20px;
        top: 90px;
        width: 400px;
        line-height: 30px
    }
    
        #where-we-are-block #overlay-window .close-window {
            position: absolute;
            top: -20px;
            right: -20px;
            background: url("images/sprite-exported.png") no-repeat scroll 0 -445px transparent;
            height: 40px;
            width: 40px;
            cursor: pointer;
        }
    
        #where-we-are-block #overlay-window .info-window {
            padding: 20px;
            background-color: #fff;
            border: 1px solid #ccc;
            color: #999;
            font-size: 20px;
        }
        
            #where-we-are-block #overlay-window .info-window h3 {
                margin-top: 0
            }
        
        

            
            
    /* BEGINS: INNER CONTENT */

    #second-header {
        color: rgb(255, 255, 255);
        height: 75px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 0;
        transition: top 0.5s;
            -webkit-transition: top 0.5s;
            -moz-transition: top 0.5s;
            -o-transition: top 0.5s;
    }
    
        #second-header.closed {
            top: -70px;
        }

        #second-header .wrapper {
            margin: 0 auto;
            padding: 18px;
            position: relative;
            width: 95%;
        }
        
            #second-header .wrapper a {
                color: #fff;
            }
            
            #second-header .top-breadcrumb {
                position: absolute
            }
            
            #second-header .phone-request-callback {
                position: absolute;
                font-size: 30px;
                right: 2%;
            }
            
                #second-header .phone-request-callback .phone-number {
                    display: inline;
                    position: relative;
                    right: 30px;
                    top: 6px;
                    width: 300px;
                }
                
                #second-header .phone-request-callback .button {
                    margin-top: 0;
                    background-color: #fff;
                    cursor: pointer
                }
                
    #toggle-second-header {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        color: rgb(255, 255, 255);
        padding: 6px 24px 10px 20px;
        position: absolute;
        right: 3.4%;
        top: 140px;
        cursor: pointer;
        transition: top 0.5s;
            -webkit-transition: top 0.5s;
            -moz-transition: top 0.5s;
            -o-transition: top 0.5s;
    }
    
        #toggle-second-header.closed {
            top: 75px
        }
    
        #toggle-second-header .icon-angle-up,
        #toggle-second-header .icon-angle-down {
            font-size: 19px;
            margin-right: 10px
        }
        
        
    
    .grey-background {
        position: absolute;
        width: 100%;
        top: 245px;
        background: none repeat scroll 0px 0px rgb(244, 244, 244);
        min-height: 600px;
        transition: all 1s;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
    }

    #page-content {
          min-height: 500px
    }
    #page-content .span5.contact-page .gform_wrapper input, #page-content .span5.contact-page .gform_wrapper textarea{
           width:80%!important;
           padding-right:0px;
    }
   #page-content .gform_wrapper input[type=submit]{
              width:auto;
/*              min-width:150px;*/
              border: 1px solid rgb(20, 45, 95);
              color: rgb(255, 255, 255);
              background-color: rgb(20, 45, 95);
              padding-right: 15px;
    }
    #page-content .span5 .ginput_container{
        margin-top:0px;
    }
    .page .main-content,
    .single .main-content,
    .error404 .main-content,
    .archive .main-content,
    .search .main-content{
        position: relative;
    }
    
    #featured-content .container {
        position: relative;
    }
    
        #featured-content .container .title {
            color: rgb(255, 255, 255);
            font-size: 30px;
            padding: 20px;
            top: 90px;
            position: absolute;
            line-height: 35px;
            transition: top 0.5s;
                -webkit-transition: top 0.5s;
                -moz-transition: top 0.5s;
                -o-transition: top 0.5s;
        }
        
        #featured-content .container .featured-image {
            border-bottom: 1px solid #eeeeee;
        }

            #featured-content .container .featured-image img {
                width: 100%;
            }

        #featured-content .featured-text-1st-call-to-action {
            position: absolute;
            color: rgb(255, 255, 255); 
            width: 32%; 
            bottom: 1px;
        }
    
            #featured-content .featured-text-1st-call-to-action .featured-text {
                padding: 20px; 
                background-color: rgba(0, 0, 0, 0.5); 
            }

            #featured-content .first-call-to-action {
                padding: 20px;
                line-height: 25px;
            }
            
                #featured-content a .first-call-to-action {
                    color: rgb(255, 255, 255);
                }
            
                #featured-content .first-call-to-action:first-line {
                    font-size: 22px
                }
                
                #featured-content .first-call-to-action img {
                    float: left;
                    margin-right: 10px;
                    margin-top: 8px;
                }
    
    #page-content .container {
        background-color: #fff;
    }
    
        #page-content .content-body iframe {
            padding: 20px
        }
        
        #page-content .content-body #share-block iframe {
            padding: 0;
        }
        
    
    
    
    /* BEGINS: CFORMS OVERRIDE */

        #page-content .cform {
            width: 310px;
            padding: 0 0 30px 0
        }
        
        #page-content .cform label span {
            width: 100%;
        }

        #page-content .cform label {
            display: block;
            text-align: left;
            color: #555;
        }

        #page-content .cform textarea,
        #page-content .cform input {
            border: 1px solid #ccc;
        }

            #page-content .cform textarea,
            #page-content .cform input[type=text] {
                width: 300px;
                min-height: 35px;
                background: #fff;
            }


            #page-content .cform span.reqtxt,
            #page-content .cform span.emailreqtxt {
                margin: 0;
            }


        #page-content .cform ol.cf-ol {
            padding: 0 !important;
            border-top: none;
        }

            #page-content .cform ol.cf-ol li {
                margin: 15px 0 !important;
            }


        #page-content .cform input[type=submit] {
            font-family: 'Telex';
            border-width: 0 !important;
            border-radius: 5px;
            padding: 10px 15px;
            font-size: 20px;
            background: #132C5F;
            color: #fff;
            text-shadow: none;
                -webkit-text-shadow: none;
                -moz-text-shadow: none;
            margin: 0
        }


        #page-content div.cf_info {
            width: auto
        }

        #page-content .cf_li_err span {
            color: #D62927;
        }

    /* ENDS: CFORMS OVERRIDE */
    .cf-ol .captcha-reset{
        position:relative;
        top:5px;
  
    }
    .cf-ol .captcha{
        position:relative;
        top:5px;
        margin: 0px!important; 
    }

    #child-pages {
        padding: 0 20px 20px;
        border-bottom: 1px solid #ccc;
    }
    
        #child-pages .wrapper {
            margin-bottom: 20px;
        }

            #child-pages .wrapper .featured-image {
                float: left;
                padding: 20px;
            }
        #child-pages.weareexpanded .wrapper{
        border:dashed 1px #ccc;
          padding: 10px;
    }
    
    
    #innerpage-sidebar {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        min-height: 500px;
        position: relative;
        transition: all 1s;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
    }
    .page-template-info-center #innerpage-sidebar{
	       min-height:1px;
	}
    
        #innerpage-sidebar #secondary-calls-to-action {
                background-color: #f4f4f4;
            }

                #innerpage-sidebar #secondary-calls-to-action .featured-text {
                    padding: 20px; 
                    background-color: rgba(0, 0, 0, 0.5); 
                }

                #innerpage-sidebar  .call-to-action {
                    padding: 13px;
                    line-height: 25px;
                }
                
                    #innerpage-sidebar a:last-child .call-to-action {
                        border-bottom: 0 !important;
                    }

                    #innerpage-sidebar a  .call-to-action {
                        color: rgb(255, 255, 255);
                    }

                    #innerpage-sidebar  .call-to-action:first-line {
                        font-size: 22px;
                    }

                    #innerpage-sidebar  .call-to-action img {
                        float: left;
                        margin-right: 10px;
                        margin-top: 8px;
                    }
    
    #industry > .title,
    #sidebar-testimonials > .title,
    #sidebar-videos > .title{
        padding: 20px;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }

        #industry > .title .micro-arrow,
        #sidebar-testimonials > .title .micro-arrow,
        #sidebar-videos > .title .micro-arrow {
            background-image: url("images/sprite-exported.png");
            background-position: -25px -543px;
            display: inline-block;
            height: 13px;
            width: 15px;
        }

            #industry > .title .micro-arrow.down,
            #sidebar-testimonials > .title .micro-arrow.down,
            #sidebar-videos > .title .micro-arrow.down {
                background-position: -5px -543px;
            }

            #industry-items,
            #sidebar-testimonials-items,
            #sidebar-videos-items {
                margin: 1px
            }
            
                #industry-items.open {
                    margin-bottom: 10px
                }

            #industry-items .wrapper,
            #sidebar-testimonials-items .wrapper,
            #sidebar-videos-items .wrapper {
                margin: 10px 20px;
            }

                #industry-items .wrapper .featured-text div {
                    padding: 20px
                }

    #sidebar-testimonials .featured-image img {
        width: 100%
    }
    
    #sidebar-videos .featured-video iframe {
        width: 100%;
        height: auto;
        min-height: 220px
    }
    
        #sidebar-testimonials .wrapper .featured-text div,
        #sidebar-videos .wrapper .featured-text div {
            padding: 10px 0;
        }
        
        #sidebar-testimonials .wrapper .title,
        #sidebar-videos .wrapper .title {
            font-size: 16px;
            color: #666;
            text-transform: uppercase
        }
        
            #sidebar-testimonials .wrapper .title .testimonial-author,
            #sidebar-videos .wrapper .title .video-author {
                color: #999;
                font-size: 14px;
            }
            
        
    #innerpage-scenarios {
        padding: 20px;
        border-bottom: 1px solid #CCCCCC;
    }
    
        #innerpage-scenarios .wrapper {
            padding: 10px 0;
        }
    
            #innerpage-scenarios .micro-arrow {
                vertical-align: top;
                margin-top: 10px;
            }

            #innerpage-scenarios .wrap-title-and-big-w {
                display: inline-block;
                position: relative;
                width: 95%;
            }

                #innerpage-scenarios .big-q {
                    font-size: 50px;
                    float: left;
                    padding-right: 10px;
                    line-height: 38px;
                    font-family: 'Titillium Web';
                    font-weight: 600;
                }

                #innerpage-scenarios .title {
                    font-size: 20px;
                    line-height: 25px;
                    color: #666;
                    min-height: 50px;
                }

                #innerpage-scenarios .content.open {
                    padding-left: 3%;
                }
                

    
    #innerpage-partners {
        min-height: 220px;
        padding: 20px
    }

    #innerpage-partners #partners-wrapper-carousel {
        position: relative;
    }
    
    #innerpage-partners #partners-wrapper-carousel > div {
        margin: 0 auto;
        width: 70%
    }
    
    #partners-wrapper-carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
    }
    
    #partners-wrapper-carousel li {
        font-size: 30px;
        color: #666;
        text-align: center;
        width: 50px;
        height: 100px;
        padding: 0;
        margin: 6px;
        display: block;
        float: left;
    }
    
    #innerpage-partners #client_prev,
    #innerpage-partners #client_next {
        background-image: url("images/sprite-exported.png");
        background-repeat: no-repeat;
        cursor: pointer;
        height: 74px;
        opacity: 1 !important;
        position: absolute;
        width: 30px;
        top: 10px
    }
    
    #innerpage-partners #client_prev {
        background-position: 0 -156px;
        left: 0;
    }

    #innerpage-partners #client_next {
        background-position: 0 -229px;
        right: 0;
    }
    
    #siblings-block {
        margin-bottom: 20px
    }
    
    .archive-item {
        margin-bottom: 20px
    }
    
        .archive-item .event-date {
            color: #999;
        }
    
    .archive #page-content .featured-image,
    .search #page-content .featured-image {
        float: left;
        padding: 0 20px 0 0;
        max-width:180px;
    }
    .archive #page-content .featured-image img,
    .search #page-content .featured-image img{
        width:180px;
        height:auto;
    }
    
    
    #share-block {
        padding: 20px 0 0;
        border-top: dashed 1px #ccc;
        margin: 20px 0 0;
    }
    
    /* ENDS: INNER CONTENT */


    
/* ENDS MAIN CONTENT */





/* STARTS FOOTER*/
.primary-footer #gforms_confirmation_message #gform_confirmation_wrapper_1 #gform_confirmation_message_1{
  background: rgb(143, 159, 180)!important;
  padding: 10px!important;
  margin-top: 20px!important;
}
.primary-footer{
    font-size:15px;
    font-family: 'Telex', sans-serif;
    color: rgb(255, 255, 255);
    background-color:#333333;
    padding-bottom: 30px;
}

    .primary-footer h1{
        font-size:30px;
    }
    
    .primary-footer .icon-map-marker,
    .primary-footer .icon-phone {
        float: left;
        font-size: 50px;
        margin-right: 15px;
    }
    
    .primary-footer h4{
        font-size:20px;
        font-weight: lighter;
    }
    
    .primary-footer p {
        color:#CCCCCC;
    }
    
        .primary-footer a {
            color:#FFFFFF;
        }
    
    .primary-footer .container{
        padding-top:25px;
    }


.primary-footer-nav nav ul li {
        display: inline
}

    .primary-footer-nav nav a {
            text-transform: capitalize;
            color: #FFF;
            font-size: 16px;
            padding: 0 5px;
            border-right: 1px solid #B2ACA4;
    }
    
        .primary-footer-nav nav ul li:last-child a {
                border-right: 0;
        }
 
    .primary-footer .social {
        background: url("images/sprite-exported.png");
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
        cursor: pointer;
        display: inline-block;
    }
    
        .primary-footer .social.twitter {
            background-position: 0 -568px;
        }

        .primary-footer .social.linkedin {
            background-position: 0 -605px;
        }
     .primary-footer .social.Googleplus {
            background-position: -62px -568px;
        }
    
 
 .iplanit-logo {
    background: url("images/sprite-exported.png") no-repeat scroll 0 -484px transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 100px;
 }
 
/*STARTS - SIDEBAR info centre menu*/

.sidebar_resources .faq-container form {
     width:90%;
     margin-left: 0px;
}
.sidebar_resources #articlesmenu li{
    list-style-type:none;
    padding: 10px;
  padding-left: 40px;
}
.grandfather{
  padding: 20px!important;
  color: #fff!important;
  font-size: 20px;
  cursor: pointer;
}
.father{
    color:#FFF!important;
    text-decoration:none;
    text-transform:uppercase;
      font-size: 20px!important;
/*      padding-left:20px;*/
}
.father:before{

}
 .grandfather .micro-arrow {
  background-image: url("/wp-content/themes/datapw/images/sprite-exported.png");
   background-position: -5px -543px;
  display: inline-block;
  height: 13px;
  width: 15px;
  
}
.father:hover, .father:active{
color:#FFF!important;
text-decoration:none!important;
}
#articlesmenu{
    width:100%;
}

#articlesmenu img{
    position: relative;
top: 13px;
right: 8px;
}
#articlesmenu a{
/*    margin-left:20px; */
      font-size: 16px;
      color:#333;
}
#articlesmenu a:hover{
      color:#08c;
}
#articlesmenu li.current_page_ancestor.current_page_parent a{
text-decoration: none;
  color:#08c;
}
#articlesmenu .current_page_item a{
   text-decoration: none;

  color:#08c;
  color:#08c;
}
#articlesmenu ul.children.current_page_item a{font-weight: bold;}

#articlesmenu .current_page_item ul.children li a{
    font-weight:normal!important; 
}
.sidebar_resources #articlesmenu li .children li{
border:none;
padding: 3px;
}
.sidebar_resources #articlesmenu li .children {
border-top:1px solid #D5CBCB;
}
.sidebar_resources #articlesmenu li .children li a{
font-size:14px;
  word-break: break-word;
}
.resources_menu{
    background:url('images/list-items.gif') no-repeat; 

    width:32px;
    height:14px;  
    position:relative;
      left: 5px;
      bottom: 16px;
    margin-bottom: -15px;
    margin-left: -22px;
    background-size:30%;
}
#articlesmenu .children{
    padding:0px;
    margin:0px;
    padding-left:20px;
}
#articlesmenus li{
    border-bottom:1px solid #3AB449;
    padding:3px;
    font-size:18px;
}
#articlesmenus li.current_page_item a{
    color:#3AB449; 
}
#articlesmenus li:hover a{
    color: #312C7D; 
}
#articlesmenus li.current_page_item:hover a{
    color:#3AB449;  
}
#articlesmenus{
    border-top:1px solid #3AB449;
    border-left:1px solid #3AB449;
    border-right:1px solid #3AB449;
    margin-top:10px;
    margin-bottom:10px;
}
#articlesmenus li ul.children li {
    margin-left:5px;

    border-bottom:none;
    font-size:14px;
}
.resources-button{
    text-align:center;
    margin-bottom:10px;
    color:#3AB449;
    margin-top:10px;
    font-weight:bold;
}
.resources-button:active,.resources-button:hover {
    border:1px solid #3AB449!important;
    box-shadow:none;
    -moz-box-shadow:none;
   -webkit-box-shadow:none;
}
 
/*ENDS - SIDEBAR info centre menu*/
 
/* BEGINS: CFORMS OVERRIDE */
    
#footer .cform {
    width: 100%
}

#footer .cform label {
    display: block;
    text-align: left;
}

#footer .cform label span {
    width: auto;
}

#footer .cform textarea,
#footer .cform input {
    border: 0;
}

    #footer .cform textarea,
    #footer .cform input[type=text] {
        width: 98%;
        min-height: 35px
    }


    #footer .cform span.reqtxt,
    #footer .cform span.emailreqtxt {
        margin: 0;
    }
    
    
#footer .cform ol.cf-ol {
    padding: 0 !important;
    border-top: none;
}

    #footer .cform ol.cf-ol li {
        margin: 15px 0 !important;
    }

    #footer .gform_wrapper input,     #footer .gform_wrapper textarea{
        width:100%;
        padding-right:0px;
    }
    #footer .gform_wrapper .ginput_container{
        margin-top:0px;
    }
    #footer .gform_wrapper label{
        font-weight:400;
    }
#footer .gform_wrapper input[type=submit], #footer .gform_wrapper input[type=submit]:hover {
    font-family: 'Telex';
    border-width: 0 !important;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 20px;
    background: #fff;
    color: #555!important;
    text-shadow: none;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
    margin: 0;
    float:right;
    width:auto!important;
}


#footer div.cf_info {
    width: auto
}

#footer .cf_li_err span {
    color: #D62927;
}
#input_4_6{
    width:100%;
}
/* ENDS: CFORMS OVERRIDE */
 
 

.tertiary-footer{
    height:80px;
    padding: 10px 0;
    font-size:14px;
    color:#B2ACA4;
    background-color:#FFF;
}

    .tertiary-footer nav {
        display: inline-block;
        margin-left: 5px;
    }

        .tertiary-footer nav ul li {
            display: inline
        }

            .tertiary-footer nav a {
                color: #132C5F;
                font-size: 14px;
                padding: 0 5px;
                border-left: 1px solid #B2ACA4;
            }

    .developed-by-iplanit {
        text-align:right;
    }

        .developed-by-iplanit a, 
        .developed-by-iplanit a:hover {
            color:#B2ACA4;
        }

/* ENDS FOOTER*/









/* MEDIA QUERIES */



/* MQ FOR DESKTOPS WITH HIGHER SCREEN RESOLUTION */
@media (min-width: 1200px) {

    #our-services-blocks .featured-image img {
        width: 185px;
        height: 185px
    }
    
    #our-services-blocks {
        font-size: 120%;
        line-height: 140%;
    }
    
    
    #our-company-block .tagline .shapes .rect {
        width: 46%;
        height: 10px;
        margin-top: 3px;
    }
    
}


/* MQ FOR DESKTOPS WITH LOWER SCREEN RESOLUTION */
@media (min-width: 979px) and (max-width: 1200px) {

    #our-services-blocks .featured-image img {
        width: 160px;
        height: 160px
    }
    
    
    #our-company-block .tagline .shapes .rect {
        width: 45%;
        height: 10px;
        margin-top: 3px;
    }

                
                
}


                
/* MQ FOR DESKTOPS (ALL) */
@media (min-width: 979px) {
    
    .navbar {
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    
        
    #our-services-blocks {
        padding: 120px 0 30px;
    }
    
        #our-services-blocks .tagline {
            font-size: 150%;
            line-height: 120%;
            margin-top: 30px;
        }

            .service-block .title-wrapper > div,
            .service-block .featured-text-block > div {
                padding: 10px
            }

        .service-block .featured-text-block {
            bottom: 0;
            height: 0;
            overflow: hidden;
            position: absolute;
            width: 100%;
            transition: height 0.5s ease 0s;
                -webkit-transition: height 0.5s ease 0s;
                -moz-transition: height 0.5s ease 0s;
                -o-transition: height 0.5s ease 0s;
        }
        
        #our-company-block .tagline {
            font-size: 100px;
            line-height: 140px;
        }
        
        #our-company-block .find-out-how {
            text-align: center;
            position: absolute;
            width: 100%;
            z-index: 90;
            height: 5%;
            font-size: 140%;
            color: #fff;
            bottom: 20px
        }
        
        
    /* BEGINS SUPER MENU */

    #supermenus .supermenu {
        position: absolute;
        width: 540px;
        min-height: 100px;
        right: 300px;
        display: none;
        z-index: 1000;
        padding: 10px
    }
    
        #supermenus .supermenu .right-column {
            width: 50%;
            float: right;
            color: #fff;
        }
        
        .service-sub-page-wrapper {
            padding: 10px 10px 0;
        }
            
            .service-sub-page-wrapper a {
                color: #fff;
            }

                #supermenus .service-sub-page {
                    margin: 0 10px 10px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
                    padding-bottom: 15px;
                }
                
                    #supermenus .service-sub-page-wrapper:first-child .service-sub-page {
                        margin: 10px;
                    }

                    #supermenus .service-sub-page h3 {
                        margin-top: 0;
                        font-size: 20px;
                        line-height: 25px
                    }
                    
                #supermenus .service-sub-page .button {
                    background-color: #fff
                }
                 
                /* ALSO IN THIS SECTION */
                #supermenus h3.more-title {
                    margin: 0 20px;
                    font-size: 20px;
                }
                
                #supermenus .secondary.service-sub-page-wrapper {
                    padding: 0 10px;
                }

                    #supermenus .secondary.service-sub-page-wrapper .service-sub-page {
                        margin: 0 10px 0;
                        padding-bottom: 0;
                        border-bottom: none;
                    }

                        #supermenus .secondary.service-sub-page-wrapper:last-child .service-sub-page{
                            padding-bottom: 20px
                        }
                            
        #supermenus .left-column {
            float: right;
            width: 50%;
        }
                        
            #supermenus .left-column .section-info {
                background-color: #fff;
                min-height: 250px;
            }

                #supermenus .left-column .section-info a > div {
                    padding: 20px
                }

                    #supermenus .left-column .section-info a > div h3 {
                        margin: 0 0 10px 0;
                        font-size: 20px;
                        line-height: 25px
                    }

                    #supermenus .left-column .section-info a > div .button {
                        color: #fff;
                    }
                
                
            #supermenus .contact-form {
                background-color: #333;
                color: #ccc;
                position: relative
            }

                #supermenus .contact-form .title {
                    font-size: 20px;
                    padding: 10px 17px;
                    cursor: pointer;
                }

                    #supermenus .contact-form .arrow-down {
                        background: url("images/sprite-exported.png") no-repeat scroll 0 -507px transparent;
                        cursor: pointer;
                        display: inline-block;
                        height: 30px;
                        width: 30px;
                    }

                    #supermenus .contact-form .title > div {
                        position: absolute;
                        left: 50px;
                        top: 15px;
                    }
                    
                #supermenus .contact-form .form {
                    max-height: 0px;
                    overflow: hidden;
                    margin: 0px 20px 20px;
                    transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                        -o-transition: all 0.5s;
                }
                
                    #supermenus .contact-form .form.open {
                        max-height: 700px;
                        padding-bottom: 20px;
                    }
                    
                    
                    /* BEGINS: CFORMS OVERRIDE */

                    #supermenus .gform_wrapper{
                        width: 100%;
                        padding: 0;
                        margin: 0;
                    }

                    #supermenus .gform_wrapper label {
                        display: block;
                        text-align: left;
                    }
                    
                        #supermenus .gform_wrapper label span {
                            width: auto;
                        }

                    #supermenus .gform_wrapper textarea,
                    #supermenus .gform_wrapper input {
                        border: 0;
                    }

                        #supermenus .gform_wrapper textarea,
                        #supermenus .gform_wrapper input[type=text] {
                            width: 96%;
                            min-height: 35px
                        }
                          #supermenus  .gform_wrapper .top_label input.medium {
                          padding-right:0px; 
                        }
                       #supermenus  .ginput_container{
                            margin-top:0px;
                        }
                        #supermenus .gform_wrapper textarea.medium {
                          height: 35px;
                        }
                        #supermenus .gform_wrapper span.reqtxt,
                        #supermenus .gform_wrapper span.emailreqtxt {
                            margin: 0;
                        }
                        #supermenus .gform_wrapper textarea{

                             padding-right: 0px;
                        }
/*                        #supermenus .gform_wrapper input[type=submit] {
                              border: 1px solid rgb(20, 45, 95);
                                  color: rgb(255, 255, 255);
                                  background-color: rgb(20, 45, 95);
                        }*/
                #supermenus .gform_wrapper {
                  max-width: 100%;}

                    #supermenus .cform ol.cf-ol {
                        padding: 0 !important;
                        border-top: none;
                    }

                        #supermenus .gform_wrapper  li {
                            margin: 15px 0 !important;
                        }


                    #supermenus .gform_wrapper input[type=submit] {
                        font-family: 'Telex';
                        border-width: 0 !important;
                        border-radius: 5px;
                        padding: 10px 15px;
                        font-size: 20px;
                        background: #fff;
                        color: #555;
                        text-shadow: none;
                            -webkit-text-shadow: none;
                            -moz-text-shadow: none;
                        margin: 0
                    }


                    #supermenus div.cf_info {
                        width: auto
                    }

                    #supermenus .cf_li_err span {
                        color: #D62927;
                    }

                    /* ENDS: CFORMS OVERRIDE */
                    
    
    

    /* ENDS SUPER MENU */
                
    
}



/* MQ FOR TABLETS AND ALL DESKTOPS */
@media (min-width: 768px) {
    
    .page .main-content,
    .single .main-content,
    .error404 .main-content,
    .archive .main-content,
    .search .main-content{
        padding-top: 75px;
        position: relative;
    }
    
    #expand-sidebar-icon {
        background-image: url("images/sprite-exported.png");
        background-position: 0 -25px;
        cursor: pointer;
        height: 50px;
        position: fixed;
        right: 0;
        top: 50%;
        width: 50px;
        z-index: 1000;
        transition: right 0.5s;
            -webkit-transition: right 0.5s;
            -moz-transition: right 0.5s;
            -o-transition: right 0.5s;
    }
    
        #expand-sidebar-icon.expanded {
            right: 300px;
            background-position: 0 -77px;
        }
    
    
    #our-services-blocks .container {
        margin-bottom: 20px;
    }
        
    .service-block .title-wrapper {
        float: right;
        width: 50%;
    }
                
    .service-block .featured-image {
        float:left;
        width: 50%;
    }
    
    .service-block .icon {
        bottom: 10px;
        position: absolute;
        right: 10px;
        z-index: 100;
    }
    
    #our-company-block .tagline .shapes .circle{
        width: 15px;
        height: 15px;
        border-radius: 7.5px;
    }
    
    #scenarios-block .container {
        margin-top: 40px;
    }
    
    .jcarousel-skin-tango {
        border-left: 1px solid #CCCCCC;
    }
    
    .primary-footer .second-column {
        margin-top: 80px
    }
    
    /* INNER PAGE*/
    #page-content .content-body{
        padding: 20px
    }
                
    
}



/* MQ FOR TABLETS ONLY */
@media (min-width: 768px) and (max-width: 979px) {

    #expand-sidebar-icon.expanded {
        right: 250px;
        background-position: 0 -77px;
    }
    
    #our-services-blocks {
        padding: 70px 0;
    }
    
        #our-services-blocks .featured-image img {
            width: 110px;
            height: 110px
        }
    
    .service-block .title-wrapper > div,
    .service-block .featured-text-block > div {
        padding: 5px
    }
    
    #our-company-block .tagline {
        font-size: 60px;
        line-height: 80px;
    }
    
    #our-company-block .tagline .shapes .rect {
        width: 42%;
        height: 10px;
        margin-top: 3px;
    }
    
    #events-and-clients-block .half-header {
        display: none !important
    }
    
    
    .page .main-content,
    .single .main-content,
    .error404 .main-content,
    .archive .main-content {
        top: 0
    }
    
    #featured-content .container .title {
        top: 20px
    }
    
    #featured-content .featured-text-1st-call-to-action {
        width: 50%;
    }
    
}



/* MQ FOR PHONES AND TABLETS */
@media (max-width: 979px) {
    
    header nav#main-nav div {
        float: none;
    }
    
        header nav#main-nav ul {
            margin: 2px
        }

            header nav#main-nav ul li {
                display: block;
                padding: 10px 0;
                border-top: 1px dashed #ddd;
            }
            
            .navbar .btn-navbar {
                background-image: linear-gradient(to bottom, #F4F4F4, #FFFFFF);
            }

                .navbar .btn-navbar .icon-bar {
                    background-color: #152E60;
                    box-shadow: none;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        -o-box-shadow: none;
                }
            
    .page .main-content,
    .single .main-content,
    .error404 .main-content,
    .archive .main-content,
    .search .main-content{
        padding-top: 0px;
    }
    
    #sidebar {
        top: 0;
        width: 250px;
        right: -250px
    }
    
    #sidebar.expanded {
        position: absolute;
    }
    
}



/* MQ FOR PHONES */
@media (max-width: 768px) {
    
    #cookie-law-info-again {
        display: none
    }
    
    header,
    #our-services-blocks,
    #our-company-block,
    #scenarios-block,
    #featured-news-slider-wrapper,
    #events-and-clients-block,
    #where-we-are-block,
    #footer,
    #featured-content,
    #innerpage-sidebar {
        margin-left: -20px;
        margin-right: -20px;
    }
    
        header .datapac-logo {
            margin-left: 20px;
        }
    
        .navbar .btn-navbar {
            margin-right: 20px;
        }
        

        
    #our-services-blocks .tagline {
        padding: 0 20px 20px 20px;
    }

    #our-services-blocks .container .title-wrapper div {
        padding: 20px 20px 20px 60px;
    }

    #our-services-blocks .icon {
        left: 20px;
        position: absolute;
        top: 20px;
    }

        #scenarios-block .wrapper,
        #footer .container{
            margin: 20px;
        }



    #our-company-block .tagline {
        font-size: 30px;
        line-height: 30px;
    }

    #our-company-block .secondary-tagline {
        font-size: 50%;
        width: 80%;
    }
    
    
    #scenarios-block .description {
        margin-top: 20px;
    }
    
    #scenarios-block form {
        width: 300px;
    }
    
        #scenarios-block .wrap.input > input {
            margin: 6px 3px;
        }

    #events-and-clients-block .body {
        margin: 20px;
    }
    
    .jcarousel-skin-tango {
        padding: 40px 0;
    }
    
        .jcarousel-skin-tango .jcarousel-container-vertical {
            width: 85%
        }
        
        .jcarousel-skin-tango .jcarousel-prev-vertical,
        .jcarousel-skin-tango .jcarousel-next-vertical {
            left: 38%;
        }
        
        
    #events-and-clients-block #register-for-events-container {
        width: 100%;
        min-height: 45%;
        top: 50px;
    }
    
    #events-and-clients-block #view-all-events {
        margin: 0 0 40px 20px;
    }
    
    
    #where-we-are-block {
        height: 400px;
    }
    
        #where-we-are-block #map {
            height: 350px;
        }

        #where-we-are-block #overlay-window {
            width: 89%
        }
        
        
    .tertiary-footer nav {
        margin-left: 0;
        display: block;
    }

        .tertiary-footer nav ul li {
            display: block
        }

            .tertiary-footer nav a {
                border-left: none;
            }
            
            
    .tertiary-footer .developed-by-iplanit {
        text-align: left
    }
    
    
    /* INNER PAGES */
    .page .main-content,
    .single .main-content,
    .error404 .main-content,
    .archive .main-content,
    .search .main-content{
        top: 0
    }
    
    #featured-content .container .title {
        position: relative;
        top: 0;
        line-height: 35px;
        padding: 15px 20px 20px
    }
    
    #featured-content .featured-text-1st-call-to-action {
        position: relative;
        width: 100%;
    }
    
    #featured-content .featured-text-1st-call-to-action .featured-text {
        background-color: rgb(0, 0, 0);
    }
    
    #page-content {
        margin-top: 20px
    }
    
    /* INNER PAGE*/
    #page-content .content-body{
        margin-top: 0px !important
    }
    
    #page-content .cform {
        width: 100%;
    }

    #page-content .cform textarea,
    #page-content .cform input[type=text] {
        width: 98%;
    }
    
    
    #child-pages {
        padding: 0
    }
    

    #innerpage-scenarios .wrap-title-and-big-w {
        width: 90%;
    }
    
    #innerpage-scenarios .content.open {
        padding-left: 9%;
    }
    
}
#scriptContent{
    position:fixed;
    right: 5px;
    top:205px;
    z-index: 9999;
}

#page-content .content-body ul {
    margin-left: 1em;
    overflow: hidden; 
}
#page-content .content-body ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;    
}
.content-body .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 25%!important;
  padding-right:0px!important;
}
.content-body .gform_wrapper textarea.medium {
   width: 25%!important;
     padding-right:0px!important;
}
.content-body .gform_confirmation_wrapper {
  background: rgb(212, 211, 211);
  padding: 10px;
  margin-top: 20px;
  font-size: 18px;
}
.content-body .gform_wrapper .gfield_label_hidden.gfield_contains_required>.ginput_container, .content-body .gform_wrapper .gfield_label_hidden.gfield_contains_required>.clear-multi {
  margin-top: 0px!important;
}
#gform_fields_56 select{
      max-height: 50px;
}/*
#gform_fields_56 select, #gform_fields_56 input, #gform_fields_56 textarea{
      width:90%!important;
}
#gform_fields_56 input[type=radio]{
       width:auto!important;
}*/
.gsection_title, .gsection_description{

}
.gform_wrapper .gsection {
  border-bottom:1px solid rgba(20, 45, 95, 0.43)!important;
  color:#142D5F;
  padding:0px!important;
  
}
.centre-the-form{
    margin-left:auto;
    margin-right:auto;
    display:table;
}
.centre-the-form input, .centre-the-form textarea, .centre-the-form select{
    width:90%!important;
    
}
.centre-the-form  .gform_wrapper .top_label input.medium, .centre-the-form  .gform_wrapper .top_label select.medium{
        width:90%!important;
}
.centre-the-form input[type=radio], .centre-the-form input[type=checkbox]{
   width:auto!important;
}
/* MQ FOR RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{

    /*NOTHING FOR NOW*/
    
}




/* MQ FOR PRINTERS */
@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */
.circular-countdown{
     height: auto;
     min-height: 200px;
}
@media (max-width:1200px) {
    .circular-countdown{
     height: auto;
     min-height: 400px;
   }
}
@media (max-width:420px) {
    .circular-countdown{
          min-height: 750px;
   }
}
.yks-mailchimpFormDiv input[type=submit]{
color:#FFF;
    background-color: #142D5F;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px 15px 6px;
    text-transform: lowercase;
	border:none;
	width:auto;}
.yks-mailchimpFormDiv input{
	width:50%;}