/* font embedding */
    @font-face {

    font-family: 'merri_bold';
    src: url('../fonts/Merriweather-Bold-webfont.eot');
    src: url('../fonts/Merriweather-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Merriweather-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Merriweather-Bold-webfont.woff') format('woff'),
         url('../fonts/Merriweather-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Merriweather-Bold-webfont.svg#merri_bold') format('svg');
    font-weight: normal;
    font-style: normal;
        }

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

        }

    @font-face {

    font-family: 'merri_italic';
    src: url('../fonts/Merriweather-Italic-webfont.eot');
    src: url('../fonts/Merriweather-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Merriweather-Italic-webfont.woff2') format('woff2'),
         url('../fonts/Merriweather-Italic-webfont.woff') format('woff'),
         url('../fonts/Merriweather-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Merriweather-Italic-webfont.svg#merri_italic') format('svg');
    font-weight: normal;
    font-style: normal;

    }


    @font-face {

    font-family: nevis_bold;
    src: url('../fonts/Nevis_bold.ttf');
    src: url('../fonts/Nevis_Bold.eot') format('embedded-opentype');
    src: url('../fonts/Nevis_Bold.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/Nevis_Bold.woff') format('woff');
    src: url('../fonts/Nevis_Bold.svg#nevis_bold') format('svg');
    src: url('../fonts/Nevis_Bold.otf') format('otf');
        }

    @font-face {

       font-family: 'ubuntu_regular';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/../fonts/Ubuntu-R-webfont.woff2') format('woff2'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-R-webfont.svg#ubuntu_regular') format('svg');
    font-weight: normal;
    font-style: normal;
        }


    @font-face {

   font-family: 'ubuntu_bold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff2') format('woff2'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-B-webfont.svg#ubuntu_bold') format('svg');
    font-weight: normal;
    font-style: normal;


        }

    html body {
    margin:0px;
    padding:0px;
    }

/* smooth landing page */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


/* Top navigation bar */

a:hover div.menu_box:before   {
opacity:0.5;
-moz-opacity:0.5;
-ms-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;
        }

div.menu_box:before {
width:109px;
height:21px;
top:50px;
position:relative;
float:right;
content: url(../images/menu.png);
z-index:5;
transition:0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
-webkit-transition:0.5s ease;
-o-transition:0.5s ease;

        }


div.menu_shrink:before {
width:109px;
height:21px;
top:30px;
position:relative;
float:right;
content: url(../images/menu_shrink.png);
z-index:5;
transition:0.5s;
-moz-transition: 0.5s;
-ms-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
        }



.menu{
width:100%;
height:100%;
background-color:#263c85;
position:fixed;
left:100%;
z-index:5;
overflow:hidden;
transition:0.2s;
-moz-transition: 0.2s;
-ms-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;
        }

.mActive {
left:0px;
transition:0.2s;
-moz-transition: 0.2s;
-ms-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;
        }

.close {
color:#fff;
padding:10px;
width:80px;
position:absolute;
top:30px;
right:30px;
z-index:6;
        }

div.close::before {
content: url(../images/close.png);
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
}

a:hover div.close {
opacity:0.5;
-moz-opacity:0.5;
-ms-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;

-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-o-transition:0.5s;
        }

.main-header { 
position:fixed;
width:100%;
z-index:2;
}

.header {
    width:100%;
    height:120px;
    background: #fff;
    color: #fff;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-o-transition:0.5s;
}

.header.tiny {
    height:85px;
    background: #fff;
}

div.logo::before {
top:10px;
content:url(../images/logo.png);
height: 95px;
width: 118px;
top:25px;
z-index:5;
-moz-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
position:relative;
float:left
}


div.shrink::before  {
content:url(../images/logo_shrink.png);
top:15px;
height: 56px;
width: 56px;
z-index: 5;
position:relative;
float:left;
-moz-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
}

.logo {
top:10px;
}

nav {
padding-top:160px;
font-family: ubuntu_regular;
list-style: none;
text-decoration:none;
text-align:center;
list-style-type:none;
position:relative;
letter-spacing:0.1em;
margin:0 auto;
}

nav ul { margin:0; padding:0 }

nav ul li a {
font-family:ubuntu_regular;
color:#fff;
font-size: 52px;
z-index:5;
text-align: center;
line-height: 1.9em;
list-style-type:none;
text-decoration: none;
}

.about {
list-style:none;
}

nav a:hover {
text-decoration:underline;
font-size:50px;
transition:0.2s;
-moz-transition: 0.2s;
-ms-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;
}

.our-team {
list-style:none;
}

.our-services {
list-style:none;
}

.contact-us {
list-style:none;
}

.headline_bold {
color:#263c85;
font-family:merri_bold;
letter-spacing:0.04em;
font-size:33px;
line-height:1.5em;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
 }

/* Content */

.line {
padding-bottom:20px;
}

.container {
max-width:1280px;
position:relative;
margin:0 auto;
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-ms-animation: fadein 2s;
-webkit-animation: fadein 2s; /* Safari and Chrome */
-o-animation: fadein 2s; /* Opera */
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
}

.container:after {
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
line-height: 0;
content: ".";	
}

.h1 {
    font-family: merri_italic;
    letter-spacing:0.1em;
    font-size:14px;
    margin-bottom:30px;
    color:#ffffff;
    -webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
    }

.h2 {
    font-family: ubuntu_bold;
    margin-bottom:25px;
    text-align:left;
    text-transform: uppercase;
    line-height: 1.2em;
    font-size: 20px;
    color:#ffffff;
    letter-spacing:0.1em;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
    }
	
#textbox_container {
padding:30px 60px
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
	

/*-------------------[1080px]------------------*/
@media screen and (min-width: 1101px) and (max-width: 1300px) {
.container { width: 1080px; }
}
/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
.container { width: 960px; }
}
/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
.container { width: 100%; }
}
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
.headline_bold { font-size:29px }
}
/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.headline_bold { font-size:26px }
}
	


/* footer */

.footer {
    width:100%;
    background-color:#292b2d;
	position:relative;
	display:block;
	float:left
}

.footer_body a { color:#ffffff; }


.footer_textbox {
padding:30px 10px;
}


.footer_header {
    font-family: ubuntu_bold;
    text-align:center;
    text-transform: uppercase;
    font-size: 13px;
    color:#ffffff;
    letter-spacing:0.15em;
    -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
       -o-font-smoothing: antialiased;
       -ms-font-smoothing: antialiased;
    }

.footer_body {
    font-family: ubuntu_regular;
    text-align:center;
    font-size: 10px;
    color:#ffffff;
    letter-spacing:0.15em;
    -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
       -o-font-smoothing: antialiased;
       -ms-font-smoothing: antialiased;
    }


/*-------------------[1080px]------------------*/
@media screen and (min-width: 1101px) and (max-width: 1300px) {
#textbox_container { padding:20px 40px }
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
#textbox_container { padding:20px 40px}
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
.container-inner { padding:0 60px }	
#textbox_container { padding:45px 60px 50px }
div.menu_box:before {top:30px; content: url(../images/menu_shrink.png); }
.header { height:85px; }
div.logo:before { content:url(../images/logo_shrink.png); top:15px; height: 56px; width: 56px;}
nav {padding-top:160px;}
nav ul li a { font-size: 42px;}
nav a:hover { font-size: 40px; }
}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
.container-inner { padding:0 40px }		
#textbox_container { padding:45px 40px 50px }
.footer_header { font-size:12px }
.footer_textbox { padding:30px 30px;}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.container-inner { padding:0 30px }	
#textbox_container { padding:35px 30px 40px }
.footer_header { font-size:9px }
nav {padding-top:160px;}
nav ul li a { font-size: 35px;}
nav a:hover { font-size: 33px; }
}