/*-----------------------------------------------------------

	Theme Name: G KULLAR CONSTRUCTION
	Theme URI: 
	Description: Custom WP theme for G KULLAR
	Author: Letterpress Design Ltd
	Author URI: 
	Version: 1
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	
*/



/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: transparent;
	line-height: 1;
	padding: 0 5%;
	
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure img {
	max-width: 100%;
}


/* Block elements */
header, hgroup, footer, section, article, aside {
	display: block;
}

/*jetback wpstats smiley hide*/
#wpstats{
	display: none;
}

.page-item-23, .page-item-5 {
	display: none;
}

/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/


  /* ANIMATIONS
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
            
             @keyframes fadeIn {
              60% {
                opacity: 0;
              }

              100% {
                opacity: 1;
              }
            }

            @keyframes scaleIn {
              100% {
                transform: scaleX(1);
              }
            }

            @keyframes slideIn {
              100% {
                transform: translateY(0);
              }
            }
            
            header {
                opacity: 0;
            }
            
            .loaded header {
                animation: fadeIn 0.4s ease-in 0.2s forwards;
            }
            
            .loaded banner {
            animation: fadeIn 0.4s ease-in 0.3s forwards, slideIn 0.2s ease-in 0.2s forwards;
            }
            
            banner {
                transform: translateY(-30px);
                opacity: 0;
            }
            
            
            .banner-strip {
                opacity: 0;
            }
            
            .loaded .banner-strip {
                animation: fadeIn 1s ease-in 0.2s forwards;
            }
            
            .partnership-strip {
                opacity: 0;
            }
            
            .loaded .partnership-strip {
                animation: fadeIn 1.5s ease-in 0.2s forwards;
            }
            
            main {
                opacity: 0;
            }
            
            .loaded main {
                animation: fadeIn 1.6s ease-in 0.2s forwards;
            }
            
            .case-studies {
                opacity: 0;
            }
            
            .loaded .case-studies {
                animation: fadeIn 1.9s ease-in 0.2s forwards;
            }
            footer {
                opacity: 0;
            }
            
            .loaded footer {
                animation: fadeIn 2s ease-in 0.2s forwards;
            }
            
            /* // ANIMATIONS --*/
            
            .right {
                text-align: right
            }
            
            body {
                font-size: 0.9em;
                font-family: open-sans, sans-serif;
                font-weight: 300;
                line-height: 1.6em;
                
            }
            
            header {
                background: rgba(187,191,197,1);
                xbox-shadow: 0px 0px 60px 30px #000;
                xposition: absolute;
                width: 100%;
				margin-bottom: 10px;
                top: 0;
                left: 5%;
                z-index: 10;
                border-bottom: 5px solid #0d3248; /*#1c3f6e;*/
  /* in order: x offset, y offset, blur size, spread size, color */
  /* blur size and spread size are optional (they default to 0) */
            }
            
            .masthead {
                width: 90%;
                margin: 0 auto;
                display: block;
            }
            
            .masthead-inner{
                border-top: 10px solid #190099; /*#1c3f6e;*/
                display: flex;                
            }
            
            .masthead-inner .col-02 {
                width: 25%
            }
            
            .masthead-inner .col-02 img {
                margin: 15px 0 20px 0;
            }
            
            .masthead-inner .col-03 {
                width: 75%;
            }

            .masthead-inner .col-03 p {
                text-align: right;
                text-transform: uppercase;
                color: #fff;
                margin-top: 15px
            }
            
            .masthead-inner nav {
                text-align: right;
                float: right;
                margin-bottom: 10px;
            }
            
            .masthead-inner nav ul {
                list-style-type: none;
                margin-top: 55px;
            }
            
            .masthead-inner nav li {
                float: left;
                margin-left: 15px;
            }
            
            .masthead-inner nav li a {
                text-transform: uppercase;
                color: #040406;
                text-decoration: none;
            }

            
            header:after {
                clear: both;
                display: block;
                content: " ";
                padding: 0;
                margin: 0;
            }
            
            header h1 {
                font-family: serenity, sans-serif;
                font-weight: 500;
                font-style: normal;
                color: #fff;
                float: left;
                font-size: 3em;
                margin: 40px 0 20px 5%
            }
            
            header .logo-box {
                float: right;
                padding: 40px 30px 0 0;
                margin-right: 5%;
                margin-bottom: -30px;
            }
            
            header .logo-box img {
                height: 100px;
                width: auto;
            }
            
            header .logo-box::after {
                border-top: 30px solid rgba(40,55,137,1);
                border-left: 54px solid rgba(255,255,255,0);
                border-right: 54px solid rgba(255,255,255,0);
                content: "";
                width: 0px;
                display: block;
                z-index: 1;
                position: relative;
                margin-left: -15px;
            }
            
            banner img {
                width: 100%;
                height: auto;
            }
            
            .banner-strip {
                background: #0d3248 /*#606975 */ ;
				margin-top: 10px;
            }
            
            .banner-strip .inner {
                display: flex;
                width: 90%;
                margin: 0 auto;
            }
            
            .banner-strip .inner p {
                text-transform: uppercase;
                color: #fff;
                margin: 45px 20px 45px 0
            }
            
            .banner-strip .inner .col-03 {
                width: 75%;
            }
            
            .banner-strip .inner .col-01 {
                width: 25%
            }
            
            .banner-strip .inner .col-01 img {
                margin: 40px 0 60px 0;
            }
            
            .partnership-strip {
                background: #fff;
            }
            
            .partnership-inner {
                width: 90%;
                padding: 20px 0;
                margin: 0 auto;
            }
            
            .partnership-inner img {
                margin-right: 6%
            }
            
            main {
                margin: 0;
                border: 0;
                width: 100%;
                height: auto;
            }
            
            main .specialist {
                position: relative;
            }
            
            main .specialist::after {
                content: " ";
                padding: 0;
                margin: 0;
                clear: both;
            }
            
            main .specialist img {
                float: left;
                width: 100%;
                height: auto
            }
            
            main .specialist .col-right {
                float: right;
                display: block;
                z-index: 1;
                text-align: right;
                width: 48%;
                margin-right: 5%;
                margin-top: -33%;
            }
            
            .case-studies {
                background: #fff;
                display: block;
                clear: both;
                }
            
            .case-studies::after {
                content: " ";
                padding: 0;
                margin: 0;
                clear: both;
                width: 100%;
                }
            
            .case-studies .inner {
                width: 100%;
                margin: 0 auto;
                display: block
            }
            
            .case-studies .inner::after {
                content: " ";
                padding: 0;
                margin: 0;
                clear: both;
            }
            
            .case-study {
                float: left;
                margin-right: 2%;
                width: 30.5%;
                overflow: hidden;
                position: relative;
                margin-bottom: 2%;
            }
            
            
            .case-study img {
                width: 100%;
                height: auto;
                transition: transform .5s ease;
            }
            
            .case-study:hover img {
	           transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
            }
            
            .case-study .case-study-txt {
                background: rgba(13,50,72,0.7); /*rgba(28,63,110,0.7);*/
                position: absolute;
                bottom: 0;
                font-family: dunbar-text, sans-serif;
                font-weight: 700;
                font-style: italic;
                text-transform: uppercase;
                color: #fff;
                width: 100%;
            }
            
            .case-study .case-study-txt a {
                color: #fff;
                text-decoration: none;
                padding: 20px;
                display: block;
                width: 100%;
                font-size: 1.4em;
            }
            
            footer {
                clear: both
            }
            
            .case-studies .inner {
                border-top: 8px solid #190099; /*#1c3f6e;*/
            }

            .page-template-page-casestudies .case-studies .inner {
                border-top: 0px solid #1c3f6e !important;
            }

            
            .case-studies .inner h2 {
                font-size: 2.65em;
                color: #0d3248; /*#606975;*/
                font-family: dunbar-text, sans-serif;
                font-weight: 500;
                font-style: italic;
                line-height: 1.1em;
                margin: 40px 0px;
            }
              
            .spacer {
                margin-right: -5%
            }
            
            .find-out-more-btn a {
                display: block;
                padding: 20px 30px;
                background: rgba(13,50,72,0.8);
                width: 200px;
                float: right;
                text-decoration: none;
                text-transform: uppercase;
                font-weight: 100;
                color: #fff;
                text-align: center;
                font-size: 1.2em;
                margin-top: 30px;
	               transition: 0.3s;
            }
            
            .find-out-more-btn a:hover {
                background: #000;
		        color: #fff;
            }
            
            
            footer .footer-inner {
                display: flex;
                width: 90%;
                margin: 0 auto;
            }
            
            
            .specialist .col-right h2 {
                font-size: 2.65em;
                font-family: dunbar-text, sans-serif;
                font-weight: 500;
                font-style: italic;
                line-height: 1.1em;
                margin-bottom: 40px;
            }
            
            
            .specialist .col-right p {
                font-size: 1.3em;
                line-height: 1.2em;
            }
            
            
            footer .footer-inner .col-03 {
                width: 30%;
                display: block;
                margin: 80px 0;
            }
            
            footer .footer-inner .col-03 h3 {
                font-size: 1.5em;
                font-family: dunbar-text, sans-serif;
                font-weight: 100;
                font-style: italic;
                color: #fff;
                text-transform: uppercase;
                margin: 0 0 20px 0
            }
            
            footer .footer-inner .col-03:first-of-type {
                margin-right: 5%;
                border-right: 1px solid rgba(255,255,255,0.3)
            }
            
            footer .footer-inner .col-03:last-of-type {
                margin-left: 5%;
                border-left: 1px solid rgba(255,255,255,0.3);
                padding-left: 25px
            }
            
            footer .footer-inner .col-03 p {
                font-weight: 200;
                color: #fff;
                margin-bottom: 0px;
            }
            
            footer .footer-inner .col-03 p:last-of-type {
                font-weight: 200;
                color: #fff;
                margin-bottom: 20px;
            }
            
            
            
            footer {
                background: rgba(25,0,153,1); /*rgba(28,63,110,1);*/
                margin-top: 0px;
                position: relative;
                z-index: 1;
                display: block;
            }
            
            footer section {
                width: 90%;
                display: block;
                margin: 0 auto;
                position: relative
            }
            
            footer section .col-03-3 {
                xborder: 1px solid red;
            }
            
            footer section .col-03-3, footer section .col-03-3 a {
                color: #6d97cc
            }
            
            footer section .col-03-3 p {
                position: absolute;
                bottom: 0px;
            }
            
            footer section .col-03-1 h4, footer section .col-03-3 h4 {
                font-family: serenity, sans-serif;
                font-weight: 400;
                font-style: normal;
                color: #6d97cc;
                margin-top: 24px;
                clear: both;
                font-size: 1.5em;
                margin-bottom: 20px;
            }
            
            footer section .col-03-3 .foundation-logos {
                display: block;
                margin-bottom: 120px;
                
            } 
            
            footer section .col-03-3 .foundation-logos img  {
                border-radius: 7px;
                overflow: hidden;
                background: #fff;
                padding: 5px;
            } 
            
            footer section .col-03-3 h4 .foundation-logos img p {
                
            }
            
            footer section .col-03-3 h4 .foundation-logos img p a {
                
            } 
            
            
            footer section .col-03-1 p:first-of-type {
                font-size: 0.85em;
                color: #fff;
            }
            
            footer section .col-03-1 p:last-of-type {
                border-bottom: 0 !important;
            }
            
            footer section .col-03-1 p {
                color: rgba(255,255,255,0.5);
                font-size: 0.9em;
                padding: 15px 0;
                clear: both;
                border-bottom: 1px solid rgba(255,255,255,0.4);
                
            }
            
            footer section .col-03-1 p::after {
                clear: both;
                display: block;
                content: "";
                padding: 0;
                margin: 0;
                    
            }
            
            footer section .col-03-1 p span {
                display: block;
                text-align: right;
                float: right;
                color: #fff;
                clear: right;
            }
            
            footer section .col-03-1 p span a {
                color: #fff;
                text-align: right;
                float: right;
                text-decoration: none;
            }
            
            footer section::after {
                clear: both;
                content: "";
                display: block;
                margin: 0;
                padding: 0
                    
            }
            
            footer section {
                border-bottom: 1px solid #6d97cc
            }
            
            .footer-btm a {
                color: #6d97cc;
                text-decoration: none;
                
            }
            
            .footer-btm p {
                display: block;
                padding: 15px 5% 15px;
                font-size: 0.78em
            }
            
            .footer-btm {
                background: #0d3248; /*#000;*/
                display: block;
            }
            
            .footer-btm::after {
                clear: both;
                content: "";
                display: block;
                margin: 0;
                padding: 0;
            }
            
            
            /******** PAGE STYLES ********/
            
            .page-template-default .main-inner {
            	width: 100%;
            	margin: 0 auto;
            	padding-bottom: 40px;
            	border-bottom: 1px solid #e5e5e5;
            }
            
            .page-template-default .main-inner p:first-of-type {
            	text-transform: uppercase;
    			font-size: 1.3em;
    			color: rgba(96,105,117,0.7);
    			font-weight: 400;
    			line-height: 1.25em;
            }
            
             .page-template-default .main-inner p {
             	margin: 0 0 25px 0;
    			font-size: 1.15em;
    			line-height: 1.4em;
             }
            
            
            .page-template-default .main-inner h1 {
    			font-size: 2.5em;
    			font-family: dunbar-text, sans-serif;
    			text-transform: uppercase;
    			font-style: italic;
    			margin: 40px 0 30px 0;
    			color: rgba(28,63,110,1);
            }
            
            .page-template-default .partnership-strip {
            	padding: 30px 0 20px;	
            }
            
            /******** CASE STUDY TEMPLATE ***********/
            
            .page-template-page-casestudies .main-inner {
            	width: 90%;
            	margin: 0 auto;
            	padding-bottom: 40px;
            	border-bottom: 0px solid #e5e5e5;
            }
            
            .page-template-page-casestudies .main-inner p {
             	margin: 0 0 25px 0;
    			font-size: 1.15em;
    			line-height: 1.4em;
             }
            
            .page-template-page-casestudies .main-inner h1 {
    			font-size: 2.5em;
    			font-family: dunbar-text, sans-serif;
    			text-transform: uppercase;
    			font-style: italic;
    			margin: 40px 0 30px 0;
    			color: rgba(28,63,110,1);
            }
            
            


.ppt_post {
	display: block;
	width: 45%;
	border: 1px solid red;
	float: left;
}

.news-listing {
	list-style-type: none
}

.news-listing li {
	display: block;
	width: 50%;
	float: left;
}


.news-listing li h3, .news-listing li span, .news-listing li p {
	xpadding: 0 20px;
	margin: 10px 0 !important;
}

.news-listing li h3 a { 
    			font-family: dunbar-text, sans-serif;
    			text-transform: uppercase;
    			font-style: italic;
	color: #283789;
	text-decoration: none;
	font-weight: bold /*100*/;
}

.news-listing li p a {
	text-transform: uppercase;
	text-decoration: none;
}

.single-post banner {
	overflow: hidden;
	height: 350px;
	width: 100%;
	display: block;
}

.single-post banner img {
	margin-top: 0%;
}

 .single-post .main-inner {
            	width: 100%; /*90%*/
            	margin: 0 auto;
            	padding-bottom: 40px;
            	border-bottom: 0px solid #e5e5e5;
            }
            
            .single-post .main-inner p {
             	margin: 0 0 25px 0;
    			font-size: 1.15em;
    			line-height: 1.4em;
             }
            
            .single-post .main-inner h1 {
    			font-size: 2.5em;
    			font-family: dunbar-text, sans-serif;
    			text-transform: uppercase;
    			font-style: italic;
    			margin: 40px 0 30px 0;
    			color: rgba(28,63,110,1);
            }