html {
    scroll-behavior: smooth;
}

body {
    font-size: 15px;
    color: #555;
    background: #fff;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: #1c87c9;
}

a:hover {
    color: #990000;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    color: #333;
    font-family: 'Raleway', sans-serif;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: 700;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0 0 25px;
}

red {
    color: #FF0000;
}

.hr {
    height: 1px;
    width: 100%;
    background: #ccc;
    line-height: 1px;
    font-size: 0;
    margin: 15px 0;
}

.dis-bl {
    display: block;
}

.fleft {
    float: left;
    display: inline;
}

.fright {
    float: right;
    display: inline;
}

.clear {
    clear: both;
    line-height: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.textLeft {
    text-align: left !important;
}

.textRight {
    text-align: right !important;
}

.textCenter {
    text-align: center !important;
}

.title-wrap {
    background-image: url(../images/bg-img.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 30px 0;
    padding-top: 150px;
}

.title-wrap .title {
    color: #fff;
    padding: 10px 0;
    margin: 0;
}

.title-wrap .title h1 {
    color: #fff;
    margin: 0;
    font-size: 26px;
}

.title {
    color: #333;
    margin-bottom: 30px;
}

.title strong {
    color: #fff;
    background-color: #1C87C9;
    padding: 0 5px;
    border-radius: 5px;
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #333;
}

.title-w1 span.hr {
    width: 20% !important;
}

.title-w2 span.hr {
    width: 10% !important;
}

.dark-title {}

.dark-title h1,
.dark-title h2,
.dark-title h3,
.dark-title h4,
.dark-title h5,
.dark-title h6 {
    color: #fff !important;
}

.dark-title strong {
    color: #FFFF00;
}

.dark-title span.hr {
    height: 3px;
    border: none;
    position: relative;
    background: #fff;
    margin: 20px 0;
    display: block;
    border: none !important;
}

.title-big h1,
.title-big h2,
.title-big h3,
.title-big h4,
.title-big h5,
.title-big h6 {
    font-size: 26px;
    line-height: 30px;
}

.opa6 {
    background: url(../images/opa6.png);
    padding: 50px;
}

.search-lists .title {
    border: 0;
    padding-left: 0;
    margin-bottom: 10px;
}

.form-control {
    border-radius: 0
}

.btn-style1,
.btn-style2,
.btn-style3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 10px 20px;
    border: none;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}

.btn-style1 {
    background: #1c87c9;
    background: linear-gradient(to right, #1c87c9 0%, #065e94 100%);
    color: #fff;
}

.btn-style2 {
    background: #666666;
    background: linear-gradient(to right, #666666 0%, #333333 100%);
    color: #fff;
}

.btn-style3 {
    background: #fff;
    background: linear-gradient(to right, #fff 0%, #ddd 100%);
    color: #333;
}

.btn-style1:hover,
.btn-style1:focus {
    background: #1c87c9;
    background: linear-gradient(to right, #065e94 0%, #1c87c9 100%);
    color: #fff;
}

.btn-style2:hover,
.btn-style2:focus {
    background: #333333;
    background: linear-gradient(to right, #333333 0%, #666666 100%);
    color: #fff;
}

.btn-style3:hover,
.btn-style3:focus {
    color: #333;
    background: linear-gradient(to right, #ddd 0%, #fff 100%);
}

.btn-style3:hover,
.btn-style3:focus {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.btn i {
    padding-right: 8px;
}

.m1 {
    margin-top: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.p15 {
    padding: 15px;
}

.mauto {
    margin: 0 auto;
}

.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.w20 {
    width: 20%;
    float: left;
}

.w50 {
    width: 50%;
    float: left;
}

.c-grid-title,
#quickContact .modal-header {
    background: #c80000;
    background: -moz-linear-gradient(top, #da1515 0%, #c80000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da1515), color-stop(100%, #c80000));
    background: -webkit-linear-gradient(top, #da1515 0%, #c80000 100%);
    background: -o-linear-gradient(top, #da1515 0%, #c80000 100%);
    background: -ms-linear-gradient(top, #da1515 0%, #c80000 100%);
    background: linear-gradient(top, #da1515 0%, #c80000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da1515', endColorstr='#c80000', GradientType=0);
}

.headIcons {
    padding: 20px 0;
}

.headIcons a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 5px;
    font-size: 24px;
    border: 3px solid #333;
    border-radius: 100%;
    line-height: 38px;
    text-align: center;
}

.headIcons a:hover {
    text-indent: 0px;
    /*
    transition: all .3s ease-in;
    transform: rotate(-360deg);
    */
    color: #333;
}

#header {
    display: none;
    position: relative;
    z-index: 5;
    background: #fff;
}

.logo {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 5px 0;
}

.logo img {
    display: block;
    vertical-align: bottom;
    height: 70px;
    margin: 0;
}

.navbar-brand {
    font-weight: bold;
    text-transform: uppercase;
    color: #2f5374;
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;
    padding: 15px;
    height: 80px;
    color: #1c87c9 !important;
}

.navbar-brand img {
    height: 50px;
    float: left;
    margin-right: 10px;
}

.logo-white {
    display: none;
}


/*Enable hover effect on menu*/

#header .dropdown:hover>.dropdown-menu {
    display: block;
}


/*Enable hover effect on menu*/

#header .navbar-default {
    border-radius: 0;
    border: none;
    background: #fff;
}

#header .navbar {
    height: auto;
    min-height: auto;
    margin: 0;
}

#header ul.nav {
    margin: 0;
}

#header ul.navbar-nav {}

#header .navbar-default .navbar-nav>li {}

#header .navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    color: #1c87c9;
    display: block;
    font-size: 13px;
    padding: 30px 12px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

#header .navbar-default .navbar-nav>li>a.highlighted,
#header .navbar-default .navbar-nav>li:hover>a {
    background: none !important;
}

#header .navbar-default .navbar-nav>li.current>a,
#header .navbar-default .navbar-nav>li.current>a:hover {
    background: none;
}

#header .navbar-default .navbar-nav>li>a.highlighted,
#header .navbar-default .navbar-nav>li:hover>a,
#header .navbar-default .navbar-nav>li.current>a,
#header .navbar-default .navbar-nav>li.current>a:hover {
    background: none;
    color: #ff440a;
}

#header .navbar-default .dropdown-menu {
    border-radius: 0 !important;
    border: none;
    background: #fff;
    /* padding:10px; border-bottom:3px solid #0066B3;*/
    box-shadow: 3px 6px 6px rgba(0, 0, 0, .30);
}

#header .navbar-default .dropdown-menu li {}

#header .navbar-default .dropdown-menu li:first-child {}

#header .navbar-default .dropdown-menu li:last-child {}

#header .navbar-default .dropdown-menu a {
    padding-top: 7px;
    padding-bottom: 8px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

#header .navbar-default .dropdown-menu a.highlighted,
#header .navbar-default .dropdown-menu a:hover,
#header .navbar-default .dropdown-menu li:hover>a,
#header .navbar-default .dropdown-menu a:focus {
    background: #1c87c9 !important;
    color: #fff !important;
}

.navbar-topmenu {
    height: 30px;
    line-height: 30px;
}

.navbar-topmenu p {
    float: right;
    margin: 0 !important;
    margin-left: 20px !important;
    padding-left: 30px !important;
    font-size: 15px !important;
    color: #1c87c9;
    font-weight: bold;
}

.navbar-topmenu a {
    color: #1c87c9 !important;
}

.navbar-topmenu p:before {
    color: #fff;
    font-size: 18px !important;
    width: 30px !important;
    margin-left: -30px !important;
    text-align: center !important;
    background: #5cc6d0;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 100%;
    font-weight: normal !important;
}

#header .navbar-default .navbar-nav>li.search-li>a {
    font-size: 22px;
}

#header li.search-li:hover,
#header .navbar-default .navbar-nav>li.search-li>a.highlighted,
#header .navbar-default .navbar-nav>li.search-li:hover>a,
#header .navbar-default .navbar-nav>li.search-li>a,
#header .navbar-default .navbar-nav>li.search-li>a:hover {
    background: none !important;
    color: #27363b !important;
}

#header li.search-li {
    padding: 0 !important;
}

li.search-li a {
    padding: 29px 18px !important;
}

#header .search-li ul.dropdown-menu {
    border: none;
    border-top: 3px solid #1c87c9;
}

#header .searchbox-inmenu {
    min-width: 20em;
}

#header .searchbox-inmenu .btn i,
#header .searchbox-inmenu .form-group {
    padding: 0;
    margin: 0;
}

#header .searchbox-inmenu .form-control {
    border: none !important;
}

#header .searchbox-inmenu .btn {
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 0;
    background: #1c87c9;
    border-color: #1c87c9;
    padding-bottom: 7px;
}

#header .lan-menu {
    text-transform: uppercase;
}

#header .lan-menu img {
    margin-right: 6px;
}

#header .lan-menu .lan-img {
    color: #fff;
    line-height: 15px;
    display: inline-block;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-color: #1c87c9;
    border-radius: 2px;
}

#header .lan-menu .lan-code {
    padding-right: 4px;
}

#google_translate_element {
    height: 30px;
    overflow: hidden;
    margin: 0 !important;
}

.goog-te-gadget .goog-te-combo {
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}

.social {
    padding: 0 15px;
}

.social a {
    font-size: 26px;
    line-height: 30px;
    color: #ccc;
    padding: 2px 5px;
}

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

.tooltip{z-index: 9;}

.fixed {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.fixed ul.nav {
    border: none !important;
}

.fixed ul.navbar-nav {
    padding: 0;
}

.fixed .navbar-default .navbar-nav>li>a {
    padding: 22px 12px !important;
}

.fixed .navbar-default {
    background: #fff !important;
}

.fixed .navbar-topmenu {
    display: none !important;
}

.fixed ul.navbar-nav {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.fixed .navbar {
    height: auto !important;
}

.fixed .navbar-brand {
    padding: 7px 15px !important;
    height: 63px !important;
}

.fixed .navbar-brand img {
    height: 49px !important;
}

.fixed li.search-li a {
    padding: 20px 18px !important;
}

#slider-wrap {
    border-bottom: 1px solid #ccc;
}
#slider-wrap #progressBar #bar{background-color: #1C87C9;}

#headerDiv{
    display: block;
}
#headerDiv .headerMenu {
    width: 100%;
    background: #fff;
}

#headerDiv .headerNav {
    background: #fff;
    position: relative;
    display: block;
}

#headerDiv .headerNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}

#headerDiv .headerNav>ul>li {
    display: inline;
    float: left;
    padding: 40px 10px;
}

#headerDiv .headerNav>ul>li>a {
    color: #292526;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 23px 3px;
    width: 60px;
    height: 60px;
    text-align: center;
    word-wrap: break-word;
    line-height: 14px;
    position: relative;
    z-index: 2;
}

#headerDiv .headerNav>ul>li>a>span.mnuTxt {
    position: absolute;
    top: 100%;
    width: 130px;
    text-align: center;
    left: -35px;
    text-indent: -9999px;
    margin-top: 5px;
}

#headerDiv .headerNav>ul>li>a>span.imgIco {
    background-image: url(../images/home.png);
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
}

#headerDiv .headerNav>ul>li>a::before {
    content: ' ';
    position: absolute;
    height: 58px;
    width: 58px;
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 100%;
}

#headerDiv .headerNav>ul>li:hover>a::before {
    background: #000;
}

#headerDiv .headerNav>ul>li:hover a>span.mnuTxt,
#headerDiv .headerNav>ul>li>a:focus a>span.mnuTxt {
    text-indent: 0;
}

#headerDiv .headerNav>ul>li:hover a>span.imgIco,
#headerDiv .headerNav>ul>li>a:focus a>span.imgIco {
    text-indent: 0px;
    transition: all .3s ease-in;
    /*transform: rotate(-360deg);*/
}

#headerDiv .fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
}

#headerDiv .headerNav ul.dropdwn {
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 10px;
    z-index: 3;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    display: none;
}

#headerDiv .headerNav ul.dropdwn li {
    float: left;
    width: 25%;
    display: inline;
}

#headerDiv .headerNav ul.dropdwn li {}

#headerDiv .headerNav ul.dropdwn li a {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 15px;
    text-transform: uppercase;
    display: block;
    padding-left: 35px;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#headerDiv .headerNav ul.dropdwn li a:before {
    content: "\f138";
    font-family: FontAwesome;
    position: absolute;
    margin-left: -20px;
    font-weight: normal;
}

#headerDiv .headerNav ul.dropdwn li a:hover,
#headerDiv .headerNav ul.dropdwn li a:focus {
    color: #0b2242;
}

#headerDiv .headerNav li:hover>ul.dropdwn,
#headerDiv .headerNav li:focus>ul.dropdwn {
    display: block;
}

.headerNavLogo a {
    position: relative;
    display: block;
}

/*
.headerNavLogo a::before {
    background-image: url(../images/favicon-white.png);
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
    content: ' ';
}

.headerNavLogo a:hover::before {
    background-image: url(../images/favicon.png);
    text-indent: 0px;
    transition: all .3s ease-in;
    transform: rotate(-360deg);
}
*/
.headerNavLogo img {
    height: 60px;
    display: block;
}

#page-slider {}

.sng-image img {
    width: 100%;
}

#slider h1 {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px;
}

.top-shade {
    width: 100%;
    height: 52px;
    position: relative;
    background-image: url(../images/top-shade.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -52px;
    z-index: 2;
}

.bot-shade {
    width: 100%;
    height: 22px;
    position: relative;
    background-image: url(../images/bot-shade.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -22px;
    z-index: 2;
}

.dark-div {
    padding: 15px 0;
    background: url(../images/darkbg.jpg) repeat center center #1c87c9;
    color: #ddd;
}

.border-box {
    font-size: 14px;
    padding: 15px;
    margin: 15px 0;
    text-align: center;
}

.border-box .img {
    text-align: center;
    margin: 25px 0;
}

.border-box i {
    font-size: 80px;
    color: #fff;
    text-shadow: 3px 3px #ff440a;
}

.border-box .img img {
    width: 100%;
}

.border-box h2 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px #000;
}

.border-box ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
}

.color1-div {
    background: #F1F3F7;
    color: #fff;
}

.border-box-dark {
    padding: 25px;
    text-align: center;
    color: #333
}

.border-box-dark h2 {
    color: #102969;
    font-weight: 400;
    font-size: 22px;
    margin: 0;
    line-height: 25px;
    text-shadow: 1px 1px 0px #fff;
}

.color1 {
    color: #102969;
}

.border-box-dark p {
    font-size: 14px;
    text-align: justify;
}

.f-box {
    margin: 25px 0;
    text-align: center;
}

.f-box-ic {
    padding: 0;
    text-align: center;
}

.f-box-ic img {
    height: 100px;
    border-radius: 20px;
    background: #fff;
    padding: 10px;
    border: 5px solid #333;
}

.f-box-info {
    color: #1c87c9;
    font-weight: bold;
    margin: 15px 0;
}

.f-box-info h2 {
    font-weight: 600;
}

.f-box-info a {
    color: #1c87c9;
}

.f-box:hover img {
    border: 5px solid #D7000E;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.body {
    padding: 50px 0;
    position: relative;
}

.pro-block {
    text-align: center;
    box-sizing: content-box;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
}

.pro-block h3 {
    margin: 0 !important;
    padding: 15px 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    height: 52px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.pro-block h4 {
    margin: 0 !important;
    padding: 15px 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #1a88c9 !important;
    padding-top: 0;
}

.pro-block .pro-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    display: block;
    height: 230px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.pro-block .pro-img a {
    background: rgba(0, 0, 0, 0.8);
    padding: 15px;
    display: block;
}

.pro-block img {
    width: 100%;
}

.playicon {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    font-size: 40px;
    color: #fff;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.playicon i {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
}

.progal-wrap {
    position: relative;
}

.progal-wrap .pro-img {
    border: 1px solid #ccc;
}

.img-gal {
    height: 202px;
    overflow: hidden;
}

.img-gal {
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
}

.img-gal .owl-controls {
    display: none !important;
}

.img-gal .pro-block {
    border: none;
}

.img-gal .pro-block img {
    height: 200px !important;
    max-width: none;
    width: auto !important;
    text-align: center;
    margin: 0 auto;
    border: none;
}

.proNav {
    position: absolute;
    top: 50%;
    color: #fff;
    padding: 0px 10px;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    z-index: 100;
    margin-top: -13px;
    opacity: 0.5;
    background: #000;
}

.proNav:hover {
    opacity: 1;
}

.btn-prev {
    left: 1px;
}

.btn-next {
    right: 1px;
}

.pro-block:hover {
    border-color: #900;
}

.pro-block:hover img {
    border-color: #ccc;
}

.ppgwrap {
    margin-bottom: 50px;
}

.ppgwrap .pro-block {
    border-radius: 15px;
}

.subpro-wrap {
    background: #F1F3F7;
    padding: 15px;
    border-radius: 15px;
}

.sub-problock {
    padding-left: 65px;
    margin: 15px;
}

.sub-problock img {
    width: 50px;
    height: 50px;
    position: absolute;
    margin-left: -65px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sub-problock p {
    margin: 0;
    line-height: 50px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
}

.sub-problock a {
    color: #1c87c9;
}

.sub-problock a:hover {
    color: #D5010D;
}

.attachment-wrap {
    position: relative;
    padding: 30px 0;
}

.attachment-wrap .pro-block img {
    height: auto !important;
    width: auto !important;
}

.attachment-wrap .img-gal {
    height: auto;
    border: none;
}

.attachment-wrap .pro-block {
    border: none;
}

.attachment-wrap strong {
    display: block;
    padding: 5px;
}

.prolists .pro-img {
    border: 1px solid #ccc;
}

.prolists .pro-block {
    margin: 30px 0;
}

.leftside .pro-block {
    margin: 0;
}

.searchresults .pro-img {
    border: none;
}

.root {
    background: none;
    margin: 0;
    font-size: 12px;
    border: none;
    padding: 0px;
}

.root .breadcrumb {
    margin: 0;
    border-radius: 0;
    color: #fff;
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.root .breadcrumb>.active {
    color: #ccc;
    font-weight: bold;
}

.root .breadcrumb>li+li::before {
    font-family: FontAwesome;
    color: #ccc;
    content: "\f105";
    padding: 0 5px;
    font-weight: bold;
}

.root .breadcrumb a {
    color: #fff;
}

.left-blocks {
    margin-bottom: 30px;
}

.left-blocks-data {
    padding: 8px 12px;
    border: 1px solid #ccc;
}

.left-blocks-data p {
    margin: 0;
    margin-bottom: 5px;
    line-height: 20px;
}

.contactform .left-blocks-data .mobile {
    margin-bottom: 15px;
}

.updates-wrap {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.rightside .updates-wrap:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.updates-block {
    margin: 15px 0;
}

.vhid {
    display: none;
}

.post-img {
    display: block;
    height: 170px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f9f9f9;
    border-bottom: 3px solid #F00;
    margin-bottom: 10px;
}

.updates-block img {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.updates-block h3 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
}

.updates-block span.date,
.updates-block span.time {
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.updates-block span i {
    margin-right: 5px;
}

.updates-block .more {
    display: block;
    font-weight: bold;
}

.home .updates-block .more {
    display: inline;
    text-align: right;
    float: right;
}

.updates-block .more i {
    margin-left: 5px;
    background: #333;
    padding: 4px 0;
    border-radius: 100%;
    text-align: center;
    height: 20px;
    width: 20px;
    color: #fff;
    line-height: 11px;
}

.updates-wrap h3 {
    margin-bottom: 15px;
}

.updates-wrap span.date,
.updates-wrap span.time,
.updates-date span {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.updates-date to,
.date to {
    padding: 0 5px;
    color: #900;
}

.updates-wrap h3 span.date {
    margin: 0;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
    display: inline;
}

.updates-wrap span.tags a {
    font-weight: normal;
    padding: 0 5px;
}

p.contact-info a {
    color: #555;
}

p.contact-info {
    margin: 5px 0;
    padding-left: 22px;
}

p.contact-info:before {
    font-family: 'FontAwesome';
    margin-left: -22px;
    display: inline-block;
    width: 22px;
    font-size: 14px;
    font-weight: normal !important;
}

p.address:before {
    content: "\f041";
}

p.phone:before {
    content: "\f098";
}

p.mobile:before {
    content: "\f2a0";
}

p.fax:before {
    content: "\f1ac";
}

p.skype:before {
    content: "\f17e";
}

p.whatsapp:before {
    content: "\f232";
}

p.email:before {
    content: "\f0e0";
}

p.user:before {
    content: "\f007";
}

.leftside h3 {
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 10px;
    line-height: 22px;
    background: #1c87c9;
    margin-bottom: 2px;
}

ul.pro-group {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.pro-group>li {
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 2px;
}

ul.pro-group>li a:before {
    /*font-family: FontAwesome;content: "\f101\00a0\00a0";*/
}

ul.pro-group>li:first-child {}

ul.pro-group>li>a {
    padding: 6px 10px;
    display: block;
    background: none;
    font-size: 14px;
    color: #666;
}

ul.pro-group>li:hover>a,
ul.pro-group>li>a:hover,
ul.pro-group>li a.current,
ul.pro-group .dropdown-menu li a.current {
    background: #555;
    color: #fff;
}

ul.pro-group>li.dropdown-submenu>a::after {
    margin-right: 0;
}

ul.pro-group>li>.dropdown-menu {
    margin-top: 0;
}

ul.pro-group>li:hover>a {
    background: #555;
    color: #fff;
}

.page-content {
    margin-bottom: 30px;
    line-height: 22px;
    color: #333;
}

.page-gallery {
    margin: 0 -15px;
    margin-top: 15px;
}

.tab-data {
    padding: 15px 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.contactform .left-blocks {
    border: none;
}

.contactform .left-blocks-data {
    padding: 8px 0;
    border: none;
}

.nav-tabs {
    border-bottom: 1px solid #D8423C;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border: 1px solid #e9e0ca;
    border-bottom: 1px solid #D8423C;
    background: #F5F2E9;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: #D8423C;
    border-bottom-color: #fff;
}

.pro-details {}

.pro-details .spe-data {
    margin: 15px 0;
}

.page-content ul,
.tab-data ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.page-content ul li,
.tab-data ul li {
    margin-bottom: 10px;
    background: url(../images/list.png) no-repeat 0px 1px;
    padding-left: 22px;
    line-height: 18px;
}

.post-content ul li,
.tab-data ul li {
    margin-bottom: 5px;
    background-position: 0 3px;
    background-size: 14px 14px;
}


/*.tab-data table,.page-content table{border:none; padding:0; margin:15px 0; width:100%; overflow:hidden; display:block; table-layout:fixed;}

.tab-data table td,.tab-data table th, .page-content table td,.page-content table th{border:1px solid #ccc; padding:5px 8px; margin:0; vertical-align:middle;white-space: nowrap;width: auto !important;min-width: auto;display:auto;}

.tab-data table p,.page-content table p {margin:0;padding:0;}

*/

#clientsLists {
    background: #eee;
    padding: 8px;
    height: 130px;
    overflow: hidden;
}

#clientsLists .pro-block {
    border: none;
    margin: 8px;
}

#clientsLists .pro-block .pro-img {
    height: 100px;
}

#clientsLists .owl-theme .owl-controls {
    display: none !important;
}

#clientsLists .proNav {
    margin-top: -33px;
}

#map_canvas {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.footer-blocks #map_canvas {
    height: 204px;
}

.footer-contactform #map-wrap {}

.footer-contactform #map-wrap #map_canvas {
    border: 1px solid #ccc;
    height: 310px;
}

.footer-contactform .form-control {
    border: none;
    background: none;
    box-shadow: none;
    border-bottom: 2px solid #1c87c9;
    color: #1c87c9l;
    font-size: 15px;
    font-weight: 500;
}

.probuttonlist {
    margin: 30px 0;
}

.probuttonlist .btn {
    border-radius: 0;
    font-weight: bold;
    margin: 8px 0px;
    text-transform: uppercase;
    display: block;
}

.bg-div {
    background-image: url(../images/bg-img.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    font-size: 18px;
    border-bottom: 15px solid #1c87c9;
    line-height: 30px;
}

.bgdiv-cont {
    padding: 100px 0;
    padding-top: 200px;
}

.bg-div h3 {
    color: #fff;
    font-size: 26px;
}

.bg-div a:hover {
    color: #fff;
}

.bg-div .pro-block .pro-img {
    height: 280px;
}

.bg-div .pro-block {
    margin: 15px 0;
    background: #fff;
    border: none;
}

.bg-div .pro-block img {
    height: 200px;
    max-width: 100%;
}

.bg-div .pro-block h3 {
    background: #1c87c9;
    color: #fff;
}

#footer {
    color: #ccc;
    padding: 20px 0;
    background: #333;
    font-size: 14px;
}

#footer a {
    color: #ccc;
}

#footer a:hover {
    color: #fff;
}

.footer-blocks {
    padding: 20px 0;
}

.footer-blocks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #444;
}

.footer-blocks ul li {
    border-top: 1px solid #444;
    border-bottom: 1px solid #222;
}

.footer-blocks ul li:first-child {
    border-top: none;
}

.footer-blocks ul li a {
    display: block;
    padding: 5px 0;
}

#footer .contacts i {
    color: #fff;
    position: absolute;
    width: 30px;
    font-size: 16px;
    margin-left: -30px;
    margin-top: 3px;
    text-align: center;
}

#footer .contacts p {
    padding-left: 30px;
}

#footer h4 {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: 400;
    margin: 0;
    /*background:url(../images/pro.png) no-repeat right center;background-size: 30px; padding-right:30px;*/
    line-height: 26px;
}

#footer h4 span {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
    background-color: #222;
    border-radius: 5px;
}

.footer-blocks-data {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}

#footer p {
    margin-bottom: 8px;
}

#footer-menu {
    text-align: center;
}

#footer-menu a {
    padding: 0 15px;
    border-left: 1px solid #ccc;
    line-height: 14px;
}

#footer-menu a:first-child {
    padding-left: 0;
    border: none;
}

#footer-bottom {
    padding: 15px 0;
    background: #111;
    color: #999;
}

#footer-bottom a {
    color: #999;
}

#footer-bottom p {
    margin: 0;
    padding: 0;
    line-height: 24px;
}

#footer-bottom span {
    padding-left: 15px;
}

#footer-bottom span:first-child {
    padding: 0;
}

#footer-bottom span i {
    padding-right: 5px;
}

#quickContact {
    background: url(../images/overlay.png);
}

#quickContact .modal-dialog {
    border-radius: 5px;
}

#quickContact .modal-content {
    border-radius: 5px;
    border: none;
    box-shadow: none;
}

#quickContact h4.modal-title {
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

#quickContact .modal-header {
    color: #fff;
    border: none;
    border-radius: 5px 5px 0 0;
}

#quickContact .modal-body {
    background: #fff;
}

#quickContact .modal-footer {
    background: #fff;
    border: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding-top: 0;
}

#quickContact button.close {
    color: #fff;
}

#quickContact .modal-footer .btn {
    text-transform: uppercase;
}

#quickContact .btn-style1 {
    display: inline;
}

#qc-form-loading {
    background: url(../images/loading.gif) center center no-repeat;
    height: 80px;
    width: 100%;
    display: none;
}

#qc-form-body {}

.qc-img-block {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    height: 133px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    background-image: url(../images/loading.gif);
    background-color: #fff;
}

#quickContact .form-control,
#quickContact .input-group-addon {
    border-radius: 0;
}

.last-form-group {
    margin: 0;
}

.productImage {
    float: left;
    width: 50%;
    padding-bottom: 20px;
    padding-right: 20px;
}

.productImage img {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}

.leftside .progal-wrap {
    margin-bottom: 30px;
}

#qk-contact {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: -20px;
    z-index: 1;
    border: 1px solid #20476A;
    border-right: none;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

#qk-contact span {
    padding: 8px;
    background: #fff;
    color: #20476A;
}

#qk-contact span.icon {
    display: inline-block;
    color: #fff;
}

#qk-contact span.qk-title {
    display: none;
}

#qk-contact:hover .qk-title {
    display: inline-block;
}

#qk-contact i {
    padding: 0 3px 0 2px;
    z-index: 1;
}

.productmenu .pro-block {
    margin-bottom: 30px;
}

.productmenu .pro-block img {
    height: 150px;
    border: none;
}

.productmenu .pro-block h3 {
    font-size: 12px;
    height: 34px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
}

.menu_head {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    padding: 8px 12px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #e5e5e5;
}

.productmenu .open {
    background-image: url(../images/open.png) !important;
}

.menu_body {
    display: none;
    padding: 15px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.open-menu {
    display: block;
}

.menu_head a {
    color: #000;
}

.menu_body {
    background: #fff;
}

.subpro-img {
    float: right;
    margin-left: 15px;
    text-align: center;
}

.subpro-img img {
    border: 1px solid #e5e5e5;
}

.subpro-img .btn {
    margin-top: 10px;
    display: block;
}

.footerformblocks {
    padding: 50px 0;
}

.anim {}

.prodetails .pro-block img {
    height: 350px;
}

.prodetails .progal-wrap {
    margin-bottom: 15px;
}

#fg-tbtn {
    text-align: left;
    display: none !important;
}

#fg-tbtn span {
    background-color: #e2201e !important;
}

#fg-qcontactform-wp {
    display: none !important;
}

.footer-phone {
    position: fixed;
    z-index: 999999;
    bottom: 0;
    right: 0;
    width: 50%;
    display: none;
    text-align: right;
}

.footer-phone span {
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 34px;
    height: 36px;
    padding: 0 15px;
    background: #1c87c9;
    display: inline-block;
}

.footer-phone a {
    color: #fff !important;
}

@media (min-width:768px) {}

@media (min-width:992px) {}

@media (min-width:1200px) {}

@media (max-width: 480px) {}

@media (max-width: 979px) {}

@media (min-width: 980px) {}

@media (min-width: 768px) and (max-width: 979px) {
    .navigation-div {
        margin: 0;
    }
    .title-wrap .title {
        padding-bottom: 15px;
    }
    .title-wrap .root .breadcrumb {
        text-align: left;
    }
    .title-wrap .root {
        padding-top: 0;
    }
    .eventsdiv {
        margin-top: 30px;
    }
    #footer-bottom,
    #footer-bottom .textRight {
        text-align: center !important;
    }
    #footer-bottom {
        padding-bottom: 50px;
    }
    /* General styles*/
    .leftside {
        margin-top: 30px;
    }
    .progal-wrap {
        margin-bottom: 15px;
    }
    .updates-desc {
        margin-bottom: 15px;
    }
    .border-left {
        border: none;
    }
    .w20 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    
    .w20 {
        width: 100%;
    }
    .w50 {
        width: 100%;
    }
    .productImage {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .footerformblocks {
        padding: 30px 15px;
    }
    .footer-contactform #map-wrap #map_canvas {
        height: 200px;
    }
    #header {
        border-bottom: 1px solid #ccc;
    }
    #header .navbar-default .navbar-nav>li>a {
        color: #1c87c9;
        border: none;
    }
    #header .navbar-header {
        padding: 5px 0;
    }
    .navigation-div {
        margin: 0;
    }
    .eventsdiv {
        margin-top: 30px;
    }
    #footer-bottom,
    #footer-bottom .textRight {
        text-align: center !important;
    }
    #footer-bottom {
        padding-bottom: 50px;
    }
    #fg-tbtn {
        left: 0;
        text-align: left;
        width: 50%;
        box-shadow: none;
    }
    #fg-tbtn span {
        margin: 0 !important;
        height: 36px;
        overflow: hidden;
        box-shadow: none !important;
    }
    .footer-phone {
        display: block;
    }
    /* General styles*/
    .leftside {
        margin-top: 30px;
    }
    .progal-wrap {
        margin-bottom: 15px;
    }
    .updates-desc {
        margin-bottom: 15px;
    }
    #header .uldiv {
        position: relative;
        right: auto;
        background: none;
        padding: 0;
        height: auto;
    }
    #header ul.navbar-nav {
        padding: 0;
    }
    #header .navbar {
        height: auto;
    }
    #header .navbar-default .navbar-nav>li>a,
    .fixed .navbar-default .navbar-nav>li>a {
        padding: 7px 13px;
    }
    #header .navbar-collapse {
        overflow-y: none;
        background: #fff;
        padding: 0;
        overflow: visible;
    }
    #header .navbar-topmenu {
        display: none;
    }
    #header ul.navbar-nav {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #header .navbar-default .dropdown-menu {
        border-radius: 0 !important;
        border: none;
        background: #fff;
        padding: 0px;
        box-shadow: none;
    }
    #header .navbar-default .navbar-toggle:focus,
    #header .navbar-default .navbar-toggle:hover {
        background: #eee;
        color: #1c87c9;
    }
    #header .navbar-default .navbar-nav>li>a.highlighted,
    #header .navbar-default .navbar-nav>li:hover>a,
    #header .navbar-default .navbar-nav>li.current>a,
    #header .navbar-default .navbar-nav>li.current>a:hover {
        background: #1c87c9 !important;
        color: #fff !important;
    }
    .border-left {
        border: none;
    }
    #header li.search-li a {
        display: none !important;
    }
    #header li.search-li ul {
        display: block !important;
        width: 100%;
        position: relative;
    }
    .opa6 {
        padding: 20px 15px;
    }
    .title-w2 span.hr {
        width: 30% !important;
    }
    .title-w1 span.hr {
        width: 30% !important;
    }
    .title h1,
    .title h2,
    .title h3,
    .title h4,
    .title h5,
    .title h6 {
        font-size: 18px;
    }
    .title-wrap .root .breadcrumb {
        text-align: left;
    }
    .title-wrap .root {
        padding-top: 0;
    }
    .title-wrap .title {
        padding: 0;
    }
    .title-wrap .title h1 {
        font-size: 18px;
    }
    #header{display: block;}
    #headerDiv{display: none;}
    .hero_box{display: none;}
}

.accordion {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    border-bottom: 5px solid #000;
    border-top: 5px solid #000;
}

.accordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
}

.accordion ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 500ms ease;
    background-size: cover;
    height: 650px;
}

.accordion ul li div {
    display: block;
    overflow: hidden;
    width: 100%;
}


/*.accordion ul li div a{position: relative;z-index: 3;vertical-align: bottom;box-sizing: border-box;color: #fff;text-decoration: none;transition: all 200ms ease;}*/

.accordion ul li div * {
    opacity: 0;
    margin: 0;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.accordionItem * {
    opacity: 0;
}

.accordion ul:hover li {
    width: 8%;
}

.accordion ul:hover li:hover {
    width: 60%;
}

.accordion ul:hover li:hover .accordionItem * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.accordion ul:hover li:hover div.accordionItem {
    background: rgba(0, 0, 0, 0.5);
}

.accordion ul:hover li:hover>h3 {
    background: #1a88c9;
    color: #fff;
    transition: all .2s ease-in;
}

.accordionItem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 15px;
    color: #fff;
}

.accordion h3 {
    position: absolute;
    padding: 15px 20px;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    color: #fff;
    margin: 0;
    bottom: 0px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 50px;
    left: 0px;
    right: 0;
    text-align: left;
    opacity: 1;
    z-index: 3;
}

.accordionItem h4 {
    margin: 15px 0 !important;
    color: #fff;
    font-size: 18px;
    display: block;
}

.accordingLinks {
    margin-bottom: 30px !important;
}

.accordingDesc {
    padding: 30px 60px;
    padding-top: 0;
}

.accordingLinks a {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
}

.accordingLinks a:hover {
    color: #ccc;
}

@media (max-width: 767px) {
    .accordion {
        height: auto;
    }
    .accordion ul li,
    .accordion ul li:hover,
    .accordion ul:hover li,
    .accordion ul:hover li:hover {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transition: none;
        transition: none;
    }
    .accordion ul:hover li:hover>h3 {
        display: none;
    }
    .accordion h3 {
        display: none;
    }
    .accordion ul li div *,
    .accordionItem * {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .bg-div {
        text-align: center !important;
    }
}

.topContact {
    text-transform: uppercase;
    padding: 8px 20px;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    background: #FF0;
    color: #000;
    font-weight: bold;
}

.topContact a {
    color: #000;
}

#ftboxemsg {
    color: #000;
    display: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding: 8px 15px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 10px;
}

.ftboxesuccess {
    background: #6F3;
}

.ftboxeerror {
    background: #F30;
}
.big-style{font-size: 18px;}

.hero_box{position:absolute;color: #fff; width: 30%;text-align:center;bottom:15%;left: 5%; padding:15px 10px;background: rgba(0,0,0,0.5);}
.hero_box h3{color:#fff;font-size: 30px; text-align: center; margin: 0; font-weight: bold; text-align: center;text-transform: uppercase;text-shadow: 3px 3px #000;}
.hero_box h3 span{padding: 5px 10px;display: block; display: inline-block;}
.hero_box .btn-style1{ display: inline; display: inline-block; margin: 0;}
.hero_box p{font-size: 18px; font-weight: bold; margin-bottom: 10px;text-shadow: 2px 2px #000;}
.footerbtnwr{position: relative;}
.footerbtn {
position: absolute;
right: 15px;
margin-top: -31px;
}
.footerbtn .btn{border: 10px solid #fff;border-radius: 25px;margin-left: 10px;}