/*  
Theme Name: Strategic Rewards 2016
Theme URI: http:studio313.com.au
Description: 2016 WP theme for Strategic Rewards
Version: 1.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/

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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/** SITE STYLES **/

body { -webkit-text-size-adjust: none; background-color:#fff; overflow-x: hidden;}

h1, h2, h3, h4 { font-family: 'Roboto', sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:140%;}

h1 { font-size: 20px; color:#0063be; margin:0 0 10px 0;}
h2 { font-size: 18px; color:#0063be; margin:0 0 7px 0;}
h3 { font-size: 16px; color:#0063be; margin:0 0 7px 0;}
h4 { font-size: 14px; color:#0063be; margin:0 0 7px 0; font-weight:400px;}

p, a, li { font-family: 'Roboto', sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none; font-size:14px;}
p, li { color:#545454; line-height:140%;}
p { margin:0 0 15px 0 !important;}

a { text-decoration:none; color:#545454; outline:none; border:none;}
a, button { text-decoration:none; color:#545454; outline:none; border:none;
		-o-transition:all .5s;
  		-ms-transition:all .5s;
  		-moz-transition:all .5s;
  		-webkit-transition:all .5s;
  		transition:all .5s}
a:hover { text-decoration:none; color:#333;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: 'Open Sans', sans-serif; font-weight:800;}
em, i { font-family: 'Open Sans', sans-serif;}
em b, i b, em strong, i strong { font-family: 'Open Sans', sans-serif; font-weight:800;}

.container, .container-fluid { max-width:100%;}
.container { width: 100%; max-width: 1200px;}

img { max-width: 100%; height: auto;}

.white { color: #fff;}

@media only screen and (min-width :1100px) {
    h1 { font-size: 22px; color:#0063be; margin:0 0 10px 0;}
h2 { font-size: 20px; color:#0063be; margin:0 0 7px 0;}
h3 { font-size: 18px; color:#0063be; margin:0 0 7px 0;}
h4 { font-size: 16px; color:#0063be; margin:0 0 7px 0; font-weight:400px;}

p, a, li { font-family: 'Roboto', sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none; font-size:16px;}
}


/* colours */
	


/** HEADER **/
.header-wrap { position: fixed; z-index: 2000; width: 100%; background:#fff; }
.sr-body { position:relative; padding-top:120px;   }

	header { position:relative; margin:0; padding:0;}


.top-panel { background: #f5f5f5; padding: 7px 15px;}
.top-panel ul { position: relative; list-style: none; padding: 0; margin: 0; text-align: right;}
.top-panel ul li { display: inline-block; color: #0063be; font-size: 17px;}
.top-panel ul li a { color: #929497; display: none;}
.top-panel ul li a:before { content: "\002f";  color: #d1d2d3; padding: 0 5px;}
.top-panel ul li a:hover { color: #1b75b9 !important;}

.top-panel ul li a[href*="linkedin"],
.top-panel ul li a[href*="twitter"],
.top-panel ul li a[href*="facebook"],
.top-panel ul li a[href*="google"],
.top-panel ul li a[href*="@"] { display: block;}
	
/* nav */
.navbar { margin-bottom: 0; border: none; background: #fff; height: 115px; position: relative; z-index: 1000;}
a.navbar-brand { height: 115px; padding: 0;}
a.navbar-brand img { width: auto; height: 95px; margin-top: 10px; }

.navbar-header button { margin-top: 40px;}

.navbar-collapse, ul.nav { background: #fff;}

ul.navbar-nav li a { font-size: 16px; font-weight: 500;}
ul.navbar-nav li a:hover { color: #1b75b9 !important;}
ul.navbar-nav li:first-of-type { display: none;}
ul.dropdown-menu li:first-of-type { display: block;}
ul.dropdown-menu li a { font-size: 14px; font-weight: 400;}

.grid-demo, .grid-demo .row { max-width: 100%;}
.grid-demo .row { padding-left: 10px;}

@media only screen and (min-width :1023px) {
    .top-panel { background: #fff; position: absolute; z-index: 1001; right: 15px;}
    
    ul.navbar-nav { margin-top: 40px;}
    ul.navbar-nav li:first-of-type { display: block;}
    ul.navbar-nav li:first-of-type a { color: #1b75b9;}
    ul.navbar-nav li:first-of-type a:hover { color: #545454;}
    ul.dropdown-menu li:first-of-type a { color: #fff;}
    ul.dropdown-menu { box-shadow: none; border-radius:0; border: 0; background: #0063BE;}
    
    .grid-demo { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; display: block; text-align: center;}
    .grid-demo span { width: 100%; margin-bottom: 7px;}
    .yamm .nav,
    .yamm .collapse,
    .yamm .dropup,
    .yamm .dropdown { position: static;}
    .yamm .container { position: relative;}
    .yamm .dropdown-menu { left: auto;}
    .yamm .yamm-content { padding: 20px 30px;}
    .yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;}

    ul.navbar-nav li > ul.dropdown-menu a:hover { color: #333 !important;}
    
}


/* multi-level menu */
ul.dropdown-menu li a { padding-top: 10px; padding-bottom: 10px;}
ul.navbar-nav li i { opacity: 0.5; margin-right: 4px; font-size: 18px; }
.dropdown-submenu {  position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; min-width: 325px;}
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }

@media only screen and (min-width :1000px) {
    .dropdown-menu a, .dropdown-submenu a { color: #fff !important; white-space: normal;}
    .dropdown-submenu>.dropdown-menu {min-width: 325px;}
   .dropdown-submenu i.fa-angle-right {margin-left:10px;}
}


/** home **/

/* home feat img */
.home-feat-img-wrap { padding: 0; background: #F1F1F1; position: relative; min-height: 400px;}
.home-feat-img-inwrap { position: relative; overflow: hidden; }
.home-feat-img {width: 100%; height: auto; position: relative; }
.home-feat-img img {width: 100%; height: auto; position: relative;}

.home-feat-text-outwrap { position: relative; display: block; z-index: 1; width: 100%; height: auto;}
.home-feat-text-intwrap { position: relative; bottom: 0; background: rgba(240,240,240,0.8); padding: 20px 20px 20px 20px; width: 100%;}
.home-feat-text-wrap {}
.home-feat-text-wrap h1 { font-size: 24px;}
.home-feat-text-wrap p { font-size: 18px; color: #636363;}


@media only screen and (min-width :700px) {
    /* home feat img */
    .home-feat-img-wrap { padding: 0; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; position: relative; min-height: 400px; margin-bottom: 100px;}
    .home-feat-img-inwrap { position: relative; overflow: hidden;   top: 30px;  }
    .home-feat-img {-webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); overflow: hidden; width: 1100px; height: 550px; position: relative; float: right; margin-right: -120px; }
    .home-feat-img img {-webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); margin-left: -90px; width: 1500px; height: auto; position: absolute; top: 50%; margin-top:-35%;}

    .home-feat-text-outwrap { position: absolute; display: block; top: 50%; transform: translateY(-50%); z-index: 1; width: 450px; height: 300px; left: 5%; border-left: 5px solid #0063BE; border-bottom: 5px solid #0063BE; overflow: hidden;}
    .home-feat-text-intwrap { position: absolute; bottom: 0; background: rgba(240,240,240,0.8); padding: 20px 40px 20px 50px; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); margin-left: -30px; width: 430px;}
    .home-feat-text-wrap { -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg);}
    .home-feat-text-wrap h1 { font-size: 24px;}
    .home-feat-text-wrap p { font-size: 18px; color: #636363;}
}

/* home feat list */
.home-feat-list { margin-bottom: 50px;}
ul.li-2 { list-style: none; position: relative; text-align: center; margin: 0; padding: 0;}
ul.li-2 li { display: inline-block; max-width: 100%; margin: 20px 10px; vertical-align: top; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; padding: 40px; padding-bottom: 100px; height: auto; position: relative;}
ul.li-2 li h1 {}
ul.li-2 li p { font-size: 15px; color: #545454;}
ul.li-2 li a { color: #0063BE; background: #fff; border: 2px dashed rgba(84,84,84,0.25); display: block; width: auto; height: auto; border-radius: 10px; position: absolute; display: block; bottom: 40px; left: 50%; transform: translateX(-50%); font-size: 16px; padding:10px 20px;}
ul.li-2 li a i { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px;}
ul.li-2 li a:hover { color: #fff; background: #0063BE; border: 2px dashed rgba(84,84,84,0.25);}
ul.li-2 li a:hover i { color: #fff;}
ul.li-2 li img { width: 80px; height: auto;}

@media only screen and (min-width :800px) {
    /* home feat list */
    .home-feat-list { margin-bottom: 50px;}
    ul.li-2 { list-style: none; position: relative; text-align: center; margin: 0; padding: 0;}
    ul.li-2 li { display: inline-block; width: 30%; margin: 20px 5px; max-width: 430px; vertical-align: top; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; padding: 60px; height: 585px; position: relative;}
    ul.li-2 li h1 {}
    ul.li-2 li p { font-size: 16px; color: #545454;}
    ul.li-2 li a { color: #0063BE; background: #fff; border: 2px dashed rgba(84,84,84,0.25); display: block; width: auto; height: auto; border-radius: 10px; position:   absolute; display: block; bottom: 40px; left: 50%; transform: translateX(-50%);}
    ul.li-2 li a i { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px;}
    ul.li-2 li a:hover { color: #fff; background: #0063BE; border: 2px dashed rgba(84,84,84,0.25);}
    ul.li-2 li a:hover i { color: #fff;}
    ul.li-2 li img { width: 80px; height: auto;}
}

/* home rewards */
@media only screen and (max-width :699px) {
.home-rewards-heading-wrap { width: 100%; height: 180px; overflow: hidden; position: relative;}
.home-rewards-heading-inwrap {  margin-left: 0px; overflow: hidden; width: 100%; height: 180px; position: relative; }
.home-rewards-heading-inwrap img { width: 1500px; height: auto; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.home-rewards-heading h1 {  position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; max-width: 350px; text-shadow: 2px 2px 2px #000000; text-align: center;}

.home-rewards-wrap { padding-top: 30px; }
.home-rewards { background: #F1F1F1;}
.home-rewards ul { margin: 0px auto 50px; padding: 0; position: relative; text-align: center; list-style: none; max-width: 1000px;}
.home-rewards ul li { display: inline-block; max-width: 100%; margin: 25px; vertical-align: top;}
}

@media only screen and (min-width :700px) {
    /* home rewards */
    .home-rewards-heading-wrap { width: 70%; height: 240px; overflow: hidden; position: relative; top: -75px;}
    .home-rewards-heading-inwrap { -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); margin-left: 0px; overflow: hidden; width: 100%; height: 240px; position: relative;left: -90px;}
    .home-rewards-heading-inwrap img { width: 1500px; height: auto; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); margin-right: -75px; float: right; position: relative; top: 50%; margin-top: -25%;}
    .home-rewards-heading h1 { position: absolute; display: block; top: 30%; left: 22%;  font-size: 20px; color: #fff; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); font-size: 30px; max-width: 350px; text-shadow: 2px 2px 2px #000000; }

    .home-rewards-wrap { padding-top: 90px; border: 1px solid transparent;}
    .home-rewards { background: #F1F1F1;}
    .home-rewards ul { margin: 0px auto 50px; padding: 0; position: relative; text-align: center; list-style: none; max-width: 1000px;}
    .home-rewards ul li { display: inline-block; width: calc(30% - 30px); margin: 25px; vertical-align: top;}
}






/** CONTENT **/

/* page feat img */
.pg-feat-img { width: 100%; height: 200px; overflow: hidden; position: relative; background: #000;}
.pg-feat-img img { width: 100%; height: auto; position: absolute; display:block; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.8;}				
.pg-feat-img h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; font-size: 32px; line-height: 40px; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 2px #000000; max-width: 300px;}

/* breadcrumbs */
.tag-breadcrumbs { padding: 20px 0; position: relative; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #0063be; margin-bottom:30px;}
    .tag-breadcrumbs a { color: #a7a8ab; font-size: 12px;}
    .tag-breadcrumbs a:hover { color: #0063be;}
    .tag-breadcrumbs a:after { font-family: FontAwesome; content: '\f101'; padding-left: 7px; margin-right: 4px;}
	.tag-breadcrumbs strong {font-weight: 400 !important;}

@media only screen and (min-width :700px) {
    .pg-feat-img { height: 300px;}
    .pg-feat-img h1 { font-size: 36px; line-height: 44px;}
}

@media only screen and (min-width :1023px) {
    .pg-feat-img { height: 400px;}
    .pg-feat-img h1 { font-size: 42px; line-height: 50px;}
}



/* FLEX CONTENT MODULES */

.mod-feat-heading, .mod-heading-half, .mod-grid .mod-grid-item, .mod-cta-btn, .mod-cta-btn-img, .mod-third-2-thirds, .mod-grid-slideshow, .mod-text-full, .mod-text-half, .mod-text-third, .mod-text-quad, .price-text, .sr-pricing { margin-bottom: 50px;}

/* mod feature heading #1 */
.mod-feat-heading { width: 100%; height: 200px; overflow: hidden; position: relative; background: #000;}
.mod-feat-heading img { width: 100%; height: auto; position: absolute; display:block; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.8;}				
.mod-feat-heading h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; font-size: 24px; line-height: 40px; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 2px #000000; max-width: 400px;}

@media only screen and (min-width :1023px) {
    .mod-feat-heading h1 { font-size: 32px;}
}

/* mod feature heading - half #2 */
.mod-heading-half { width: 100%; height: auto; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; position: relative;}
.mod-heading-half .mod-heading-half-img { height: 200px; width: 100%; overflow: hidden; position: relative; display: none;}


.mod-heading-half-text { position: relative; width:100%; border: 1px solid transparent;}
.mod-heading-half-text h1 { font-size: 30px; color: #0063be; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 0px #ffffff; max-width: 260px; margin: 30px auto; }


/* mod grid */
.mod-grid .mod-grid-item { position: relative; border: 1px solid #dcdcdc; width: 100%; height: auto;}
.mod-grid .mod-grid-item img { width: auto; height: auto;}
.mod-grid-text { width: 100%; position: relative; top: 0; left: 0; height: auto;}
.mod-grid-text div {padding: 20px;}
.mod-grid-text p { font-size:14px;}

@media only screen and (min-width :1023px) {
.mod-grid .mod-grid-item img { width: auto; height: auto; position:absolute; right:0;}
}


/* mod cta buttons */
.mod-cta-btn a { border: 2px solid #f79420; border-radius: 7px; padding: 15px 30px; display: block; margin-left:auto; margin-right: auto; color: #545454; text-align: center; max-width: 350px; font-size: 24px; text-transform: uppercase;}
.mod-cta-btn a:hover { background: #f79420; color: #fff;}

.mod-cta-btn-img { position: relative;}
.mod-cta-btn-img a { border: 2px solid #f79420; border-radius: 7px; padding: 15px 30px; display: block; margin-left:auto; margin-right: auto; color: #545454; text-align: center; max-width: 450px; font-size: 24px; text-transform: uppercase; position: relative; overflow: hidden;}

.mod-cta-btn-img a:before { font-family: FontAwesome; color: rgba(84,84,84,0.15); position: absolute; top:-10px; left: 10px; font-size: 80px;}

.mod-cta-btn-img a[href*="doc"]:before,
.mod-cta-btn-img a[href*="docx"]:before,
.mod-cta-btn-img a[href*="pdf"]:before,
.mod-cta-btn-img a[href*="ppt"]:before,
.mod-cta-btn-img a[href*="facebook"]:before,
.mod-cta-btn-img a[href*="linkedin"]:before,
.mod-cta-btn-img a[href*="twitter"]:before,
.mod-cta-btn-img a[href*="http"]:before{ font-family: FontAwesome; color: rgba(84,84,84,0.15); position: absolute; top:-10px; left: 10px; font-size: 80px;}

.mod-cta-btn-img a[href*="doc"]:before { content: '\f1c2';}
.mod-cta-btn-img a[href*="docx"]:before { content: '\f1c2';}
.mod-cta-btn-img a[href*="pdf"]:before { content: '\f1c1';}
.mod-cta-btn-img a[href*="ppt"]:before { content: '\f1c4';}
.mod-cta-btn-img a[href*="facebook"]:before { content: '\f09a';}
.mod-cta-btn-img a[href*="linkedin"]:before { content: '\f0e1';}
.mod-cta-btn-img a[href*="twitter"]:before { content: '\f099';}
.mod-cta-btn-img a[href*="http"]:before { content: '\f0c1';}


.mod-cta-btn-img a:hover[href*="doc"]:before,
.mod-cta-btn-img a:hover[href*="docx"]:before,
.mod-cta-btn-img a:hover[href*="pdf"]:before,
.mod-cta-btn-img a:hover[href*="ppt"]:before,
.mod-cta-btn-img a:hover[href*="facebook"]:before,
.mod-cta-btn-img a:hover[href*="linkedin"]:before,
.mod-cta-btn-img a:hover[href*="twitter"]:before,
.mod-cta-btn-img a:hover[href*="http"]:before{ color: rgba(255,255,255,0.15);}



.mod-cta-btn-img a:hover { background: #f79420; color: #fff;}

/* mod logo slideshow */
.mod-grid-slideshow { background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; background:#fff; width: 100%; padding-bottom: 100px;}
    .grid-slideshow-heading { background:#0063BE;  position: relative; margin-bottom: 30px;}
    .mod-grid-slideshow h1 { color: #fff; font-size: 24px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); position: relative;left: 20px; z-index: 2; padding: 30px 0;}
    .carousel { height: auto; position: relative;}
    .carousel-caption { width: 100%; left: 0;  top: 0px; bottom: 0; margin: 0; position: relative; padding: 0;}
    .carousel-control { width: 30px; height: 30px; top: 100%; font-size: 24px; text-shadow: none; color:#333;}
    .carousel-control:hover, .carousel-control:focus {color:#0063BE; border: 1px solid #0063BE;}
    .carousel-control.left, .carousel-control.right { background-image: none;}
    .carousel-control.left { left: calc(100% - 100px);}
    .carousel-control.right { left: calc(100% - 60px);}
    
    ul.grid-slideshow-logos { list-style: none; position: relative; margin: 0; padding: 0; padding-bottom:50px; text-align: center; width: 100%; background:#fff;}
    ul.grid-slideshow-logos li { display: inline-block; width: calc(45% - 20px); margin: 10px 10px; padding: 10px; background:#fff;}
    ul.grid-slideshow-logos li img { width: 100%; height: auto;}
.carousel-caption {background:#fff !important;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.mod-text-third, .mod-text-quad { text-align: center;}
.mod-text-third div, .mod-text-quad div { margin-bottom: 30px;}
.mod-text-quad img { max-width:150px;}
.mod-text-quad ul, .mod-text-quad ul li { text-align:left;}
@media only screen and (min-width :700px) {
    .mod-feat-heading{ height: 300px;}
    .mod-feat-heading h1 { font-size: 36px; line-height: 44px;}
    
    .mod-grid .mod-grid-item { position: relative; border: 1px solid #dcdcdc; width: calc(50% - 30px); height: auto; float: left; overflow: hidden;}
    .mod-grid .mod-grid-item:nth-of-type(odd) { margin-right: 60px; clear: left;}
    .mod-grid .mod-grid-item img { width: 100%; height: auto; position: relative;}
    .mod-grid-text { width: 100%; position: relative; top: 0; left: 0; height: auto;}
    .mod-grid-text div {padding: 20px;}
    
    
    ul.grid-slideshow-logos li { display: inline-block; width: calc(24% - 20px); margin: 10px; padding: 10px; background:#fff;}
   /* ul.grid-slideshow-logos li:nth-of-type(3n+2) {  margin-left: 20px; margin-right: 20px;} */
    
    
}

@media only screen and (min-width :1023px) {
    .mod-feat-heading { height: 400px;}
    .mod-feat-heading h1 { font-size: 42px; line-height: 50px;}
    
    .mod-heading-half { width: 100%; height: 200px; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; position: relative;}
    .mod-heading-half-white { background: #fff; display: block; width: 100%; height: 50px; position: absolute; top: 0;}
    .mod-heading-half .mod-heading-half-img { display: block; height: 250px; max-width: 50%; overflow: hidden; position: relative; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); margin-left: -120px; }
    .mod-heading-half, .mod-heading-half-img img { width:100%; margin-left: 50px; height: auto ; min-width: 600px; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); position: relative; top: -50%;}


    .mod-heading-half-text { position: absolute; display: block; width:100%; max-width: 300px; top: calc(50%); left: calc(50% - 50px); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);}
    .mod-heading-half-text h1 { font-size: 40px; color: #0063be; text-transform: uppercase; position: absolute; display: block; top: 50%; transform: translateY(-50%); text-shadow: 2px 2px 0px #ffffff;}
    
    
    .mod-grid .mod-grid-item { position: relative; border: 1px solid #dcdcdc; width: calc(50% - 30px); height: 350px; float: left; overflow: hidden;}
    .mod-grid .mod-grid-item img { width: auto; height: auto; max-width:40%; position: absolute; display: block; top: 0; right: 0; }
    .mod-grid-text { width: 70%; position: absolute; top: 0; left: 0; height: 350px; border-bottom: 350px solid #fff; border-right: 50px solid transparent; }
    
    
    .mod-grid-slideshow { background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; width: 100%; padding-bottom: 100px; position: relative;}
    .grid-slideshow-heading { background: none; max-width: 50%; border-top: 100px solid #0063BE; border-right: 50px solid transparent; position: relative; margin-bottom: 30px;}
    .mod-grid-slideshow h1 { color: #fff; font-size: 36px;  text-shadow: 2px 2px 2px rgba(0,0,0,0.5); position: absolute; top: -100px; left: 20px; z-index: 2;}
    .carousel { height: auto; position: relative;}
    .carousel-caption { width: 100%; left: 0;  top: 0px; bottom: 0; margin: 0; position: relative; padding: 0;}
    .carousel-control { border: 1px solid #333; width: 50px; height: 50px; top: 100%; top:calc(100% + 20px); font-size: 40px; text-shadow: none; color:#333;}
    .carousel-control:hover, .carousel-control:focus {color:#0063BE; border: 1px solid #0063BE;}
    .carousel-control.left, .carousel-control.right { background-image: none;}
    .carousel-control.left { left: calc(100% - 140px);}
    .carousel-control.right { left: calc(100% - 60px);}
    
    ul.grid-slideshow-logos { list-style: none; position: relative; margin: 0; padding: 0; text-align: center; width: 100%;}
    ul.grid-slideshow-logos li { display: inline-block; width: calc(24% - 20px); margin: 10px; padding: 40px; background:#fff;}
    /*ul.grid-slideshow-logos li:nth-of-type(3n+2) {  margin-left: 20px; margin-right: 20px;}*/
    ul.grid-slideshow-logos li img { width: 100%; height: auto;}
    
    
}


@media only screen and (min-width :1200px) {
    .mod-heading-half { width: 100%; height: 300px; background: #F1F1F1 url(images/bg-white-angle.png) top center repeat; position: relative;}
    .mod-heading-half-white { background: #fff; display: block; width: 100%; height: 50px; position: absolute; top: 0;}
    .mod-heading-half .mod-heading-half-img { display: block; height: 350px; max-width: 50%; overflow: hidden; position: relative; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); margin-left: -120px; }
    .mod-heading-half, .mod-heading-half-img img { width:100%; margin-left: 50px; height: auto ; min-width: 1000px; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); position: relative; top: -50%;}


    .mod-heading-half-text { position: absolute; display: block; width:100%; max-width: 300px; top: 50%; left: calc(50% - 50px); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);}
    .mod-heading-half-text h1 { font-size: 40px; color: #0063be; text-transform: uppercase; position: absolute; display: block; top: 50%; transform: translateY(-50%); text-shadow: 2px 2px 0px #ffffff;}
}



.price-text { text-align: center !important;}

.sr-pricing > div {  margin-bottom: 30px; }
.sr-pricing ul { list-style: none; position: relative; padding: 0; margin: 0; text-align: center;}
.sr-pricing ul li { padding: 15px 20px; text-align: left; font-size: 15px;}
.sr-pricing ul li.price-head, .sr-pricing ul li.enq-btn { text-align: center;}
.sr-pricing ul li.price-head, .sr-pricing ul li.pricing { padding: 0;}
.sr-pricing ul li.price-head { position: relative; overflow: hidden; height: 150px; background: #000;}
.sr-pricing ul li.price-head img { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.60;}
.sr-pricing ul li.price-head h1 { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 26px; text-shadow: 2px 2px 2px #000000;}

.sr-pricing ul li.pricing ul { border: none; padding: 10px 0;}
.sr-pricing ul li.pricing ul li { width: 63%; display: inline-block; vertical-align: top; color: #fff; text-align: left; font-size: 14px; padding: 7px 20px;}
.sr-pricing ul li.pricing ul li:nth-of-type(even) { background: none; text-align: right; width: 34%; padding: 15px 20px 15px 0;}
.sr-pricing ul li.enq-btn { padding: 0;}
.sr-pricing ul li.enq-btn a {background:#545454; color: #fff; text-align: right; display: block; width: 100%; padding: 15px 20px; font-size: 17px;}

.sr-pricing ul.price-wty li.pricing ul, .sr-pricing ul.price-wty li.price-desc { background: #BC202E;}
.sr-pricing ul.price-eae li.pricing ul, .sr-pricing ul.price-eae li.price-desc { background: #808080;}
.sr-pricing ul.price-pc li.pricing ul, .sr-pricing ul.price-pc li.price-desc { background: #A29061;}
.sr-pricing ul.price-r4m li.pricing ul, .sr-pricing ul.price-r4m li.price-desc { background: #CD7F32;}

.sr-pricing ul li.price-desc { min-height: 150px; position: relative;}
.sr-pricing ul li.price-desc p { color: #fff; text-align: center; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; }

/*@media only screen and (max-width :700px) {
    .sr-pricing > div { width: 100%;}
}*/

/** FOOTER **/
	footer { background:#545454; padding:0; position:relative;
        background: #545454; /* Old browsers */
        background: -moz-linear-gradient(top,  #333333 20%, #545454 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #333333 20%,#545454 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #333333 20%,#545454 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#545454',GradientType=0 ); /* IE6-9 */
    }
    footer h4 { font-size: 18px; color: #fff;}
	footer p, footer p a {font-size:11px; color: #d1d2d3;}

    footer .div {}

    .footer-panel-blue, .footer-dets { padding: 20px; padding-bottom: 0;}
    .footer-panel-blue { padding-bottom: 30px;}

    .footer-panel-blue { height: auto;
        background: #0063be; /* Old browsers */
        background: -moz-linear-gradient(top,  #0063be 50%, #013e6b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #0063be 50%,#013e6b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #0063be 50%,#013e6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063be', endColorstr='#013e6b',GradientType=0 ); /* IE6-9 */
    }
    .footer-panel-blue img { width: 70%; max-width: 250px; }
    .footer-panel-blue p.foot-ph { font-size: 24px; color: #fff; text-align: left; margin-left: 0px; margin-top: 15px; margin-bottom: 20px;}

    .footer-dets { padding-left: 35px !important;}

    ul.footer-q-links { list-style: none; position: relative; padding: 0; margin: 0; margin-bottom: 20px;}
    ul.footer-q-links li { display: inline-block; width: 49%;}
    ul.footer-q-links li a { color: #d1d2d3; font-size: 11px;}
ul.footer-q-links li a:before { font-family: FontAwesome; content: '\f101'; padding-right: 7px;}
    ul.footer-q-links li a:hover { color: #fff;}
	
	footer .foot-copy {width:100%; text-align:left;}
	footer .foot-copy a, footer .foot-copy p { color: #6d6e71; font-size: 10px;}
    footer .foot-copy a:hover { color: #fff;}
	
@media only screen and (min-width :700px) {
        
        .footer-panel-blue, .footer-dets { padding: 20px; padding-bottom: 0;}
        .footer-panel-blue { padding-bottom: 30px;}

        .footer-panel-blue { min-height: 300px;}
        .footer-panel-blue img { width: 90%; max-width: 250px; margin-left: 0;}
        .footer-panel-blue p.foot-ph { text-align: left; margin-right: 5px;}
    
        .footer-dets { padding-left: 40px !important;}
        
        ul.footer-q-links li { width: 30%;}
        
		footer .foot-copy {width:100%; text-align:right;}
}


@media only screen and (min-width :1200px) {
    .footer-panel-blue img { width: 90%; max-width: 250px; margin-left: 0;}
        .footer-panel-blue p.foot-ph { text-align: right; margin-right: 25px;}
}

	
	
	
	
	
/* misc */
	
	/* form */
	.gform_wrapper label.gfield_label { font:12px Arial, Helvetica, sans-serif; color:#808285; font-weight:400; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { -webkit-border-radius: 2px; border-radius: 2px; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0;}
	.gform_wrapper input[type=submit] { background-color:#F59332; color:#fff; text-transform:uppercase; text-align:right; display:inline-block; font-weight:800; width:100% !important; width:100%; font:16px Arial, Helvetica, sans-serif !important; cursor:pointer; margin:0;-webkit-appearance: none; border:none;}
	.gform_wrapperinput[type=submit]:hover { background-color:#333 !important;}

	footer .gform_wrapper label {display:none !important;}
	footer .gform_wrapper input[type=text], footer .gform_wrapper input[type=tel], footer .gform_wrapper input[type=email], footer .gform_wrapper textarea {background:#fff;}
	footer .gform_wrapper input[type=text], footer .gform_wrapper input[type=tel], footer .gform_wrapper input[type=email], footer .gform_wrapper textarea, footer .gform_wrapper input[type=submit] { -webkit-border-radius: 2px; border-radius: 2px; position: padding:10px; resize:none; border:none; width:100%; margin:0 0 0 0; color:#333 !important; font-size:13px !important;}
	footer .gform_wrapper input[type=submit] { background-color:#F59332; color:#fff; text-transform:uppercase; text-align:right; display:inline-block; font-weight:800; width:100% !important; width:100%; font:16px Arial, Helvetica, sans-serif !important; cursor:pointer; margin:0;-webkit-appearance: none; border:none;}
	footer .gform_wrapperinput[type=submit]:hover { background-color:#333 !important;}

	footer .gform_body ul li, .gform_footer { margin-top:0 !important;}

/* WP Paginate */
	ol.wp-paginate { margin-top:30px; position:relative; text-align:center;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:1px solid #ccc;}
	ol.wp-paginate li a:hover { background:none; border:1px solid #ccc; color:#545454;}
	ol.wp-paginate li a { color:#ccc;}

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 1024px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 1023px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	


.sr-pricing ul.pricing-wrap { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.sr-pricing ul.pricing-wrap li { display: inline-block; width: 100%; vertical-align: top;}
.sr-pricing ul.pricing-wrap li ul { border: 1px solid #E5E6E6;}
.sr-pricing ul.pricing-wrap li ul li { display: block; float: none; max-width: 100%;}

.sr-pricing ul.pricing-wrap li ul li.pricing ul li { width: 45%; display: inline-block; vertical-align: top; color: #fff; text-align: left; font-size: 14px; padding: 7px 20px;}

@media only screen and (min-width :700px) {
    .sr-pricing ul.pricing-wrap li { display: inline-block; max-width: 33%; vertical-align: top;}

}