/* cyrillic-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(/assets/template/fonts/7cHrv4okm5zmbt7bCPs2wH8RnA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(/assets/template/fonts/7cHrv4okm5zmbt7bCPs_wH8RnA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(/assets/template/fonts/7cHrv4okm5zmbt7bCPs0wH8RnA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(/assets/template/fonts/7cHrv4okm5zmbt7bCPs1wH8RnA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(/assets/template/fonts/7cHrv4okm5zmbt7bCPs7wH8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Magra';
    font-style: normal;
    font-weight: 400;
    src: local('Magra'), url(/assets/template/fonts/uK_94ruaZus72n54KjIvOw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Magra';
    font-style: normal;
    font-weight: 400;
    src: local('Magra'), url(/assets/template/fonts/uK_94ruaZus72n52KjI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/assets/template/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/assets/template/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== General ===== */

html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #005CAB;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .container {
        width: 960px !important;
    }
}

/* ===== Typography ===== */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Magra', sans-serif;
}

h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    line-height: 130%;
    color: #00A0DA
}

h1 {

    font-size: 28px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    line-height: 136%;
    color: #005CAB;
    /*border-bottom: 1px solid #c8c8c8;
        -webkit-box-shadow: 0px 2px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(255,255,255,1);
box-shadow: 0px 2px 0px 0px rgba(255,255,255,1);*/

}

.content-box p {
    color: #005CAB;
    font-size: 16px;
    margin: 0 0 10px 0
}

.content-box .mask table {
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    font-size: 16px;
    margin: 0 0 10px 0
}

.content-box .mask {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    border-radius: 3px 40px 0 0;
    padding: 15px 10px 5px 15px;
    margin: 0 0 20px 0;
    -webkit-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

.content-box .mask .thumbnail {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    display: block;
    margin-bottom: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}

.content-box li {
    font-size: 16px;
    padding: 0;
    margin: 0 0 0 -22px;
    line-height: 1.3em;
    list-style-type: disc;
}

.panel-title {
    padding: 0 26px 0 0
}

.subnavi h3 {
    color: #fff;
}

h3,
.content-box .mask h3 {
    color: #53BAE4;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    text-transform: none;
}

.portfolio-desc h3 {
    margin: 10px 0 5px 0;
}

.panel-heading h3,
.portfolio .mask h3 {
    color: #fff;
}

.content-box .mask p {
    margin: 0 8px 8px 0;
}

.keyvisual {
    -webkit-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 6px 10px -4px rgba(0, 0, 0, 0.4);
    border-bottom: 6px solid #005CAB;
    margin: 0 0 34px 0;
}

.container p {
    font-size: 16px;
    line-height: 140%;
}

.container .home-news,
.container .home-news p {
    font-size: 14px
}

.container p del,
.container del {
    text-decoration: none;
}

.thumbnail {
    background-color: #FFFFFF;
    border: 0;
    border-radius: 0;
    display: block;
    margin-bottom: 20px;
    padding: 8px;
    -webkit-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 15px 17px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 6px 10px -4px rgba(0, 0, 0, 0.4);
}

a {
    color: #00A0DA;
    outline: none;
}

.icon {
    padding: 0 10px 0 0
}

/* ===== Sticky Footer ===== */

.wrapper {
    min-height: 100%;
    height: auto !important;
    /* for older versions of IE */
    height: 100%;
    margin-bottom: -348px;
    /* footer height + margin */
    padding-top: 20px;
    /* margin */
    padding-bottom: 348px;
    /* footer height + margin */
}

.main {
    padding: 0
}

/* ===== Mini Navbar ===== */

.mini-navbar {
    width: 100%;
    height: 40px;
    font-size: 0.9em;
    z-index: 9999;
    position: relative;
}

.mini-navbar .hidden-sm {
    display: inline-block !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .mini-navbar .hidden-sm {
        display: none !important;
    }
}

.mini-navbar .phone {
    display: inline-block;
    padding: 10px;
}

.mini-navbar .social {
    display: inline-block;
    padding: 8px;
}

.mini-navbar .social li {
    margin: 0 0 0 7px
}

.mini-navbar a {
    display: inline-block;

    -webkit-transition: background 500ms;
    transition: background 500ms;
}

.mini-navbar a.first-child {
    margin-left: -25px;
    /* To align with logo and container */
}

.mini-navbar a:hover {
    text-decoration: none;
}


/* Mini Navbar Blue */

.mini-navbar-blue {

    color: #64C3F0;

}

.mini-navbar-blue a {
    color: #64C3F0;

}

.mini-navbar-blue a:hover {

    color: #009CE0;

}

/* Search Form */

.mini-navbar form {
    width: 160px;
}

.mini-navbar form .form-control {
    height: 26px;
    margin: 7px 0;
    border: 0;
    border-radius: 20px;
}

.mini-navbar form button {
    height: 26px;
    margin: 7px 0;
    padding: 2px 7px;
    background: #64C3F0;
    color: #fff;
    font-size: 10px
}

.mini-navbar form button:hover {
    background: #009CE0;
    color: #fff
}

.mini-navbar-blue form .form-control {
    background: #fff;
    border: 1px solid #dedede;
    color: #505050;
}

/* ===== Navbar ===== */

.navbar-static-top {
    right: 0;
    left: 0;
}

/* Navbar gets a bit higher */

.navbar {
    min-height: 75px;
    margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 26px;
        padding-bottom: 27px;
    }
}

.navbar-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

.navbar-brand {
    height: 80px;
    padding: 2px 0 0 0;

}

.logo {}

.navbar-brand > span {
    font-size: 14px;
}

@media (max-width: 767px) {
    .navbar-brand > span {
        display: none;
    }
}

.navbar-btn {
    margin-top: 20.5px;
    margin-bottom: 20.5px;
}

.navbar-text {
    margin-top: 27.5px;
    margin-bottom: 27.5px;
}

.navbar-toggle {
    margin-top: 20.5px;
    margin-bottom: 20.5px;
}




.linie {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #c8c8c8;
}

.navbar-blue .navbar-nav > .open > a:after {
    color: #fff;
}


/* Navbar Blue */

.navbar-blue {
    border-bottom: 8px solid #F5E9CD;
    background: #005CAB;
    height: 100px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
    box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3);
}


.navbar-blue .navbar-brand {}

.navbar-blue .navbar-brand > span {
    color: #ccc;
}

.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
    color: #111;
}

.navbar-blue .navbar-text {
    color: #505050;
}

.navbar-blue .navbar-nav > li > a {
    color: #fff;
    background-color: transparent;
    height: 80px;

}

/* .navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
	color: #fff;
} */

.nav-hover-fix:hover {
    color: #54B3E0 !important;
    border-bottom: 8px solid #005CAB;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {

    border-bottom: 8px solid #005CAB;
    background: transparent;
}

.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus {
    color: #ccc;
}

.navbar-blue .navbar-toggle {
    border-color: transparent;
    background: transparent;
}

.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
    background-color: #f5f5f5;
}

.navbar-blue .navbar-toggle .icon-bar {
    background-color: #505050;
}

.navbar-blue .navbar-toggle:hover .icon-bar,
.navbar-blue .navbar-toggle:focus .icon-bar {
    background-color: #111;
}

.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
    border-color: #ccc;
}

.in {
    background: #005CAB;
}

.mask .in {
    background: none;
}

.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
    color: #54B3E0;
}

.navbar-blue .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-blue .navbar-nav > .dropdown {
    margin: 0 50px 0 0;
}

.navbar-blue .navbar-nav > .open > a .caret,
.navbar-blue .navbar-nav > .open > a:hover .caret,
.navbar-blue .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

/* Navbar Blue Dropdown Menu */

.navbar-blue .navbar-nav > li > .dropdown-menu {
    background-color: #fff;
    border: 1px solid #E6E7E9;
    border-radius: 0;
    text-transform: none;
    text-shadow: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);

}

.navbar-blue .dropdown-menu > li > a {
    padding: 6px 10px;
    border-bottom: 1px solid #cbcbcb;
    color: #005AAE;
    font-family: 'Exo 2', sans-serif;
    font-size: 13px
}

.navbar-blue .dropdown-menu > li > a:hover,
.navbar-blue .dropdown-menu > li > a:focus {
    color: #fff;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    background: #009CE3;
}

.navbar-blue .dropdown-menu > li:last-child > a {
    border-bottom: 0;
}

.navbar-blue .navbar-link {
    color: #505050;
}

.navbar-blue .navbar-link:hover {
    color: #009CE0;
    ;
}

/* Navbar Blue Mobile */

@media (max-width: 767px) {
    .navbar-blue .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #ecf0f1;
    }

    .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
        color: #505050;
        padding: 10px 20px;
        border: 0;
    }

    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    }

    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #505050;
        background-color: transparent;
    }

    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    /* .navbar-blue .navbar-nav > li > a:hover,
	.navbar-blue .navbar-nav > li > a:focus {
		color: #fff;
	} */
    .navbar-blue .navbar-nav > .open > a,
    .navbar-blue .navbar-nav > .open > a:hover,
    .navbar-blue .navbar-nav > .open > a:focus {
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border-width: 0;
    }
}

/*========*/
/* ===== Style Toggle ===== */

.style-toggle-btn {
    position: absolute;
    z-index: 50505055;
    top: -3px;
    left: -46px;
    color: #FFF;
    background: #4E4D4A;
    padding: 12px;
    font-size: 18px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
}

.style-toggle-btn.fa-angle-double-right {
    padding: 12px 17px 12px 16px;
}

.style-toggle {
    position: fixed;
    z-index: 50505055;
    top: 150px;
    right: -180px;
    max-width: 180px;
    border-radius: 0 0 0 3px;
    background: #fff;
    border: 3px solid #666;
    border-right: 0;
    color: #505050;
    -webkit-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
}

.style-toggle-show {
    right: 0;
}

.style-toggle-header {
    padding: 10px;
    color: #fff;
    background: #666;
}

.style-toggle-body {
    padding: 10px;
}

.nextpage,
.godown {
    background: none repeat scroll 0 0 #64C3F0;
    border-radius: 20px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 20px;
    padding: 3px;
    text-align: center;
    transition: background 500ms ease 0s, color 500ms ease 0s;
    width: 24px;
    margin: 10px 0 0 0;
    outline: none;
}

.godown {
    margin: 0 0 5px 0
}

.nextpage:hover {
    background: #009CE0;
    color: #FFFFFF;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    padding: 0;
    border: 0;
}

#accordion {
    margin: 20px 0 20px 0
}

.panel .table {
    margin: 0
}

.panel-group {
    margin: 0;
    padding: 0
}

colgroup col.stripe {
    background-color: #eaeaea;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #eaeaea;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fff;
}

/* table tr:first-child {display:none;}*/

.sitemap,
.searchresults {
    margin: 0;
    padding: 0
}

.sitemap UL,
.searchresults ul {
    margin: 0;
    padding: 0
}

.sitemap LI,
.searchresults li {
    line-height: 170%;
    list-style-type: none;
    margin: 0 0 10px 0;
}

.sitemap LI a {
    font-size: 18px;
}

.sitemap LI a:before,
.searchresults LI a:before {
    content: ">";
    font-weight: bold;
    padding: 0 6px 0 0;
    text-decoration: none;
}

.sitemap LI a:hover,
.searchresults LI a:hover {

    text-decoration: none;
}

.sitemap UL LI UL LI {
    margin: 0 0 0 15px;
}

.sitemap ul li ul LI a:before {
    content: "";
}

.sitemap UL LI UL LI UL LI {
    margin: 0 0 0 15px;
}

.galerie-item img {
    border-radius: 5px;
    opacity: 0.5;
}

.galerie-item img {
    border-radius: 5px;
    opacity: 0.5;
}

.galerie-item img:hover {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.galerie-row {
    padding: 0;
}

.galerie-row .col-xs-4 {
    padding: 0 5px 5px 5px
}

.body-blue .btn-color,
.btn-blue {
    background-color: #64C4F1;
    border: 0;
}

.btn-color,
.btn-color:hover,
.btn-green,
.btn-green:hover,
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red:hover {
    color: #FFFFFF !important;
    transition: background-color 300ms ease 0s, border-color 300ms ease 0s;
}

.sign-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
}



/* ===== Back to Top link ===== */

.backtotop {
    background: #64C4F1;
    font-size: 90px;
    color: #FFF;
    height: 100px;
    width: 100px;
    text-align: center;
    margin: 20px;
    border-radius: 100px;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;

}

#topcontrol .fa {
    font-size: 90px;
}

.backtotop:hover {
    background: #009CE0;
}


.card1 i,
.card2 i {
    background: #005CAB;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    height: 30px;
    line-height: 1px;
    padding: 18px 8px;
    text-align: center;
    width: 74px;
}

.card2 i {
    padding: 20px 8px;
}

.card1 b,
.card1 strong,
.card2 b,
.card2 strong {
    font-size: 16px;
    color: #666
}

.card1 p,
.card2 p {
    text-align: center
}

p.icon {
    margin: 10px 0 15px 0;
    text-align: center
}

.card1,
.card2 {
    width: 100%;
    height: 80px;
    margin: 0 0 40px 0;

}

.card1 .front,
.card2 .front {
    font-weight: 200;
    background-color: #eee;
    border-radius: 8px;
    height: 100px;
    padding: 3px 0 0 0;
    border: 1px solid grey
}


img.desaturate {
    filter: url(filters.svg#grayscale);
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */

}

img.desaturate:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}


/* ===== Footer ===== */

footer {
    color: #fff;
    background: #005DAB;
    padding: 15px 0 10px 0;
}

footer h3 {
    padding-bottom: 10px;
    border-bottom: 3px solid #F7E9CD;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

footer p {
    font-size: 15px;
    color: #fff
}

footer li {
    list-style-type: disc;
    color: #fff;
    margin: 0 0 0 12px;
    line-height: 25px
}

footer li a,
footer a,
.footer2 a {
    font-size: 15px;
    color: #fff;
}

footer a:hover,
footer a:hover,
.footer2 a:hover {
    text-decoration: underline;
    color: #fff
}

footer h3 > span {
    padding: 5px;
}

footer hr {
    padding: 1px;
    background: #004C92;
    border: 0;
    margin: 15px 0 5px 0
}


.footer2 {
    background: #009CE3;
    padding: 15px 0 5px 0
}

.footer2 p {
    font-size: 15px;
    color: #fff
}

/* Social Links */

.social > ul,
.social > ul > li {
    margin: 0;
    padding: 0;
}

.social li > a {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    background: #64C3F0;
    color: #fff;
    transition: background 500ms, color 500ms;
    -webkit-transition: background 500ms, color 500ms;
}

.social li:hover > a {
    color: #fff;
}

.social li > a.rss:hover {
    background: #ff9900;
}

.social li > a.home:hover {
    background: #009CE0;
}

.social li > a.twitter:hover {
    background: #1dcaff;
}

.social li > a.plus:hover {
    background: #dd4b39;
}

.social li > a.vk:hover {
    background: #3f628a;
}

.social li > a.pinterest:hover {
    background: #c92026;
}

.social li > a.vimeo:hover {
    background: #446d82;
}

.social li > a.github:hover {
    background: #657e8c;
}

.social li > a.linkedin:hover {
    background: #0c7bb3;
}

.social li > a.dropbox:hover {
    background: #4fa3e3;
}

.social li > a.youtube:hover {
    background: #ed413e;
}

/* Footer White Social Links */

.footer-white .social li > a {
    border: 1px solid #ccc;
}

.footer-white .social li > a:hover {
    border: 1px solid transparent;
}

.content-bgr {
    background: #FCF7EB;
    padding: 40px 0 30px 0;

}

.panel {
    background-color: transparent;
    border: 0;
    margin-bottom: 20px;
}

.panel .list-group {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.panel-default > .panel-heading {
    padding: 10px 0 10px 5px;
    border: 0;
    background: none repeat scroll 0 0 #009CE3;
    border-radius: 3px 40px 0 0;
    color: #fff
}

.subnavi .mask {
    padding: 10px 0 10px 5px;
    border: 0;
    background: #005CAB;
    border-radius: 3px 40px 0 0;
    color: #fff
}

.subnavi .mask h3 {
    font-size: 1.5em;
    margin: 0;
    padding: 0 0 0 5px;
    text-transform: uppercase;
}

.subnavi ul {
    margin: 0;
    padding: 0;
    background: #fff
}

.subnavi {
    margin: 0 0 10px 0
}

.subnavi li {
    border-bottom: 1px solid #C7C4B2;
}

.subnavi .lev2 li:last-child {
    border-bottom: 0
}

.subnavi .lev1 {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.subnavi .lev1 li a {
    padding: 6px 0 6px 1.5em;
    display: block;
    color: #005AAE;
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;


}

.subnavi .lev2 li a {
    color: #64C4F1;

}

.subnavi .lev1 li a:hover:before {
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    margin: 0 0.35em 0 -0.71em;
    vertical-align: bottom;
}

.subnavi .lev1 li a:hover {
    color: #fff;
    text-decoration: none;
    background: #64C4F1;
}

.subnavi .lev1 li a.active {
    color: #fff;
    text-decoration: none;
    background: #64C4F1
}

.subnavi .lev1 li a.active:before {
    content: "\f107";
    font-family: 'FontAwesome', sans-serif;
    margin: 0 0.35em 0 -0.71em;
    vertical-align: bottom;
}

.subnavi .lev2 li a:hover {
    color: #fff;
    text-decoration: none;
    background: #64C4F1;
}

.subnavi .lev2 li a.active {

    color: #64C4F1;
    background: transparent;
}

.subnavi .lev2 li a.active:before {
    content: "\f101";

    font-family: 'FontAwesome', sans-serif;
    margin: 0 0.35em 0 -0.71em;
    vertical-align: bottom;

}

/* ===== Jumbotron ===== */
.jumbotron h2 {
    background-color: rgba(0, 92, 171, 0.6);
    border-radius: 0 15px;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    margin-bottom: 10px;
    padding: 10px 15px;
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-box-shadow: 2px 3px 2px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 2px 3px 2px 0px rgba(255, 255, 255, 0.6);
    box-shadow: 2px 2px 3px 0px rgba(255, 255, 255, 0.6);
}

.main-slideshow {
    position: relative;
    margin-top: -20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.jumbotron.first {
    background: url(../img/slide6.jpg) no-repeat center center;
    background-size: cover;
}

.jumbotron.second {
    background: url(../img/slide5.jpg) no-repeat center center;
    background-size: cover;
}

.jumbotron.third {
    background: url(../img/slide4.jpg) no-repeat center center;
    background-size: cover;
}

.jumbotron {
    width: 100%;
    height: 340px;
    margin-bottom: 0;
    padding-top: 180px;
    padding-bottom: 30px;
    color: #FFF;
    border-bottom: 0;
    overflow: hidden;
}

.jumbotron.second img {
    position: absolute;
    bottom: -600px;
    left: 50%;
    margin-left: -300px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
}

.jumbotron.first h2,
.jumbotron.third h2 {}

@media (max-width: 767px) {

    /* Adjusting for mobile */
    .jumbotron.first h1,
    .jumbotron.third h1 {
        margin-top: 20px;
    }
}

.jumbotron .lead {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.jumbotron .btn {
    font-size: 18px;
    padding: 15px 30px;
    margin-top: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* Slideshow controls */

a.slideshow-arrow {
    position: absolute;
    display: block;
    height: 100px;
    width: 50px;
    top: 50%;
    margin-top: -60px;
    background: transparent;
    color: transparent;
    font-size: 32px;
    font-weight: 300;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background 500ms, color 500ms;
    transition: background 500ms, color 500ms;
}

.main-slideshow:hover a.slideshow-arrow {
    background: rgba(0, 92, 171, 0.4);
    color: #FFF;
}

a.slideshow-arrow:hover,
a.slideshow-arrow:active {
    text-decoration: none;
}

a.slideshow-arrow-prev {
    left: 0;
    right: auto;
    padding-right: 5px;
}

a.slideshow-arrow-next {
    right: 0;
    left: auto;
    padding-left: 5px;
}

/* ===== Intro Text ===== */

.intro .btn {
    margin-top: 20px;
}

/* ===== Services ===== */

.services {
    margin-top: 30px;
    margin-bottom: 60px;
}

.services-item i {
    float: left;
    margin: 20px 15px 0 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.services-item-desc {
    overflow: hidden;
}

/* Portfolio */

.portfolio {
    margin-bottom: 10px;
    margin-top: 15px;
}

.portfolio-item > a {
    position: relative;
    display: block;
    overflow: hidden;
}

.portfolio-item > a > img {
    border-radius: 3px;
}

.portfolio-item > a > .mask {
    position: absolute;
    bottom: -40px;
    width: 100%;
    padding: 10px 0 50px 0;
    border-radius: 0 40px 3px 3px;
    background: #009CE3;
    font-size: 12px;
    color: #fff;
    -webkit-transition: bottom 500ms;
    transition: bottom 500ms;
}

.col-sm-3 > .portfolio-item > a > .mask,
.col-md-3 > .portfolio-item > a > .mask,
.col-lg-3 > .portfolio-item > a > .mask {
    font-size: 0.9em;
}

.mask h3 {
    font-size: 1.5em;
    padding: 0 0 0 10px;
    margin: 0;
    text-transform: uppercase
}

.portfolio-item > a:hover > .mask {
    bottom: 0;
}

.portfolio-desc {
    padding: 0 5px;
    margin-bottom: 20px;
}

.portfolio-desc > h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.picleft {
    margin: 0;
    padding: 5px 10px 0 0;
}

.picright {
    margin: 0;
    padding: 5px 0 0 10px;
}

.dsa-cookie-notice {
    left: auto !important;
    right: 10px !important;
    z-index: 99999 !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 290px !important;
    background-color: #005cab !important;
    color: #fff !important;
}

.dsa-cookie-notice a {
    color: #64c4f1 !important;
    text-decoration: underline !important;
}

.dsa-cookie-notice .dsa-cookie-notice-close {
    background-color: #64c4f1 !important;
    color: #fff !important;
}