/*
Theme Name: vhodmanager
Author: StudioX & We Work With You
Author URI: http://www-you.com
Description: This template is created exclusively for vhodmanager, design by StudioX and development by We Work With You.
Version: 1.0
Created on : Dec 21, 2016, 12:29:57 PM
Text Domain: vhodmanager
*/
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'muller_regularregular';
    src: url('./web/fonts/muller_regular-webfont.eot');
    src: url('./web/fonts/muller_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/muller_regular-webfont.woff') format('woff'),
         url('./web/fonts/muller_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mullerlight';
    src: url('./web/fonts/mullerlight-webfont.eot');
    src: url('./web/fonts/mullerlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/mullerlight-webfont.woff') format('woff'),
         url('./web/fonts/mullerlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mullermedium';
    src: url('./web/fonts/muller_medium_0-webfont.eot');
    src: url('./web/fonts/muller_medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/muller_medium_0-webfont.woff') format('woff'),
         url('./web/fonts/muller_medium_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaabold';
    src: url('./web/fonts/comfortaa-bold-webfont.eot');
    src: url('./web/fonts/comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/comfortaa-bold-webfont.woff') format('woff'),
         url('./web/fonts/comfortaa-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaalight';
    src: url('./web/fonts/comfortaa-light-webfont.eot');
    src: url('./web/fonts/comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/comfortaa-light-webfont.woff') format('woff'),
         url('./web/fonts/comfortaa-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaaregular';
    src: url('./web/fonts/comfortaa-regular-webfont.eot');
    src: url('./web/fonts/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./web/fonts/comfortaa-regular-webfont.woff') format('woff'),
         url('./web/fonts/comfortaa-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'muller_regularregular';
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.wrapper{
    max-width: 1398px;
    margin: 0 auto;
    padding: 0 20px;
}

/*Global*/

*{
    box-sizing: border-box;
    outline: none;
}

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

p{
    line-height: 26px;
}

a{
    color: #000;
}

.blue a{
    color: #fff;
}

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

h1{
    font-size: 60px;
}

h2{
    font-size: 45px;
}

h3{
    font-size: 37px;
}

h4{
    font-size: 30px;
}

h5{
    font-size: 26px;
}

ul,
ol{
    margin: 0;
    padding: 0;
}

ul li,
ol li{
    list-style: none;
}

.text > ul{
    margin: 52px 0;
    padding: 0;
    text-align: left;
}

.list-2-cols > ul{
    margin: 52px 0;
    padding: 0;
}

.text > ul > li,
.list-2-cols > ul > li{
    position: relative;
    min-height: 26px;
    margin: 0 0 34px;
    padding: 0 0 0 42px;
}

.text > ul > li:before,
.list-2-cols > ul > li:before,
body .content-box > .content-entry.white .text > ul > li:before,
body .content-box > .content-entry.white .list-2-cols > ul > li:before,
body .content-box > .content-entry.grey .text > ul > li:before,
body .content-box > .content-entry.grey .list-2-cols > ul > li:before {
    content: '';
    background: #9c623a;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 1;
}

.content-box > .content-entry.blue .text li:before {
    background:#fff;
    color:#9c623a;
}
.content-box > .content-entry.blue .text li:after {
    background-position: -166px 0;
}

.content-box > .content-entry:nth-child(2n) .text > ul > li:before,
.content-box > .content-entry:nth-child(2n) .list-2-cols > ul > li:before,
.content-box > .blue .list-2-cols > ul > li:before{
    background: #fff;
}

.text > ul > li:after,
.list-2-cols > ul > li:after,
body .content-box > .content-entry.white .text > ul > li:after,
body .content-box > .content-entry.white .list-2-cols > ul > li:after,
body .content-box > .content-entry.grey .text > ul > li:after,
body .content-box > .content-entry.grey .list-2-cols > ul > li:after{
    content: '';
    background-image: url(./web/images/sprite.svg);
    background-repeat: no-repeat;
    background-position: -149px 0;
    width: 12px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    left: 7px;
    z-index: 2;
}

.no-svg .text > ul > li:after,
.no-svg .list-2-cols > ul > li:after{
    background-image: url(./web/images/sprite.png);
}

.content-box > .content-entry:nth-child(2n) .text > ul > li:after,
.content-box > .content-entry:nth-child(2n) .list-2-cols > ul > li:after,
.content-box > .blue .list-2-cols > ul > li:after{
    background-position: -166px 0;
}

.list-2-cols > ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

.list-2-cols > ul:after{
    content: '';
    display: block;
    clear: both;
}

.list-2-cols > ul > li{
    width: 50%;
    padding-right: 140px;
    float: left;
}

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

.section-title h2{
    margin: 50px 0;
    font-size: 48px;
}

.btn{
    background: #9c623a;
    padding: 18px 34px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover{
    background: #C08660;
}

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

.slick-dots li{
    margin: 0 4px;
    display: inline-block;
}

.slick-dots li button{
    background: #fff;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
}

.slick-dots li.slick-active button{
    background: #C08660 !important;
}

.slick-slider{}

.slick-slider > button{
    background: transparent;
    background-image: url(./web/images/sprite.svg);
    background-repeat: no-repeat;
    background-position: -117px -104px;
    width: 13px;
    height: 26px;
    margin: -13px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    border: none;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    text-indent: -9999px;
}

.no-svg .slick-slider > button{
    background-image: url(./web/images/sprite.png);
}

.slick-slider > button.slick-next{
    background-position: -135px -104px;
    left: auto;
    right: 0;
}

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

form{
    margin: 0;
    padding: 0;
}

form > ul{}

form > ul li{
    margin: 0 0 33px;
}

input{
    font-family: 'muller_regularregular';
    width: 100%;
    padding: 20px 0;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid #e1e0e0;
}

input[type="submit"]{
    font-family: 'mullermedium';
    background: #9c623a;
    margin: 0;
    padding: 18px 10px 19px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover{
    background: #C08660;
}

textarea{
    font-family: 'muller_regularregular';
    width: 100%;
    padding: 10px 0;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid #e1e0e0;
    resize: none;
}

::-webkit-input-placeholder {
    color: #1e1e1e;
    opacity: 1;
}
::-moz-placeholder { 
    color: #1e1e1e;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #1e1e1e;
    opacity: 1;
}
:-moz-placeholder { 
    color: #1e1e1e;
    opacity: 1;
}

.custom-upload{
    width: 100%;
    padding: 20px 0;
    position: relative;
}

.custom-upload input[type=file]{
    background: transparent;
    width:100%;
    height:100%;    
    padding: 20px 0;
    outline:none;
    position: relative;
    text-align: right;    
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.custom-upload .fake-file{    
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 100%;
    position: absolute;
    top: 24px;
    left: 0px;
    z-index: 1;
}

.custom-upload .fake-file:before{
    content: '';
    background: #f5f5f5;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.custom-upload .fake-file:after{
    content: '';
    background-image: url(./web/images/sprite.svg);
    background-repeat: no-repeat;
    background-position: -78px -104px;
    width: 34px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: -1;
}

.custom-upload .fake-file input{
    background: transparent;
    padding: 20px 0;
    font-size:16px;
}

.no-svg .custom-upload .fake-file:after{
    background-image: url(./web/images/sprite.png);
}

/*Sprite*/

.sprite{
    background-image: url(./web/images/sprite.svg);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.no-svg .sprite{
    background-image: url(./web/images/sprite.png);
}

.phone-icon{
    background-position: 0 0;
    width: 14px;
    height: 22px;
}

.mail-icon{
    background-position: -17px 0;
    width: 26px;
    height: 19px;
}

.price-icon{
    background-position: -48px 0;
    width: 30px;
    height: 27px;
}

.price-icon-big{
    background-position: 0 -33px;
    width: 50px;
    height: 45px;
}

.fb-icon{
    background-position: -83px 0;
    width: 8px;
    height: 17px;
}

.tw-icon{
    background-position: -95px 0;
    width: 20px;
    height: 16px;
}

.gp-icon{
    background-position: -118px 0;
    width: 25px;
    height: 17px;
}

.file-icon{
    background-position: 0 -104px;
    width: 72px;
    height: 100px;
}

.faq-icon{
    background-position: -134px -33px;
    width: 38px;
    height: 34px;
}

.close-icon{
    background-position: -134px -69px; 
    width:18px; 
    height:18px;
}

/*Header*/

#header{
    padding: 18px 0 27px;
}

#header:after{
    content: '';
    display: block;
    clear: both;
}

#header #logo{
    margin: 2px 0 0;
    float: left;
    line-height: 0;
}

#header #logo a{
    line-height: 0;
}

#header #logo a span{
    display: none;
}

#header .wrapper > ul{
    margin: 2px 0 31px;
    float: right;
}

#header .wrapper > ul > li{
    margin: 0 0 0 38px;
    display: inline-block;
}

#header .wrapper > ul > li > a{
    font-family: 'mullermedium';
    color: #9c623a;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#header .wrapper > ul > li > a:hover{
    color: #C08660;
}

#header .wrapper > nav{
    float: right;
}

#header .wrapper > nav button{
    background: transparent;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    display: none;
    cursor: pointer;
}

#header .wrapper > nav button span{
    background: #9c623a;
    width: 26px;
    height: 3px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-indent: -9999px;
    position: relative;
}

#header .wrapper > nav button span:before{
    content: '';
    background: #9c623a;
    width: 26px;
    height: 3px;
    margin: 4px 0 0;
    display: block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    text-indent: -9999px;
}

#header .wrapper > nav button span:after{
    content: '';
    background: #9c623a;
    width: 26px;
    height: 3px;
    margin: 11px 0 0;
    display: block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    text-indent: -9999px;
}

#header .wrapper > nav > div > ul{}

#header .wrapper > nav > div > ul > li{
    margin: 0 0 0 30px;
    display: inline-block;
    position: relative;
}

#header .wrapper > nav > div > ul > li > a{
    font-family: 'mullerlight';
    font-size: 16px;
    color: #9c623a;
    text-decoration: none;
    position: relative;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#header .wrapper > nav > div > ul > li > a:hover{
    color: #C08660;
}

#header .wrapper > nav > div > ul > li > a > i{
    width: 30px;
    height: 30px;
    display: none;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-indent: -9999px;
}

.touchevents #header .wrapper > nav > div > ul > li > a > i{
    display: inline-block;
}

#header .wrapper > nav > div > ul > li > a > i:after{
    content: '';
    margin: -3px 0 0 -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9c623a;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

#header .wrapper > nav > div > ul > li > ul{
    background: #fff;
    margin: 57px 0 0;
    padding: 10px 30px;
    display: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
}

.no-touchevents #header .wrapper > nav > div > ul > li:hover > ul,
.touchevents #header .wrapper > nav > div > ul > li.open > ul{
    display: block;
}

#header .wrapper > nav > div > ul > li.big-view > ul{
    width: 862px;
    margin: 57px 0 0 -400px;
    padding: 30px;    
}

.no-touchevents #header .wrapper > nav > div > ul > li.big-view:hover > ul,
.touchevents #header .wrapper > nav > div > ul > li.big-view.open > ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

#header .wrapper > nav > div > ul > li > ul:before{
    content: '';
    height: 57px;
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}

#header .wrapper > nav > div > ul > li > ul:after{
    content: '';
    margin: 0 0 -1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 20px;
}

#header .wrapper > nav > div > ul > li.big-view > ul:after{
    left: 50%;
    margin: 0 0 -1px -10px;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li{
    width: 33.3%;
    padding: 0 46px;
    float: left;
    border-right: 1px solid #f4f4f4;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li:last-child{
    border-right: none;
}

#header .wrapper > nav > div > ul > li > ul > li a{
    font-family: 'comfortaaregular';
    margin: 20px 0;
    padding: 0 0 0 14px;
    font-size: 14px;
    color: #171717;
    text-decoration: none;
    display: block;
    position: relative;
    white-space: nowrap;
}

#header .wrapper > nav > div > ul > li > ul > li a:before{
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9c623a;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li > a{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 150px auto;
    margin: 0;
    font-size: 24px;
    color: #171717;
    text-align: center;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li.basic-pack > a{
    padding: 146px 0 0;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li.full-pack > a{
    padding: 146px 0 0;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li > a > span{
    margin: 8px 0 0;
    display: block;
}

#header .wrapper > nav > div > ul > li.big-view > ul > li > a > span:before{
    content: '';
    background-image: url(./web/images/sprite.svg);
    background-repeat: no-repeat;
    background-position: -177px -33px;
    width: 23px;
    height: 20px;
    margin: -5px 12px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}   

.no-svg #header .wrapper > nav > div > ul > li.big-view > ul > li > a span:before{
    background-image: url(./web/images/sprite.png);
}

#header .wrapper > nav > div > ul > li.big-view > ul > li > a:before{
    display: none;
}

#header .wrapper > nav > div > ul > li > ul > li.child-no-cursor > a{
    margin: 27px 0 0;
    padding: 0;
    font-size: 20px;
    color: #9c623a;
    text-align: left;
    cursor: initial;
}

#header .wrapper > nav > div > ul > li > ul > li.child-no-cursor > a:before{
    display: none;
}

/* Background Images*/

.bgr1{
    background-image: url('./web/images/figures/bgr1.png')
}

.bgr2{
    background-image: url('./web/images/figures/bgr2.png')
}

.bgr3{
    background-image: url('./web/images/figures/bgr3.png')
}

.bgr4{
    background-image: url('./web/images/figures/bgr4.png')
}

.bgr5{
    background-image: url('./web/images/figures/bgr5.png')
}

.bgr6{
    background-image: url('./web/images/figures/bgr6.png')
}

/* Content */

#slider{
    background-image: url('./web/images/slider-bgr.png');
    background-color: #C08660;
    background-repeat: no-repeat;
    background-position: top center;
    color: #fff;
    position: relative;
}

.slider-entry{
    padding: 64px 20px 160px;
    text-align: center;
}

.slider-entry h2{
    margin: 50px 0 26px;
}

.slider-entry h5{
    margin: 20px 0 55px;
    font-size: 18px;
    line-height: 30px;
}

.slider-entry .btn{
    background: #fff;
    color: #9c623a;
}

.slider-entry .btn:hover{
    background: #f2f1f1;
}

#slider .slick-dots{
    position: absolute;
    bottom: 85px;
    right: 20px;
    left: 20px;
    z-index: 1;
}

#plans{
    padding: 38px 0;
}

.wrapper #plans{
    padding: 0;
}

#plans ul,
#plans #plans-holder{
    margin: 0 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

#plans #plans-holder{
    text-align: center;
}

#plans ul:after,
#plans #plans-holder:after{
    content: '';
    display: block;
    clear: both;
}

#plans ul > li,
#plans #plans-holder > .plans-entry{
    width: 33.3%;
    margin: 0 0 30px;
    padding: 0 37px;
    text-align: center;
    float: left;
    margin-bottom: 65px;
}

#plans #plans-holder.slick-slider .plans-entry{
    padding: 0 20px;
}

#plans ul > li figure,
#plans #plans-holder .plans-entry figure{
    margin: 0 0 24px;
}

#plans #plans-holder .plans-entry figure a{
    margin: 0 auto;
    display: inline-block;
}

#plans ul > li h3,
#plans #plans-holder .plans-entry h3{
    margin: 0;
    padding: 0 0 15px;
    font-size: 30px;
    border-bottom: 1px solid #e5e5e5;
}
#plans ul > li p,
#plans #plans-holder .plans-entry p{
    min-height: 130px;
    font-size: 16px;
}

#plans ul > li span,
#plans #plans-holder .plans-entry span{
    margin: 10px 0 20px;
    font-size: 30px;
    color: #5f5b5b;
    display: block;
}

#plans ul > li span .sprite,
#plans #plans-holder .plans-entry span .sprite{
    margin: 0 4px 0 0;
}

#plans #plans-holder.slick-slider .slick-dots{
    margin: 40px auto 0;
    text-align: center;
}

#plans #plans-holder.slick-slider .slick-dots > li{
    width: auto;
    margin: 0 4px;
    padding: 0;
    float: none;
    display: inline-block;
}

#plans #plans-holder.slick-slider .slick-dots li button{
    background: #f0f0f0;
}

.summary{
    background: #f0f0f0;
    padding: 55px 0;
}

.summary ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

.summary ul:after{
    content: '';
    display: block;
    clear: both;
}

.summary ul > li{
    font-family: 'comfortaaregular';
    width: 33.3%;
    padding: 0 20px;
    font-size: 100px;
    line-height: 100px;
    color: #6c6c6c;
    text-align: center;
    float: left;
    border-right: 1px solid #dcdcdc;
}

.summary ul > li:last-child{
    border-right: none;
}

.summary ul > li div{
    display: inline-block;
    text-align: left;
}

.summary ul > li strong{
    font-family: 'muller_regularregular';
    font-size: 24px;
    line-height: 32px;
    color: #9c623a;
    font-weight: normal;
    display: block;
}

.content-box{}

.content-box > .content-entry{
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 45px 0 0;
    overflow: hidden;
}

.content-box.reverse > .content-entry{
    background-color: #9c623a;
    color: #fff;
}

.content-box > .content-entry:nth-child(2n){
    background-color: #9c623a;
    color: #fff;
}

.content-box.reverse > .content-entry:nth-child(2n){
    background-color: transparent;
    color: #000;
}

.content-box > .content-entry.blue{
    background-color: #9c623a;
    color: #fff;
}
.content-box > .content-entry.white{
    background-color: transparent;
    color: #000;
}

.content-box > .content-entry.grey{
    background: #f5f5f5;
    color: #000;
}

.content-box.reverse > .content-entry.white{
    background-color: transparent;
    color: #000;
}

.content-box > .content-entry .wrapper > .section-title > h2{
    margin: 40px 0 50px;
}

.content-box > .content-entry .content-wrapper{
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden;
}

.content-box > .content-entry .content-wrapper > *{
    width: 50%;
    display: table-cell;
}

.content-box > .content-entry .content-wrapper figure{
    text-align: left;
    line-height: 0;
    vertical-align: bottom;
}

.content-box > .content-entry .content-wrapper .text + figure{
    text-align: right;
}

.home .content-box > .content-entry .content-wrapper figure{
    width: 34%;
}

.content-box > .content-entry .text{
    padding: 15px 0 50px;
}

.content-box > .content-entry .content-wrapper .text{
    padding: 5px 20px 50px 0;
    vertical-align: top;
}

.content-box > .content-entry:nth-child(2n) .content-wrapper .text{
    padding: 65px 20px 110px 8.5%;
}

.home .content-box > .content-entry .content-wrapper .text{
    width: 66%;
    padding: 65px 14% 110px 11%;
}

.home .content-box > .content-entry:nth-child(2n) .content-wrapper .text{
    padding: 65px 20px 110px 8.5%;
}

.content-box > .content-entry .content-wrapper .text .section-title{
    text-align: left;
}

.content-box > .content-entry .content-wrapper .text .section-title h2{
    margin: 0 0 32px;
}

.content-box > .content-entry:nth-child(2n) .btn{
    background: #fff;
    color: #9c623a;
    -webkit-transition: background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.content-box.reverse > .content-entry .btn{
    font-family: 'mullermedium';
    background: #fff;
    margin: 10px 0 0;
    padding: 18px 30px;
    font-size: 14px;
    color: #9c623a;
}

.content-box > .content-entry .btn:hover{
    background: #f2f1f1;
}


.content-box.reverse > .content-entry:nth-child(2n) .btn{
    background: #9c623a;
    color: #fff;
}

.content-box > .content-entry .text .content-slider{
    max-width: 680px;
    margin: -35px 0 0 0;
}

.content-slider h4{
    margin: 0;
}

.content-slider i{
    color: #9c623a;
    font-style: normal;
}

.content-slider .slick-dots{
    margin: 32px 0 0;
    text-align: left;
}

.content-slider .slick-dots li{
    margin: 0 8px 0 0;
}

.content-slider .slick-dots li button{
    background: #f2f1f1;
}
.tabs > ul{padding:0;}
.tabs > ul > li{
    display: none;
}
.tabs > ul > li.current{
    display: block;
}
#breadcrumb{
    background: #f9f9f9;
    padding: 14px 0 18px;
    overflow: hidden;
}
#breadcrumb ul{
    display: inline-block;
}
#breadcrumb ul > li{
    margin: 0 6px 0 0;
    font-size: 14px;
    color: #9c623a;
    display: inline-block;
    position: relative;
}
#breadcrumb ul > li:after{
    content: '';
    margin: -2px 0 0 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #535353;
    display: inline-block;
    vertical-align: middle;
}
#breadcrumb ul > li:last-child:after{
    display: none;
}
#breadcrumb ul > li > a{
    color: #535353;
    text-decoration: none;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
#breadcrumb ul > li > a:hover{
    opacity: 0.8;
}

#breadcrumb .wrapper > a{
    margin: 4px 0 0;
    font-size: 14px;
    color: #535353;
    text-decoration: none;
    float: right;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#breadcrumb .wrapper > a:before{
    content: '';
    margin: -2px 5px 0 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #535353;
    display: inline-block;
    vertical-align: middle;
}

#breadcrumb .wrapper > a:hover{
    opacity: 0.8;
}

.price-box{
    font-family: 'mullerlight';
    background: #e8f4fa;
    padding: 44px 0 50px;
    font-size: 16px;
    color: #535353;
}

.price-box.large{
    background: #9c623a;
    color: #fff;
}

.price-box strong{
    font-family: 'comfortaaregular';
    margin: -10px 18px -10px 0;
    font-size: 48px;
    color: #9c623a;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom;
}

.price-box.large strong{
    color: #fff;
}

.price-box strong .price-icon-big{
    margin: 0 10px 0 0;
}

.price-box.large .price-icon-big{
    background-position: -56px -33px;
    margin: -4px 6px 0 0;
    width: 71px;
    height: 62px;
}

.price-box br{
    display: none;
}

.price-box .btn{
    padding: 17px 35px 18px;
    font-size: 16px;
    text-transform: none;
    float: right;
}

.price-box.large .btn{
    background: #fff;
    color: #9c623a
}

.price-box.large .btn:hover{
    background: #f2f1f1;
}

 .with-bgr{
    background-color: #F3EBE5;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 28px 0 54px;
}

.files{
    margin: 10px auto 20px;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

.content-entry .files{
    max-width: 990px;
}

.files > li{
    width: 33.3%;
    margin: 0 0 50px;
    padding: 0 100px;
    text-align: center;
    float: left;
}

.content-entry .files > li{
    width: 50%;
}

.files > li a{
    font-family: 'comfortaaregular';
    font-size: 20px;
    color: #171717;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.files > li a:hover{
    opacity: 0.8;
}

.files > li a span{
    background: #f9f9f9;
    width: 222px;
    height: 222px;
    margin: 0 auto 25px;
    line-height: 222px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
}

.team{
    
}

.team:before{
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -100%;
    z-index: 1;
}

.team:after{
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 100%;
    z-index: 1;
}

.content-box > .content-entry:nth-child(2n) .team:before,
.content-box > .content-entry:nth-child(2n) .team:after{
    background-color: #9c623a;
}

.content-box > .content-entry.grey .team:before,
.content-box > .content-entry.grey .team:after{
    background-color: #f5f5f5;
}

.team .slick-list{
    overflow: visible;
}

.team .team-entry{
    font-family: 'comfortaaregular';
    margin: 0 0 70px;
    font-size: 18px;
    color: #9c623a;
    text-align: center;
}

.team .team-entry figure{
    width: 220px;
    margin: 0 auto 45px;
    position: relative;
}

.team .team-entry figure > div{
    width: 220px;
    height: 220px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.team .team-entry figure figcaption{
    background: #9c623a;
    width: 254px;
    height: 200px;
    padding: 24px 28px;
    color: #fff;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 24px 24px 24px 0;
    border-radius: 24px 24px 24px 0;
    position: absolute;
    top: -153px;
    left: 158px;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team .team-entry figure figcaption:after{
    content: '';
    border-top: 30px solid #9c623a;
    border-right: 26px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    display: inline-block;
    position: absolute;
    top: 94%;
    left: -2px;
    z-index: 0;
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}

.team .team-entry figure figcaption.mCustomScrollbar{
    padding: 24px 10px 24px 28px;
}

.team .team-entry.slick-current + .team-entry + .team-entry + .team-entry figure figcaption{
    -webkit-border-radius: 24px 24px 0 24px;
    border-radius: 24px 24px 0 24px;
    left: auto;
    right: 148px;
}

.team .team-entry.slick-current + .team-entry + .team-entry + .team-entry figure figcaption:after{
    border-right: 0 solid transparent;
    border-left: 26px solid transparent;
    left: auto;
    right: -2px;
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
}

.no-touchevents .team .team-entry figure:hover figcaption,
.touchevents .team .team-entry figure.open figcaption{
    opacity: 1;
    visibility: visible;
}

.team .team-entry figure figcaption p{
    margin: 0;
    line-height: 24px;
}

.team .team-entry > strong{
    margin: 0 0 3px;
    font-size: 20px;
    color: #171717;
    font-weight: normal;
    display: block;
}

.partners{}

.partners figure{
    width: 100%;
    height: 90px;
    margin: 0 0 45px;
    text-align: center;
    display: table;
}

.partners figure a{
    display: table-cell;
    vertical-align: middle;
}

.partners figure a img{
    width: auto;
    max-width: 96%;
    height: auto;
    max-height: 90px;
    margin: 0 auto;
}

.partners .slick-dots li button{
    background: #f2f1f1;
}

.expand-list{
    margin: 50px 0 65px;
}

.expand-list > li{
    padding: 10px 0 37px;
    border-bottom: 1px solid #dcdcdc;
}

.expand-list > li > strong{
    padding: 34px 80px 9px 56px;
    font-size: 20px;
    color: #171717;
    font-weight: normal;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.expand-list > li > strong:before{
    content: '';
    background: #9c623a;
    width: 18px;
    height: 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 58px;
    right: 26px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.expand-list > li.open > strong:before{
    background: #d0d0d0;
}

.expand-list > li > strong:after{
    content: '';
    background: #9c623a;
    width: 3px;
    height: 18px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 51px;
    right: 33px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.expand-list > li.open > strong:after{
    opacity: 0;
}

.expand-list > li > strong:hover{
    color: #C08660;
}

.expand-list > li.open > strong{
    color: #9c623a;
}

.expand-list > li > strong .sprite{
    position: absolute;
    top: 31px;
    left: 5px;;
    z-index: 1;
}

.expand-list > li .text{
    display: none;
}

.expand-list > li .text p{
    line-height: 28px;
}

.expand-list-2{
    margin: 14px 0 50px;
}

.expand-list-2 > li{
    margin: 0 0 5px;
    padding: 10px 0 35px;
    border-bottom: 1px solid #dcdcdc;
}

.expand-list-2 > li > h5{
    font-family: 'muller_regularregular';
    margin: 0;
    font-size: 20px;
}

.expand-list-2 > li .text{
    margin: 0 0 15px;
    overflow: hidden;
}

.expand-list-2 > li > a{
    font-family: 'mullermedium';
    font-size: 14px;
    color: #9c623a;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.expand-list-2 > li > a:hover{
    opacity: 0.8;
}

.gallery-box{
    margin: 0 -5px;
}

.gallery-box .gallery-entry{
    padding: 0 5px;
}

.gallery-box .gallery-entry a{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gallery-box .gallery-entry a:hover{
    opacity: 0.8;
}

.gallery-box .slick-dots{
    margin: 60px 0 0;
}

.contact-list{}

.contact-list > ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}

.contact-list > ul:after{
    content: '';
    display: block;
    clear: both;
}

.contact-list > ul > li{
    font-family: 'comfortaabold';
    width: 33.3%;
    margin: 0 0 100px;
    line-height: 26px;
    text-align: center;
    float: left;
}

.contact-list > ul > li figure{
    background: #f9f9f9;
    width: 222px;
    height: 222px;
    margin: 0 auto 42px;
    line-height: 290px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.contact-list > ul > li figure img{
    margin: 0 auto;
}

.contact-list > ul > li > strong{
    margin: 0 0 24px;
    font-size: 30px;
    color: #9c623a;
    font-weight: normal;
    display: block;
}

.contact-list > ul > li a{
    color: #000;
    text-decoration: none;
}

#map{
    width: 100%;
    height: 500px;
}

.contact-form .content-entry .text{
    width: 52%;
}

.careersForm{
    width: 100%;
    max-width: 440px;
    padding: 0 40px 40px;
}

.careersForm > strong{
    background-image: url('./web/images/form-title.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    font-family: 'comfortaaregular';
    margin: 0 -40px 30px;
    padding: 52px 10px 48px;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    display: block;
}

.careersForm > ul{
    /*padding: 40px;*/
}

form .wpcf7-not-valid-tip{
    margin: 0 0 30px;
    font-size: 14px;
    color: #ff0000;
}

.error404 .text > strong{
    font-size: 80px;
    color: #9c623a;
    display: block;
}

/*Footer*/

#footer{
    content: '';
    display: block;
    clear: both;
}

#footer .tabs{
    background: #f5f5f5;
}

#footer .tabs nav{
    display: table;
}

#footer .tabs nav > div{
    width: 1%;
    padding: 26px 20px 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#footer .tabs nav > div.current:after{
    content: '';
    margin: 0 0 0 -10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #916aae;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
}

#footer .tabs nav > div.box1:after{
    border-top: 10px solid #916aae;
}

#footer .tabs nav > div.box2:after{
    border-top: 10px solid #f88129;
}

#footer .tabs nav > div.box3:after{
    border-top: 10px solid #c93100;
}

#footer .tabs nav > div.box4:after{
    border-top: 10px solid #874d27;
}

#footer .tabs nav > div.box5:after{
    border-top: 10px solid #16b4dd;
}

#footer .tabs nav > div img{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#footer .tabs nav > div a:hover img,
#footer .tabs nav > div.current a img{
    -webkit-filter: grayscale(0); 
    filter: grayscale(0);
}

#footer .tabs > ul > li .content-entry{
    background-image: url('./web/images/figures/bgr7.png');
    padding: 75px 0 0;
    color: #fff;
}

#footer .tabs > ul > li.box1 .content-entry{
    background-color: #916aae;
}

#footer .tabs > ul > li.box2 .content-entry{
    background-color: #f88129;
}

#footer .tabs > ul > li.box3 .content-entry{
    background-color: #c93100;
}

#footer .tabs > ul > li.box4 .content-entry{
    background-color: #874d27;
}

#footer .tabs > ul > li.box5 .content-entry{
    background-color: #16b4dd;
}

#footer .tabs > ul > li .content-entry .text > div{
    margin: 38px 20px;
}

#footer .tabs > ul > li .content-entry .text p{
    line-height: 30px;
}

#footer .tabs > ul > li .content-entry .btn{
    font-family: 'mullermedium';
    background: #fff;
    margin: 25px 0 0;
    font-size: 14px;
    color: #000;
}

#footer .tabs > ul > li .content-entry .btn:hover{
    opacity: 0.8;
}

#footer .tabs > ul > li.box1 .content-entry .btn{
    color: #916aae;
}

#footer .tabs > ul > li.box2 .content-entry .btn{
    color: #f88129;
}

#footer .tabs > ul > li.box3 .content-entry .btn{
    color: #c93100;
}

#footer .tabs > ul > li.box4 .content-entry .btn{
    color: #874d27;
}

#footer .tabs > ul > li.box5 .content-entry .btn{
    color: #16b4dd;
}

#footer > .wrapper{
    padding: 34px 20px 30px;
}

#footer > .wrapper:after{
    content: '';
    display: block;
    clear: both;
}

#footer > .wrapper > p{
    margin: 0;
    font-size: 14px;
    color: #696969;
    float: left;
}

#footer > .wrapper > p span{
    color: #9c623a;
}

#footer > .wrapper > ul{
    float: right;
}

#footer > .wrapper > ul > li{
    margin: 0 0 0 8px;
    display: inline-block;
}

#footer > .wrapper > ul > li .sprite{
    opacity: 0.4;
}

/*Media Queries*/

@media all and (max-width: 1500px){
    
    .wrapper{
        max-width: 1200px;
    }
    
    #header #logo{
        width: 300px;
        margin: 20px 0 0;
    }
    
    .summary ul > li{
        font-size: 80px;
        line-height: 80px;
    }
    
}

@media all and (max-width: 1300px){
    
    #header .wrapper > nav > div > ul > li{
        margin: 0 0 0 15px;
    }
    
}

@media all and (max-width: 1200px){
    
    #header{
        text-align: right;
        position: relative;
    }
    
    #header .wrapper{
        padding: 0;
    }
    
    #header #logo{
        width: 276px;
        margin: 0 0 0 20px;
    }
    
    #header .wrapper > ul{
        margin: 24px 0 0;
        float: none;
        display: inline-block;
    }
    
    #header .wrapper > nav{
        float: right;
    }
    
    #header .wrapper > nav button{
        margin: 25px 20px 0; 
        display: inline-block;
    }
    
    #header .wrapper > nav > div{
        background: #fff;
        width: 100%;
        padding: 30px 10px;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 10;
        white-space: nowrap;
    }
    
    #header .wrapper > nav.open > div{
        display: block;
    }
    
    #header .wrapper > nav > div > ul{
        width: 100%;
        display: table;
    }
    
    #header .wrapper > nav > div > ul > li{
        width: 1%;
        margin: 0;
        padding: 0 10px;
        text-align: center;
        display: table-cell;
    }
    
    #header .wrapper > nav > div > ul > li.big-view{
        position: initial;
    }
    
    #header .wrapper > nav > div > ul > li > ul{
        text-align: left;
        border-top: 1px solid #9c623a;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul{
        width: auto;
        margin: 0;
        box-shadow: none;
        left: 0;
        right: 0;
    }
    
    #header .wrapper > nav > div > ul > li > a{
        font-size: 14px;
        position: relative;
        color: #000;
    }
    
    .no-touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children:hover > a:before,
    .touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children.open > a:before{
        content: '';
        margin: 20px 0 0 -12px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #9c623a;
        position: absolute;
        top: 100%;
        left: 50%;
        right: auto;
        z-index: 1;
    }
    
    .no-touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children:hover > a:after,
    .touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children.open > a:after{
        content: '';
        margin: 21px 0 0 -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 11px solid #fff;
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 2;
    }
    
    #header .wrapper > nav > div > ul > li > ul{
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    
    #header .wrapper > nav > div > ul > li > ul:before{
        height: 30px;
    }
    
    #header .wrapper > nav > div > ul > li > ul:after{
        display: none;
    }
    
    #slider{
        background-position: bottom center;
    }
    
    .slider-entry .btn{
        font-size: 14px;
    }
    
    #plans ul,
    #plans #plans-holder{
        margin: 0 -15px;
    }
    
    #plans ul > li,
    #plans #plans-holder > .plans-entry {
        padding: 0 15px;
    }
    
    #plans ul > li h3,
    #plans #plans-holder .plans-entry h3{
        font-size: 22px;
    }
    
    #plans .btn,
    #plans #plans-holder .plans-entry .btn{
        font-size: 14px;
    }
    
    .summary{
        padding: 20px 0;
    }
    
    .summary ul{
        text-align: center;
    }
    
    .summary ul > li{
        width: auto;
        margin: 0 auto;
        font-size: 63px;
        line-height: 65px;
        float: none;
        border-right: none;
        display: inline-block;
    }
    
    .summary ul > li strong{
        font-size: 15px;
    }
    
    #footer{}
    
    #footer .content-box > .content-entry .text{
        width: auto;
        padding: 0;
        display: block;
    }
    
    #footer .content-box > .content-entry .content-wrapper{
        text-align: center;
        display: block;
    }
    
    #footer .content-box > .content-entry .content-wrapper figure{
        display: none;
    }
    
    .section-title h2{
        font-size: 38px;
    }
    
    h1{
        font-size: 54px;
    }

    h2{
        font-size: 39px;
    }

    h3{
        font-size: 31px;
    }

    h4{
        font-size: 24px;
    }

    h5{
        font-size: 20px;
    }
    
}

@media all and (max-width: 1000px){
    
    .price-box{
        text-align: center;
    }
    
    .price-box br{
        margin: 0 0 40px;
        display: block;
    }
    
    .price-box .btn{
        float: none;
    }
    
    .files > li{
        padding: 0 50px;
    }
    
    .contact-list > ul{
        text-align: center;
    }
    
    .contact-list > ul > li{
        width: 44%;
        margin: 0 auto 100px;
        float: none;
        display: inline-block;
    }
    
    .team .team-entry figure figcaption,
    .team .team-entry.slick-current + .team-entry + .team-entry + .team-entry figure figcaption{
        margin: 0 0 0 -127px;
        -webkit-border-radius: 24px 24px 24px 0;
        border-radius: 24px 24px 24px 0;
        top: -180px;
        left: 50%;
    }
    
    .team .team-entry figure figcaption:after,
    .team .team-entry.slick-current + .team-entry + .team-entry + .team-entry figure figcaption:after{
        left: 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
}

@media all and (max-width: 900px){
    
    #header .wrapper > ul > li{
        margin: 2px 0 0;
    }
    
    #header .wrapper > ul > li > a{
        width: 14px;
        text-indent: -9999px;
        position: relative;
        display: inline-block;
        text-align: left;
    }
    
    #header .wrapper > ul > li > a .phone-icon{
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .home .content-box > .content-entry .content-wrapper .text{
        width: 50%;
        padding: 0 14% 50px 0;
    }
    
    .home .content-box > .content-entry:nth-child(2n) .content-wrapper .text{
        width: 50%;
        padding: 0 0 50px 40px;
    }
    
    .content-box > .content-entry .text .content-slider{
        margin: 0;
    }
    
    .home .content-box > .content-entry .content-wrapper figure{
        width: 50%;
    }
    
    .list-2-cols > ul > li{
        width: auto;
        padding: 0 0 0 42px;
        float: none;
    }
    
    .files > li a span{
        width: 180px;
        height: 180px;
        line-height: 160px;
    }
    
    #footer .tabs nav{
        display: block;
        position: relative;
    }
    
    #footer .tabs nav > div{
        width: auto;
        padding: 26px 0 20px;
        display: block;
        text-align: center;
    }
    
    #footer .tabs nav > div a{
        margin: 0 auto;
        display: inline-block;
    }
    
}
 
@media all and (max-width: 767px){
    
    #header .wrapper > nav > div{
        width: 280px;
        left: auto;
    }
    
    #header .wrapper > nav > div > ul{
        width: auto;
        display: block;
    }
    
    #header .wrapper > nav > div > ul > li{
        width: auto;
        display: block;
        text-align: left;
    }
    
    #header .wrapper > nav > div > ul > li > a{
        padding: 10px 0;
        display: block;
    }
    
    #header .wrapper > nav > div > ul > li > ul{
        position: relative;
        top: auto;
        left: auto;        
    }
    
    #header .wrapper > nav > div > ul > li > ul:before{
        display: none;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul > li{
        width: auto;
        padding: 0;
        float: none;
        display: block;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul{
        padding: 20px 0;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul > li{
        width: 100%;
        margin: 0 0 10px;
        display: block;
        border-right: none;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul > li > a{
        text-align: left;
        font-size: 14px;
    }
    
    #header .wrapper > nav > div > ul > li.big-view > ul > li.basic-pack > a,
    #header .wrapper > nav > div > ul > li.big-view > ul > li.full-pack > a{
        background: none !important;
        padding: 0;
    }
    
    #header .wrapper > nav > div > ul > li > ul > li a:before{
        display: none;
    }
    
    .no-touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children:hover > a:before,
    .touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children.open > a:before,
    .no-touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children:hover > a:after,
    .touchevents #header .wrapper > nav > div > ul > li.menu-item-has-children.open > a:after{
        display: none;
    }
    
    .summary ul > li{
        font-size: 43px;
        line-height: 45px;
    }
    
    .content-box > .content-entry .content-wrapper{
        text-align: center;
        display: block;
    }
    
    .content-box > .content-entry .text,
    .home .content-box > .content-entry .content-wrapper .text,
    .home .content-box > .content-entry:nth-child(2n) .content-wrapper .text{
        width: auto;
        padding: 0 0 60px;
        display: block;
    }
    
    .content-box > .content-entry .content-wrapper .text .section-title{
        text-align: center;
    }
    
    .content-box > .content-entry .content-wrapper figure{
        display: none;
    }
    
    .content-slider .slick-dots{
        text-align: center;
    }
    
    .price-box{
        padding: 20px 10px 25px; 
    }
    
    .price-box strong{
        margin: 0 0 10px;
        display: block;
    }
    
    #plans ul > li{
        width: 100%;
        margin: 0 0 100px;
        text-align: center;
    }
    
    #plans ul > li p, #plans #plans-holder .plans-entry p{
        min-height: 0;
    }
    
    .files > li,
    .content-entry .files > li{
        width: 100%;
        padding: 0;
        float: none;
    }
    
    p{
        font-size: 16px;
    }
    
}

@media all and (max-width: 600px){
    
    #header{
        padding: 10px 0 15px;
    }
    
    #header #logo{
        width: 210px;
        margin: 15px 0 0 10px;
    }
    
    #header .wrapper > nav button{
        margin: 25px 20px 0 0;
    }
    
    .slider-entry{
        padding: 50px 20px 100px;
    }
    
    .slider-entry h2{
        margin: 0 0 20px;
    }
    
    #slider .slick-dots{
        bottom: 40px;
    }
    
    .summary{
        text-align: center;
    }
    
    .summary ul > li div{
        text-align: center;
    }
    
    #breadcrumb{
        display: none;
    }
    
    .careersForm{
        padding: 0 10px 20px;
    }
    
    .careersForm > strong{
        margin: 0 -10px 30px;
        font-size: 26px;
    }
    
    .contact-list > ul > li{
        width: 100%;
    }
    
    #footer .tabs nav{
        margin: 0 20px;
    }
    
    #footer .slick-slider > button{
        left: -25px;
    }
    
    #footer .slick-slider > button.slick-next{
        left: auto;
        right: -25px;
    }
    
    #footer > .wrapper{
        text-align: center;
    }
    
    #footer > .wrapper > p,
    #footer > .wrapper > ul{
        float: none;
    }
    
    .section-title h2 {
        font-size: 30px;
    }
    
}


/* upgrade browser */

#upgrade-browser {
    /*padding: 17px 30px 14px 10px;*/
    padding: 10px 60px;
    position: relative;
    z-index: 10000;
    text-align: center;
    background: #ffe490;
}

#upgrade-browser a {
    height: 50px; width: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 0;
    vertical-align: middle;
    background: url('./web/images/browser-sprite.jpg') no-repeat -1000px 0;
}
#upgrade-browser a.chrome {
    background-position: 0px 0px;
}
#upgrade-browser a.ie { 
    background-position: -50px 0px;
}
#upgrade-browser a.firefox {
    background-position: -100px 0;
}
#upgrade-browser a.opera {
    background-position: -150px 0;
}
#upgrade-browser a.safari {
    background-position: -200px 0;
}
#upgrade-browser span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin: 10px;
}
#upgrade-browser .close-warning {
    height: 50px; 
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('./web/images/browser-sprite.jpg') no-repeat -250px 0;
}
/* end of upgrade browser */
/*
Custom CSS
*/
/* 
    Created on : Dec 21, 2016, 12:51:23 PM
    Author     : We Work With You
*/
.slider-title {
    text-align: center;
    max-width: 50%;
    margin: 0px auto;
    word-wrap: break-word;
}
a, a:hover, a:focus, a:active, a:visited {
    outline:none;
}
#footer > .wrapper > ul {
    float: right;
    margin: 0;
}
.careersForm {padding-bottom:0px;}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    padding: 0px 10px;
    margin: 0px 40px;
    margin-top: -20px;
}
div.wpcf7-validation-errors {
    border: 2px solid red;
    margin: 0px 40px;
    margin-top: -20px;
}
.category-listing a {
    display: block;
    font-size: 21px;
    color: #14bae4;
    text-decoration: none;
    margin: 20px 0px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}