/*----------------------------CSS RESET----------------------------*/
*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

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

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

html,body {
    height: 100%;
}

:focus,:active {
    outline: 0;
}

/*----------------------------GENERAL----------------------------*/

.hidden {display: none;}
::selection {
    background: #1a1a38;
    color: #fff;
    /* WebKit/Blink Browsers */}

::-moz-selection {
    background: #1a1a38;
    color: #fff;
    /* Gecko Browsers */}

.clearfix:after {
    content: "";
    display: table;
    clear: both;}

.screen-reader-text {
    position: absolute !important;
    height: 1px; width: 1px; 
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);}

body {
    font-family: 'Muli',sans-serif;
    background: #2e7c71;
    color: #fff;
    line-height: 1.45;
    font-weight: 400;
    font-size: 18px;-webkit-text-size-adjust: 100%;}

strong, b{font-weight: 700;}

i, em {font-style: italic;}

p {margin-bottom: 1.2em;}

a {color: inherit;text-decoration: underline;}

.center{text-align: center;}

h1, h2, h3, h4 {text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-weight: 400;
    margin-bottom: 1em;
    color: #000;}

.panel h2, h1{font-size:24px;
    color:#39bdac;
    margin-bottom: 15px;}

.panel h2 {font-size:24px;}

.panel h3{margin-bottom: 0;margin-top: 10px;}
.panel.faqs h3{margin-bottom: 1em;}

.green h1, .green h2{color: #fff;}



.black{ background: #000;}
.highlight{color:#39bdac;}
.green .highlight {color: #000}
.white-text{color:#fff;}

.black a:hover {color: #39bdac;}
.green a:hover {color: #000;}
.green{background: #39bdac;}

.footer, .header{color: #000;}


.spacecaps{text-transform:uppercase; letter-spacing:1px;}

a.button, a.button:hover{
    display: inline-block;
    text-transform:uppercase;
    letter-spacing: 0.1rem;
    font-size: 12px;
    text-decoration: none;
    background: url('../images/general/arrow-right.png') right 12px center no-repeat;
    background-size:7px 12px;
    background-color: #39bdac;
    padding: 8px 30px 8px 15px;
    border-radius: 4px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    }


a.button:hover{background-color: #888;}
/*---------------------------general layout----------------------------*/

.page-wrapper {position: relative;
    background: #fff;
    max-width: 1600px; 
    margin: auto;
    background:url('../images/general/bg-pattern.png')  repeat-y #fff;
    background-size:33% auto;}



.single{float:left;width:27%;padding:30px 3%;}

.middle{float:left;width:28%;padding:30px 3%;}

.double{float:left;width:67%;}

.panel{padding:30px 5%;width: 90%;background:#39bdac;}

.panel-green{background: #31AF9C;}

.panel ul  {list-style: disc outside none; 
    margin-bottom: 20px;
    padding-left: 1em;
    margin-left: 0; }
.panel ul li{
    padding-left: 0.1em;}

.panel ul.space li{margin-bottom: 20px;}

.portfolio h2{width: 48%;float: left;color: #000;}
.portfolio div {width:48%;float: right;}
.portfolio img{width: 100%;display: block;margin-bottom: 30px;}

p.line{width:50px; border-bottom:1px solid #fff;margin-top:20px; margin-bottom:20px;}

.comma{display: none;}

/*---------------------------header----------------------------*/

img.logo{width:290px; height:auto;float:left;}

.header {padding: 30px 3%; background: #fff;}


/*---------------------------home----------------------------*/


.home-wrapper{
    width: 100%;
    clear:both;
    display:flex;}

.home-wrapper img{
    width:112%;
    display: block;}

h1.home-heading{text-transform: none;letter-spacing: 0px;font-size:24px;padding-top:10px;}
h1.home-heading span{display: block;margin-bottom:10px;color:#fff;font-size:20px;}

.services{margin-top: 20px;}

.services li{
    border-top: 1px solid rgba(255,255,255,0.5);
    padding-top: 14px;
    margin-bottom: 14px;}

.services li span{
    font-size: 16px;
    color:#000; 
    letter-spacing: 1px;}

.black .services li span{
    color:#39bdac; }

p.credit {font-size:14px;margin-top:10px;margin-bottom: 0;}
p.credit a {color: #666;text-decoration:none;cursor:pointer;}

.specialist-site {margin-top:40px;width:100%;min-height: 40px;background: #2FBEAC;border-radius:5px;box-sizing: border-box;padding:10px 15px 15px 15px;}


.specialist-site a:hover{cursor:pointer;color:#000;}

.more-about{color:#2FBEAC;font-size:16px;letter-spacing:1px;text-decoration:none;}

/*---------------------------footer----------------------------*/

.footer .single{
    float:right;
    padding-bottom: 0;}

.footer .middle{
    border-right:1px solid #efefef;
    margin-left: -1px;
    padding-bottom: 40px;}

.footer{
    width:100%;
    clear:all;
    font-size: 16px;}

.footer a{text-decoration: none;}

.footer a:hover{text-decoration: underline;}


.footer a.credit{font-size: 13px; color: #888;}

.footer h2{padding-top:0px;color:#39bdac; font-size:21px;}

.footer span{color: #39bdac;}


.accreditation ul{
    width:100%;
    margin-bottom:70px;
    list-style:none;overflow:none;position: relative;}

.accreditation ul li { 
    -webkit-text-size-adjust: 100%;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
   }

.accreditation ul li .badge{
    width:50px;
    height:50px; 
    -ms-flex-negative:0;
    -webkit-flex-shrink:0;
    flex-shrink: 0;
    float:left;}

.accreditation ul li .badge a {display: block;}

.accreditation ul li .badge img{width: 50px; height:50px; display: block;}

.accreditation ul li .description{
    margin-left:20px;color: #000; float:left;}

.social li{width:40px; margin-right:5px; display: inline-block;}

.social li img{width:100%; height:auto;cursor:pointer!important;display:block;} 

.social li a {display: block;cursor:pointer!important;}


/*---------------------------nav----------------------------*/

#nav-main  {
    float: right;
    margin-top: 47px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 14px;}

#nav-main ul{
    text-align:left;
    list-style:none;
    margin-bottom: 0px;
    padding-left: 0;}
#nav-main ul li{
    float:left;
    margin-left: 20px;
    height:45px;}

#nav-main ul li a{
    text-decoration:none;
    color:#000;
    opacity:0.9;}

#nav-main ul li a:hover, ul.contact a:hover{
    color:#000;
    opacity: 1;}

#nav-main ul li.on a {
    color:#39bdac;
    font-weight: 700;}

#nav-main ul li a:hover{
    color:#39bdac;}

/*---------------------------language----------------------------*/


ul.language{
    position: absolute;
    right: 3%;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #efefef;
    padding: 0 10px 0 5px;
    width:auto;
    float:right;
    border-radius: 0 0 4px 4px}

ul.language li{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px; 
    margin-right:0; 
    margin-left:10px;
    display: inline-block;
    text-align: right;}

ul.language li a{color: #888; text-decoration: none;padding-bottom: 0;}
ul.language li a.on, ul.language li a:hover{color:#000;}



/*---------------------------nav-mob----------------------------*/

#nav-mobile {
    z-index:900;
    position: relative;
    display: none;
    width:100%;}

#nav-mobile ul {
    position: absolute;
    display: none;
    list-style-type: none;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #39bdac; 
    opacity:1;
    float:right;
    border-bottom:1px solid #fff;
    top:0px;
    margin-left:0;
    padding-left: 0;}

 #nav-mobile li {
    display: block;
    margin: 0;
    border-top:1px solid #ededed; 
    text-transform: uppercase;
letter-spacing: 0.1rem;}

 #nav#nav-mobile li:last-child {
    border-bottom: none; }

 #nav-mobile a {
    display: block;
    color: #fff;
    padding: 10px 0 10px 0;
    text-decoration:none;
    font-size:16px; }
    
#nav-mobile a:hover {
    background-color: #000;}


/*----------------nav menu button-----------------*/


#nav-trigger {
    position: absolute;
    display:none;
    text-align: right;
    right:3%;
    top:80px;
    width:60px;
    z-index: 40;
    margin-right: -10px;}
 
#nav-trigger span.icon {
    color: #000;
    background:url('../images/general/mobile-menu.png')no-repeat;
    background-size:28px 21px;
    cursor: pointer;
    padding:7px 16px;}

 #nav-trigger span:after {
    display: inline-block;
    content: "";}
      
#nav-trigger span:hover {
    opacity:0.5;}
    
#nav-trigger span.open:after {}



/*----------------------------Go to the top----------------------------*/

.go-top {
	position: fixed;
    z-index: 1000;
	bottom: 1.5em;
	right: 1.5em;
	text-decoration: none;
	color: white;
	background:url('../images/general/arrow-back-up.svg') no-repeat center;
	background-size:12px 25px;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding:12px 20px 12px 20px;
	display: none;
    border-radius:4px;}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);}

.privacy h3.top{margin-top: 0px;}
.privacy h3{margin-top: 30px; margin-bottom: 10px;}

.privacy h1{margin-bottom: 0;}