/*  
Theme Name: Avanser3132017
Theme URI: studio313.com.au
Description: 2017 WP there for Avanser
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; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  -moz-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

/* FONTS */

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham/Gotham-Book.eot");
  src: url("fonts/Gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham/Gotham-Book.woff") format("woff"), url("fonts/Gotham/Gotham-Book.ttf") format("truetype"), url("fonts/Gotham/Gotham-Book.svg#Gotham Book") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham/Gotham-Medium.eot");
  src: url("fonts/Gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham/Gotham-Medium.woff") format("woff"), url("fonts/Gotham/Gotham-Medium.ttf") format("truetype"), url("fonts/Gotham/Gotham-Medium.svg#Gotham Book") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham/Gotham-Bold.eot");
  src: url("fonts/Gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham/Gotham-Bold.woff") format("woff"), url("fonts/Gotham/Gotham-Bold.ttf") format("truetype"), url("fonts/Gotham/Gotham-Bold.svg#Gotham Book") format("svg");
  font-weight: 900;
  font-style: normal; }



body { -webkit-text-size-adjust: none; background-color:#fff; font-size:16px;}

h1, h2, h3, h4 { font-family: 'Gotham-Book', sans-serif; font-weight: 700; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:140%; text-transform: uppercase;}

h1 { font-size: 20px; color:#0C55A5; margin:0 0 15px 0; font-weight: 700;}
h2 { font-size: 16px; color:#0C55A5; margin:0 0 10px 0; font-weight: 400;}
h3 { font-size: 14px; color:#545454; margin:0 0 7px 0;}
h4 { font-size: 14px; color:#545454; margin:0 0 7px 0; font-weight:400;}

p, a, li {font-family: 'Gotham-Book', sans-serif; font-weight: 400; margin:0; padding:0; text-decoration:none; outline:none; border:none;}
p, li { color:#333; line-height:160%;}
p { margin:0 0 7px 0;}

a { text-decoration:none; color:#0C55A5; outline:none; border:none;}
a, button { text-decoration:none; color:#0C55A5; outline:none; border:none;
		-o-transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;
  		-ms-transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;
  		-moz-transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;
  		-webkit-transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;
  		transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;}
a:hover { text-decoration:none; color:#333;}

a.kill-link, .kill-link > a, li.kill-link > a {pointer-events: none; cursor: default;}

ul, ol { margin-left:35px; 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-weight: 700;}
em, i { font-style: italic;}
em b, i b, em strong, i strong { font-style: italic; font-weight: 700;}

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

.container {max-width:100%;}

/* colours */
	

/** HEADER **/
header { position:relative; margin:0; padding:0;}
/* nav */
.navbar, .navbar-header { height: 70px; margin-bottom: 0; background: #fff;}
.navbar-header button { margin-top: 20px;}
.navbar-brand { max-width:220px;}
.navbar-brand a { position: relative; display: block; z-index: 10;}
.navbar-brand img { width: 100%; height: auto;}
.navbar-collapse { background: #fff;}


.head-connect { display: none;}
.head-contact div { width: 100%; height: 40px; float: right; margin-top: 10px; position: relative;}
.head-ph p { font-size: 20px; font-weight: 800; padding: 0; margin: 0; text-align: left;}


@media only screen and (min-width :769px) {
.navbar-collapse { background:none;}
/*.navbar { margin-bottom: 0; height: 100px; border: 0;  background: url(images/nav-bg.png) bottom center no-repeat; border-radius: 0; position: relative;}*/
.navbar-brand { max-width:250px; margin-top: 10px;}

.navbar-collapse { position:inherit;}
ul.navbar-nav { height: 40px; margin-top: 0; }
ul.navbar-nav li a { padding: 10px 15px; color: #fff !important; text-transform: uppercase; font-size: 12px;}
.navbar-right { background: #252525;}
ul.navbar-nav:before { width: 48px; height: 40px; background: url(images/nav-before.png); position: relative; float: left; left: 0;}
    
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: #0A56A3;}

    
    .head-connect { display: block;}
.head-contact { text-align: right;}
.head-contact div { max-width: 190px; height: 40px; float: right; margin-top: 10px; position: relative;}

.head-ph { border-left: 1px solid #000;}
.head-ph p { font-size: 20px; margin-top:5px; font-weight: 800; padding: 0;}
    
.head-contact {  width: 100%; position:relative; text-align: right; height: 60px;}
.head-contact a.btn { background: #fff; border-radius: 0; border: 0; width: 100%; color: #000; text-transform: uppercase; font-size: 12px;}
.head-contact img { width: 20px; height: auto; position: relative; top: 5px; margin-right: 7px;}
.head-contact .btn-primary:focus:after,
.head-contact .btn-primary.focus:after { content: "" !important;}
#panel-connect { position: absolute; z-index:1; min-width: 300px;}
#panel-connect .well {height: 370px; text-align: left; min-width: 300px; background: #fff; border: 0; border-radius: 0; margin-top: -5px;}
}
#panel-connect.extended .well { height: 440px; }

#c2cButton { border: 1px solid #0054A6; color: #0072BC; font-weight: 400; margin-top: 15px; padding: 7px 12px; border-radius: 15px; font-size: 12px; text-transform: uppercase; display: inline-block;}
#c2cButton:hover { color: #fff; background:#31ADE0 ; border: 1px solid #31ADE0; }
#c2cButton:focus { text-decoration: none; }
#form-visitNum, select { width: 100%; border: 1px solid #d1d1d1; padding: 0.625em 0.4375em; background-color:#ffffff; }
.c2c-field { display: block; font-family: 'Open Sans'; margin: 6px 0 0; line-height: 1.1; }
.c2c-field label{ line-height: 1.6; }
#c2cAnswer, #c2cAnswer p { font-family: 'Gotham-Book', sans-serif; font-size: 12px; color: #ff0000; }
#c2cAnswer .errCode { display: none; }
#c2cAnswer .default-message { color: #000000; }

@media only screen and (min-width :1000px) {
    .navbar { margin-bottom: 0; height: 100px; border: 0;  background: url(images/nav-bg.png) bottom center no-repeat; border-radius: 0; position: relative;}
}


@media only screen and (min-width :1200px) {
    .navbar-brand { max-width:300px; margin-top: 5px;}

}

/* full width dropdown */
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu { display: table; border-radius: 0px; width: 100%; /*text-align: center;*/ left: 0; right: 0; }
.dropdown-menu > li { display: table-cell; height: 50px; line-height: 50px; vertical-align: middle; }
@media screen and (max-width: 767px) { .dropdown-menu > li { display: block; } }

.av-main-nav ul.dropdown-menu { background: #464646 !important; padding: 10px;}
.av-main-nav ul.dropdown-menu li a h1 { color: #00AEEF; font-size: 16px; font-weight: 400; margin-bottom: 5px;}
.av-main-nav ul.dropdown-menu li a p { display: none;}
li.dropdown a:after { font-family: FontAwesome; content: "\f107"; margin-left: 10px;font-size: 16px; font-weight: 300;}
li.dropdown:focus a:after { font-family: FontAwesome; content: "\f106"; margin-left: 10px; }
li.dropdown ul.dropdown-menu li a:after { content:'';}

@media only screen and (min-width :768px) {
    .av-main-nav ul.dropdown-menu { background: #464646 !important; padding: 20px 20px;}
    .av-main-nav ul.dropdown-menu li { width: 24.5%; display: inline-block; text-align: left; padding-right: 25px; vertical-align: top; margin-top: 5px; margin-bottom: 5px;}
    .av-main-nav ul.dropdown-menu li a p { display: block;color: #fff; font-size: 16px; font-weight: 300; line-height: 120%; text-transform:none;}
}

/* TOP PANEL */

.top-panel { background: url(images/tp-bg.png) center center repeat-y; margin: 0; padding:  0; position: relative; z-index: 2000;}
ul.top-panel-items { list-style: none; position: relative; margin: 0; padding:  0; margin-top: -2px; background: #ccc;}
ul.top-panel-items li {display: inline-block; margin: 0; padding: 0; height: auto;}

ul.top-panel-items li a.btn { height: 40px; margin: 0; padding: 12px 20px; background: none;  text-transform: uppercase; border-radius: 0;  border: none; color: #4A4646; font-size: 12px;}
ul.top-panel-items li .well {  background: #999 !important; box-shadow: none; border-radius: 0; border: none;}

#panel-country { position: absolute; z-index:1; width: 170px;}
ul.top-panel-items li.tp-country { width: 65%; background: #ccc;}
ul.top-panel-items li.tp-country img { width: 17px; height: auto; margin-left: 10px;}
ul.top-panel-items li.tp-country ul { margin: 0; padding: 0;}
ul.top-panel-items li.tp-country ul li { display: block;}
ul.top-panel-items li.tp-country ul li img { float: right; margin-top: 7px;}
ul.top-panel-items li.tp-country ul li a { color: #fff; text-transform: uppercase; font-size: 12px;}

ul.top-panel-items li.tp-country .btn-primary:focus:after,
ul.top-panel-items li.tp-country .btn-primary.focus:after { content: "" !important;}

ul.top-panel-items li.tp-demo .btn-primary:after, ul.top-panel-items li.tp-demo .btn-primary:focus:after, ul.top-panel-items li.tp-demo .btn-primary:active:after { right:30px;}

ul.top-panel-items li.tp-country i {font-size:18px; margin-left:3px;}

#panel-login { position: absolute; z-index:1; width: 250px;}
ul.top-panel-items li.tp-login { width: 30%; background: #ccc; margin-left: -4px; position: relative;}
ul.top-panel-items li.tp-login input { border: 0; background: #fff; -webkit-appearance: none; text-transform: uppercase; color: #9FA19C; padding: 7px; width: 100%; margin-bottom: 15px; font-size: 12px;}
ul.top-panel-items li.tp-login input:focus,
ul.top-panel-items li.tp-login input:active { color: #545454;}
ul.top-panel-items li.tp-login input[type=submit] { background: #0054A6; color: #fff; text-align: center;}

ul.top-panel-items li.tp-login .collapsing, ul.top-panel-items li.tp-login .collapse { position: absolute; left: -150px;}


ul.top-panel-items li.tp-demo { width: 100%; background: none;}
ul.top-panel-items li.tp-demo button { background:#0B56A4; width: 100%; height: 40px; border-radius: 0; border: none; padding: 5px; font-size: 12px; color: #fff; text-transform: uppercase;}

@media only screen and (min-width :700px) {
    ul.top-panel-items { background: none;}
    ul.top-panel-items li.tp-country { width:calc(100% - 310px);}
    ul.top-panel-items li.tp-login { width: 100px; margin-left: -4px;}
    ul.top-panel-items li.tp-demo {width: 200px; margin-left: -4px;}
    ul.top-panel-items li.tp-demo button { background: url(images/demo-bg.png) center right no-repeat; width: 100%; height: 40px; border-radius: 0; border: none; padding: 5px; font-size: 12px; color: #fff; text-transform: uppercase;}
    ul.top-panel-items li.tp-login .collapsing, ul.top-panel-items li.tp-login .collapse { position: absolute; left: -151px;}


}

@media only screen and (min-width :1000px) {
    ul.top-panel-items li.tp-country { width:calc(100% - 360px);}
    ul.top-panel-items li.tp-login { width: 150px;}
    ul.top-panel-items li.tp-demo { width: 200px;}
    ul.top-panel-items li.tp-login .collapsing, ul.top-panel-items li.tp-login .collapse { position: absolute; left: -100px;}
}



@media only screen and (min-width :1023px) {

}





	
/** FLEXIBLE CONTENT **/

/* header #1 - large - has content right class */
.header-lrg { position: relative; width: 100%; height: auto; min-height: 570px; overflow: hidden; background-position: top center; background-size: cover;}
				
.header-lrg-in { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.header-lrg .modal-dialog, .header-lrg .modal-content, .header-lrg .modal-body { background: none; box-shadow: none; border: 0;}
.header-lrg .modal-dialog { width: 100%; height: auto; max-width: 1000px;}
.header-lrg .close { margin: 0 10px; color: #fff; text-shadow: none; opacity: 1; filter: alpha(opacity=100);}
.header-lrg .close:hover,
.header-lrg .close:focus { color: #0072BB; opacity: 1; filter: alpha(opacity=100); }

.header-lrg-in button { background: none;}
.header-lrg-in button i { border: 2px solid #252525; width: 50px; height: 50px; border-radius: 50%; color: #252525; padding: 12px 12px 12px 14px; font-size: 20px;}
.header-lrg-in button:hover i { background: rgba(255,255,255,0.5);}

.header-lrg-content {  width: 100%; text-align: center;}
.header-lrg-content h1 { font-size: 30px; text-transform: uppercase; font-weight: 700; color: #000; margin: 10px auto;}
.header-lrg-content p { font-size: 20px; color: #000; font-weight: 400;}
.header-lrg-content a.header-cta-btn { color: #fff; font-size: 12px; text-transform: uppercase; text-align: center; background: #0054A6; padding: 15px 30px; margin-top: 50px; display: inline-block; width: 100%; max-width: 280px; border-radius: 20px; font-weight: 400;}
.header-lrg-content a.header-cta-btn:hover { background: #00AEEF;}

@media only screen and (min-width :768px) {
    .header-lrg-content {  width: 50%; text-align: center;}
    .header-lrg-content.content-right { position: relative; left: 50%;}
}

@media only screen and (max-width :768px) { 
    .header-lrg-in {width:90%; max-width: 300px;}
}
@media only screen and (min-width :1200px) {
    .header-lrg { min-height: 60vh;}
    .header-lrg-content {  width: 50%; text-align: center;}
    
    .header-lrg-content h1 { font-size: 50px;}
    .header-lrg-content p { font-size: 24px;}
}

/**@media only screen and (min-width :1600px) {
    .header-lrg { min-height: 950px;}
}**/


@media only screen and (max-height :1000px) {
.header-lrg-content h1 { font-size: 40px;}
    .header-lrg-content p { font-size: 18px;}
}

/* header #2 sml */
.header-sml { position: relative; width: 100%; height: auto; min-height: 400px; overflow: hidden; background-position: center center; background-size: cover;}

.header-sml-in { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); text-align: center;}
.header-sml-in h1 { font-size: 30px; text-transform: uppercase; font-weight: 700; color: #000; margin: 10px auto;}
.header-sml-in p { font-size: 20px; color: #000; font-weight: 400;}
.header-sml-in.text-white h1, .header-sml-in.text-white p { color: #fff;}

@media only screen and (min-width :1200px) {
    .header-sml-in h1 { font-size: 50px;}
    .header-sml-in p { font-size: 24px;}
}


.mod-1col, .mod-2col-even, .mod-2col-even, .mod-2col-uneven, .mod-3col, .mod-logogrid, .mod-seperator, .mod-prod-grid, .mod-features-grid, .mod-imgtext-grid, .mod-grid-3col-home, .mod-grid-logo-sml, .mod-home-integrate, .mod-testimonial-grid, .mod-img-overlay, .blog-feed, .mod-faq-accord { padding-top: 30px; padding-bottom: 30px; position: relative;}
.mod-3col, .mod-logogrid { text-align: center;}

@media only screen and (min-width :768px) {
.mod-1col, .mod-2col-even, .mod-2col-even, .mod-2col-uneven, .mod-3col, .mod-logogrid, .mod-seperator, .mod-prod-grid, .mod-features-grid, .mod-imgtext-grid, .mod-grid-3col-home, .mod-grid-logo-sml, .mod-home-integrate, .mod-testimonial-grid, .mod-img-overlay, .blog-feed, .mod-faq-accord { padding-top: 35px; padding-bottom: 35px; position: relative;}
}

@media only screen and (min-width :1024px) {
.mod-1col, .mod-2col-even, .mod-2col-even, .mod-2col-uneven, .mod-3col, .mod-logogrid, .mod-seperator, .mod-prod-grid, .mod-features-grid, .mod-imgtext-grid, .mod-grid-3col-home, .mod-grid-logo-sml, .mod-home-integrate, .mod-testimonial-grid, .mod-img-overlay, .blog-feed, .mod-faq-accord { padding-top: 40px; padding-bottom: 40px; position: relative;}
}

/*  CONTENT MODULES */
/* single column */
.mod-1col {}



/* 2 columns - even */
.mod-2col-even ul.mod-2col-elem { list-style: none; margin: 0; padding: 0; position: relative;}
.mod-2col-even ul.mod-2col-elem li { display: block; width: 100%; position: relative; vertical-align: middle;}
.mod-2col-even ul.mod-2col-elem li ul { list-style: disc;}
.mod-2col-even ul.mod-2col-elem li ul li { width: 100%; position: relative;}
.mod-2col-even ul.mod-2col-elem li ul li:before { content: '\002022'; position: absolute; left: -15px;}
.mod-2col-even img { margin: 30px auto; display: block;}


@media only screen and (min-width :768px) {
    .mod-2col-even ul.mod-2col-elem li { display: inline-block; width: 49%;}
    .mod-2col-even img { float: left;}
    .mod-2col-even.mod-li-rev img { float: right;}
}


/* 2 columns - uneven */
.mod-2col-uneven, .mod-2col-uneven div { position: relative; padding-bottom: 40px;}



/* 3 columns */
.mod-3col h1 { margin-bottom: 40px;}
.mod-3col h2 { margin-bottom: 5px;}
.mod-3col img { margin-bottom: 20px;}
.mod-3col-in { width: 100%; margin-bottom: 30px;}

@media only screen and (min-width :700px) {
    .mod-3col-in { width: calc(33% - 22px); margin: 0 12px; margin-bottom: 30px; float: left;}
}


/* logo panels */
.logo-panels { background: #EBEBEB; padding: 10px;}
.logo-panels ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.logo-panels ul li { display: inline-block; width: 40%;}
.logo-panels ul li img { height: 25px; width: auto;}


@media only screen and (min-width :700px) {
    .logo-panels ul li { display: inline-block; width: 30%;}
    .logo-panels ul li img { height: 30px; width: auto;}
}



/* logo grid */

.mod-logogrid { background: #ECECEC;}
.mod-logogrid ul.logo-grid-list { list-style: none; position: relative; margin: 0; padding: 0; margin-top: 50px; text-align: center;}
.mod-logogrid ul.logo-grid-list li { display: inline-block; margin: 0 10px 20px; width: calc(48% - 20px); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; line-height: 0;}
.mod-logogrid ul.logo-grid-list li:hover { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);}
.mod-logogrid img { width: 100%; height: auto;}

@media only screen and (min-width :700px) {
    .mod-logogrid ul.logo-grid-list li { margin: 0 20px 45px; width: calc(33% - 45px);}
}


/* testimonial w/ img bg */
.mod-testimonial-img { position: relative; width: 100%; height: auto; min-height: 350px; overflow: hidden; background-position: center center; background-size: cover;}

.mod-testimonial-img-in { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.mod-testimonial-img-in img { width: 60px; height: auto;}
.mod-testimonial-img-in p { font-size: 13px; color: #fff; font-weight: 400; max-width: 700px; margin: 0 auto 0;}
.mod-testimonial-img-in cite { font-size: 20px; color: #fff; text-transform: uppercase; padding-bottom: 7px; margin-top: 40px; margin-bottom: 10px; border-bottom: 1px solid #fff; display: inline-block;font-family: 'Gotham-Book', sans-serif;}
.mod-testimonial-img-in.text-white h1, .mod-testimonial-img-in.text-white p { color: #fff;}

@media only screen and (min-width :1200px) {
    .mod-testimonial-img-in p { font-size: 16px;}
}

/* seperator */
.mod-seperator { display: block; margin: 40px 20px;}
.mod-seperator span { border-bottom: 1px solid #D7D7D7; height: 1px; width: 100%; max-width: 900px; margin: 0 auto; display: block;}


/* mod-img-text-overlay */
.mod-img-text-overlay { position: relative; width: 100%; height: auto; min-height: 500px; overflow: hidden; background-position: center center; background-size: cover;}
.mod-img-text-overlay-in { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.mod-img-text-overlay-in h1 { font-size: 20px; text-transform: uppercase; font-weight: 700; color: #fff; margin: 10px auto;}
.mod-img-text-overlay-in p { font-size: 16px; color: #fff; font-weight: 400; max-width: 700px; margin: 0 auto 0;}


/* mod-prod-grid */
.mod-prod-grid { position: relative; background: #ECECEC; text-align: center;}
.mod-prod-grid ul { list-style: none; pointer-events: inherit; margin: 0; padding: 0; text-align: center; margin-top: 50px;}
.mod-prod-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(100% - 45px); background: #0072BC; line-height: 0; text-align: left; vertical-align: top; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.mod-prod-grid ul li:hover { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);}
.mod-prod-grid ul li div { padding: 25px;}
.mod-prod-grid ul li h2, .mod-prod-grid ul li p { color: #fff;}
.mod-prod-grid h2 { position: relative; padding-left: 60px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 10px; min-height: 70px;}
.mod-prod-grid p { font-size: 14px;}
.mod-prod-grid h2 img { width: 50px; position: absolute; left: 0; top: 0;}
.mod-prod-grid .prod-grid-link { background: #fff; width: 100%;}
.mod-prod-grid .prod-grid-link a { color: #0072bc; font-size: 12px; text-transform: uppercase; font-weight: 400;}
.mod-prod-grid .prod-grid-link a i { font-size: 18px; padding-left: 15px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;}
.mod-prod-grid .prod-grid-link a:hover i { padding-left: 25px;}


@media only screen and (min-width :700px) {
    .mod-prod-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(50% - 45px); min-width: 300px;}
}


@media only screen and (min-width :1000px) {
    .mod-prod-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(33% - 45px);}
}


/* mod-features-grid */
.mod-features-grid { position: relative; background: #ECECEC; text-align: center;}
.mod-features-grid ul { list-style: none; pointer-events: inherit; margin: 0; padding: 0; text-align: center; margin-top: 50px;}
.mod-features-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(100% - 45px); background:#00AEEF; line-height: 0; text-align: left; vertical-align: top; text-align: center;}
.mod-features-grid img { height: 40px; width: auto;}
.mod-features-grid h2 { font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 400;}
.mod-features-grid p { color: #fff; font-size: 16px; font-weight: 300;}
.feat-grid-head, .feat-grid-body { padding: 20px;}
.feat-grid-head { background: #0054A6;}

@media only screen and (min-width :700px) {
    .mod-features-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(50% - 45px);}
}


@media only screen and (min-width :1000px) {
    .mod-features-grid ul li { display: inline-block; margin: 0 20px 45px; width: calc(33% - 45px);}
}



/* img & text grid */
.mod-imgtext-grid { background: #fff; text-align: center;}
.mod-imgtext-grid .container { margin: 0 auto; max-width: 320px;}
.mod-imgtext-grid ul { position: relative; list-style: none; margin: 0; padding: 0; text-align: center; margin-top: 50px; background:#00AEEF;}
.mod-imgtext-grid ul li { display: inline-block; width: 100%; background:#00AEEF; line-height: 0; text-align: left; vertical-align: top; text-align: left;}
.mod-imgtext-grid ul li ul { margin-top: 0;}
.mod-imgtext-grid ul li ul li { width: 100%;}
.imgtext-grid-text { padding: 25px;}
.mod-imgtext-grid h2 { margin-bottom: 20px;}
.mod-imgtext-grid p { color: #fff;}
.mod-imgtext-grid img {}

.mod-imgtext-grid ul li ul.imgtext-grid-in li { position: relative;}
.imgtext-grid-arrow { width: 52px; height: 30px; background: url(images/imgtext-grid-arrow.png) center center no-repeat; position: absolute; left: 50%; margin-left: -26px; z-index: 1; top: 0;}

.mod-imgtext-grid ul li:nth-child(2n+2) ul.imgtext-grid-in li .imgtext-grid-arrow { position: absolute; z-index: 100; top: 50%; left: calc(100% - 40px); transform: rotate(90deg);}

@media only screen and (min-width :700px) {
    .mod-imgtext-grid .container { margin: 0 auto; max-width: 675px;}
    .mod-imgtext-grid ul li { display: inline-block; width: 100%; background:#00AEEF; line-height: 0; text-align: left; vertical-align: top; text-align: left;}
    .mod-imgtext-grid ul li ul li { width: 50%; float: left;}


    .mod-imgtext-grid ul li:nth-child(2n+2) ul.imgtext-grid-in { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .mod-imgtext-grid ul li:nth-child(2n+2) ul.imgtext-grid-in li {-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

    .imgtext-grid-arrow { left: -11px; z-index: 1; top: 50%; transform: rotate(270deg); margin-left: 0; margin-top: -15px;}
}




/* grid - 3 cols - home */

.mod-grid-3col-home {}
.mod-grid-3col-home h1 { text-align: center;  max-width: 800px; margin: 0 auto;}
.mod-grid-3col-home h1 span { border-bottom: 2px solid #F9AE64; width: 60%; display: block; margin: 0 auto; padding-top: 10px;}
.mod-grid-3col-home h2 { position: relative; padding-left: 60px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 20px;}
.mod-grid-3col-home h2 img { width: 50px; position: absolute; left: 0; top: 0;}
.mod-grid-3col-home ul { list-style: none; position: relative; margin: 0; padding: 0; margin-top: 50px;}
.mod-grid-3col-home ul li { display: inline-block; margin: 0 20px 45px; width: calc(100% - 45px); line-height: 0; text-align: left; vertical-align: top;}
.mod-grid-3col-home ul li a { border: 1px solid #0054A6; color: #0072BC; font-weight: 400; padding: 15px 20px; border-radius: 15px; font-size: 12px; text-transform: uppercase; margin-top: 20px; display: inline-block;}
.mod-grid-3col-home ul li a:hover { color: #fff; background:#31ADE0 ; border: 1px solid #31ADE0;}


@media only screen and (min-width :700px) {
    .mod-grid-3col-home ul li { display: inline-block; margin: 0 20px 45px; width: calc(50% - 45px);}
}


@media only screen and (min-width :1000px) {
    .mod-grid-3col-home ul li { display: inline-block; margin: 0 20px 45px; width: calc(33% - 45px);}
}




/* grid - logo sml */

.mod-grid-logo-sml h1 {text-align: center;}
.mod-grid-logo-sml ul { position: relative; list-style: none; margin: 0; padding: 0; text-align: center;}
.mod-grid-logo-sml ul li { display: inline-block; width: calc(30% - 20px); margin: 10px; padding: 15px 15px;}
.mod-grid-logo-sml ul li img { width: 100%; height: auto;}

@media only screen and (min-width :700px) {
    .mod-grid-logo-sml ul li { display: inline-block; width: calc(20% - 20px); margin: 10px; padding: 15px 20px;}
}


@media only screen and (min-width :1000px) {
    .mod-grid-logo-sml ul li { display: inline-block; width: calc(15% - 20px); margin: 10px; padding: 15px 30px;}
}


/* home - integrate icons */
.mod-home-integrate { background: #ECECEC;}
.mod-home-integrate h1 { margin-bottom: 40px; text-align: center;}
.mod-home-integrate ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.mod-home-integrate ul li { display: inline-block; text-align: center; width: 45%; vertical-align: top; padding: 15px;}
.mod-home-integrate ul li img { height: 30px; width: auto; margin-bottom: 10px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
.mod-home-integrate ul li h2 { font-size: 12px; color: #5D3333; }

.mod-home-integrate ul li:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);}

@media only screen and (min-width :700px) {
    .mod-home-integrate ul li { display: inline-block; width: 25%; margin: 10px; padding: 15px 20px;}
}


@media only screen and (min-width :1000px) {
    .mod-home-integrate ul li { display: inline-block; width: calc(15% - 20px); margin: 10px; padding: 15px 30px;}
}




/* home - testimonial grid */
.mod-testimonial-grid h1 { text-align: center;}
.mod-testimonial-grid ul.test-grid-elem { list-style: none; position: relative; margin: 0; text-align: center;}
.mod-testimonial-grid ul.test-grid-elem li { display: inline-block; width: 100%; margin: 0 0 50px; padding: 40px 20px; background: #00AEEF; color: #fff;}
.mod-testimonial-grid ul.test-grid-elem li img { width: 50px; height: auto; margin-bottom: 10px;}
.mod-testimonial-grid p, .mod-testimonial-grid cite { color: #fff;}
.mod-testimonial-grid cite { font-size: 20px; border-bottom:1px solid #fff; padding: 30px 20px 10px; display: inline-block; margin-bottom: 20px;}
.mod-testimonial-grid p.test-author-dets { font-weight: 400;}

@media only screen and (min-width :700px) {
    .mod-testimonial-grid ul.test-grid-elem li { display: inline-block; width: calc(45% - 20px); margin: 0 25px 50px; padding: 40px 20px;}
}


@media only screen and (min-width :1000px) {
    .mod-testimonial-grid ul.test-grid-elem li { display: inline-block; width: calc(30% - 20px); margin: 0 15px ; padding: 40px 20px;}
}





/* home - img-overlay */
.mod-img-overlay h1 { text-align: center;}
.mod-img-overlay ul.mod-img-overlay-elem { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.mod-img-overlay ul.mod-img-overlay-elem li { display: inline-block; background: #000; position: relative; line-height: 0; margin-bottom: 30px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.mod-img-overlay ul.mod-img-overlay-elem li img { opacity: 0.5; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;}
.mod-img-overlay ul.mod-img-overlay-elem li h2 { color: #fff; font-weight: 300; position: absolute; left: 15px; bottom: 10px; font-size: 12px;}
.mod-img-overlay ul a:hover li img { opacity: 1;}
.mod-img-overlay ul a:hover li{ -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px 2px rgba(0,0,0,0.25); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}

@media only screen and (min-width :700px) {
    .mod-img-overlay ul.mod-img-overlay-elem li { display: inline-block; width: calc(45% - 20px); margin: 0 10px 30px; padding: 0;}
}


@media only screen and (min-width :1000px) {
    .mod-img-overlay ul.mod-img-overlay-elem li { display: inline-block; width: calc(30% - 10px); margin: 0 5px 15px; padding: 0;}
}




/* home - data-opportunities */
.mod-data-opportunities { background: #ECECEC; padding-top: 80px; margin-bottom:50px;}
.mod-data-opportunities h1 { text-align: center; margin-bottom: 80px;}
.mod-data-opportunities h2 { color: #000; font-weight: 400; font-size: 16px; text-transform: uppercase;}
.mod-data-opportunities ul { list-style: none;}
.mod-data-opportunities ul li { position: relative; padding-left: 50px; padding-bottom: 40px; border-left: 2px solid  #7BA1C7; margin-left: 11px; margin-top: -3px;}
.mod-data-opportunities ul li:nth-of-type(2) { border-left: 2px solid #427BB4;}
.mod-data-opportunities ul li:nth-child(n+3) { border-left: 2px solid #0A56A3;}
.mod-data-opportunities ul li:last-child { border-left: 2px solid #ECECEC;}

.mod-data-opportunities ul li .list-diamond { position: absolute; display: block; top: 0; left: -11px; width: 20px; height: 20px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #B2C7DB; }
.mod-data-opportunities ul li:nth-of-type(2) .list-diamond { background: #76A0C9; }
.mod-data-opportunities ul li:nth-of-type(3) .list-diamond { background: #3B7AB7; }
.mod-data-opportunities ul li:nth-of-type(n+4) .list-diamond { background: #0054A6; }

/* div variables */
.bg-white { background: #fff;}
.bg-grey { background: #ECECEC;}
.bg-grey h3, .bg-grey p, .bg-grey li { font-size: 15px; text-transform: none;}
.logo-panels.panel-blue { background: #0072BB;}
.logo-panels.panel-blue img { height: 40px; width: auto;}

@media only screen and (min-width :768px) {
    .mod-2col-even.mod-li-rev ul { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .mod-2col-even.mod-li-rev ul > li {-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
    
    .logo-panels.panel-blue img { height: 60px; width: auto;}
}



/* FAQ's Module */
.mod-faq-accord {}
.faq-col { width: calc(100% - 20px); display: inline-block; vertical-align: top; margin: 0 10px;}
.faq-grp { margin-bottom: 40px;}
.faq-grp h4 { background: url(images/faq-h4-bg.jpg) top right no-repeat; color: #fff; text-transform: uppercase; font-weight: 400; padding: 10px; font-size: 16px;}

.faq-grp .btn { position: relative; width: 100%; margin-bottom: 10px; font-size: 16px; color: #0054A6; font-weight: 700; text-align: left; background: #fff; border: 0; padding-right:20px;}
.faq-grp a.btn { white-space:pre-wrap;}
.faq-grp .btn-primary:after { font-family: FontAwesome; content: "\f107"; position: absolute; right: 10px; top: 5px; color: #252525; font-weight: 400;}

.btn-primary:focus:after,
.btn-primary.focus:after { font-family: FontAwesome; content: "\f106"; position: absolute; right: 10px;}


.faq-grp .well { width: 100%; background: none; padding: 0 10px; border: 0;  }
.faq-grp p { color: #252525; font-size: 16px;}


@media only screen and (min-width :700px) {
    .faq-col { width: calc(50% - 20px);margin: 0 5px;}
}

@media only screen and (min-width :1000px) {
    .faq-col { width: calc(33% - 20px); margin: 0 10px;}
}



/**  BLOG **/

/* feed */
.blog-feed h1 { text-align: center;}
.blog-feed ul.blog-feed-item { list-style: none; margin: 0; padding: 0; position: relative; text-align: center;}
.blog-feed ul.blog-feed-item li { display: block; margin-bottom: 30px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; vertical-align: top;}
.blog-feed ul.blog-feed-item li img { }
.blog-feed ul.blog-feed-item h1 { font-size: 16px;}
.blog-feed ul.blog-feed-item p {}
.blog-feed ul.blog-feed-item a.learnmore { font-size: 12px; text-transform: uppercase; color: #0054AC; border: 1px solid #0054AC; padding: 7px 20px; border-radius: 20px; display: inline-block; margin-top: 20px;}
.blog-feed ul.blog-feed-item a.learnmore:hover { border: 1px solid #00AEEF; background:#00AEEF; color: #fff;}
.feed-cont { padding: 20px;}

.blog-feed ul.blog-feed-item.post-feed { margin-top: 50px;}


.post-author { text-align: center; padding: 80px 20px 40px;}
.post-author img { width: 60px; height: auto; }
.post-author h1 { font-size: 16px; font-weight: 400; margin-bottom: 0px;}

.post-content { max-width: 800px; margin: 0 auto; padding-bottom: 60px; border-bottom: 1px solid #D7D7D7; margin-bottom: 60px;}

.post-share ul { list-style: none; position: relative; margin: 0; padding: 0; margin-left: 20px;}
.post-share ul li { display: inline-block; margin-right: 40px !important; padding: 0; position: relative;}
.post-share ul li a { color: #fff; background: #3D5B96; position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; text-align: center; border-radius: 50%; padding: 5px;}
.post-share ul li:nth-of-type(2) a { background: #5AADEB;}
.post-share ul li:nth-of-type(3) a { background: #1178B2;}

/*a.cta-comment { background: #CCC; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; margin-top: 10px; padding: 15px 25px; float: right; display: block;}
a.cta-comment:hover { background: #0054A6;}*/

.btn-comments { background: #CCC; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; margin-top: -40px; padding: 15px 25px; float: right; display: block;font-family: 'Gotham-Book', sans-serif;}
a.btn-comment:hover { background: #0054A6;}

.btn-comments:focus ~ .alert {
  display: block;
}


.comments { display: none; max-width: 800px; margin: 0 auto; padding-top: 80px;}
.btn-comments:focus ~ .comments {
  display: block;
}

@media only screen and (min-width :700px) {
    .blog-feed ul.blog-feed-item li { display: inline-block; width: calc(45% - 20px); margin: 0 10px 30px; padding: 0; height: 375px; position: relative;}
    .blog-feed ul.blog-feed-item.post-feed li { height: 430px;}
    .blog-feed ul.blog-feed-item a.learnmore { position: absolute; bottom: 20px; left: 30%;}
}


@media only screen and (min-width :1000px) {
    .blog-feed ul.blog-feed-item li { display: inline-block; width: calc(32% - 10px); margin: 0 10px 25px; padding: 0;}
}

/** FOOTER **/
	footer { background:#0072BB; position:relative;}
	
.foot-top {position: relative; text-align: center; padding:80px 0px 40px;}
.foot-top .col-sm-6:first-of-type { border-right: 1px solid #fff;}
.foot-top .col-sm-6 { margin-bottom: 40px;}
.foot-top h3, .foot-top p { text-align: center; color: #fff; max-width: 70%; margin: 0 auto;}
.foot-top h3 { margin-top: 40px; margin-bottom: 20px; font-size: 16px;}
.foot-top p {font-size:16px;}
.foot-top-icon { background:#0054A6; padding: 10px; display: inline-block;transform: rotate(45deg);}
.foot-top-icon i { color: #fff; font-size: 40px;transform: rotate(-45deg);}
.foot-top-icon:hover { background: #00AEEF;}

.foot-bottom { background: #0054A5; padding:40px 0px 40px;}
.foot-bottom img { width: 80px !important; height: auto;}

.foot-bottom ul.foot-social-links { border-top: 1px solid #fff; border-bottom: 1px solid #fff; list-style: none; position: relative; margin: 0; padding: 0; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.foot-bottom ul.foot-social-links li { display: inline-block; padding: 10px 20px;}
.foot-bottom ul.foot-social-links li a { color:#fff; font-size: 24px;}
.foot-bottom ul.foot-social-links li a:hover { color:rgba(255,255,255,0.5);}

.foot-bottom .foot-contact { margin-bottom: 20px;}
.foot-bottom .foot-contact p, .foot-bottom .foot-contact p a { color: #fff; font-size: 12px; font-weight: 400;}
.foot-bottom .foot-contact i { font-size: 20px; margin-right: 5px;}
.foot-bottom .foot-contact i.fa-phone { color: #0054a5; background: #fff; display: inline-block; width: 20px; height: 20px; border-radius: 50%; padding: 4px; font-size: 14px !important;}
.foot-bottom .foot-contact i.fa-map-marker { font-size: 25px; margin-bottom:30px;}

@media only screen and (max-width :1023px) {
.foot-contact .col-sm-4 { width:100% !important;}
.foot-bottom .foot-contact i.fa-map-marker {margin-bottom:0;}
}

ul.foot-menu {}
ul.foot-menu { list-style: none; position: relative; margin: 0; padding: 0; text-align: left; width: 100%;}
ul.foot-menu li { display: inline-block; width: 24%; padding: 15px; vertical-align: top;}
ul.foot-menu li, ul.foot-menu li a { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400;}

<!--ul.foot-submenu { margin-top: 10px;}
ul.foot-submenu, ul.foot-submenu li { width: 100%; padding: 3px 0;  margin-left: 0;}
ul.foot-submenu li a { color: rgba(255,255,255,0.75); font-weight: 300;}
ul.foot-submenu li a:hover { color: rgba(255,255,255,1);}-->

ul.foot-menu li ul { margin-top: 10px;}
ul.foot-menu li ul, ul.foot-menu li ul li { width: 100%; padding: 3px 0;  margin-left: 0;}
ul.foot-menu li ul li a { color: rgba(255,255,255,0.75); font-weight: 300;}
ul.foot-menu li ul li a:hover { color: rgba(255,255,255,1);}

.foot-credit { font-size: 12px; text-align: center;}
.foot-credit ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center; margin-bottom: 15px;}
.foot-credit ul li { display: inline-block; margin: 0 10px;}
.foot-credit a, .foot-credit p { color: #fff; text-transform: uppercase; font-weight: 400;}
.foot-bottom .foot-credit br { display: none;}


	@media only screen and (max-width :1023px) {
        .foot-bottom .container { max-width: 300px;}
        .foot-bottom { text-align: center;}
        .foot-bottom .foot-credit ul li { width: 100%;}
        .foot-bottom .foot-credit br { display: block;}
	}

	@media only screen and (min-width :1023px) {
            .foot-bottom .foot-contact i.fa-map-marker { float: left; font-size: 30px; padding-bottom:20px;}

}
	
	
	
	
	
/* misc */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* 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: 5px; border-radius: 5px; 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:#bcbec0; color:#fff; text-transform:uppercase; font-weight:800; width:100%; max-width:400px; font:14px Arial, Helvetica, sans-serif; cursor:pointer; margin:0;-webkit-appearance: none;}
	.gform_wrapperinput[type=submit]:hover { background-color:#808285; }
				
/* 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:none; color:#0072BB;}
	ol.wp-paginate li a:hover { background:none; 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;}
	}
	
.contact-form { max-width:700px; margin:0 auto;}	
.contact-cols { padding: 50px 0;}
.contact-cols ul { list-style: none; position: relative; margin: 0 auto; padding: 0; text-align: center; width: 100%; max-width: 800px;}
.contact-cols ul li { display: inline-block; text-align: left; vertical-align: top; width: 100%; padding: 0; margin-bottom: 20px;}
.contact-cols ul li h2 { background: url(images/faq-h4-bg.jpg) right top no-repeat; color: #fff; text-transform: uppercase; font-size: 18px; padding: 5px 10px;}
.contact-grp { padding-bottom: 20px;}
.contact-grp h3 { padding-top: 20px;}
.contact-cols ul li:first-of-type .contact-grp { border-bottom: 1px solid #ccc;}
.contact-cols ul li:nth-of-type(2) h2 { margin-bottom: 20px;}
	
@media only screen and (min-width : 700px) {
    .contact-cols { padding: 100px 0;}
    .contact-cols ul li { width: 40%; margin: 0 20px;}
    
}