/*
Theme Name: Helping Hands
Author: Code Greene
*/

/* STYLE RESET ========================================================================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-family:'Roboto', sans-serif; font-weight:400; vertical-align:baseline; background:transparent;}

body{font-size:16px; line-height:1;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}

figcaption{line-height:1.5;}

button, input, select, textarea{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; vertical-align:baseline;}
button, input{line-height:normal;}
input, textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
textarea{overflow:auto; vertical-align:top;}

input[type="checkbox"],
input[type="radio"]{padding:0;}
input[type="checkbox"]{-webkit-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}

select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}

button, html input[type="button"],
input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], input[disabled]{cursor:default;}

button::-moz-focus-inner,
input::-moz-focus-inner{border:0; padding:0;}

nav ul{list-style:none;}

blockquote, q{quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}

strong,
strong *{font-weight:700;}

ins{color:#000; background-color:#ff9; text-decoration:none;}

mark{color:#000; background-color:#ff9; font-style:italic; font-weight:700;}

del{text-decoration:line-through;}

abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}

table{border-collapse:collapse; border-spacing:0;}

hr{display:block; height:1px; padding:0; margin:1em 0; border:0; border-top:1px solid #cccccc;}

iframe{max-width:100%;}

/* BLANKET STYLES ========================================================================================================================== */

.clearfix:before,
.clearfix:after{display:table; clear:both; content:'';}
.clearfix{*zoom:1;}

.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{display:block; margin:0 auto;}
img.alignright{margin-left:10px;}
img.alignleft{margin-right:10px;}

img{max-width:100%; -ms-interpolation-mode:bicubic; border:0;}

/* Text ========================================== */
a{padding:0; margin:0; background:transparent; vertical-align:baseline; text-decoration:none; transition:all .25s;}
a:hover,
a:focus,
a:active{cursor:pointer;}
p{margin:0 0 15px; line-height:1.5;}
p a{color:#3791CF; text-decoration:underline;}
p a:hover,
p a:focus,
p a:active{color:#65c6bd;}
p img{max-width:100%; height:auto;}
p:last-child{margin-bottom:0 !important;}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 *{font-family:'Montserrat', sans-serif; line-height:1.3; transition:all 0.25s;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#3791CF; text-decoration:underline;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{color:#65c6bd;}

h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-weight:700;}
h1{margin:0 0 20px; font-size:2.5em;}
h2{margin:0 0 17px; font-size:2.25em;}
h3{margin:0 0 14px; font-size:2em;}
h4{margin:0 0 11px; font-size:1.75em;}
h5{margin:0 0 8px; font-size:1.5em;}
h6{margin:0 0 5px; font-size:1.25em;}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{margin-bottom:0 !important;}

ul,
ol{float:left; width:100%; padding-left:10px; box-sizing:border-box; margin:0 0 15px 15px; line-height:1.5;}
ul:last-child,
ol:last-child{margin-bottom:0 !important;}

ul{list-style:disc;}
ol{list-style:decimal;}
li{margin:0 0 0 5px;}
li:last-of-type{margin-bottom:0;}
li a{color:#3791CF; text-decoration:underline;}
li a:hover,
li a:focus,
li a:active{color:#65c6bd;}
li img{height:auto;}

.white-text,
.white-text *{color:#fff !important;}
.black-text,
.black-text *{color:#000 !important;}

.text h1:last-child,
.text h2:last-child,
.text h3:last-child,
.text h4:last-child,
.text h5:last-child,
.text h6:last-child{margin-bottom:0;}
.text li{line-height:1.3;}

.wp-caption{max-width:100%; margin:0 10px; background-color:#fff;}
.wp-caption img{width:100%; height:auto;}
.wp-caption p{padding:5px; box-sizing:border-box; font-size:0.75em;}

@media screen and (max-width:480px) {
	p img{width:100%; margin:10px 0;}
	.wp-caption{width:100% !important; margin:10px 0;}
}

blockquote{border-left:5px solid; border-color:#3791CF; margin:30px 0; padding:5px 0 8px 10px;}
blockquote *{margin:0; line-height:1em;}
blockquote a:hover{text-decoration:underline;}

/* Tables ========================================== */
table{float:left; width:100%; letter-spacing:1px;}
tr{background:#fff;}
tr:nth-child(even){background-color:#f2f2f2;}
th{padding:5px; color:#fff; background-color:#3791CF; font-weight:400;}
td{padding:10px 5px; color:#777; font-size:0.875em;}
td a{color:#3791CF; text-decoration:underline;}
td a:hover,
td a:focus,
td a:active{color:#65c6bd;}

/* Pagination ========================================== */
.pagination{float:left; width:100%; position:relative; margin-bottom:-5px;}
.page-numbers{float:left; background-color:#3791CF; padding:15px 20px; margin:100px 0 5px 5px; color:#fff; transition:all 0.25s;}
.page-numbers:hover,
.page-numbers.current{color:#fff; background-color:#65c6bd;}

.single-pagination{display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0 0;}
.single-pagination .btn{width:240px;}
.single-pagination .btn a{width:100%;}

@media screen and (max-width:700px) {
	.single-pagination{flex-direction:column; align-items:center;}
	.single-pagination .btn{width:100%; max-width:240px;}
	.single-pagination .nav-prev a{margin-bottom:10px;}
	.single-pagination .nav-next a{margin-bottom:10px;}
	.single-pagination .nav-back{order:2;}
}

/* Buttons ========================================== */
.btn a,
a.btn,
.btn input[type=submit],
input[type=submit].btn{display:inline-block; min-width:200px; padding:20px 40px !important; box-sizing:border-box; font-family:'Montserrat', sans-serif; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; transition:all 0.25s;}
.btn a:hover,
a.btn:hover,
.btn input[type=submit]:hover,
input[type=submit].btn:hover{cursor:pointer;}

.main-btn a,
a.main-btn,
.main-btn input[type=submit],
input[type=submit].main-btn{color:#fff; background-color:#3791CF;}
.main-btn a:hover,
a.main-btn:hover,
.main-btn input[type=submit]:hover,
input[type=submit].main-btn:hover{background-color:#65c6bd;}

.second-btn a,
a.second-btn,
.second-btn input[type=submit],
input[type=submit].second-btn{color:#fff; background-color:#65c6bd; border:2px solid #65c6bd;}
.second-btn a:hover,
a.second-btn:hover,
.second-btn input[type=submit]:hover,
input[type=submit].second-btn:hover{color:#65c6bd; background-color:#fff;}

/* Containers ========================================== */
.container{width:100%; max-width:1300px; padding:0 50px; box-sizing:border-box; margin:0 auto; position:relative;}
.pseudo{max-width:1200px; padding:0 !important;}
.medium{max-width:1024px;}
.small{max-width:768px;}

@media screen and (max-width:700px) {
	.container{padding:0 35px;}
}

@media screen and (max-width:425px) {
	.container{padding:0 20px;}
}

/* CF7 Form ========================================== */
form{display:flex; flex-wrap:wrap; justify-content:space-between;}
.form-item{float:left; width:100%; margin-bottom:20px; position:relative;}
.form-item.form-half{width:calc(50% - 10px);}
.form-item.form-third{width:calc(33.33% - 10px);}
.form-item.form-quarter{width:calc(25% - 10px);}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:#888; position:absolute; top:15px; right:15px; z-index:1;}
.form-text{float:left; width:100%; margin-bottom:10px;}
.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; height:48px; padding:15px 20px; box-sizing:border-box; font-size:0.875em; color:#888; background-color:#fff; border:1px solid #ccc;}
.form-input textarea{float:left; width:100%; padding:15px 20px; font-family:'Roboto', sans-serif; font-size:0.875em; border:1px solid #ccc;}
.form-submit input[type=submit]{min-width:150px; border:none;}
.form-submit span.ajax-loader{margin:0 -20px 0 4px !important;}

.form-input input::-webkit-input-placeholder{font-size:0.875em; color:#888;}
.form-input input::-moz-placeholder{font-size:0.875em; color:#888;}
.form-input input:-ms-input-placeholder{font-size:0.875em; color:#888;}
.form-input input:-moz-placeholder{font-size:0.875em; color:#888;}
.form-input textarea::-webkit-input-placeholder{font-size:0.875em; color:#888;}
.form-input textarea::-moz-placeholder{font-size:0.875em; color:#888;}
.form-input textarea:-ms-input-placeholder{font-size:0.875em; color:#888;}
.form-input textarea:-moz-placeholder{font-size:0.875em; color:#888;}

@media screen and (max-width:550px) {
	.form-item.form-third{width:100%;}
}

@media screen and (max-width:425px) {
	.form-item.form-half{width:100%;}
}

@media screen and (max-width:375px) {
	.form-submit{width:100%;}
	.form-submit input[type=submit]{width:100%;}
}

/* CF7 Big Form ========================================== */
.big-form{float:left; width:100%; padding:0 16px; box-sizing:border-box;}
.big-form .big-form-block{float:left; width:calc(100% + 32px); padding:10px 15px; box-sizing:border-box; margin:0 0 20px -16px; border:1px solid #29abe2; border-radius:20px;}
.big-form .big-form-row{display:flex; float:left; width:100%; margin-bottom:20px;}

.big-form .big-form-text{white-space:nowrap; font-size:0.875em; line-height:1.5;}
.big-form .big-form-text.caps{text-transform:uppercase;}
.big-form .big-form-text.italic{text-transform:italic;}
.big-form .big-form-text.can-wrap{white-space:initial;}
.big-form .big-form-text.main-text{font-size:1.125em; color:#29abe2;}

.big-form .big-form-input{flex-grow:1; margin:0 5px;}
.big-form .big-form-input.flex{display:flex;}
.big-form .big-form-input.max-100{max-width:100px;}
.big-form .big-form-input.max-200{max-width:200px;}
.big-form .big-form-input.max-300{max-width:300px;}
.big-form .big-form-input.max-initial{flex-grow:initial;}
.big-form .big-form-input *{float:left; width:100%;}
.big-form .big-form-input input{margin-bottom:5px; font-size:0.875em; border:none; border-bottom:1px solid #000;}
.big-form .big-form-input.center-text *{text-align:center;}
.big-form .big-form-input-desc{float:left; width:100%; font-size:0.75em;}

.big-form .big-form-input .wpcf7-radio{display:flex;}
.big-form .big-form-input .wpcf7-radio *{width:initial;}
.big-form .big-form-input .wpcf7-radio label{display:flex; white-space:nowrap;}
.big-form .big-form-input .wpcf7-radio input{margin-right:10px;}

.big-form .big-form-submit{float:left; width:100%; margin-top:20px; text-align:center;}
.big-form .big-form-submit input{border:none;}

/* CF7 Form Validation ========================================== */
.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; border:1px solid red !important; background:#f0e3e3 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
div.wpcf7-response-output{padding:0; margin:0;}
div.wpcf7-mail-sent-ng{float:left; width:100%; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;}

form input[type=submit]:disabled{color:#ccc; background-color:#eee; border:1px solid #ccc;}
form input[type=submit]:disabled:hover{cursor:not-allowed; color:#ccc; background-color:#eee; border:1px solid #ccc;}

/* Sidebar ========================================== */
#sidebar{float:left; width:250px; margin-left:50px;}
#sidebar .widget{float:left; width:100%;}
#sidebar ul{float:left; width:100%; padding:0; margin:0; list-style:none;}
#sidebar li{float:left; width:100%;}
#sidebar li:last-child{margin-bottom:0;}
#sidebar img{float:left; width:100%; height:auto;}
#sidebar .wp-caption{max-width:100%; padding:0; margin:0; background-color:transparent; border:none; box-shadow:none;}

#sidebar form .form-item{width:100% !important;}

#sidebar .widget_search form{display:flex; flex-wrap:nowrap;}
#sidebar .widget_search span{display:none;}
#sidebar .widget_search label{width:100%; padding-right:10px;}
#sidebar .widget_search label input{float:left; width:100%; height:28px; padding:0 5px; border:1px solid #ccc;}
#sidebar .widget_search input[type=submit]{flex:0 0 73px; float:right; padding:5px 10px; color:#fff; background-color:#3791CF; transition:all 0.25s;}
#sidebar .widget_search input[type=submit]:hover{background-color:#65c6bd;}

#sidebar .widget_recent_entries ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;}
#sidebar .widget_recent_entries ul li:last-child{border:none;}
#sidebar .widget_recent_entries ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;}
#sidebar .widget_recent_entries ul li a{float:left; width:100%; padding:15px 0 15px 26px; box-sizing:border-box; color:#000;}
#sidebar .widget_recent_entries ul li:hover{background-color:#f2f2f2;}
#sidebar .widget_recent_entries ul li:hover a{text-decoration:underline;}

#sidebar .widget_categories label{display:none;}
#sidebar .widget_categories select{float:left; width:100%;}
#sidebar .widget_categories ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;}
#sidebar .widget_categories ul li:last-child{border:none;}
#sidebar .widget_categories ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;}
#sidebar .widget_categories ul li a{float:left; width:calc(100% - 38px); padding:15px 0 15px 26px; box-sizing:border-box; color:#000;}
#sidebar .widget_categories ul li:hover{background-color:#f2f2f2;}
#sidebar .widget_categories ul li:hover a{text-decoration:underline;}

#sidebar .widget_archive label{display:none;}
#sidebar .widget_archive select{float:left; width:100%;}
#sidebar .widget_archive ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;}
#sidebar .widget_archive ul li:last-child{border:none;}
#sidebar .widget_archive ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;}
#sidebar .widget_archive ul li a{float:left; width:calc(100% - 38px); padding:15px 0 15px 26px; box-sizing:border-box; color:#000;}
#sidebar .widget_archive ul li:hover{background-color:#f2f2f2;}
#sidebar .widget_archive ul li:hover a{text-decoration:underline;}

#sidebar .widget_calendar th,
#sidebar .widget_calendar td{text-align:center;}

#sidebar .widget_nav_menu a{color:#3791CF; text-decoration:underline;}
#sidebar .widget_nav_menu a:hover{color:#65c6bd;}
#sidebar .widget_nav_menu ul.sub-menu{padding-left:10px; box-sizing:border-box; margin-top:10px;}
#sidebar .widget_nav_menu ul.sub-menu li:before{content:'- ';}

#sidebar .widget_meta a{color:#3791CF; text-decoration:underline;}
#sidebar .widget_meta a:hover{color:#65c6bd;}

#sidebar .widget_pages a{color:#3791CF; text-decoration:underline;}
#sidebar .widget_pages a:hover{color:#65c6bd;}

#sidebar .widget_rss img{width:initial; height:24px; margin-right:5px;}
#sidebar .widget_rss li{margin-bottom:15px;}
#sidebar .widget_rss a{color:#3791CF; text-decoration:underline;}
#sidebar .widget_rss a:hover{color:#65c6bd;}
#sidebar .widget_rss .rss-date{float:left; width:100%;}
#sidebar .widget_rss .rssSummary{color:#888;}

#sidebar .widget_tag_cloud a{display:block; float:left; padding:5px 10px; margin:5px; color:#fff; background-color:#3791CF;}
#sidebar .widget_tag_cloud a:hover{background-color:#65c6bd;}

#sidebar .widget_text ul{padding-left:17px; margin:10px 0 10px 20px; list-style:disc;}
#sidebar .widget_text iframe{float:left; width:100%; max-height:220px; margin:15px 0; position:relative;}

@media screen and (max-width:375px) {
	#sidebar .widget_search form{flex-direction:column;}
	#sidebar .widget_search label{padding:0; margin-bottom:10px;}
	#sidebar .widget_search input[type=submit]{flex:initial;}
}

/* Sticky Footer ========================================== */
html, body{height:100%;}
.page-wrapper{display:flex; flex-direction:column; overflow-x:hidden; float:left; width:100%; min-height:100%; position:relative;}
.page-content{flex-grow:1; float:left; width:100%; position:relative;}

.flexible{float:left; width:100%; margin-bottom:50px; position:relative;}
.default{width:100%; padding:50px 0; box-sizing:border-box; margin:0 auto 50px; position:relative;}

section{float:left; width:100%; padding:0; margin:0; position:relative;}
.section-text-main p,
.section-text-main li{font-size:20px; line-height:1.2;}

.overlay{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}

.no-top{margin-top:0 !important;}
.no-bottom{margin-bottom:0 !important;}

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

.content-column{padding:0 10px; box-sizing:border-box;}

.iframe{margin-bottom:20px;}

/* CUSTOM STYLES =========================================================================================================================== */

/* Blog - Index ========================================== */
section.index{padding:50px 0 100px;}
section.index .index-container{display:flex;}
section.index .section-text-main{float:left; width:100%;}

.index .section-block{width:100%;}
.index .section-part{display:flex; float:left; width:100%; margin-top:100px;}
.index .section-all-text{display:flex; flex-direction:column; width:100%;}
.index .section-category{width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.index .section-category span{font-size:1.125em; font-weight:700;}
.index .section-category a{color:#3791CF; text-decoration:underline; white-space:nowrap; line-height:1.5;}
.index .section-category a:hover{color:#65c6bd;}
.index .section-title{width:100%; margin-bottom:15px; transition:all 0.25s;}
.index .section-text{margin-bottom:15px;}
.index .section-detail{display:flex; float:left; width:100%; margin-top:10px;}
.index .author-image{display:flex; align-items:center;}
.index .author-image img{width:32px; height:32px; border-radius:100px;}
.index .details{margin-left:10px; color:#959595;}
.index .author-name{float:left; width:100%; margin-bottom:5px; font-weight:600;}
.index .date-time{display:flex; align-items:center; float:left; width:100%; font-weight:300;}
.index a.section-image{flex:0 0 370px; margin-left:4%; background-repeat:no-repeat; background-size:cover; background-position:center;}

.index .sidebar{margin-top:100px;}

@media screen and (max-width:1100px) {
	section.index .container{flex-direction:column}
	.index .sidebar #sidebar{width:100%; max-width:500px; margin-left:0;}
}

@media screen and (max-width:870px) {
	.index .section-part{flex-direction:column; align-items:center;}
	.index a.section-image{order:1; flex:initial; width:100%; max-width:500px; height:56vw; max-height:320px; margin:0 0 40px;}
	.index .section-all-text{order:2; max-width:500px;}

	.index .sidebar{display:flex; justify-content:center;}
}

/* Blog - Single ========================================== */
section.index-single{padding:50px 0 100px;}
section.index-single .section-title{float:left; width:100%; margin-bottom:15px;}
section.index-single .section-image{float:left; width:100%;}
section.index-single .section-image img{width:100%; height:auto;}
section.index-single .section-category{float:left; width:100%; padding-bottom:10px; margin-top:10px;}
section.index-single .section-category span{font-size:1.125em; font-weight:700;}
section.index-single .section-category a{color:#3791CF; text-decoration:underline;}
section.index-single .section-category a:hover{color:#65c6bd;}
section.index-single .section-detail{display:flex; float:left; width:100%; margin-top:20px;}
section.index-single .author-image{display:flex; align-items:center;}
section.index-single .author-image img{width:32px; height:32px; border-radius:100px;}
section.index-single .details{margin-left:10px; color:#959595;}
section.index-single .author-name{float:left; width:100%; margin-bottom:5px; font-weight:600;}
section.index-single .date-time{display:flex; align-items:center; float:left; width:100%; font-weight:300;}
section.index-single .section-text{float:left; width:100%; margin-top:50px;}

/* Search Results ========================================== */
section.search-results{padding:50px 0;}
section.search-results .section-text-main{float:left; width:100%; margin-bottom:40px;}
section.search-results .section-text-main span{font-weight:700;}
section.search-results .section-block{display:flex; justify-content:space-between; float:left; width:100%; padding:20px; box-sizing:border-box; margin-bottom:20px; background-color:#fff; box-shadow:0px 20px 50px rgba(150,150,150,0.4); position:relative;}
section.search-results .section-part{display:flex; flex-direction:column;}

section.search-results a.section-title{margin-bottom:5px; color:#000; font-weight:700;}
section.search-results a.section-title:hover{text-decoration:underline;}
section.search-results .section-excerpt{margin-bottom:20px; color:#999; font-weight:400; font-size:0.75em;}

@media screen and (max-width:970px) {
	section.search-results .section-block{flex-direction:column; width:initial;}
}

@media screen and (max-width:450px) {
	section.search-results .section-block{width:100%;}
	section.search-results .section-part{width:100%;}
}

/* Header ========================================== */
header{float:left; width:100%; padding:15px 0; background-color:#fff; position:relative; z-index:100;}

header a,
header a:hover{text-decoration:none;}

header .header-top{display:flex; justify-content:space-between; width:100%; padding:5px 0;}
header .header-top a{margin-right:20px; color:#3791CF; font-size:0.75em; text-transform:uppercase;}
header .header-top a:hover{color:#65c6bd; text-decoration:underline;}
header .header-top .top-right a{margin:0 0 0 20px;}

header .container{display:flex; align-items:center; justify-content:space-between;}
header .logo{display:flex; align-items:center;}
header .logo a{display:inline-block; float:left;}
header .logo img{display:inline-block; width:initial; max-width:250px; height:auto; max-height:70px; padding:10px 0;}

header .menu{display:flex; align-items:center;}
header .menu-main-menu-container{display:flex; width:100%;}
header ul#menu-main-menu{display:flex; align-items:center; padding:0; margin:0;}
header ul#menu-main-menu li{display:flex; justify-content:center; padding:0; margin:0 -1px 0 0; background-color:#3791CF; list-style-type:none; position:relative; transform:skew(-30deg); transition:all 0.25s;}
header ul#menu-main-menu li:hover,
header ul#menu-main-menu li.hovered,
header ul#menu-main-menu li.highlight{background-color:#65c6bd;}
header ul#menu-main-menu li a{display:flex; justify-content:center; align-items:center; padding:8px 25px; box-sizing:border-box; margin-bottom:-1px; color:#fff; font-family:'Montserrat', sans-serif; text-align:center; text-transform:uppercase; transform:skew(30deg);}

header ul#menu-main-menu li:hover > ul.sub-menu{display:block;}
header ul#menu-main-menu li ul.sub-menu{display:none; width:initial; padding:0; margin:0; white-space:nowrap; background-color:#fff; box-shadow:0px 3px 5px rgba(0,0,0,0.5); transform:skew(30deg); position:absolute; top:100%; right:-20px; z-index:2;}
header ul#menu-main-menu li ul.sub-menu li{width:100%; padding:0; background-color:#fff; transform:skew(0);}
header ul#menu-main-menu li ul.sub-menu li a{display:inline-block; width:100%; color:#000; border-bottom:none !important; text-align:left; transform:skew(0);}
header ul#menu-main-menu li ul.sub-menu li:hover,
header ul#menu-main-menu li ul.sub-menu li.hovered{background-color:#65c6bd;}
header ul#menu-main-menu li ul.sub-menu li:hover a{color:#fff;}

header .hamburger{display:none; margin-left:auto; position:relative; z-index:3;}
header .hamburger:hover{opacity:1;}
header .hamburger-inner,
header .hamburger-inner:before,
header .hamburger-inner:after{background-color:#3791CF;}

header .slicknav{display:none; float:left; width:100%; background-color:#3791CF; box-shadow:0 3px 6px rgba(0,0,0,0.5); text-align:center; position:absolute; top:100%; left:0; z-index:2;}
header .slicknav ul#menu-main-menu-1{display:flex; flex-direction:column; float:left; width:100%; padding:0; margin:0; list-style:none; position:relative;}
header .slicknav ul#menu-main-menu-1 li{float:left; width:100%; padding:0; margin:0;}
header .slicknav ul#menu-main-menu-1 li.btn a{border-radius:0;}
header .slicknav ul#menu-main-menu-1 li a{display:inline-block; float:left; width:100%; padding:20px; box-sizing:border-box; color:#fff; font-family:'Montserrat', sans-serif; font-size:1.125em;}
header .slicknav ul#menu-main-menu-1 li a:hover{background-color:#65c6bd;}
header .slicknav ul#menu-main-menu-1 li.menu-item-has-children a:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; margin-left:10px;}

header .slicknav ul#menu-main-menu-1 li ul.sub-menu{display:flex; flex-direction:column; width:100%; padding:0; margin:0; background-color:#65c6bd; list-style:none;}
header .slicknav ul#menu-main-menu-1 li ul.sub-menu li{}
header .slicknav ul#menu-main-menu-1 li ul.sub-menu li a{}
header .slicknav ul#menu-main-menu-1 li ul.sub-menu li a:hover{color:#000; background-color:#fff;}
header .slicknav ul#menu-main-menu-1 li ul.sub-menu li a:after{content:''; margin:0;}
header .slicknav ul#menu-main-menu-1 li ul.sub-menu li.menu-item-has-children a:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; margin-left:10px;}

@media screen and (max-width:1120px) {
	header .logo img{max-height:40px;}
	
	header .menu{display:none;}
	header .hamburger{display:block;}
}

@media screen and (min-width:1121px) {
	header .slicknav{display:none !important;}
}

/* Footer ========================================== */
footer{float:left; width:100%; padding:50px 0; box-sizing:border-box; background-color:#3791CF;}
footer .inner-container{display:flex; justify-content:space-between; float:left; width:100%;}
footer .footer-menu ul{display:flex; padding:0; margin:0; list-style:none;}
footer .footer-menu li{display:flex; flex-direction:column; padding:0 40px 0 0; margin:0; font-family:'Montserrat', sans-serif; font-size:1.5em; white-space:nowrap;}
footer .footer-menu li ul{display:flex; flex-direction:column; margin-top:10px;}
footer .footer-menu li ul li{padding:0; margin:0 0 5px; font-family:'Roboto', sans-serif; font-size:0.75em; font-weight:300;}
footer .footer-menu a{text-decoration:none; line-height:1;}
footer .footer-menu a:hover{text-decoration:underline;}
footer .footer-info{padding-right:20px; box-sizing:border-box;}
footer .footer-social{padding-left:15px; box-sizing:border-box; white-space:nowrap;}
footer .footer-social .social-title{padding-left:10px; box-sizing:border-box; margin-bottom:10px;}
footer .footer-social a{display:flex; justify-content:center; align-items:center; float:left; padding:10px; color:#fff; font-size:1.5em;}
footer .footer-social a:hover{background-color:#65c6bd;}
footer .footer-text{float:left; width:100%; margin-top:40px;}
footer .footer-text a{text-decoration:none;}
footer .footer-text a:hover{text-decoration:underline;}

@media screen and (max-width:950px) {
	footer .inner-container{flex-wrap:wrap; width:100%; margin-right:0;}
	footer .footer-menu{width:100%;}
	footer .footer-menu ul{display:flex; justify-content:space-around;}
	footer .footer-menu ul li{margin-bottom:40px;}
	footer .footer-menu ul li ul{display:block;}
	footer .footer-menu ul li ul li{margin-bottom:0;}
	footer .footer-info{width:50%;}
	footer .footer-social{width:50%;}
}

@media screen and (max-width:700px) {
	footer .inner-container{justify-content:center;}
	footer .footer-menu{max-width:400px;}
	footer .footer-menu ul{flex-direction:column; padding:0 !important;}
	footer .footer-menu ul li{padding-right:0;}
	footer .footer-menu a{text-align:center;}
	footer .footer-info{width:100%; max-width:400px; padding-right:0; margin-bottom:40px; text-align:center;}
	footer .footer-social{display:flex; flex-wrap:wrap; justify-content:center; width:100%; max-width:400px; padding:0; white-space:initial; text-align:center;}
	footer .footer-social .social-title{width:100%; padding-left:0;}
}

@media screen and (max-width:375px) {
	footer .inner-container{width:100%; margin-right:0;}
	footer .footer-info,
	footer .footer-social{padding-right:0;}
}

/* Banner ========================================== */
section.banner{padding:25px 0; margin:50px 0; position:relative;}
section.banner .overlay{opacity:0.5; background-color:#000;}
section.banner .container{z-index:2;}
section.banner .section-text{width:100%;}

/* Blocks ========================================== 
section.blocks{margin:50px 0;}
section.blocks .overlay{opacity:0.5;}
section.blocks .section-block{display:flex;}
section.blocks .section-part{flex-grow:1; display:flex; justify-content:center; align-items:flex-end; min-width:50%; height:40vw; padding:50px; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
section.blocks .section-button{position:relative; z-index:2;}*/

/* Contact ========================================== */
section.contact.full-section{padding:100px 0; margin:50px 0;}

section.contact{padding:50px 0;}
section.contact .section-text-main{float:left; width:100%; margin-bottom:25px;}
section.contact .section-form{float:left; width:100%;}
section.contact .section-form form{float:left; width:100%;}

/* Counter ========================================== */
section.counter.full-section{padding:100px 0; margin:50px 0;}

section.counter{padding:50px 0;}
section.counter .container{display:flex; flex-direction:column; align-items:center;}
section.counter .section-text-main{float:left; width:100%; margin-bottom:40px;}
section.counter .section-block{display:flex; flex-wrap:wrap; float:left; width:100%; box-shadow:0px 2px 10px rgba(0,0,0,0.16);}
section.counter .section-part{flex-grow:1; width:200px; box-sizing:border-box; padding:20px; box-sizing:border-box; background-color:rgba(255,255,255,0.3); border:1px solid rgba(0,0,0,0.1);}
section.counter .section-number{float:left; width:100%; font-size:4em; font-weight:700; text-align:center;}
section.counter .section-number *{font-weight:700;}
section.counter .section-title{float:left; width:100%; margin-top:20px; text-align:center;}

/* FAQ ========================================== */
section.faq.full-section{padding:100px 0; margin:50px 0;}

section.faq{padding:50px 0;}
section.faq .container{display:flex; flex-direction:column; align-items:center;}
section.faq .section-title-main{float:left; width:100%; margin-bottom:20px; text-align:center;}
section.faq .section-block{display:flex; flex-wrap:wrap; width:calc(100% + 40px); margin:0 0 -40px -40px;}
/*
section.faq .section-text{flex-grow:1; width:50%; padding-left:40px; box-sizing:border-box; margin-bottom:40px;}
section.faq .section-text p,
section.faq .section-text li{font-size:18px;}
*/
section.faq .faq-container{flex-grow:1; width:50%; padding-left:40px; box-sizing:border-box; margin-bottom:40px;}

section.faq .faq-container .section-title{width:100%; padding-left:25px; box-sizing:border-box; margin-bottom:15px; border-left:7px solid;}
section.faq.blue .faq-container .section-title{border-color:#3791CF;}
section.faq.black .faq-container .section-title{border-color:#000;}

section.faq .faq-container .faq-question{display:flex; align-items:flex-start; float:left; width:100%; padding:15px 10px; box-sizing:border-box; font-size:1em; line-height:1; border-top:1px solid #ccc !important; border-left:0px solid transparent; transition:all 0.25s;}
section.faq .faq-container .faq-question.question-1{border-top:none;}
section.faq .faq-container .faq-question:before{content:'\f067'; font-family:'Font Awesome 5 Free'; font-weight:700; font-size:20px; margin:2px 10px 0 0; transition:all 0.25s;}

section.faq .faq-container .faq-question.active{border-left:7px solid;}
section.faq.blue .faq-container .faq-question.active{border-color:#3791CF;}
section.faq.black .faq-container .faq-question.active{border-color:#000;}

section.faq .faq-container .faq-question.active:before{content:'\f068';}
section.faq.blue .faq-container .faq-question.active:before{color:#3791CF;}
section.faq.black .faq-container .faq-question.active:before{color:#000;}

section.faq .faq-container .faq-question:hover{cursor:pointer; border-left:7px solid;}
section.faq.blue .faq-container .faq-question:hover{border-color:#3791CF;}
section.faq.black .faq-container .faq-question:hover{border-color:#000;}

section.faq.blue .faq-container .faq-question:hover:before{color:#3791CF;}
section.faq.black .faq-container .faq-question:hover:before{color:#000;}

section.faq .faq-container .faq-question span{padding-right:15px; box-sizing:border-box; line-height:1.5;}

section.faq.blue .faq-container .faq-question:hover span,
section.faq.blue .faq-container .faq-question.active span{color:#3791CF;}
section.faq.black .faq-container .faq-question:hover span,
section.faq.black .faq-container .faq-question.active span{color:#000;}

section.faq .faq-container .faq-answer{display:none; float:left; width:100%; padding:0 10px 20px 10px; box-sizing:border-box; border-left:7px solid; font-size:0.92em;}
section.faq.blue .faq-container .faq-answer{border-color:#3791CF;}
section.faq.black .faq-container .faq-answer{border-color:#000;}

section.faq .faq-container .faq-answer *{line-height:2;}

section.faq .section-button{float:left; width:100%; margin-top:25px; text-align:center;}

@media screen and (max-width:850px) {
	section.faq .section-text,
	section.faq .faq-container{width:100%;}
}

/* Full Image ========================================== */
section.full-image{margin:50px 0;}
section.full-image .section-image{display:flex; align-items:center; min-height:35vw; padding:100px 0; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
section.full-image .container{display:flex; z-index:2;}
section.full-image .section-all-text{width:100%;}
section.full-image .section-text{float:left; width:100%;}
section.full-image .section-button{float:left; width:100%; margin-top:30px; text-align:center;}
section.full-image .section-media{flex:0 0 45%; padding-left:20px;}
section.full-image .overlay{opacity:0.3; background-color:#000;}

@media screen and (max-width:900px) {
	section.full-image .container{flex-direction:column-reverse;}
	section.full-image .section-media{flex:initial; width:100%; padding:0 0 40px;}
}

/* Icons ========================================== */
section.icons.full-section{padding:100px 0; margin:50px 0;}

section.icons{padding:50px 0;}
section.icons .container{display:flex; flex-direction:column; align-items:center;}
section.icons .section-text-main{width:100%; margin-bottom:25px;}
section.icons .section-block{display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 20px); margin:0 0 -40px -20px;}
section.icons .section-image{display:flex; justify-content:center; align-items:center; width:12.5%; padding-left:20px; box-sizing:border-box; margin-bottom:40px;}
section.icons .section-image img{width:initial; max-width:100px; height:auto; max-height:100px;}
section.icons .section-image i{font-size:3em;}

@media screen and (max-width:1020px) {
	section.icons .section-image{width:14.28%;}
}

@media screen and (max-width:900px) {
	section.icons .section-image{width:16.66%;}
}

@media screen and (max-width:780px) {
	section.icons .section-image{width:20%;}
}

@media screen and (max-width:660px) {
	section.icons .section-image{width:25%;}
}

@media screen and (max-width:540px) {
	section.icons .section-image{width:33.33%;}
}

@media screen and (max-width:420px) {
	section.icons .section-image{width:50%;}
}

@media screen and (max-width:260px) {
	section.icons .section-image{width:100%;}
}

/* Latest/Featured Post ========================================== */
section.latest-featured{padding:50px 0;}
section.latest-featured .section-title-main{margin-bottom:50px; text-align:center;}
section.latest-featured .section-part{align-items:center;  margin-top:0;}
section.latest-featured .section-category{opacity:0.4;}
section.latest-featured a.section-image{margin:0 4% 0 0;}
section.latest-featured a.section-image img{width:100%; height:auto;}
section.latest-featured .section-text{font-size:1.5em;}

@media screen and (max-width:870px) {
	section.latest-featured a.section-image{margin:0 0 30px; height:auto; max-height:initial;}
}

/* Partners ========================================== */
section.partners{padding:50px 0;}
section.partners .main-title{float:left; width:100%; margin-bottom:30px;}
section.partners .logos{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:calc(100% + 30px); margin:0 0 -30px -30px;}
section.partners .logo{display:flex; justify-content:center; align-items:center; width:25%; padding-left:30px; box-sizing:border-box; margin-bottom:30px;}
section.partners .logo img{width:initial; max-width:100%; height:auto; max-height:200px;}


/* Recent Posts ========================================== */
section.recent-posts{padding:50px 0;}
section.recent-posts .section-text-main{float:left; width:100%; margin-bottom:25px;}
section.recent-posts .section-block{display:flex;}

section.recent-posts .main-posts{flex:0 0 66.66%; display:flex; padding-right:15px; box-sizing:border-box;}
section.recent-posts .main-posts .section-part{flex-direction:column; align-items:center; width:50%; margin:0;}
section.recent-posts .main-posts .section-part:first-child{margin-right:15px;}
section.recent-posts .main-posts .section-part:last-child{margin-left:15px;}
section.recent-posts .main-posts a.section-image{order:1; flex:initial; width:100%; max-width:500px; height:56vw; max-height:320px; margin:0 0 20px; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.recent-posts .main-posts .section-category{font-size:0.875em;}
section.recent-posts .main-posts .section-all-text{order:2; max-width:500px;}
section.recent-posts .main-posts .section-title{margin-bottom:10px;}
	
section.recent-posts .small-posts{flex:0 0 33.33%; padding-left:15px; box-sizing:border-box;}
section.recent-posts .small-posts .section-part:nth-child(-n+2){display:none;}
section.recent-posts .small-posts .section-part{align-items:center; padding-bottom:20px; margin:0 0 20px; border-bottom:1px solid #ddd;}
section.recent-posts .small-posts .section-part:last-child{padding:0; margin:0; border:none;}
section.recent-posts .small-posts .section-title a{color:#3791CF; text-decoration:underline;}
section.recent-posts .small-posts .section-title a:hover{color:#65c6bd;}
section.recent-posts .small-posts a.section-image{flex:0 0 100px; height:100px; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.recent-posts .small-posts .section-detail{margin-top:0;}
section.recent-posts .small-posts .author-name,
section.recent-posts .small-posts .date-time{font-size:0.875em;}

section.recent-posts .section-button{float:left; width:100%; margin-top:50px; text-align:center;}

@media screen and (max-width:870px) {
	section.recent-posts .section-block{flex-wrap:wrap;}
	section.recent-posts .main-posts{flex:initial; flex-wrap:wrap; padding:0;}
	section.recent-posts .main-posts .section-part{flex-direction:row; align-items:flex-start; width:100%; padding-bottom:20px; margin:0 0 20px !important; border-bottom:1px solid #ddd;}
	section.recent-posts .main-posts .section-part:last-child{margin:0;}
	section.recent-posts .main-posts .section-all-text{max-width:initial;}
	section.recent-posts .main-posts .section-category{display:none;}
	section.recent-posts .main-posts .section-title a{color:#3791CF; text-decoration:underline;}
	section.recent-posts .main-posts .section-title a:hover{color:#65c6bd;}
	section.recent-posts .main-posts .section-text{display:none;}
	section.recent-posts .main-posts a.section-image{flex:0 0 100px; height:100px; margin:0 20px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
	section.recent-posts .main-posts .section-detail{margin-top:0;}
	section.recent-posts .main-posts .author-name,
	section.recent-posts .main-posts .date-time{font-size:0.875em;}
	
	section.recent-posts .small-posts{flex:initial; width:100%; padding:0;}
	section.recent-posts .small-posts .section-part{flex-direction:row; align-items:flex-start;}
	section.recent-posts .small-posts a.section-image{margin:0 20px 0 0;}
	section.recent-posts .small-posts .section-all-text{max-width:initial;}
	section.recent-posts .small-posts .section-title{font-size:1.25em;}
}

/* Team ========================================== */
section.team{padding:50px 0;}
section.team .section-text-main{float:left; width:100%; margin-bottom:40px;}

section.team .section-block{display:flex; flex-direction:column;}
section.team .section-part{display:flex; width:100%; margin-bottom:50px;}
section.team .section-image{flex:0 0 150px; height:150px; margin-right:25px; background-repeat:no-repeat; background-size:cover; background-position:center top;}
section.team .section-all-text{display:flex; flex-direction:column;}
section.team .section-title{width:100%; margin-bottom:10px; font-size:1.5em;}
section.team .section-text{width:100%;}

@media screen and (max-width:550px) {
	section.team .section-part{flex-direction:column;}
	section.team .section-image{flex:initial; width:150px; margin:0 0 25px;}
}

/* Team - Single ========================================== */
section.team-single{padding:100px 0;}
section.team-single .section-part{display:flex; float:left; width:100%;}
section.team-single .section-image{flex:0 0 150px; height:150px; margin-right:25px; background-repeat:no-repeat; background-size:cover; background-position:center top;}
section.team-single .section-all-text{display:flex; flex-direction:column;}
section.team-single .section-title{width:100%; margin-bottom:10px; font-size:1.5em;}
section.team-single .section-text{width:100%;}

@media screen and (max-width:550px) {
	section.team-single .section-part{flex-direction:column;}
	section.team-single .section-image{flex:initial; width:150px; margin:0 0 25px;}
}

/* Projects ========================================== */
section.charities{padding:50px 0;}
section.charities .section-text-main{float:left; width:100%; margin-bottom:40px;}

section.charities .filters{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 30px); margin:0 0 20px -30px;}
section.charities .filters .filter-search{width:50%; padding-left:30px; box-sizing:border-box; margin-bottom:20px;}
section.charities .filters span{float:left; width:100%; margin-bottom:5px;}
section.charities .filters form{float:left; width:100%; flex-wrap:nowrap;}
section.charities .filters input[type=text],
section.charities .filters select{float:left; width:100%; height:48px; padding:15px 20px; box-sizing:border-box; font-size:0.875em; color:#888; background-color:#fff; border:1px solid #ccc;}
section.charities .filters input[type=submit]{min-width:initial; padding:15px 40px !important; border:none;}
section.charities .search-result-notif{float:left; width:100%; margin-bottom:20px;}

section.charities .section-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 30px); margin-left:-30px;}
section.charities a.section-part{width:25%; padding-left:30px; box-sizing:border-box; margin-bottom:50px;}
section.charities .section-image{float:left; width:100%; height:17vw; max-height:278px; margin-bottom:10px; border:1px solid #ccc; background-repeat:no-repeat; background-size:contain; background-position:center;}
section.charities .section-title{float:left; width:100%; margin-bottom:10px; font-size:1.25em; color:#3791CF; transition:all 0.25s;}
section.charities a.section-part:hover .section-title{color:#65c6bd; text-decoration:underline;}
section.charities .section-category{opacity:0.4; float:left; width:100%; margin-bottom:10px; color:#000;}
section.charities .section-category span{font-weight:700;}
section.charities .section-text{float:left; width:100%;}
section.charities .section-text *{color:#000; font-size:0.875em;}
section.charities .pagination{padding-left:30px; box-sizing:border-box;}
section.charities .page-numbers{margin-top:0;}

section.charities .section-text *{color:#000; font-size:0.875em;}
section.charities .section-button{float:left; width:100%; text-align:center;}

@media screen and (max-width:900px) {
	section.charities a.section-part{width:50%;}
	section.charities .section-image{height:34vw; max-height:initial;}
}

@media screen and (max-width:768px) {
	section.charities .filters .filter-search{width:100%;}
}

@media screen and (max-width:480px) {
	section.charities a.section-part{width:100%;}
	section.charities .section-image{height:68vw;}
}

/* Projects - Single ========================================== */
section.charities-single{padding:50px 0; background-color:#eee;}

section.charities-single .container{display:flex; flex-wrap:wrap;}
section.charities-single .left-side{width:50%; padding-right:25px; box-sizing:border-box;}
section.charities-single .right-side{width:50%; padding-left:25px; box-sizing:border-box;}
section.charities-single .section-title{float:left; width:100%; margin-bottom:10px;}
section.charities-single .section-text{float:left; width:100%;}
section.charities-single .fund-disclosure{order:3; width:100%; margin-top:50px; font-size:0.75em;}
/*
section.charities-single .container{display:flex; flex-direction:column; align-items:center;}
section.charities-single .section-title{width:100%; margin-bottom:30px; text-align:center;}
section.charities-single .top-graphics{display:flex; flex-wrap:wrap; align-items:center; float:left; width:calc(100% + 20px); margin-left:-30px;}
section.charities-single img.section-image{width:50%; height:auto; padding-left:30px; box-sizing:border-box; margin-bottom:30px;}
section.charities-single .thermometer{width:50%; padding-left:30px; box-sizing:border-box; margin-bottom:30px;}
section.charities-single .section-category{opacity:0.4; float:left; width:100%; margin-bottom:20px;}
section.charities-single .section-category span{font-weight:700;}
section.charities-single .section-text{width:100%; margin-bottom:30px;}
section.charities-single .section-button{margin-top:20px;}
section.charities-single .section-button a{padding:20px 40px !important; font-size:1.5em;}
section.charities-single .fund-disclosure{float:left; width:100%; margin-top:50px; font-size:0.75em;}
*/

@media screen and (max-width:768px) {
	section.charities-single .right-side{order:1; width:100%; padding-left:0; margin-bottom:50px;}
	section.charities-single .left-side{order:2; width:100%; padding-right:0;}
}

/*
@media screen and (max-width:545px) {
	section.charities-single .top-graphics{flex-direction:column;}
	section.charities-single img.section-image{width:100%;}
	section.charities-single .thermometer{width:100%;}
}
*/

/* Steps ========================================== */
section.steps.full-section{padding:100px 0; margin:50px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.steps.bgimage .overlay{opacity:0.5;}
section.steps.bgimage .section-part-inner{background-color:rgba(39,147,221,0.5);}

section.steps{padding:50px 0;}
section.steps .container{display:flex; flex-direction:column; align-items:center; z-index:2;}
section.steps .section-text-main{float:left; width:100%; margin-bottom:50px;}
section.steps .section-block{display:flex; flex-wrap:wrap; width:calc(100% + 5%); margin:0 0 -40px -5%;}
section.steps .section-part{display:flex; width:33.33%;  margin-bottom:40px; padding-left:5%; box-sizing:border-box;}
section.steps .section-part-inner{width:100%; padding:30px; box-sizing:border-box; background-color:#3791CF; box-shadow:0px 2px 10px rgba(0,0,0,0.16);}
section.steps .section-title{width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:5px solid #fff; text-align:center;}
section.steps .section-text{width:100%;}
section.steps .section-button{width:100%; margin-top:20px; text-align:center;}

@media screen and (max-width:850px) {
	section.steps .section-block{flex-direction:column; align-items:center;}
	section.steps .section-part{width:100%; max-width:350px;}
}

/* Text ========================================== */
section.text-section.full-section{padding:100px 0; margin:50px 0;}
section.text-section{padding:50px 0;}

/* Z-Pattern ========================================== */
section.z-pattern.full-section{padding:100px 0; margin:50px 0;}

section.z-pattern{display:flex; flex-direction:column; width:100%; padding:50px 0;}
section.z-pattern .section-row{width:100%;}
section.z-pattern .container{display:flex;}
section.z-pattern .section-half{width:100%; box-sizing:border-box;}
section.z-pattern .media-half img{display:block; float:left; width:100%; height:auto; box-shadow:0px 2px 10px rgba(0,0,0,0.16);}

section.z-pattern a.section-video{display:flex; justify-content:center; align-items:center; position:relative;}
section.z-pattern a.section-video span{width:15%; position:absolute; z-index:2; transition:all 0.25s;}
section.z-pattern a.section-video span.play2{opacity:0;}
section.z-pattern a.section-video:hover span.play1{opacity:0;}
section.z-pattern a.section-video:hover span.play2{opacity:1;}
section.z-pattern a.section-video span img{box-shadow:none;}
section.z-pattern a.section-video .overlay{opacity:0; background-color:#3791CF; z-index:1; transition:all 0.25s;}
section.z-pattern a.section-video:hover .overlay{opacity:0.5;}

section.z-pattern .section-button{display:flex; justify-content:flex-start; float:left; width:100%; margin-top:20px;}

section.z-pattern .section-row.textfirst .text-half{order:1; padding-right:20px;}
section.z-pattern .section-row.textfirst .media-half{order:2; padding-left:20px;}
section.z-pattern .section-row.mediafirst .media-half{order:1; padding-right:20px;}
section.z-pattern .section-row.mediafirst .text-half{order:2; padding-left:20px;}

@media screen and (max-width:768px) {
	section.z-pattern .container{flex-direction:column;}
	section.z-pattern .section-row.textfirst .text-half{order:2;}
	section.z-pattern .section-row.textfirst .media-half{order:1;}
	section.z-pattern .section-half{width:100%; padding:0 !important;}
	section.z-pattern .media-half{margin-bottom:30px !important;}
}


body.give-page th{color:#000;}