/*  
Theme Name: thecrocodilesetup3132019
Theme URI: thecrocodilesetup.com.au
Description: 2019 WP theme for The Crocodile Setup
Version: 1.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=71b9cdaa-e428-422a-9b5a-2032de183378&fontids=5364849");
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; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

html { background-color: #5B8896; scroll-behavior: smooth; overflow-x: hidden;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:14px;}

h1, h2, h3, h4 {font-family:"Qanelas W05 Medium"; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6;}

h1 { font-size: 22px; color:#545454; margin:0 0 20px 0;}
h2 { font-size: 20px; color:#545454; margin:0 0 15px 0;}
h3 { font-size: 18px; color:#545454; margin:0 0 10px 0;}
h4 { font-size: 16px; color:#545454; margin:0 0 10px 0;}

p, a, li { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; border:none;}
p, li { color:#545454; line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:#545454; border:none;}
a, button { text-decoration:none; color:#545454; border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a { color:#6EACB7;}
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: 700;}
em, i { font-family: 'Open Sans', sans-serif; font-style: italic;}
em b, i b, em strong, i strong { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 700;}

@media only screen and (min-width :700px) {
body, p, a, li { font-size:16px;}
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
}

@media only screen and (min-width :1200px) {
body, p, a, li { font-size:18px;}
h1 { font-size: 26px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
h4 { font-size: 20px;}
}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: 1600px;}
img { max-width: 100%; height: auto;}

/* fonts*/


    @font-face{
        font-family:"Qanelas W05 Medium";
        src:url("fonts/5364849/4940e93c-2e3f-41a7-b7b9-8236627373f7.eot?#iefix");
        src:url("fonts/5364849/4940e93c-2e3f-41a7-b7b9-8236627373f7.eot?#iefix") format("eot"),url("fonts/5364849/2a6086ff-a22f-4fa5-b73a-703f7fcf8bc4.woff2") format("woff2"),url("fonts/5364849/858a4917-f29f-4321-bfde-1525280d6458.woff") format("woff"),url("fonts/5364849/9debe2f8-e06c-4c30-8c11-6ae272e3d1df.ttf") format("truetype");
    }


.bg-F8F8F8 {background: #F8F8F8;}	


/** HEADER **/
	header { position:relative; margin:0; padding:10px 0;}
header a { color:#545454;}
	/* nav */

.navbar-brand { display: block; width: 70px; height: 70px; background: url(images/tcs-logo.png) center no-repeat; background-size: contain; position: relative;}
.navbar-brand:after { color: #aaa; display: block; content: '\00a9 \00ae'; position: absolute; right: -10px; font-size: 10px;}
button.navbar-toggler i { font-size: 30px;}
.navbar-collapse { padding: 10px 5px;}
.navbar-collapse ul { margin: 0;}
.dropdown-menu { border-radius: 0; border: 0; padding-top: 0; padding-bottom: 0;}

a.dropdown-item { position: relative; margin-left: 25px !important;}
a.dropdown-item:hover { background: none; color: #5B8896;}
a.dropdown-item:before { position: absolute; display: block; content: '\00bb'; font-size: 14px; left: 5px; top: 0px; font-size: 16px;}

.dropdown-menu a.active, .current_page_item a, .current-menu-parent a.dropdown-toggle { background:none !important; color:#FFCA15;}

@media only screen and (min-width :700px) {
    a.dropdown-item { font-size: 14px;}
}
	
@media only screen and (min-width :992px) {
    header { padding: 20px 0;}
	.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
	.dropdown-menu li:hover .sub-menu { visibility: visible; }
	.dropdown:hover .dropdown-menu { display: block; }
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; }
	.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
	.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; top: 11px; left: -6px;}
    .dropdown-toggle::after { display:none; }
    
    .nav-item { padding-left: 10px; padding-right: 10px;}
    .nav-item a { font-size: 14px;}
    
    .home .navbar-brand { display: block; width: 130px; height: 130px;}
    .home .navbar-brand:after { right: 0px; font-size: 13px;}
}


@media only screen and (min-width :1200px) {
    .nav-item { padding-left: 20px; padding-right: 20px;}
    .nav-item a { font-size: 16px;}
     a.dropdown-item { font-size: 14px;}
    .navbar-brand { display: block; width: 100px; height: 100px;}
    .navbar-brand:after { right: -5px; font-size: 12px;}
    .home .navbar-brand { display: block; width: 150px; height: 150px;}
    .home .navbar-brand:after { right: 0px; font-size: 13px;}
}




	
/** CONTENT **/
.pg-title { padding: 20px; background: #5b8896; background: -moz-linear-gradient(left, #5b8896 0%, #74b6c1 100%); background: -webkit-linear-gradient(left, #5b8896 0%,#74b6c1 100%); background: linear-gradient(to right, #5b8896 0%,#74b6c1 100%);}
.pg-title h1 { text-align: center; color: #fff; margin: 0; font-size: 24px;}


.pg-wrap { padding-top: 30px; padding-bottom: 30px;}
.pg-title sup, .pg-wrap sup , .foot-event sup, .hme-feat-txt sup {font-size: 60%; position: relative; top: -15px;}


.yellow-cta { position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); height: 80px; }
.yellow-cta a { display: block; color: #333; position: relative; text-align: right; width: 100%; font-family:"Qanelas W05 Medium"; font-size: 24px; background: #FFCA15; height: 100%; }
.yellow-cta a i { font-size: 30px; position: relative; top: 3px;}
.yellow-cta a span {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: block; padding: 10px 30px;}
.yellow-cta a:hover { background: #333; color: rgba(255,255,255,0.7);}


.blue-cta { position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); height: 60px; }
.blue-cta p { background: #5b8896; background: -moz-linear-gradient(left, #5b8896 0%, #74b6c1 100%); background: -webkit-linear-gradient(left, #5b8896 0%,#74b6c1 100%); background: linear-gradient(to right, #5b8896 0%,#74b6c1 100%); width: 100%; display: block; height: 100%; position: relative; }
.blue-cta p span {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: block; padding: 10px 30px; font-family:"Qanelas W05 Medium"; color: #fff; text-align: right; font-size: 18px;}



@media only screen and (min-width :700px) {
    .pg-title { padding: 30px 20px;}
    .pg-wrap { padding-top: 40px; padding-bottom: 40px;}
}

@media only screen and (min-width :992px) {
    .pg-title { padding: 30px 20px;}
    .pg-title h1 { font-size: 32px;}
    .pg-wrap { padding-top: 70px; padding-bottom: 70px;}
}

@media only screen and (min-width :1200px) {
    .pg-title { padding: 30px 20px;}
    .pg-title h1 { font-size: 40px;}
    .pg-wrap { padding-top: 100px; padding-bottom: 100px;}
}


/* home */
.hme-feat-img { font-size: 0;}
.hme-feat-img img { width:100%; height: auto;}
.hme-feat-txt { position: relative; background: #74B6C1; position: relative; padding: 30px;}
.hme-feat-txt h1, .hme-feat-txt p { color: #fff; max-width: 70%; margin-left: auto; margin-right: auto; display: block; text-align: center;}

.hme-feat-txt a { display: block; margin-left: auto; margin-right: auto; max-width: 250px; background: rgba(255,255,255,0.8); border-radius: 5px; padding: 10px 20px 17px; text-align: center; color: #5B8896; margin-top: 20px; line-height: 1;}
.hme-feat-txt a i { font-size: 24px; position: relative; top: 3px;}
.hme-feat-txt a:hover { background: #fff;}


@media only screen and (min-width :992px) {
.hme-feat-txt div { position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); width: 100%;}
    .hme-feat-txt { padding: 0;} 
.hme-feat-txt:after { background: #74B6C1; display: block; content: ''; width: 1000px; height: 100%; top: 0; right:0;}    
}


/* default / contact */
.default {}
.default h2, .reg-form h2 { color: #FFCA15; font-size: 22px; margin-bottom: 0;}
.reg-form h2 { color: #5B8896;}

.mod { margin-bottom: 30px;}

.mod-testimonial { margin-bottom: 50px;}
.mod-testimonial p.testimonial-dets { color: #BCBEC0;}
.testimonial-txt, .testimonial-txt p { position: relative; z-index: 1;}
.testimonial-txt { margin-top: 60px;}
.testimonial-txt:before { position: absolute; top: -60px; left: 0%; display: block; content: ''; background: url(images/quote-marks.svg) center no-repeat; background-size: contain; width: 100px; height: 100px; z-index: 0;}



@media only screen and (min-width :700px) {
    .default h2, .reg-form h2 { font-size: 26px;}
    
    .mod { margin-bottom: 40px;}
    
    .mod-testimonial { margin-bottom: 60px;}
}

@media only screen and (min-width :992px) {
    .default h2, .reg-form h2 { font-size: 30px;}
    
    .mod { margin-bottom: 50px;}
    
    .mod-testimonial { margin-bottom: 70px;}
    .testimonial-txt:before  { left: -30px;}
}

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


/* events */
.event-out { margin-bottom: 30px;}
.event-wrap { background: #fff; padding-bottom: 80px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);}
.event-wrap .event-date { position: relative; margin-top: -50px;}
.event-wrap img { width:100%; height:auto;}
.event-txt { padding: 20px;}
.event-txt h2 { font-size: 22px;font-family:"Qanelas W05 Medium"; margin-bottom: 0;}
p.event-location { font-size: 16px; color: #74B6C1;}

.event-date div { background: #74B6C1; height: auto; width: 100%; position: relative; padding: 10px !important; text-align: left; margin-bottom: 10px;}
.event-date div p {color: #fff; line-height: 1.1; width: 100%; font-size: 18px; text-transform: capitalize; margin: 0; }
.event-title h3 { font-size: 24px; margin-bottom: 0; display: block; line-height: 1.1; margin-bottom: 10px;}
.event-title h3 a { border-bottom: 1px solid transparent;}
.event-title h3 a:hover { border-bottom: 1px solid #ccc;}
.event-title p { font-size: 16px; color: #74B6C1;}

@media only screen and (min-width :700px) {
    .event-date div { background: #74B6C1; height: 100px; width: 100%; text-align: center;}
    .event-date div p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 1.1; width: 100%; font-size: 18px;}
    .event-date div p span { font-size: 32px; font-weight: 400; text-transform: capitalize;}
}

@media only screen and (min-width :992px) {
    .event-date div { width: 100px; display: block; margin-left: auto; margin-right: auto;}
}


/* Blog */

.feed-out { margin-bottom: 30px;}
.feed-wrap { background: #fff; padding-bottom: 80px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);}
.feed-txt { padding: 20px;}
.feed-txt h2, .feed-txt h2 a { font-size: 22px;font-family:"Qanelas W05 Medium"; margin-bottom: 0;}
p.pub-date { font-size: 16px; color: #74B6C1;}

.feed-filter { margin-bottom: 30px;}
.feed-filter button { border-bottom: 1px solid #ccc; width: 100%; border-radius: 0; text-align: left; font-size: 22px;font-family:"Qanelas W05 Medium"; color: #545454; position: relative;}
.feed-filter button i { position: absolute; right: 10px; top: 10px;}
.feed-filter .dropdown-menu { width: 100%; margin-top: -1px; padding: 0;}
.feed-filter a.dropdown-item { margin: 0 !important; padding: 10px 15px !important;}
.feed-filter a.dropdown-item:before { content: '';}

.post-dets { border-top: 1px solid #ccc; padding: 10px 0; margin-top: 40px;}
.post-dets p { text-align: right; font-size: 12px;}

/* foot feed */
.foot-feed { background: #F1F2F2; padding-top: 30px; padding-bottom: 30px;}
.foot-feed .container { max-width: 1200px;}
.foot-feed h4, .foot-feed h4 { text-align: center; font-size: 24px; line-height: 1.2; margin-bottom: 30px;}

/* foot event */
.foot-event-item { margin-bottom: 20px; padding: 20px 30px; }
.foot-event-item a { color:#545454;}
.foot-event-item a:hover { color:#6EACB7;}
.foot-event, .foot-feed { background: #F1F2F2; padding-top: 30px; padding-bottom: 30px;}
.foot-event .container { max-width: 1200px;}
.foot-event h4, .foot-feed h4 { text-align: center; font-size: 24px; line-height: 1.2; margin-bottom: 30px;}

@media only screen and (min-width :700px) {
    .foot-event-item { padding: 0px 30px;}
   .foot-event, .foot-feed { padding-top: 40px; padding-bottom: 40px;} 
    .foot-event h4, .foot-feed h4 { font-size: 30px; margin-bottom: 40px;}
}

@media only screen and (min-width :992px) {
   .foot-event, .foot-feed { padding-top: 50px; padding-bottom: 50px;} 
    .foot-event h4, .foot-feed h4 { font-size: 30px; margin-bottom: 50px;}
}

@media only screen and (min-width :1200px) {
   .foot-event, .foot-feed { padding-top: 70px; padding-bottom: 70px;} 
    .foot-event h4, .foot-feed h4 { font-size: 38px;}
}


/* practitioners */
.prac-out { margin-bottom: 30px;}
.prac-wrap { background: #fff; padding-bottom: 60px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);}
.prac-wrap h2 { font-size: 24px;font-family:"Qanelas W05 Medium"; margin-bottom: 0; background: #FFCA15; display: block; padding: 15px 20px;}
.prac-txt { padding: 20px;}
.prac-txt p { font-size: 18px;}
.prac-txt ul {list-style: none; position: relative; margin: 0; margin-top: 30px; margin-bottom: 10px; padding: 0; display: flex; justify-content: space-between;}
.prac-txt ul li { display: inline-block;  width: 30%; text-align: right; border-radius: 5px; font-size: 18px; position: relative; overflow: hidden;}
.prac-txt ul li i {position: absolute; left: 5px; top: 5px; font-size: 30px; color: rgba(0,0,0,0.15);}
.prac-txt ul li a { width: 100%; background: #ddd; height: 100%; display: block; opacity:0.3; padding: 7px 20px; border-radius: 5px; pointer-events: none; cursor: default; color:#fff;}
.prac-txt ul li a.prac-call[href*="0"],
.prac-txt ul li a.prac-call[href*="1"],
.prac-txt ul li a.prac-call[href*="2"],
.prac-txt ul li a.prac-call[href*="3"],
.prac-txt ul li a.prac-call[href*="4"],
.prac-txt ul li a.prac-call[href*="5"],
.prac-txt ul li a.prac-call[href*="6"],
.prac-txt ul li a.prac-call[href*="7"],
.prac-txt ul li a.prac-call[href*="8"],
.prac-txt ul li a.prac-call[href*="9"],
.prac-txt ul li a.prac-email[href*="@"],
.prac-txt ul li a.prac-web[href*="http"] { display:block; opacity:1; cursor:pointer; pointer-events:auto; color:#545454;}


/* video */
.video-out { margin-bottom: 30px;}
.video-wrap { background: #fff; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);}
.video-txt { padding: 20px;}
.video-txt h2 { font-size: 24px; margin: 0;}
.video-txt p { color: #74B6C1; font-size: 18px;}



				
/** FOOTER **/
footer { background:#5B8896; padding:15px 15px; position:relative; text-align: center;}
footer p, footer p a {font-size:12px; color: rgba(255,255,255,0.4); margin:0; padding: 0;}
footer p a { padding: 0 10px;}
footer p a:hover { color: rgba(255,255,255,0.8);}
	
@media only screen and (min-width :700px) {
}

	
	
	
	
	
/* 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,
	form label,
	.swpm-rember-label,
	.swpm-login-form-pw-reset-link,
	.gfield_html p { font-size:14px !important; font-family: 'Open Sans', sans-serif; color:#A7A9AC; font-weight:300 !important; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text],
	.gform_wrapper textarea,
	.gform_wrapper input[type=submit],
	form input[type=text],
	form textarea,
	form input[type=submit],
	form input[type=password]{ border-radius: 0; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0; font-size:14px; font-family: 'Raleway', sans-serif;}
	.gform_wrapper input[type=submit],
	form input[type=submit] { background-color:#FFCA15; color:#333; text-transform:uppercase; font-weight:800; width:100% !important; max-width:400px; font-size:18px; font-family:"Qanelas W05 Medium"; cursor:pointer; margin:0; -webkit-appearance: none; border-radius:10px; border:0; padding:15px 20px; text-transform:capitalize;}
	.gform_wrapper input[type=submit]:hover,
	form input[type=submit]:hover{ background-color:#333; color:#fff; }
    .gform_confirmation_wrapper { font-size:16px; font-family: 'Open Sans', sans-serif;}

    .ginput_container_select { background: url(/images/select.png) no-repeat 96% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}
    .stylin .ginput_container_select { background: #ededed url(/images/select.png) no-repeat 98% center; height: 44px; width: 100%;}
    .stylin .ginput_container_select select { border: none; background: transparent; border-radius:5px !important; font-size: 14px; height: 44px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

	.swpm-join-us-link, .swpm-remember-me, .tml-rememberme-wrap, .tml-lostpassword-link, ul.tml-links { display:none;}	
	.gform_wrapper label { width:100%;}
	span.gfield_required { color:#f5f5f5 !important; position:relative;}
	span.gfield_required:after { content:'REQ'; color:#70A226; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:300 !important; float:right;}

ul.tml-links { list-style:none; position:relative; margin:0; padding:0;}
ul.tml-links li { display:inline-block;}
ul.tml-links li a { color:#bbb; font-size:14px; padding:10px 20px;}

.gfield_checkbox li {
  position: relative;
  padding-left: 40px !important;
}

.gfield_checkbox li label { padding-left: 25px !important;}
.gfield_checkbox li label:after {
  content: "";
  background: #fff; border:1px solid #A7A9AC;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 3px;
  z-index: 0;
}
.gfield_checkbox li label:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 15px;
  border: solid #545454;
  border-width: 0 3px 3px 0;
  left: 6px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  z-index: 1;
  transition: all 100ms;
}

input[type="checkbox"] {
  opacity: 0;
  outline: none;
  z-index: 100;
  width: 15px;
  height: 25px;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
input[type="checkbox"] + label {
  cursor: pointer;
}
input[type="checkbox"]:checked + label:before {
  opacity: 1;
  top: 3px;
}



/* 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; color:#fff;}
ol.wp-paginate li span.current { background:#76B6C0; border-radius:10px;}
	ol.wp-paginate li a:hover { background:none; color:#545454;}
	ol.wp-paginate li a { color:#bbb; border:0;}

/* 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 : 993px) {
	.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 : 992px) {
	.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;}
	}
	
	
#myBtn {
  display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover {
    background-color: rgba(0,0,0,0.6); }



.div404 { padding:7% 0;}