/*   
Theme Name: Frame4u theme
Theme URI: http://go2people-websites.nl/
Description: Theme voor Frame4u -- WordPress 4.6.1
Author: Roy Sijbrants & Niels Lust - Go2People Websites
Author URI: http://go2people-websites.nl/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Go2People, Bootstrap, Responsive, Mobile, Frame4u
Version: 1.0
Text Domain: frame4u-theme
*/

/* BEGIN OF WP RESET */

body, html {
    color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Signika', arial, sans-serif;
	font-size: 16px;
    font-style: normal;
    font-weight: 300;
	overflow-y:visible;
}

.absolute {
    position: absolute;
}

.clear {
    clear: both;
}

table th {
    text-align: left;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}

.text-underline {
    text-decoration: underline;
}

.text-uppercase { 
    text-transform: uppercase;
}

.inline-block { 
    display: inline-block;
}

img { 
    height: auto; 
    max-width: 100%;
}

.relative {
    position: relative;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

    .videoWrapper iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }

/* END OF WP RESET */


/* BEGIN OF TEXT */

.title {
    color: #000;
    font-family: 'antoniobold';
    font-size: 39px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'antoniobold';
    font-style: normal;
    font-weight: normal;
}

h1 {
    
}

    h1.title { margin-top: 45px; }

h2 {
    
}

    h2.title.home { margin-top: 70px; }
    
header .header-text h2 {
    font-family: 'Asap';
    font-size: 41px;
    font-weight: normal;
    line-height: 21px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

main .featured-content h2 {
    margin: 0 0 45px 0;
}

main .review-container h2, main .second-blocks h2 { 
    margin-top: 0 
}

main .second-blocks h2 {
    margin-bottom: 55px;
}

.call-to-action .content h2 {
    color: #FFF;
    margin-top: 0;
}

.item .content h2, .colored-block .content h2 {
    color: #FFF;
    line-height: 39px;
    margin: 0;
}

.colored-block .content h2 {
    margin-top: 10px;
}

h3 {
    
}

main .block .inner h3 {
    font-family: 'Signika';
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

main .review-container .review .personal-information h3 {
    font-size: 27px;
    line-height: 26px;
    margin: 0;
}

main .second-blocks .second-block .inner h3 {
    font-size: 24px;
}

h4 {
    
}

h5 {
    
}

h6 {
    
}

a {
    color: #000;
}

a:hover, a:focus {
    color: #e30513;   
}

a.button {
    background-color: #FFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #000;
    display: inline-block;
    font-family: 'antoniobold';
    font-size: 18px;
    line-height: 21px;
    min-width: 293px;
    padding: 20px 0 15px 0;
    text-align: center;
    text-transform: uppercase;
}

    a.button:hover {
        text-decoration: underline;
    }
    
        a.button .fa {
            color: #e30513; 
            margin-left: 5px;
        }
        
    a.button.red {
        background-color: transparent;
        background-image: url('images/button-red.png');
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 100%;
        color: #FFF;
        margin-top: 18px;
    }
    
        a.button.red .fa {
            color: #FFF;
        }
        
    a.read-more {
        color: #e30513;
        font-family: 'antoniobold';
        font-style: normal;
        font-weight: normal;
    }
    
        a.read-more .fa {
            margin-left: 5px;
        }
        
#top .top-bar .top-bar-item a {
    color: #000;
    font-family: 'Asap';
    font-weight: normal;
}
    
    #top .top-bar .top-bar-item a:hover {
        color: #e30513;
    }

    #top .top-bar .top-bar-item a.contact {
        text-decoration: underline;
    }
    
#top .top-bar .top-bar-item.languages a {
    color: #808080;
}
    
    #top .top-bar .top-bar-item.languages a:first-of-type::after {
        color: #e30917;
        content: '/';
    }

    #top .top-bar .top-bar-item.languages a.active-lang, #top .top-bar .top-bar-item.languages a:hover {
        color: #000;
        font-weight: 600;
        text-decoration: none;
    }

.call-to-action .content a {
    color: #FFF;
    font-family: 'antoniobold';
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

    .call-to-action .content a.button {
        color: #000;
        font-size: 18px;
        margin-top: 60px;
    }

main .second-blocks .second-block .inner a { 
    display: block; 
}

    main .second-blocks .second-block .inner a:hover, main .second-blocks .second-block .inner a:hover h3 {
        color: #000;
        text-decoration: none;
    }
    
    #about-us .people-container .person .contact a {
        color: #000;
        font-family: 'antoniobold';
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        line-height: 28px;
        text-transform: uppercase;
    }

p {
   color: #000;
   font-family: 'Signika'; 
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
}

main .block .inner p {
    margin: 0;
}

main .review-container .review .content p {
    color: #FFF;
    font-family: 'Asap';
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
}

main .review-container .review .personal-information p {
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

#about-us .people-container .person p {
    margin: 0;
}
        
    #about-us .people-container .person .name p {
        font-size: 29px;
        line-height: 31px;
    }
    
    #about-us .people-container .person .quote p {
        font-size: 20px;
        line-height: 26px;
    }
    
.call-to-action .content p {
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    margin: 0;
}

.item .content p, .colored-block .content p {
    color: #FFF;
    font-style: normal;
    font-weight: normal;
    margin: 0;
}

.item .content p {
    font-family: 'Asap';
    font-size: 20px;
    line-height: 28px;
}

.colored-block .content p {
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    margin-top: 35px;
}

span {
    
}

/* DO NOT TOUCH THIS, UNLESS YOU WANT TO ADD OTHER CLASSES/IDS */
a {
    -webkit-transition: color 0.5s ease-in, color 0.5s ease-out, background-color 0.5s ease-in, background-color 0.5s ease-out;
    -moz-transition: color 0.5s ease-in, color 0.5s ease-out, background-color 0.5s ease-in, background-color 0.5s ease-out;
    -o-transition: color 0.5s ease-in, color 0.5s ease-out, background-color 0.5s ease-in, background-color 0.5s ease-out;
    -ms-transition: color 0.5s ease-in, color 0.5s ease-out, background-color 0.5s ease-in, background-color 0.5s ease-out;
    transition: color 0.5s ease-in, color 0.5s ease-out, background-color 0.5s ease-in, background-color 0.5s ease-out;
}

/* END OF TEXT */

/* STICKY FOOTER */

 html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto; /* Must be the same as Footer Height + 20px*/
      }

      /* Set the fixed height of the footer here */
      #push,
      footer {
		margin-top:40px;
		padding-top: 15px;
		padding-bottom: 15px;
      }
      footer {
        background-color: #0091c2;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        footer {
          padding-left: 20px;
          padding-right: 20px;
        }
      }
	  
/* END OF STICKY FOOTER */

/* STRUCTURE */

.bg-blue { background-color: #73a6b7; }
.bg-grey { background-color: rgba(0, 0, 0, 0.08); }
.bg-lavender { background-color: #728ac3; }
.bg-lilac { background-color: #8178b6; }
.bg-red { background-color: #e30513; }
.bg-trendy-pink { background-color: #83568e; }
.bg-turquoise { background-color: #73c3b4; }

.border-round {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.border-round-left {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.border-round-right {
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.border-round-top {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.border-round-bottom {
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.text-color-lavender { color: #728ac3; }
.text-color-red { color: #e30513; }
.text-color-turquoise { color: #73c3b4; }
.text-color-white { color: #FFF; }

.no-padding { padding: 0; }
.no-padding-right { padding-right: 0; }
.no-padding-left { padding-left: 0; }

#wrap {}

    #top { 
        background-color: #FFF;
        padding: 10px 0 0 0;
        left: 0;
        right: 0;
        top: 0;
        position: fixed;
        z-index: 250;
    }
    
        #top a.logo {
            display: block;
            margin: 24px 0 0 30px;
            width: 206px;
        }
        
    #top .top-bar {
        text-align: right;
        margin: 10px 0 28px 0;
        padding-right: 36px;
    }
    
        #top .top-bar .top-bar-item {
            font-size: 13px;
            margin: 0 5px 0 0;
            text-transform: uppercase;
        }
        
            #top .top-bar .top-bar-item::before {
                content: '|';
                margin-right: 5px;
            }
            
                 #top .top-bar .top-bar-item:first-of-type::before {
                     content: ' ';
                     margin-right: 0;
                 }
                 
            #top .top-bar .top-bar-item ul {
                display: inline;
                margin: 0;
                padding: 0;
            }
            
                #top .top-bar .top-bar-item ul li {
                    display: inline-block;
                    margin: 0 4px 0 0;
                }
                    
                    #top .top-bar .top-bar-item ul li::before {
                        content: '+';
                        margin-right: 5px;
                    }
                    
                        #top .top-bar .top-bar-item ul li:first-of-type::before {
                            content: ' ';
                        }
                        
                        #top .top-bar .top-bar-item ul li:last-of-type { 
                            margin: 0;
                        }
                        
    #top #breadcrumbs {
        background-color: #FFF;
        color: #000;
        font-family: 'Asap';
        font-size: 10px;
        font-style: italic;
        font-weight: normal;
        left: 20%;
        margin: 0;
        padding: 7px 10px;
        position: absolute;
        top: 102%;
    }
    
         #top #breadcrumbs a {
            color: #000;
            text-decoration: underline;
        }
    
    #top #search {
        display: none;
        position: absolute;
        top: 102%;
        right: 54px;
    }
    
    #top img.top-overlay {
        height: 100%;
        left: 0;
        top: 0;
    }
    
header { 
    margin-top: 111px;
    position: relative;
}
    
    header img.header-overlay {
        height: 105%;
        left: 0;
        top: 0;
    }

    header.video-header {
        aspect-ratio: 1278/639;
    }
    
    	header.video-header img.header-overlay {
	    	height: 100%;
    	}
    
    header #video {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    header .video-controls .video-pause, header .video-controls .video-volume-on, header .video-controls .video-volume-off {
        bottom: 25px;
        cursor: pointer;
        display: none;
        position: absolute;
        width: 20px;
    }
    
    header .video-controls .video-play {
        cursor: pointer;
        margin-top: -36.85px;
        margin-left: -40px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 80px;
    }
    
    header .video-controls .video-pause {
        right: 40px;
    }
    
    header .video-controls .video-volume-on {
        right: 80px;
    }
    
    header .video-controls .video-volume-off {
        right: 80px;
    }
    
    header .header-text {
        bottom: 85px;
        position: absolute;
        right: 0;
    }

main .block {
    background-position: -15px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}
    
    main .block:first-of-type {
        -webkit-border-top-left-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius-topleft: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    main .block:last-of-type {
        -webkit-border-top-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -moz-border-radius-topright: 12px;
        -moz-border-radius-bottomright: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    
    main .block .inner {
        padding: 40px 20px;
    }
    
main .featured-content { 
    margin-top: 135px;
    padding: 65px 0 50px 0;
    position: relative;
}

    main .featured-content::before {
        background-image: url('images/crown.svg');
        background-repeat: no-repeat;
        content: ' ';
        height: 135px;
        left: 50%;
        margin-left: -106px;
        position: absolute;
        top: -108px;
        width: 212px; 
    }
    
    main .featured-content img {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
        
        main .featured-content img.header-overlay {
            border-radius: 0px;
            top: 0;
            left: 0;
            height: 104%;
        }
    
        main .featured-content ul {
            margin: 0;
            padding: 12px 0 0 20px;
            position: relative;
        }
        
            main .featured-content ul li {
                list-style-type: none;
                font-family: 'Signika';
                font-size: 22px;
                font-style: normal;
                font-weight: normal;
                padding: 6px 0 6px 55px;
                position: relative;
            }
            
                main .featured-content ul li::before {
                    background-image: url('images/check-blue.svg');
                    background-repeat: no-repeat;
                    background-size: 100%;
                    content: ' ';
                    height: 25px;
                    left: 0;
                    margin-top: -12.5px;
                    position: absolute;
                    top: 50%;
                    width: 28px;
                }
                
main #carousel .slide, main #slider-nav .slide, #main-carousel .slide {
    display: none;
    outline: none;
}
     
main #carousel, main #slider-nav, #main-carousel .slide {
    position: relative;
} 

main #slider-nav, #main-carousel { 
    margin-top: 75px;
    padding: 0 145px;
}
    
    main #slider-nav .slide img, #main-carousel .slide img {
        border: 1px solid #FFF;
    }
        
        main #slider-nav .slide img:hover, #main-carousel .slide img:hover {
            cursor: pointer;
        }
    
    main #slider-nav .slick-current img, #main-carousel .slick-current img {
        border: 1px solid #e30513;
    }

    main #slider-nav .slider-nav, main #carousel .slider-nav,  #main-carousel .slider-nav {
        background-image: url('images/arrow.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        display: none;
        height: 56px;
        margin-top: -28px;
        position: absolute;
        top: 50%;
        width: 21px;
        z-index: 50
    }
    
        main #slider-nav .slider-nav:hover, main #carousel .slider-nav:hover, #main-carousel .slider-nav:hover {
            background-image: url('images/arrow-red.svg');
            cursor: pointer;
            transition: background-image 0.3s ease-in-out;
        }
    
    main #slider-nav .slider-next, main #carousel .slider-next {
        right: 20px;
    }
    
    #main-carousel .slider-next {
        right: 100px; 
    }
    
    main #slider-nav .slider-prev, main #carousel .slider-prev, #main-carousel .slider-prev {
        left: 20px;
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }
    
    #main-carousel .slider-prev {
        left: 100px; 
    }

main .review-container {
    margin-top: 60px;
}

    main .review-container .review {}

        main .review-container .review .content { 
            background-position: -15px 0px;
            background-repeat: no-repeat;
            background-size: 100%;
            margin-bottom: 35px;
            padding: 30px 30px 30px 50px;
            position: relative;
        }
        
            main .review-container .review .content.bg-turquoise::after {
                background-image: url('images/turquoise-speak-cloud.svg');
                background-repeat: no-repeat;
                bottom: -40px;
                content: ' ';
                height: 40px;
                left: 120px;
                position: absolute;
                width: 45px;
            }
            
            main .review-container .review .content.bg-lavender::after {
                background-image: url('images/lavender-speak-cloud.svg');
                background-repeat: no-repeat;
                bottom: -40px;
                content: ' ';
                height: 40px;
                left: 133px;
                position: absolute;
                width: 45px;
            }
        
        main .review-container .review .personal-image {
            padding-left: 50px;
        }
        
            main .review-container .review .personal-image img {
                height: 125px;
                width: 125px;
            }
            
        main .review-container .review .personal-information {
            padding: 45px 0 0 10px;
        }

.call-to-action {
    background-image: url('images/frame-red.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 80%;
    margin-top: 65px;
    padding: 90px 0 27px 0;
}

#about-us .call-to-action {
    margin-top: 75px; 
}

main .second-blocks {
    margin-top: 100px;
}

    main .second-blocks .second-block {}

        main .second-blocks .second-block .inner {
            background-image: url('images/bg-shadow.svg');
            background-position: 5px 0px;
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            border-top: 4px solid #e30513;
            min-height: 231px;
            position: relative;
        }
        
            main .second-blocks .second-block .inner .img-container {
                bottom: 15px;
                left: 0;
                position: absolute;
                right: 0;
            }
        
                main .second-blocks .second-block .inner a {
                    min-height: 200px;
                }
            
#about-us {}

    #about-us .people-container {
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 70px;
        min-height: 700px;
        padding: 100px 0 0 0; 
    }
    
        #about-us .people-container .person, #about-us .people-container .person p {
            font-family: 'Asap';
            font-style: normal;
            font-weight: normal;
        }
        
            #about-us .people-container .person.left { text-align: right; }
            #about-us .people-container .person.right { text-align: left; }
            
            #about-us .people-container .person .function {
                font-size: 14px;
                line-height: 29px;
                margin: 16px 0 48px 0;
            }
            
            #about-us .people-container .person .quote { margin-bottom: 28px; }
            
            #about-us .people-container .person .contact { margin-bottom: 20px; }
                        
            #about-us .people-container .person .socialmedia { margin-bottom: 25px; }
            
                #about-us .people-container .person .socialmedia ul {
                    margin: 0;
                    padding: 0;
                }
                
                    #about-us .people-container .person .socialmedia ul li {
                        display: inline-block;
                        list-style-type: none;
                        margin: 0;
                        padding: 0;
                    }
                    
                        #about-us .people-container .person .socialmedia ul li a {
                            color: #000;
                            font-size: 20px;
                        }
                        
                        #about-us .people-container .person .socialmedia ul li a:hover, #about-us .people-container .person a:hover {
                            color: #e30513; 
                        }
                        
.item {
    background-image: url('images/cloud.svg');
    background-position: 50% 16px;
    background-repeat: no-repeat;
    margin: 10px 0;
}
    
    .item .icon {
        margin-bottom: -10px;
    }
    
    .item .content {
        color: #FFF;
        padding: 55px 30px;
    }
    
.colored-block {
    margin: 15px 0;
    position: relative;
}

    .colored-block .content {
        padding: 105px 50px 90px 50px;
        text-align: center;
    }
        
        .colored-block .content .checkmark {
            position: absolute;
            top: 20px;
            z-index: 50;
        }
        
        .colored-block .content .checkmark.left {
            left: -47.5px;
        }
        
        .colored-block .content .checkmark.right {
            right: -47.5px;
        }
        
    .colored-block .image {
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
    
#blog {}

    #blog .blog-item, #search .blog-item { margin: 0 0 30px 0; }
    
        #blog .blog-item .image, #search .blog-item .image {
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
        }
        
        #blog .blog-item .content, #search .blog-item .content {
            padding: 30px 50px 30px 50px;
        }
    
ul.page-social {
    display: inline-block;
    color: #000;
    font-family: 'Asap';
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
} 
    
    ul.page-social li {
        display: inline-block;
        list-style-type: none;
        
    }
    
        ul.page-social li::before {
            content: '+';
            margin: 0 2px;
        }
        
            ul.page-social li:first-of-type::before {
                content: '';
            }
    
        ul.page-social li a {
            color: #000;
        }
        
            ul.page-social li a:hover {
                color: #e30513;
            }
            
.content-container {
    padding: 30px 0;
}

    .content-container.grey {
        background-color: #e9e9e9;
    }
    
footer {
    background-color: #000;
    color: #FFF;
}
    
    footer p, footer a { 
        color: #FFF; 
        font-family: 'Asap';
        font-size: 12px;
        font-weight: normal;
    }
        
    footer a {
        text-decoration: underline;
    }
    
    footer .text-uppercase {
        font-family: 'antoniobold';
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
    }
  
/* GOOGLE MAPS */  

    .acf-map {
        margin-top: 15px;
        height: 464px;
        position: relative;
        width: 100%;
    }
        .acf-map img {
            max-width: inherit !important;
            
        }
    /* fixes potential theme css conflict */
    
/* END OF GOOGLE MAPS */	


/* COMMENTS */
            
    ol.commentlist { padding: 0; }
        
        ol.commentlist li {
            list-style-type: none;
            margin-bottom: 20px;
            position: relative;
        }
        
            ol.commentlist li .comment-author {
               padding: 10px;
               border-bottom: 1px solid #e8e8e8; 
            }
                
                ol.commentlist li .comment-author img {
                    vertical-align: middle;  
                    display: inline-block !important;  
                }
                
            ol.commentlist li .comment-meta {
                position: absolute;
                top: 8px;
                right: 1px;
                padding: 10px;
            }
                
                @media screen and (max-width: 768px) {
                    ol.commentlist li .comment-meta {
                        position: relative;
                    }
                }
            
            ol.commentlist li .reply, ol.commentlist li p {
                padding: 10px;
            }
            
                ol.commentlist li p {
                    margin: 0;
                    padding-bottom: 0;
                }
            
            ol.commentlist ul.children {
                padding: 0 30px;
                
            }
            
                ol.commentlist ul.children li {
                    margin-bottom: 10px;
                }
                
                    ol.commentlist ul.children li .reply {
                        display: none;
                    }
                    
                    ol.commentlist ul.children li p {
                        padding: 10px;
                    }
/* END OF COMMENTS */ 

	/* Cookie notice */
	
	#cookie-notification .text-center {
		text-align: center;
	}
	
	#cookie-notification a.btn-underline {
		text-decoration: underline;
	}
	
	#cookie-notification a {
		color: #000;
	}
	
	#cookie-notification a.button {
		margin-bottom: 10px;
		border: 2px solid #000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		min-width: 280px;
		padding: 15px;
		text-transform: uppercase;
	}
	
		#cookie-notification a.button:hover {
			background-color: #000;
			color: #FFF;
		}
                 
    /* BEGIN of mobile devices custom style */
    
    @media screen and (max-width: 767px) {
        
        h1.title { margin-top: 30px; }
        
        main .review-container h2 { margin: 0; }
        
        .call-to-action .content a { word-break: break-all; }
            .call-to-action .content a.button { margin-top: 30px; }
        
        #about-us .people-container .person .contact a{ display: block; }
        
        #top {
            position: relative; 
        }
        
            #top a.logo { 
                margin-left: 0;
                text-align: center; 
                width: 100%;
            }
            
                #top a.logo img { 
                    width: 200px;
                }
        
        #top .top-bar { 
            margin-bottom: 0;
            padding-right: 0;
            text-align: center;
        }
            
            #top .top-bar .top-bar-item {
                margin: 10px 0 0 0;
            }
                
                #top .top-bar .top-bar-item::before {
                    content: '';
                    margin: 0;
                }
        
        header { margin-top: 0; }
        
    	main .block {
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            margin: 10px 0;
        }
        
        main .featured-content ul { padding-top: 20px; }
        
        main .review {
            margin: 20px 0;
        }
        
            main .review:first-of-type {
                margin-top: 0;
            }
            
            main .review-container .review .content { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
            
            main .review-container .review .personal-image img { height: auto; width: auto; }
            
            main .review-container .review .personal-information { padding-left: 0; }
        
        #about-us .people-container { background-image: none!important; margin-top: 20px; padding-top: 0; }
        
            #about-us .people-container .person { margin: 50px 0 50px 0;}
            
                #about-us .people-container .person.left { text-align: left; }
                #about-us .people-container .person.right { text-align: left; }
                
                    #about-us .people-container .person .function { margin-bottom: 20px; }  
                
            #about-us .people-container figure { padding: 10px 0 0 0; }
        
        .call-to-action { 
            background-size: 100%; 
            padding: 50px 0 30px 0;
        }
        
        .item { background-position: 50% 40px; background-size: 90%; }
        
        .colored-block .content {
            padding: 50px 20px;
        }
            .colored-block .content .checkmark { 
                left: 50%!important;
                margin-left: -41.5px;
                top: -50px;
                right: auto!important;
            }
        
        #main-carousel { padding: 0 0 0 0; }
        
            #main-carousel .slider-next { right: 20px; }
    
            #main-carousel .slider-prev { left: 20px; }
            
        footer { line-height: 26px; }
    }
    
    /* END of mobile devices custom style */

    @media (min-width: 768px) and (max-width: 991px) {
        
        header { margin-top: 181px; }
        
        main .block {
            margin: 10px 0;
        }
        
            main .block.first {
                -webkit-border-top-left-radius: 12px;
                -webkit-border-bottom-left-radius: 12px;
                -moz-border-radius-topleft: 12px;
                -moz-border-radius-bottomleft: 12px;
                border-top-left-radius: 12px;
                border-bottom-left-radius: 12px;
            }
            
            main .block.second {
                -webkit-border-top-right-radius: 12px;
                -webkit-border-bottom-right-radius: 12px;
                -moz-border-radius-topright: 12px;
                -moz-border-radius-bottomright: 12px;
                border-top-right-radius: 12px;
                border-bottom-right-radius: 12px;
            }
        
        #about-us .people-container { background-image: none!important; padding-top: 0; }
        
            #about-us .people-container .person { margin: 0 0 50px 0; }
            
        #main-carousel { padding: 0 0 0 0; }
        
            #main-carousel .slider-next { right: -20px; }
    
            #main-carousel .slider-prev { left: -20px; }

    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        main .review-container .review .content { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
            
            main .review-container .review .personal-image img { height: auto; width: auto; }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        main .block { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
    }
    
    /* BEGIN of non-mobile devices custom style */
    
    @media screen and (min-width: 992px) {
    	
    }
    
    /* END of non-mobile devices custom style */

/* END OF STRUCTURE */


/* BEGIN OF BOOTSTRAP OVERWRITE */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /* only to change padding */
}


/** Bootstrap 5 column overwrite **/

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* END OF BOOTSTRAP OVERWRITE */