/*
Theme Name: bccc
Author: support@goodwebstudio.com
Author URI: http://goodwebstudio.com/
Description: Wordpress Theme for bccc company
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bccc
*/

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff'),
        url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBold.woff') format('woff'),
        url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Light.woff2') format('woff2'),
        url('fonts/Montserrat-Light.woff') format('woff'),
        url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html, body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}

body{
	color: #222;
	background-color: #fff;
	line-height: 1.5em;
	font-family: 'Montserrat-Medium', Arial, sans-serif;
	font-size: 14px;
}

.container-wide{
	position: relative;
	margin: 0 auto;
	border-radius: 40px;
	padding: 3.5em 1em;
	max-width: 94%;
}

@media screen and (min-width: 576px) and (max-width: 1599px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		max-width: 88%;
	}
	
	.container-wide{
		max-width: 92%;
		padding: 3.5em 0;
	}
	
	body{
		font-size: 16px;
	}
}

@media screen and (min-width: 1600px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		max-width: 1400px;
	}
	
	.container-wide{
		max-width: 1500px;
		padding: 3.5em 0;
	}
	
	body{
		font-size: 16px;
	}
}

object{
	pointer-events: none;
}

h1, .h1{
	font-size: 2rem;
	font-family: 'Montserrat-Bold';
	color: #000;
}

h2, .h2{
	font-size: 2rem;
	font-family: 'Montserrat-Bold';
	color: #000;
	margin: .6em 0 .7em;
}

h3, .h3{
	font-size: 1.375rem;
	margin-top: 10px;
}

h4, .h4{
	font-size: 1.375rem;
}

h5, .h5{
	font-size: 18px;
}

h6, .h6{
	font-size: 17px;
}

a, a:link, a:visited, a:active{
	color: #000;
	text-decoration: underline;
}

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

strong{
	font-family: 'Montserrat-Bold';
}

p{
	margin-bottom: 1.5rem!important;
}
	
@media screen and (min-width: 1200px){
	h1, .h1{
		font-size: 48px;
	}
	
	h2, .h2{
		font-size: 38px;
	}
}

/* ~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~ */

header{
	position: static;
	background-color: #fff;
	padding: 1em 0 0;
	transition: all ease .3s;
}

header.sticky{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 3;
	padding: .4rem 0;
	box-shadow: 0 2px 7px #bfbfbf;
}

header .logo{
	margin-top: 3px;
	margin-bottom: 1.5rem;
}

header.sticky .logo{
	margin-bottom: 0;
}

header .logo a{
	display: block;
}

header .logo object,
header .logo img{
	height: 60px;
}

header.sticky .logo object,
header.sticky .logo img{
	height: 44px;
}


.header-left{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

header.sticky .social{
	margin-top: 4px;
}

header .social{
	position: absolute;
    top: 45px;
    right: 75px;
}

.social a{
	display: inline-block;
	position: relative;
	width: 35px;
	height: 35px;
	margin: 0 2px;
}

footer .social a{
	margin: 0 12px;
}

.social a:first-child{
	margin-left: 0;
}

.social a::before{
	content: '';
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	border: 1px solid #999;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.social a.facebook::before{
	background-image: url(imgs/icon-facebook-f.svg);
	background-size: 35%;
}

.social a.instagram::before{
	background-image: url(imgs/icon-instagram-lined.svg);
	background-size: 47%;
}

.social a.youtube::before{
	background-image: url(imgs/icon-youtube-sign.svg);
	background-size: 47%;
}

.social a.telegram::before{
	background-image: url(imgs/icon-telegram-plane.svg);
	background-size: 47%;
}

.social a.facebook:hover::before,
.social a.facebook:active::before,
.social a.facebook:focus::before{
	background-image: url(imgs/icon-facebook-f_color.svg);
}

.social a.instagram:hover::before,
.social a.instagram:active::before,
.social a.instagram:focus::before{
	background-image: url(imgs/icon-instagram-lined_color.svg);
}

.social a.youtube:hover::before,
.social a.youtube:active::before,
.social a.youtube:focus::before{
	background-image: url(imgs/icon-youtube-sign_color.svg);
}

.social a.telegram:hover::before,
.social a.telegram:active::before,
.social a.telegram:focus::before{
	background-image: url(imgs/icon-telegram-plane_color.svg);
}

#qtranxs_select_qtranslate-2-chooser{
    background: transparent;
    color: #ff6633;
	text-decoration: none;
    display: inline-block;
    padding: .2rem .5rem .4rem;
	text-transform: uppercase;
	font-family: 'Montserrat-Bold';
	border: 0;
	outline: none;
	font-size: 15px;
}

#qtranxs_select_qtranslate-2-chooser option{
	color: #222;
}

.header-right{
	display: flex;
    flex-direction: column;
    align-items: end;
}

.phone a{
	color: #222;
	text-decoration: none;
	font-size: 15px;
}

@media screen and (min-width: 992px){
	header{
		padding: 1.4em 0 0;
	}

	header .logo{
		margin-top: 0;
	}
	
	header .logo object,
	header .logo img{
		height: 77px;
	}

	header .social{
		position: static;
	}
	
	.social a{
		margin: 0 6px;
	}
	
	.header-right{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	
	.header .lang-widget a{
		padding: .5rem .5rem .4rem;
	}
}

/* ~~~ NAV ~~~ */

.navbar{
	padding: 0;
}

.navbar-nav .menu-item{
	padding: 1.2rem 1rem;
}

header.sticky .navbar-nav .menu-item{
	padding: .4rem 1rem;
}

.navbar-nav .menu-item a{
	color: #000;
	text-decoration: none;
	font-size: 18px;
}

.navbar-nav .menu-item a:hover,
.navbar-nav .menu-item a:focus,
.navbar-nav .menu-item a:active,
.navbar-nav .menu-item a.active,
.navbar-nav .current-menu-item a,
.navbar-nav .current-menu-parent a{
	color: #231f59;
	text-decoration: underline;
}

.navbar-subtitle{
	display: block;
    font-size: 12px;
    color: #231f59;
	margin-bottom: 2px;
}

.navbar-toggler{
	border: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 38px;
    right: 15px;
}

.navbar-toggler:focus{
	box-shadow: none;
}

.navbar-toggler-icon{
	background: none!important;
}

.navbar-toggler-icon .icon-bar{
	display: block;
	width: 36px;
	height: 4px;
	background-color: #ff6633;
	margin: 0 auto 5px;
}

.navbar-default .navbar-nav > li > a{
	display: block;
	padding: 12px 5px 10px 55px;
    margin-bottom: 13px;
    margin-left: 15px;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
}

.navbar-default .navbar-nav > li > a:before{
	content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #d1fc25;
}

.navbar-nav > li:hover > ul.sub-menu{
	display: block;
}

.collapsing {
  transition: none !important;
}

ul.sub-menu{
	display: none;   
	position: absolute;
    top: 65px;
	left: 15px;
    background-color: #fff;
    width: 280px;
    padding: 10px 0;
    white-space: nowrap;
    z-index: 9999;
    box-shadow: 0 2px 9px #adadad;
    border-radius: 25px;
    list-style-type: none;
}

header.sticky ul.sub-menu{
	top: 35px;
}

ul.sub-menu .menu-item{
	margin-bottom: 7px;
    padding: 1rem 1.5rem 1.2rem;
    border-bottom: 1px solid #febb3a;
}

ul.sub-menu .menu-item a{
	text-decoration: underline;
	color: #222;
}

ul.sub-menu .menu-item a:hover{
	text-decoration: none;
}

li.menu-item:hover ul.sub-menu{
	display: block;
}

.modal-header .btn-close,
.close{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 20px;
	right: 24px;
	background: url(imgs/close.png) 50% 50% no-repeat;
	border: 0;
	outline: none;
	box-shadow: none;
	z-index: 9;
}

@media screen and (max-width: 768px){
	ul.sub-menu{
		position: static;
		display: block!important;
		width: 100%;
		box-shadow: none;
		border-radius: 0;
		margin-top: 20px;	
	}
	
	#navbarSupportedContent{
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 9998;
		text-align: center;
		background: rgba(255,255,255,.95);
		background-size: cover;
		padding-top: 3rem;
	}

	#navbarSupportedContent .close,
	.modal-header .btn-close{
		width: 25px;
		height: 25px;
		top: 25px;
		right: 25px;
	}
}

@media screen and (min-width: 769px){
	.navbar-expand-lg,
	.navbar-expand-lg .navbar-nav,
	.navbar-expand-lg .navbar-collapse{
		justify-content: center;
	}
	
	#navbarSupportedContent .close{
		display: none;
	}
	
	.navbar-nav .menu-item{
		padding: 2rem 1rem;
	}
	
	.navbar-nav .menu-item a{
		font-size: 14px;
	}

}

@media screen and (min-width: 992px){
	.menu-item-has-children{
		position: relative;
		padding-right: 2em!important;
	}

	.menu-item-has-children::before{
		content: '';
		display: block;
		position: absolute;
		width: 8px;
		height: 5px;
		top: 47%;
		right: .8em;
		background-image: url(imgs/caret.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	ul.sub-menu .menu-item{
		padding: 0.6rem 1.5rem 1rem;
	}
}

@media screen and (min-width: 1366px){
	.navbar-nav .menu-item a{
		font-size: 16px;
	}
}	

/* ~~~~~~~~~~~~~~~~ END OF HEADER ~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~ */

.breadcrumbs,
.breadcrumbs a{
	color: #222;
	font-size: 13px;
}

.entry ul{
	margin: 0;
	padding: 0;
}

.entry ul li{
	position: relative;
    padding-left: 32px;
    list-style: none;
	margin-bottom: 1.1em
}

.entry ul li::before{
	content: '';
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 6px;
	left: 0;
	background-color: #febb3a;
	border-radius: 3px;
}

.bg-orange{
	background-color: #ffcc33;
}

.bg-grey{
	background-color: #e7e7e7;
}

.subtitle{
	font-size: 22px;
	font-family: 'Montserrat-Medium';
	margin-bottom: 1em;
	line-height: 1.3em;
}

.subtitle-strong{
	font-size: 22px;
	display: block;
	margin-bottom: 1em;
	line-height: 1.3em;
}

.subtitle-uppercase{
	text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    margin: 1.5em 0 0.8em;
}

.marked{
	display: inline-block;
    background: rgba(254,187, 58,.6);
    border-radius: 5px;
    padding: 1px 5px;
	font-family: 'Montserrat-Bold';
}

.readmore{
	color: #f26524;
	font-family: 'Montserrat-Bold';
}

.section{
	position: relative;
}

.section h2,
.section .h2{
	margin-bottom: 2rem;
}

@media screen and (max-width: 1200px){
	.subtitle{
		font-size: 20px;
	}
}

/* ~~~ NAV TABS ~~~ */

.nav-tabs{
	border: none;
	margin: 0 0.5rem 1rem;
}

.nav-tabs.nav{
	justify-content: space-between;
	position: relative;
}

.nav-tabs .nav-item .nav-link{
	color: #666;
	text-align: left;
	border: none;
	padding: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	display: inline-block;
	color: #00b7ca;
	border-radius: 0;
}

/* ~~~~~~~ */

.btn, a.btn,
.btn:visited, a.btn:visited{
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0.5px;
	font-size: 15px;
	outline: none;
	border: none;
	box-shadow: none!important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled{
	position: relative;
	padding: 17px 35px 15px;
	border-radius: 40px;
	background-color: #444;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat-Bold';
}

.btn-primary.disabled,
.btn-primary:disabled{
	opacity: .7;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
	background: #f26524;
	color: #fff;
}

.btn-inverted{
	position: relative;
	padding: 17px 35px 15px;
	border-radius: 40px;
	background-color: #fff;
	color: #f26524;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-family: 'Montserrat-Bold';
}

.btn-inverted:hover,
.btn-inverted:active,
.btn-inverted:focus{
	background: #f26524;
	color: #fff;
}

@media screen and (min-width: 992px){
	.nav-tabs{
		margin: 1rem 0;
	}
}

/* ~~~ Page Header ~~~ */

.page-header{
	margin-bottom: 3em;
}

.page-header .container-wide{
	background: url(imgs/c-decor.png) -65px -70px no-repeat #ffcc33;
	padding: 2em 0 0;
}

.page-header .container-wide::after{
	content: '';
	display: block;
	width: 100%;
	height: 220px;
	margin-top: 25px;
	border-radius: 0 0 40px 40px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}

body.home .page-header .container-wide::after{
	background-image: url(imgs/utp-bg.jpg);
}

.page-header h1,
.page-header .caption,
.page-header button,
.breadcrumbs{
	margin-left: 1rem;
	margin-right: 1rem;
}

.page-header button{
	margin-top: 1.5em;
}

.cta{
	padding: 3.5em 2.5em;
	background-image: url(imgs/cta-bg.png);
	background-repeat: no-repeat; 
	background-position: 0 0;
	background-size: cover;
	border-radius: 40px;
}

h1.entry-title{
	margin-top: 1em;
	margin-bottom: .5em;
}

@media screen and (min-width: 992px){
	.breadcrumbs{
		margin-left: 0;
		margin-right: 0;
	}
	
	.page-header h1 {
		font-size: 150%;
		max-width: 93%;
		margin: 1.2em 0 1em;
	}
	
	h1.entry-title{
		margin: .9em 0 1.1em;
	}
	
	.page-header h1,
	.page-header .caption,
	.page-header button{
		margin-left: 0;
		margin-right: 0;
	}
	
	.page-header .caption{
		max-width: 80%;
	}
	
	.page-header button{
		margin-top: 3em;
	}
	
	.page-header .container-wide{
		padding: 2em 0 3em;
	}
	
	.page-header .container-wide::after{
		content: '';
		display: block;
		position: absolute;
		margin-top: 0;
		width: 60%;
		height: 100%;
		top: 0;
		right: 0;
		border-radius: 0 40px 40px 0;
		background-position: 100% 0;
	}
	
	.page-header .container-wide::before{
		content: '';
		display: block;
		position: absolute;
		width: 83px;
		height: 81px;
		top: 50%;
		left: 35%;
		background-image: url(imgs/c-decor.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		transform: rotate(-15deg);
	}
	
	.page-header .btn-inverted::before{
		content: '';
		display: block;
		position: absolute;
		width: 75px;
		height: 81px;
		top: -11px;
		left: -52px;
		background-image: url(imgs/c-yellow.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 0;
	}
	
	.cta{
		padding: 3.5em 0;
	}
}

@media screen and (min-width: 1400px){
	.page-header .page-header-content{
		padding-left: 2.5em;
	}
	
	.page-header .caption{
		max-width: 72%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1599px){
	.page-header h1 {
		font-size: 200%;
	}
}

@media screen and (min-width: 1600px){
	.page-header h1 {
		font-size: 300%;
	}
}

#for-whom{
	margin-bottom: 2.5em;
}

#for-whom .items{
	margin: 2em 0 0;
}

#for-whom .item{
	margin-bottom: 3em;
	padding: 0 1.5em;
}

#for-whom .item .title{
	width: 280px;
	position: relative;
	display: inline-block;
	padding: 10px 20px 10px 20px;
	background: #fcb329;
	border-radius: 15px;
	color: #fff;
	font-size: 18px;
	font-family: 'Montserrat-Bold';
	margin-left: 25px;
	margin-bottom: 35px;
	animation-fill-mode: none;
}

#for-whom .item .title::before{
	content: '';
	display: block;
	position: absolute;
	width: 75px;
	height: 78px;
	top: -18px;
	left: -25px;
	background-image: url(imgs/c-grey.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: -1;
}

#for-whom .item .text{
	max-width: 325px;
}

@media screen and (min-width: 992px){
	#for-whom h2{
		max-width: 550px;
	}
	
	#for-whom .items{
		margin: 4em 0 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}

#experience{
	margin-bottom: 4em;
}

#experience .img-wrap{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#experience .img-wrap img{
	max-height: 450px;
}

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

#pack-offers{
	margin-bottom: 1em;
}

#pack-offers .items{
	margin: 4em 0 0;
	position: relative;
}

#pack-offers .items .item{
	margin-bottom: 4em;
}

#pack-offers .items .item .title a{
	text-decoration: none;
}

#pack-offers .items .item > .title{
	text-transform: uppercase;
	font-family: 'Montserrat-Bold';
	margin: 1.5em 0 .8em;
}

#pack-offers .items .item > .text{
	font-size: 14px;
	max-width: 325px;
	margin-bottom: 2em;
}

#pack-offers .items .item .pack-info{
	float: right;
    margin-right: 25px;
	width: 29px;
	height: 29px;
	background: url(imgs/info-icon.png) no-repeat 0 0;
	cursor: pointer;
	border: none!important;
}

.pack-info-modal,
.member-modal{
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: rgba(255,255,255,.95);
	padding: 2em;
}

.pack-info-modal .icon{
	margin-bottom: 2em;
}

.pack-info-modal .entry .title{
	text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    margin: 1.5em 0 0.8em;
}

/* TEMP */

	.page-id-82 #pack-offers .items  .item:first-child{
		display: none;
	}

	.page-id-84 #pack-offers .items .item:nth-child(2){
		display: none;
	}

	.page-id-86 #pack-offers .items .item:last-child{
		display: none;
	}

/* TEMP END */

@media screen and (min-width: 992px){
	#pack-offers .items{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.page-template-page-service-single #pack-offers .items{
		justify-content: space-evenly;
	}
	
	#pack-offers .items .item{
		width: 31%;
	}
	
	.pack-info-modal{
		padding: 2em 5em 2em 2em;
	}
	
	.pack-info-modal .icon{
		float: left;
		margin-bottom: 0;
	}

	.pack-info-modal .entry{
		margin-left: 17em;
	}
	
	.pack-info-modal,
	.member-modal{
		height: 100%;
	}
}

.cta.consult .row{
	margin: 0;
}

.cta.consult .text{
	margin-bottom: 1.5em;
}

.cta.consult .subtitle{
	margin-bottom: 0;
}

.cta.consult .btn-wrapper{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.5em;
}

@media screen and (min-width: 992px){
	.cta.consult .btn-wrapper{
		margin-top: 0;
	}
}

#team{
	margin-top: 3.5em;
}

#team .text{
	max-width: 430px;
}

#team .digits{
	margin-top: 2em;
}

#team .digits .item{
	display: flex;
	align-items: center;
	margin-bottom: 4em;
	margin-left: 2em;
}

#team .digits .item .digit{
	font-size: 50px;
	color: #fbad18;
	font-family: 'Montserrat-Bold';
	position: relative;
	min-width: 100px;
}

#team .digits .item .digit::before{
	content: '';
	display: block;
	position: absolute;
	width: 55px;
	height: 58px;
	top: -19px;
	left: -30px;
	background-image: url(imgs/c-grey.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	z-index: -1;
}

#team .digits .item .text{
	font-family: 'Montserrat-Bold';
	font-size: 13px;
}

.team-wrapper{
	margin: 3em 0 2em;
	position: relative;
}

.team-wrapper .item{
	margin: 0 auto 3em;
    width: 80%;
}

.team-wrapper .item .img,
.member-modal .img{
	position: relative;
}

.member-modal .img{
	position: sticky;
	top: 0;
}

.team-wrapper .item img{
	width: 240px;
	height: 240px;
	border-radius: 50%;
}

.team-wrapper .item .img::before,
.member-modal .img::before{
	content: '';
	display: block;
	position: absolute;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	top: -6px;
	left: -6px;
	background-color: #fbad18;
	z-index: -1;
}

.team-wrapper .item .name{
	text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    margin: 1.5em 0 0.8em;
}

.team-wrapper .item .text{
	max-width: 300px;
	font-size: 14px;
}

.member-modal{
	overflow-y: auto;
	padding: 2em;
}

.show-member-info{
	border: 0;
	background: none;
	color: #f26524;
	font-family: 'Montserrat-Bold';
	text-decoration: underline;
}

.show-member-info:hover{
	text-decoration: none;
}

@media screen and (min-width: 992px){
	.team-wrapper{
		display: flex;
		justify-content: space-between;
	}
	
	.team-wrapper .item{
		width: 30%;
	}
	
	#team .digits .item .digit{
		font-size: 64px;
		min-width: 130px;
	}
	
	#team .digits .item .text{
		font-size: 14px;
	}
	
	#team .digits .item .digit::before{
		width: 75px;
		height: 78px;
		top: -26px;
		left: -30px;
	}
	
	.member-modal{
		padding: 2em 5em 2em 2em;
	}
	
	.member-modal .img{
		float: left;
		margin-bottom: 0;
	}
	
	.member-modal .entry{
		margin-left: 240px;
		font-size: 15px;
		padding-top: 2em;
	}
}

@media screen and (min-width: 992px) and (max-width: 1280px){
	#team .team-wrapper .item img,
	#team .team-wrapper .img::before{
		width: 200px;
		height: 200px;
	}
	
	#team .text{
		max-width: 430px;
	}
}

@media screen and (min-width: 1281px){
	#team .text{
		max-width: 500px;
	}
	
	#team .digits .item{
		margin-left: 0;
	}
	
	#team .digits .item .text{
		font-size: 16px;
	}
}

.member-modal img,
.member-modal .img::before{
	width: 200px;
	height: 200px;
	border-radius: 50%;
}

.cta.social-widgets{
	padding: 3.5em 2.5em 3.5em;
}

.cta.social-widgets .subtitle{
	margin-bottom: 2em;
	max-width: 600px;
}

.social-items .social-widget{
	min-width: 320px;
	max-height: 187px;
	margin-bottom: 2em;
}

@media screen and (min-width: 992px){
	.social-items{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.social-items .social-widget{
		margin-bottom: 0;
	}

	.cta.social-widgets{
		padding: 3.5em 2.5em 3.5em 3em;
	}
	
	.cta.social-widgets .subtitle{
		margin-bottom: 0;
		padding-right: 10px;
	}

}

@media screen and (max-width: 576px){
	.social-widget.fb-widget .fb-page iframe{
		width: auto!important;
	}
}

#testimonials h2,
#recommendations h2,
#another-testimonials h2{
	text-align: center;
}

#testimonials{
	margin: 5em 0 2em;
}

#testimonials h2{
	font-size: 22px;
}

#testimonials .testi-video-carousel{
	margin: 4em 0 2em;
}

.testi-video-carousel .item{
	padding: 0 1rem;
}

.testi-video-carousel .item iframe{
	width: 80%;
	height: 250px;
}

#recommendations,
#another-testimonials{
	margin-bottom: 4em;
}

#recommendations h2,
#another-testimonials h2{
	margin-bottom: 1.5em;
}

.recommendations-carousel .item{
	padding: 0 1em;
}

.another-testimonials-carousel .item{
	padding: 0 2em;
}

.another-testimonials-carousel .item img{
	width: 135px;
	height: 135px;
	border-radius: 50%;
	border: 2px solid #f79a2a;
	margin-bottom: 1rem;
}

.another-testimonials-carousel .item .name{
	font-family: 'Montserrat-Bold';
	margin-bottom: 1.2rem;
}

.another-testimonials-carousel .item .text{
	font-size: 14px;
	text-align: left;
	
}
	
@media screen and (min-width: 992px){
	#testimonials h2,
	#recommendations h2,
	#another-testimonials h2{
		text-align: center;
	}

	
	.testi-video-carousel .item video{
		max-width: 380px;
	}
	
	.testi-video-carousel .item iframe{
		width: 100%;
		height: 300px;
	}
}

@media screen and (min-width: 1280px){
	.testi-video-carousel .item video{
		max-width: 415px;
	}
}

#partners .title{
	font-size: 22px;
	font-family: 'Montserrat-Bold';
	text-align: center;
	margin-bottom: 2em;
}

#partners{
	margin-bottom: 2em;
}

#partners .partners-wrapper{
	margin: 3em 0 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#partners .partners-wrapper .item{
	max-width: 33.33333%;
	padding: 25px 5px;
}

@media screen and (min-width: 992px){
	#partners .partners-wrapper .item{
		max-width: 20%;
		width: 20%;
	}
}

#clients{
	margin-top: 5em;
}

#clients .title{
	font-size: 2rem;
	font-family: 'Montserrat-Bold';
	text-align: left;
	margin-bottom: 2em;
}

.clients-carousel .item{
	margin: 0 10px;
}

#other-services{
	margin-top: 1em;
}

#other-services .container .col-lg-10{
	border-top: 1px solid #c5c5c5;
	padding-top: 2em;
}

.page-template-page-service-single .entry ul{
	position: relative;
	padding-top: 270px;
}

.page-template-page-service-single .entry ul::before{
	content: '';
	display: block;
	position: absolute;
	width: 190px;
	height: 234px;
	top: 0;
	left: 50%;
	margin-left: -95px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.page-template-page-contacts .page-header .container-wide::after{
	height: 35px;
}

.pack-result{
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 2em 1.5em 3em;
}

.pack-result ol{
	counter-reset: li;
	list-style: none;
	margin-top: 2em;
}

.pack-result ol li{
	position: relative;
	margin: 0 0 .8em;
	padding-left: 50px;
}

.pack-result ol li::before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 38px;
	font-family: 'Montserrat-Bold';
}

.contacts-form{
	position: relative;
	z-index: 2;
	padding: 3.7em 1em 0;
}

@media screen and (min-width: 992px){
	.page-template-page-service-single .entry{
		margin-top: 1.5em;
	}
	
	.page-template-page-service-single .entry ul{
		padding-top: 0;
		padding-left: 260px;
		margin-bottom: 35px;
	}	
	
	.page-template-page-service-single .entry ul::before{
		left: 0;
		margin-left: 0;
	}

	
	.page-template-page-contacts .page-header .container-wide::after{
		height: 100%;
	}
	
	.pack-result{
		padding: 2em 0 3em;
	}
}

/* ~~~ ABOUT PAGE ~~~ */

.cta.about-mission{
	padding: 3.5em 2.5em;
}

.cta.about-for-whom{
	background-image: none;
	margin: 2em auto;
}

.cta.about-for-whom .entry > p:first-child{
	margin-bottom: 2em;
}

.cta.about-for-whom .entry ul li > p:last-child{
	margin-bottom: 2em;
}

.about-opportunities{
	margin-top: 1.5em;
	margin-bottom: 4em;
}

.about-opportunities .col-lg-4{
	text-align: center;
}

.about_interaction{
	margin-bottom: 4em;
}

.about_interaction ol{
	counter-reset: li;
	list-style: none;
	margin-top: 2em;
}

.about_interaction ol li{
	position: relative;
	margin: 0 0 .8em;
	padding-left: 50px;
}

.about_interaction ol li::before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 38px;
	font-family: 'Montserrat-Bold';
}

@media screen and (min-width: 992px){
	.cta.about-for-whom{
		background-image: none;
		margin: 3.5em auto;
	}
	
	.cta.about-mission{
		padding: 3.5em 0 2.5em;
	}
	
	.about-opportunities .col-lg-4{
		text-align: left;
	}
}
	
/* ~~~ FOOTER
~~~ */

footer{
	background: #f2f2f2;
	font-size: 14px;
	position: relative;
	margin-top: 4em;
	font-family: 'Montserrat-Regular';
}

footer a{
	color: #222!important;
}

.footer-logo{
	font-size: 13px;
}

.footer-widget{
	padding: 35px 0 20px;
}

.footer-info{
	display: flex;
	justify-content: space-around;
}

.footer-info .footer-widget{
	padding: 0 5px 20px;
}

.footer-widget h3{
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Montserrat-Bold';
	margin-bottom: 1.5em;
}

#menu-footer_menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-footer_menu li{
	margin-bottom: .4rem;
}

footer .contacts .name{
	text-transform: uppercase;
	margin-bottom: 1.4rem;
}

footer p{
	margin-bottom: .3rem;
}

footer .logo img{
	margin-bottom: 1em;
	height: 77px;
}

.subfooter{
	background: #444;
	color: #e7e7e7;
	padding: 1em 0 .6em;
	margin-top: 1em;
}

.subfooter .copyright{
	margin-top: .5em;
	margin-bottom: 1em;
    text-align: center;
}

.subfooter .social{
	text-align: center;
}

.subfooter .gws{
	position: absolute;
    bottom: 0;
	color: #666;
	font-size: 14px;
}

.subfooter .gws a{
	color: #666!important;
}

@media screen and (min-width: 992px){
	.footer-info .footer-widget{
		padding: 45px 5px 20px;
	}
	
	.subfooter .copyright{
		margin-top: .5em;
		margin-bottom: 0;
		text-align: left;
	}
}

@media screen and (max-width: 1200px){
	footer{
		font-size: 13px;
	}
}

@media screen and (max-width: 360px){
	header .social{
		display: none;
	}

	#for-whom .item{
		padding: 0;
	}

	#for-whom .item .title{
		width: 260px;
		font-size: 16px;
	}

	.cta.social-widgets{
		padding: 3.5em 0.7em 3.5em;
	}
}

/* ~~~ FORM STYLES
~~~ */

.form-title{
	font-size: 22px;
	margin-bottom: 1.5rem;
	font-family: 'Montserrat-Bold';
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), textarea{
	font-size: 15px;
	padding: 10px 15px;
	box-shadow: none;
	display: inline-block;
	margin-bottom: 1.5rem;
	width: 100%;
	background: transparent;
	border: 1px solid #222;
	border-radius: 2px;
	font-family: 'Montserrat-Regular';
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus{
	background: #fff;
	border: 1px solid #272154;
}

textarea{
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	min-height: 100px;
	height: 100px;
	max-height: 100px;
}

::-webkit-input-placeholder{color:#666; font-family: 'Montserrat-Regular';}
::-moz-placeholder{color:#666; font-family: 'Montserrat-Regular';}
:-moz-placeholder{color:#666; font-family: 'Montserrat-Regular';}
:-ms-input-placeholder{color:#666; font-family: 'Montserrat-Regular';}

:focus::-webkit-input-placeholder{color: transparent}
:focus::-moz-placeholder {color: transparent}
:focus:-moz-placeholder{color: transparent}
:focus:-ms-input-placeholder{color: transparent}

/* ~~~ SLICK THEME.CSS HERE ~~~ */

/* Slider */
.slick-loading .slick-list{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-slider .slick-list{
	max-width: 940px;
	margin: 0 auto;
}

/* Arrows */
.slick-prev,
.slick-next{
	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 140%;
    width: 33px;
	height: 16px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before{
    opacity: 1;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before{
    opacity: .6;
	filter: grayscale(1);
}

.slick-prev::before,
.slick-next::before{
    content: '';
	display: block;
	position: absolute;
	width: 33px;
	height: 16px;
	top: 0;
	left: 0;
	background-image: url(imgs/slick-arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev::before{
	transform: scale(-1,1);
}

.slick-prev{
	left: 10px;
}

.slick-next{
    right: 10px;
}

.slick-slide{
	text-align: center;
}

.slick-slide img{
	margin: 0 auto;
}

@media screen and (min-width: 992px){	
	.slick-prev,
	.slick-next{
		top: 50%;
	}
	
	.slick-prev{
		left: -15px;
	}

	.slick-next{
		right: -15px;
	}
}

/* ~~~ CUSTOM ACCEPTANCE ~~~ */

.acceptance{
	display: inline-block;
	font-size: 15px;
	margin-bottom: 5px;
}

.acceptance span.wpcf7-list-item{
	margin: 0;
}

.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.acceptance label {
	font-size: 14px;
	display: inline-flex;
	align-items: flex-start;
	user-select: none;
	text-align: left;
}

.acceptance label a{
	color: #222;
}

.acceptance label::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #222;
	margin-top: 3px;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 70% 60%;
}

label.has-cheked-input::before{
	background-color: transparent;
    background-image: url(imgs/check-icon.png);
}

/* ~~~ SOME CF7 STYLES HERE ~~~ */

div.wpcf7-response-output {
	margin: 0 0.5em 1em!important;
	padding: 0.2em 1em;
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 11px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: -13px;
	right: 4px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

.wpcf7-spinner{
	position: absolute!important;
}

.wpcf7 input[name="order-item"] {
	display: none !important;
}

.grecaptcha-badge{
	opacity: 0;
}


/* ~~~ MODAL STYLES ~~~ */

body.modal-open{
	overflow: visible!important;
	padding-right: 0!important;
}

.modal .wpcf7-form p{
	margin-bottom: 0;
}

.modal-body form{
	text-align: center;
}

.modal-dialog{
	width: 90%;
	max-width: 400px;
	top: 4%;
	left: 50%;
	margin-left: -200px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	border-radius: 40px;
}

@media screen and (max-width: 576px){
	.modal-dialog{
		width: 100%;
	}
}

@media screen and (max-width: 390px){
	.modal-dialog{
		max-width: 360px;
		margin-left: -180px;
	}
}

@media screen and (max-width: 320px){
	.modal-dialog{
		max-width: 300px;
		margin-left: -150px;
	}
}

.modal-content{
	border: none;
	box-shadow: none;
	background: transparent;
}

.modal-content .btn{
	margin-top: 10px;
}

.modal-header{
	border: none;
}

.modal-body{
	margin: 1rem 1rem 1rem;
}

.modal-content .form-title{
	font-size: 21px;
}

.modal input, .modal textarea{
	margin-bottom: 15px!important;
}

.modal-full{
	width: 100%!important;
	max-width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	top: 0;
	left: 0;
}

/* ~~~ WP DEFAULT STYLES ~~~ */

img.size-full, img{
	width: auto;
	height: auto;
	max-width: 100%;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    margin: auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pagination h2.screen-reader-text{
	display: none;
}

.nav-links .page-numbers{
	font-size: 17px;
	display: inline-block;
	background: #0099cc;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}

.nav-links .page-numbers:hover{
	background: #f7941c;
}

.nav-links .current,
.nav-links .current:hover{
	background: none;
	color: #323232;
}

/* ~~~ WP DEFAULT GALLERY ~~~ */

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}