/*
Theme Name:		English Center
Theme URI: 		http://simple-webdesign.com/
Version: 		0.1.10
Description: 	Simple Wordpress Theme.
Author: 		Valentin Mezo
Author URI:		http://simple-webdesign.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2015 Valentin Mezo <http://simple-webdesign.com>  All Rights Reserved.

*/


/**
 * 
 * @package Simple Framework
 */
 
/* Removes dotted line when focus */
:focus { outline: none; }

/* Document Body */
body, input, textarea { font-size: 14px; line-height: 22px; font-family: 'Lato', sans-serif;}
body.staff {margin: 0;}


/* Links */
a { color: #3FC5C6; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover { text-decoration: none; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #3FC5C6; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }
.btn-default { padding: 8px 30px; font-size: 16px; color: #fff; font-weight: 700; border: 0; border-radius: 20px; background: #6FA082;}
.btn-default:hover { color: #fff; background: #417756;}
form .form-control { height: 38px;}
form textarea.form-control { height: auto; resize: vertical;}
@media all and (max-width : 767px) {
	form .form-group {margin-bottom: 0;}
	form .form-group .form-control {margin-bottom: 15px;}
}


/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }

/* Vertical Rhythm  */
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #3FC5C6;}
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.sentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }

/* HEADER */
.navbar-default { margin: 0; border: 0; border-radius: 0; background: #3FC5C6;}
.navbar-default .dropdown:hover .dropdown-menu {display: block;}
.navbar-default .navbar-brand {height: auto; padding: 10px 15px;}
.navbar-default .navbar-nav li a {color: #fff; font-size: 16px; font-weight: 700; border-top: 3px solid #3FC5C6;}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li.active a:hover,
.navbar-default .navbar-nav li:hover a,
.navbar-default .navbar-nav li.current-menu-parent a {color: #fff; background: none; border-color: #fff;}
.navbar-default .navbar-nav li .dropdown-menu { min-width: 200px; padding: 0; border: 0; border-radius: 0; background: #3FC5C6;}
.navbar-default .navbar-nav li .dropdown-menu a { padding: 8px 15px; border: 0;}
.navbar-default .navbar-nav li .dropdown-menu li{border-top: 1px solid rgba(255,255,255,0.1);}
.navbar-default .navbar-nav li .dropdown-menu li:first-child {border: 0;}
.navbar-default .navbar-nav li .dropdown-menu a:hover {background: rgba(255,255,255,0.1);}

.navbar-default .navbar-nav li .dropdown-menu ul {margin: 0; position: absolute; left: 100%; top: 0; display: none;}
.navbar-default .navbar-nav li .dropdown-menu li:hover ul {display: block;}

.section .metaslider .flexslider {margin: 0;}
.section .metaslider .caption-wrap {height: 100%; text-align: center; opacity: 1; background: none;}
.section .metaslider .caption-wrap .caption {max-width: 960px; margin: 0 auto; padding: 0; font-size: 20px; line-height: 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%);}
.section .metaslider .caption-wrap h2 {margin: 0 0 30px 0; font-size: 60px; line-height: 70px;}
.section .metaslider .flex-direction-nav a {opacity: 1;}
.section .metaslider .flex-direction-nav .flex-next {right: 15px;}
.section .metaslider .flex-direction-nav .flex-prev {left: 15px;}
.section .metaslider .flex-control-nav {bottom: 15px; z-index: 999;}
.section .metaslider .flex-control-paging li a {background: #fff;}
.section .metaslider .flex-control-paging li a.flex-active {background: #3FC5C6;}

.services {margin-top: 90px;}
.services .wrapper { min-height: 320px; margin-bottom: 60px; padding: 110px 30px 30px 30px; background: #fff;}
.services .wrapper h3 {width: 160px; height: 160px; margin: 0 auto; line-height: 160px; color: #fff; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: #7D0D23;}
@media all and (max-width : 991px) {
	.services .wrapper { padding-left: 15px; padding-right: 15px;}
}
@media all and (max-width : 767px) {
	.services .wrapper { min-height: inherit; margin-bottom: 90px;}
}

.staff {margin-bottom: 60px;}
.staff .staff-avatar {padding-bottom: 100px; background: #fff; overflow: hidden; position: relative;}
.staff .staff-avatar img {width: 100%; max-width: 100%; height: auto; transition: all 0.5s ease 0s;}
.staff .staff-avatar p {margin: 0;}
.staff .staff-info { width: 100%; padding: 0 15px; margin-top: -100px; position: absolute; left: 0; top: 100%; transition: all 0.5s ease 0s; background: #fff;}
.staff .staff-avatar:hover img {transform: translateY(-20%);}
.staff .staff-avatar:hover .staff-info {transform: translateY(-50%);}
.staff .staff-info h4 { padding: 30px 0; margin: 0 0 30px 0; position: relative;}
.staff .staff-info h4:after {content: "..."; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; letter-spacing: 6px; font-size: 20px; line-height: 0; color: #999;}
.staff .staff-info .staff-position {margin-bottom: 30px; font-style: italic; color: #666;}
.staff .staff-info .staff-phone {font-weight: 700;}

/* Content */
.section .subpage {padding: 60px 0;}
.section .subpage:nth-child(even) { background: #F4F4F3;}
.section .subpage .entry-title {margin: 0 0 60px 0;}
.section .subpage .block-image {text-align: center;}
.section .subpage .block-image img {display: inline-block;}
.section .subpage.subpage-52 .entry-title {margin-bottom: 120px;}
#primary {margin-top: 60px; margin-bottom: 60px;}
#primary .entry-title {margin-top: 0; margin-bottom: 30px;}
.entry-content ul {padding-left: 12px;}
.entry-content table th {color: #fff; background: #3FC5C6;}
.entry-content table th p {margin: 0;}
.entry-content table p {margin: 0;}
.entry-content .ngg-imagebrowser h3 {text-align: left; font-size: 20px;}
.archive-title {margin: 0 0 30px 0;}

.contact-map {height: 320px; overflow: hidden; position: relative;}
.contact-map iframe {width: 100%; height: 320px;}
.contact-map .contact-info {width: 100%; position: absolute; left: 0; bottom: 0; font-size: 0; line-height: 0px;}
.contact-map .contact-info .container {position: relative;}
.contact-map .contact-info .contact-address {height: 320px; padding: 60px 15px; font-size: 18px; line-height: 30px; text-align: center; background: #fff; position: absolute; right: 0; top: -320px;}
.contact-map .contact-info h2 {margin: 0 0 30px 0; padding-bottom: 30px; position: relative;}
.contact-map .contact-info h2:before {content: "....."; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; letter-spacing: 6px; font-size: 20px; line-height: 1; color: #999;}
@media all and (max-width : 767px) {
	.contact-map {height: auto;}
	.contact-map .contact-info {position: relative;}
	.contact-map .contact-info .contact-address {position: relative; height: auto; top: auto; padding: 15px 0;}
}

/* Sidebar */
.sidebar {margin-top: 60px;}
.sidebar ul {margin: 0; padding: 0; list-style: none;}
.sidebar ul li {padding: 0 0 15px 0; position: relative;}
.sidebar ul li h4 {margin: 0;}
.sidebar ul li a {padding-left: 20px; color: #75716f; display: block;}
.sidebar li a:before {content: "\f105"; height: 15px; line-height: 15px; position: absolute; left: 0; top: 1px; color: #3FC5C6; font-size: 20px; font-family: 'FontAwesome'; transition: all 0.3s ease;}
.sidebar ul li a:hover {color: #3FC5C6;}
.sidebar ul li a:hover:before {left: 3px;}

.sidebar .widget-title {margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
.sidebar .widget_search { padding: 30px; color: #fff; background: #3FC5C6;}
.sidebar .widget_search .widget-title {margin: 0 0 15px 0; padding: 0; border: 0;}
.sidebar .widget_search form {margin: 0; padding: 0; background: rgba(255,255,255,0.2);}
.sidebar .widget_search .form-control,
.sidebar .widget_search .btn-default {color: #fff; font-weight: 700; border: 0; box-shadow: none; background: 0;}
.sidebar .widget_search .btn-default {padding-right: 15px;}
.sidebar .widget-subpages ul a {font-size: 18px; font-weight: 700;}
.sidebar .widget-subpages ul li.current_page_item a {color: #3FC5C6;}


/* Testimonials */
.section .subpage.subpage-testimonials {color: #fff; text-align: center; font-size: 22px; line-height: 30px; background: #3FC5C6;}
.section .subpage.subpage-testimonials .testimonial-avatar {width: 60px; margin-right: 15px; display: inline-block; vertical-align: middle; border-radius: 50%; overflow: hidden;}
.section .subpage.subpage-testimonials .testimonial-avatar img { width: 100%; height: auto;}
.section .subpage.subpage-testimonials p {padding-bottom: 30px; position: relative;}
.section .subpage.subpage-testimonials p:after { content: "..."; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; line-height: 1; letter-spacing: 6px; color: rgba(255,255,255,0.5);}
.section .subpage.subpage-testimonials p:first-child:before { content:"\f10d"; position: absolute; top: 2px; left: -30px; font-family: 'FontAwesome';}
.section .subpage.subpage-testimonials h5 { display: inline-block; vertical-align: middle; font-style: italic; font-weight: 400;}
.section .subpage.subpage-testimonials .item {padding: 0 30px;}
.section .subpage.subpage-testimonials .slick-arrow {top: 30%; left: -40px; z-index: 999;}
.section .subpage.subpage-testimonials .slick-arrow.slick-next {left: auto; right: -40px;}

.testimonials .post {margin-bottom: 30px;}
.testimonials .testimonial-avatar img {max-width: 100%; height: auto;}
.testimonials .testimonial-title {font-style: italic;}


/* Footer */
.footer-widgets {padding: 60px 0; color: #a6a6a6; background: #3E3E3E;}
.footer-widgets .widget {margin: 0;}
.footer-widgets h4 {color: #fff; margin: 0 0 20px 0;}
.footer-widgets p:last-child {margin: 0;}
.footer-widgets a {color: #a6a6a6; font-weight: 700;}
.footer-widgets a:hover {color: #3FC5C6;}
.footer-widgets ul {margin :0; padding: 0; list-style: none;}
.footer-widgets ul li {padding-left: 15px; margin-bottom: 5px; position: relative;}
.footer-widgets ul li:before {content: "\f105"; position: absolute; left: 0; top: 1px; color: #3FC5C6; font-family: 'FontAwesome';}

.footer { padding: 30px 0; clear: both; color: #999; font-weight: 700; background: #292929;}
.footer p {margin: 0;}
.footer a {color: #fff;}
.footer a:hover {color: #3FC5C6;}
.footer .social-links {padding: 0; margin: 0; text-align: right; font-size: 20px;}

@media all and (max-width : 767px) {
	.footer-widgets .widget {margin-bottom: 30px;}
	.footer-widgets .widget:last-child {margin: 0;}
	.navbar-nav.navbar-links {display: none;}
	.header .navbar-toggle {border: 0; background: #fff;}
	.header .navbar-toggle .icon-bar {background: #3FC5C6;}
	.header .navbar-nav {margin: 0;}
	.navbar-default .navbar-nav li a {border: 0;}
	.navbar-default .navbar-nav li .dropdown-menu {width: 100%; position: relative; left: auto; top: 0;}
	
}

/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.iframe-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.iframe-wrapper iframe  {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style],
.sidebar iframe{ 
    width: 100% !important; 
}

/* Mobile */
/* Media queries for responsive design
--------------------------------------------- */
@media all and (max-width : 767px) {
	.section .subpage {padding: 30px 0;}
	.section .metaslider .caption-wrap h2 {font-size: 20px; line-height: 28px;}
	.section .metaslider .caption-wrap p {display:none;}
	
	.section .subpage.subpage-testimonials h5 {display:block;}
	
	.footer {text-align: center;}
}

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow {width: 40px; height: 40px; padding:0; line-height: 40px; text-align: center; border: 1px solid #fff; border-radius: 50%; background: none; position: absolute; left: 0; top: 50%;}
.slick-arrow.slick-next {left: auto; right: 0;}
.slick-arrow.slick-hidden { display: none;}

@media all and (max-width : 767px) {
	.section .subpage.subpage-testimonials .slick-arrow {display:none !important;}
}