@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
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: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/****************************************************************************************************************/
/********************************************* Common CSS *******************************************************/
/****************************************************************************************************************/ 
p { font-family: 'Roboto-Medium'; font-size: 16px; color: #555555; line-height: 30px; font-weight: 500; padding: 0 0 20px 0; }
h1, .h1 { font-size: 50px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
h2, .h2 { font-size: 50px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
h3, .h3 { font-size: 40px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
h4, .h4 { font-size: 35px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
h5, .h5 { font-size: 30px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
h6, .h6 { font-size: 25px; margin: 0 0 20px 0; font-family: 'Roboto-Medium'; font-weight: 500; color: #333333; text-transform: uppercase; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family: 'Roboto-Medium'; font-size: 16px; color: #555555; line-height: 30px; font-weight: 500; }
/****************************************************************************************************************/
.noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff }
.noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle }
img { max-width: 100%; height: auto }
::selection { background: #1c9dd8; color: #FFF }
::-moz-selection {
background:#1c9dd8;
color:#FFF;
}
::-webkit-selection {
background:#1c9dd8;
color:#FFF;
}
.mc { margin-left: auto; margin-right: auto }
.mt0 { margin-top: 0 }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mb0 { margin-bottom: 0 }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.ml0 { margin-left: 0 }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml25 { margin-left: 25px }
.ml30 { margin-left: 30px }
.mr0 { margin-right: 0 }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr25 { margin-right: 25px }
.mr30 { margin-right: 30px }
.pt0 { padding-top: 0 }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pb0 { padding-bottom: 0 }
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb25 { padding-bottom: 25px }
.pb30 { padding-bottom: 30px }
.pl0 { padding-left: 0 }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl25 { padding-left: 25px }
.pl30 { padding-left: 30px }
.pr0 { padding-right: 0 }
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr25 { padding-right: 25px }
.pr30 { padding-right: 30px }
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap : wrap; }
.inline-flex { display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: -inline-flex; flex-wrap : wrap; }
.flex-ac { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.flex-jc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.flex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex-ac-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.flex-as-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.list-style-none { list-style-type: none; padding: 0; margin: 0; }
.container { width: 100%; max-width: 1200px; padding: 0 15px; }
.alignleft { float: left; margin: 0 30px 20px 0; max-width: 40%; }
.alignright { float: right; margin: 0 0 20px 30px; max-width: 40%; }
.aligncenter { float: none; display: block; margin: 0 auto 30px auto }
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
:-moz-placeholder {
color: inherit;
opacity: 1;
}
::-moz-placeholder {
color: inherit;
opacity: 1;
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
::placeholder {
color: inherit;
opacity: 1;
}
/****************************************************************************************************************/ 
/************************************* header section styles goes here ******************************************/
/****************************************************************************************************************/
.site-main { overflow: hidden; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.site-main > header { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 999; background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); box-shadow: 0 0 5px 0 rgba(0,0,0,.75); }
.head-top-main { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background: #1c9dd8 }
.head-bottom-main { }
.head-top { padding: 0 0 0 0 }
.left-top-head { float: left; padding: 12px 0 6px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.left-top-head span { color: #fff; position: relative; padding: 0 0 0 12px; font-size: 16px; display: inline-block }
.left-top-head i { color: #fff; font-size: 25px; }
.right-top-head { float: right; padding: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.right-top-head .head-call { float: left; margin: 10px 0 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.right-top-head .head-call li i { color: #fff; vertical-align: middle }
.right-top-head .head-call li.head_phone i { font-size: 20px; }
.right-top-head .head-call li.head_email i { font-size: 23px; }
.right-top-head .head-call li.head_phone i.fa-phone { transform: rotate(133deg); position: relative; left: -4px; -moz-transform: rotate(133deg); -ms-transform: rotate(133deg); -o-transform: rotate(133deg); -webkit-transform: rotate(133deg); }
.right-top-head .head-call li { display: inline-block; margin: 0 0 0 24px }
.right-top-head .head-call li.head_phone { position: relative; }
.right-top-head .head-call li.head_email { position: relative; }
.right-top-head .head-call li.head_email span { padding: 0 0 0 9px; }
.right-top-head .head-call span { color: #fff; font-size: 16px; padding: 0 0 0 0; position: relative; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; display: inline-block; vertical-align: middle; font-family: 'Roboto-Medium'; line-height: 30px; letter-spacing: -0.01em; }
.header .logo img { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.logo { padding: 20px 0; float: left; position: relative; display: block; margin: 0 0 0 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.header_right { float: right; padding: 0 0 0 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.header-navigation { float: left; }
.banner { padding: 145px 0 0 }
#slider1 { position: relative; }
#slider1 li:before { position: absolute; top: 0; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.35); width: 100%; height: 100%; z-index: 1; }
.btn_enquiry { float: right; margin: 23px 0 0 38px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.btn_enquiry span { text-transform: uppercase; color: #fff; font-size: 16px; font-family: 'Roboto Bold'; width: 200px; height: 50px; line-height: 50px; background: #1c9dd8; text-align: center; display: inline-block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.btn_enquiry a i { display: none; }
/****************************************************************************************************************/
/************************************* header section styles goes ends ******************************************/
/****************************************************************************************************************/

/****************************************************************************************************************/
/************************************* midd section styles goes here ********************************************/
/****************************************************************************************************************/
/**************************************** About us section *****************************************/
.middle_banner { position: relative; z-index: 1; margin: 0 auto; padding: 40px 0; text-align: left; }
.middle_banner:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.about_content_main { text-align: left; }
.about_content_main h1, .about_content_main .h1 { color: #333333; line-height: 50px; margin: 0 0 2px 0; font-size: 35px;}
.about_content_main h2, .about_content_main .h2 { color: #333333; line-height: normal; margin: 0 0 10px 0; line-height: normal; font-size: 28px; }
.about_content_main p { color: #555555; line-height: 30px; padding: 0 0 30px 0; font-size: 16px; }
.about_content_main ul { list-style-type: none; margin: 0 0 10px; padding: 0 0 0 20px; }
.about_content_main ul li { line-height: 26px; padding: 0 0 10px 20px; position: relative; }
.about_content_main ul li:before { position: absolute; top: 10px; left: 0; content: ""; background: #1c9dd8; width: 8px; height: 8px; }
.about_content_main a{color:#1c9dd8}
.about_content_main a:hover{color:#000}
.about_content_main a.btn_read_more { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 0; margin: 0; overflow: hidden; background: #1c9dd8; }
.habout_weltxt { height: 320px; margin: 0 0 20px }
/**************************************** Services section *****************************************/
.hl_services { padding: 69px 0 47px 0; }
.hl_services h2, .hl_services .h2 { margin: 0 0 28px 0 }
.hl_services .service_box figure { margin: 0 0 44px 0; position: relative; }
.hl_services .service_box figure > a { display: block; position: relative; overflow: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.hl_services .service_box figure img { /*margin: 0 0 16px 0;*/ }
.hl_services .service_box figcaption { position: absolute; left: 0; top: 100%; right: 0; margin: 0 0 0 0; text-align: center; transition: all 0.5s ease; z-index: 1 }
.hl_services .service_box figure > a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(28, 157, 216, 0.90); transform: translateY(-100%); margin-top: -10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 1; }
.hl_services .service_box { position: relative; margin: 0 0 32px 0; padding: 0; overflow: hidden; }
.hl_services .service_box h3 a, .hl_services .service_box .h3 a { color: #333333; font-size: 24px; }
.hl_services .service_box h3, .hl_services .service_box .h3 { margin: 0; text-transform: capitalize; }
.hl_services .service_box .hover_txt p { text-align: center; color: #fff; padding: 0 50px 0 }
.service_box figure > a .hover_txt { display: flex; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateY(100%); margin-top: -10px; transition: all 0.5s ease; z-index: 1; color: #fff; align-items: center; justify-content: center; font-size: 24px; }
/**************************************** TEstimonials section *****************************************/
.hl_testimonials { float: left; width: 100%; position: relative; padding: 70px 0 71px 0 }
.hl_testimonials:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1,50,76,0.80); }
.hl_testimonials h2, .hl_testimonials .h2 { color: #fff; position: relative; margin: 0 0 27px }
.hl_testimonials_carousel { position: relative; text-align: center; max-width: 1000px; margin: 0 auto }
.hl_testimonials_carousel span.testimonial_icon { position: relative; text-align: center; width: 100px; height: 100px; margin: 0 auto; border: 3px solid #fff; display: block; }
.hl_testimonials_carousel span.testimonial_icon i { font-size: 60px; color: #1c9dd8; padding: 16px 0 0 }
.hl_testimonials_carousel p { color: #dddddd; font-size: 24px; line-height: 40px; padding: 30px 0 25px 0 }
.hl_testimonials_carousel span.client_name { font-family: 'Roboto Bold'; font-size: 18px; color: #1c9dd8; display: block; text-transform: uppercase; }
.hl_testimonials_carousel .owl-nav { vertical-align: top; margin-top: 0; text-align: center; }
.hl_testimonials_carousel .owl-nav .owl-prev { background: url(../images/sprite.png) no-repeat; width: 24px; height: 44px; top: 50%; transform: translateY(-50%); position: absolute; margin: -5px 0 0 0; left: -17.5%; background-position: -114px -32px; }
.hl_testimonials_carousel .owl-nav .owl-next { background: url(../images/sprite.png) no-repeat; width: 24px; height: 44px; top: 50%; transform: translateY(-50%); position: absolute; right: -17.5%; margin: -6px 0 0 0; background-position: -146px -31px; }
/**************************************** Home Contact Form section *****************************************************/
.home_cnt_form { padding: 0 0 0; background: #f4f4f4; float: left; width: 100%; }
.home_cnt_form .middle_banner_img { padding: 69px 0 63px; position: relative }
.home_cnt_form .contact-form { padding: 0 101px; }
.home_cnt_form h2, .home_cnt_form .h2 { position: relative; margin: 0 0 15px 0; color: #333333; }
.home_cnt_form .contact-form h2:before, .home_cnt_form .contact-form .h2:before { display: none; }
.home_cnt_form .contact-form .form-group { margin-bottom: 16px; }
.home_cnt_form .contact-form textarea.form-control { height: 70px !important; resize: none; padding: 0; margin: 31px 0 0; }
.home_cnt_form .contact-form .form-control { background-color: none; background: none; background-image: none; border-bottom: 1px solid #333333 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #333333 !important; display: block; font-size: 16px; height: 57px; line-height: 1.42857; padding: 24px 0 0; width: 100%; }
.home_cnt_form .contact-form .form-control:focus { border-color: #1c9dd8 !important; }
.home_cnt_form .contact-form-main h2, .home_cnt_form .contact-form-main .h2 { padding: 20px 0 0; font-size: 30px; color: #fff; }
.home_cnt_form .contact-form input::-webkit-input-placeholder, .home_cnt_form .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form input:-moz-placeholder, .home_cnt_form .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form input::-moz-placeholder, .home_cnt_form .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form form input:-ms-input-placeholder, .home_cnt_form .contact-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form .captcha_box { height: auto; margin: 8px 0 30px; padding: 0 0 0 0px; position: relative; float: left; width: 48%; }
.home_cnt_form .contact-form .submit_btn_box { position: relative; text-align: center; display: table; margin: 35px auto 0 }
.home_cnt_form .contact-form .submit-btn { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 0; margin: 0; overflow: hidden; background: #1c9dd8; }
.home_cnt_form .contact-form .submit-btn:focus { background: #03334d; color: #fff; }
.home_cnt_form .contact-form .required-field { font-size: 14px; color: #626362; text-align: center; margin-top: 0; float: left; line-height: 30px; }
.contact_us_02 .contact-form .required-field span { color: #fff; }
.home_cnt_form .contact-form .select_box { position: relative; }
.home_cnt_form .contact-form .select_box select { -moz-appearance: none; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -ms-appearance: none; cursor: pointer; }
.home_cnt_form .contact-form .select_box select option { padding: 10px 15px; font-size: 14px; display: block; color: #000 }
.home_cnt_form .contact-form .select_arrow i { color: #333333; font-size: 25px; margin: 0; pointer-events: none; position: absolute; right: 10px; top: 70%; transform: translateY(-50%); z-index: 1; }
/************************************************ Instagram style **************************************************/
.hl_instagram { padding: 70px 0 0 0; float: left; width: 100%; margin: 0 0 16px 0 }
.hl_instagram h2, .hl_instagram .h2 { margin: 0 0 40px; }
.gallery1_box_main .gallery_img_box { display: block; margin-bottom: 0; }
.gallery1_box_main .gallery_hvr::before { background: rgba(28, 157, 216, 0.8) none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 100%; z-index: 10; }
.gallery1_box_main .col-lg-2 { margin: 0; padding: 0 }
.gallery1_box_main .gallery_hvr { overflow: hidden; position: relative; }
.gallery1_box_main .gallery_hvr img { width: 100% }
.gallery1_box_main .gallery_name { bottom: 30px; left: 30px; position: absolute; right: 30px; top: 30px; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 50; }
.gallery1_box_main .gallery_name span { color: #fff; display: block; font-size: 55px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
/****************************************************************************************************************/
/************************************* midd section styles goes ends ********************************************/
/****************************************************************************************************************/

/****************************************************************************************************************/
/************************************* Footer section styles goes here ******************************************/
/****************************************************************************************************************/
.footer_details { position: relative; padding: 76px 0 0 0 }
.footer_details:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1,50,76,0.85); }
.footer_details_main { padding: 0 0 0 0; }
.footer_details h3, .footer_details .h3 { margin: 0 0 22px; color: #fff; font-size: 24px; position: relative; }
.footer_details .social_icons h3 { margin: 0 0 16px; }
.address_details01 { padding: 0 0 0 0; }
.footer_details .f_links ul li { }
.footer_details .f_links ul li a { font-size: 16px; color: #fff; line-height: 40px; }
.footer_details .f_links ul li.selected a { color: #1c9dd8 }
.footer_details .f_links ul li.active a { color: #1c9dd8 }
.address_details span { display: block; color: #1e9ddf; font-size: 16px; line-height: 30px; }
.address_details i { font-size: 50px; margin: 0 0 28px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.address_details p { color: #fff; font-size: 16px; line-height: 40px; padding: 0 }
.address_details a { display: block; color: #fff; font-size: 16px; line-height: 40px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; word-break: break-all; }
.footer_details .social_icons { }
.footer_details .social_icons ul { margin: 0 0 0 0 }
.footer_details .social_icons ul li { display: block; }
.footer_details .social_icons ul li i { font-size: 30px; color: #fff; line-height: 40px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; vertical-align: middle; }
.footer_details .social_icons ul li a span { color: #fff; font-family: 'Roboto-Medium'; font-size: 16px; line-height: 40px; margin: 0 0 0 26px; vertical-align: middle; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.footer_logo { padding: 55px 0 0 0; }
.copyright { text-align: center; padding: 33px 0; border-top: 2px solid #fff; margin: 66px 0 0 0; position: relative; }
.copyright p { color: #fff; font-size: 16px; line-height: normal; text-align: center; padding: 0; }
.copyright a{color: #fff; font-size: 16px; line-height: normal;  padding: 0;}
.copyright a:hover{color:#1c9dd8;}
.copyright span { letter-spacing: 0.03em; }
#toTop { background: #1c9dd8; bottom: 80px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 99; border-radius: 0; }
.top-btn .fa-sort-up { color: #fff; font-size: 28px !important; margin: 3px 0 0; }
.top-btn > div { color: #fff; font-size: 15px; margin: -16px 0 0; text-transform: uppercase; }
/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/

/******************************************************************************************************************************/
/************************************************* Inner Banner style *********************************************************/
/******************************************************************************************************************************/
.inner-banner::before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20; }
.inner-banner { position: relative; padding: 145px 0 0 0; }
.inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 400px; }
.inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; }
.position_relative { position: relative; margin: 150px 0 0 0; float: left; width: 100%; }
.inner_banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; }
.inner_banner_caption h1, .inner_banner_caption .h1 { color: #fff; margin: 0 auto; position: relative; text-align: center; font-size: 50px; }
.inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; }
.inner-banner .breadcrumb li:first-child { padding-left: 0; }
.inner-banner .breadcrumb li { display: inline-block; font-size: 16px; margin: 0; position: relative; font-weight: 400; }
.inner-banner .breadcrumb li a { color: #fff; text-transform: capitalize; font-weight: 400; font-size: 16px; }
.breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; }
.inner-banner .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 16px; left: -10px; padding: 0 5px; position: absolute; top: 0; }
.inner-banner .breadcrumb li.active { color: #cbcbcb }
.inner_breadcrumb { background: #01324c; padding: 0 0 0; border-bottom: 1px solid #ddd; }
.inner_breadcrumb .breadcrumb { background: none; text-align: center; margin: 0; padding: 10px 0; display: -webkit-inline-box; }
.inner_breadcrumb .breadcrumb li a { font-size: 18px; color: #fff; }
.inner_breadcrumb .breadcrumb > li + li::before { color: #fff; content: "/ "; padding: 0 2px; }
.inner_breadcrumb .breadcrumb li.active { color: #1c9dd8; font-size: 18px; }
/****************************************************************************************************************************/
/************************************************ inner page section style **************************************************/
/****************************************************************************************************************************/
#inner-page { padding: 30px 0; }
.inner-page { }
.inner-page h1, .inner-page .h1 { font-size: 35px; margin: 0 0 5px 0; line-height: normal; text-transform: inherit;}
.inner-page h2, .inner-page .h2 { font-size: 30px; margin: 0 0 5px 0; line-height: normal; text-transform: inherit;}
.inner-page h3, .inner-page .h3 { font-size: 25px; margin: 0 0 5px 0; line-height: normal; text-transform: inherit;}
.inner-page h4, .inner-page .h4 { font-size: 22px; margin: 0 0 5px 0; line-height: normal; text-transform: inherit;}
.inner-page h5, .inner-page .h5 { font-size: 18px; margin: 0 0 5px 0; line-height: normal; text-transform: inherit;}
.inner-page ol { margin: 0 0 10px; padding: 0 0 0 30px; }
.inner-page ol li { line-height: 26px; padding: 0 0 10px 0px; position: relative;list-style: decimal;  }
.inner-page ul { list-style-type: none; margin: 0 0 10px; padding: 0 0 0 20px; }
.inner-page ul ul{padding: 10px 0 0 20px;margin: 0 0 0;}
.inner-page ul li { line-height: 26px; padding: 0 0 10px 20px; position: relative; }
.inner-page ul li:before { position: absolute; top: 8px; left: 0; content: ""; background: #1c9dd8; width: 8px; height: 8px; }
.inner-page p { padding: 0 0 20px 0; }
.inner-page a { color: #1c9dd8; }
.img-block { text-align: center; }
.inner_service span { font-size: 35px; }
.inner-page .alignleft { float: left; margin: 0 15px 5px 0; }
.inner-page .alignright { float: right; margin: 0 0px 10px 15px; }
.inner-page .alignnone { margin: 20px 0; float: none; }
.inner-page .txt_link { color: #000; font-weight: bold; }
.inner-page ul.two_column { column-count: 2 }
.inner-page ul.three_column { column-count: 3 }
.inner-page span.highlight { text-align: center; display: block; margin: 10px 0; background: #1c9dd8; color: #fff; font-size: 24px; padding: 10px 0 }
/****************************************************************************************************************************/
/******************************************* Contact us page section style **************************************************/
/****************************************************************************************************************************/
.contact_us_02 { padding: 0 0 }
.contact_us_02 .cnt_details_box i { display: block; text-align: center; color: #01324c; font-size: 60px; margin: 0 auto 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; width: 150px; height: 150px; border: 1px solid #01324c; padding: 40px 0 0 0 }
.inner-page.contact_us_02 .cnt_details_box ul li { padding: 0; display: inline-block; margin: 0 7px; }
.inner-page.contact_us_02 .cnt_details_box ul { padding: 0 }
.contact_us_02 .cnt_details_box .footer_social ul li:before { display: none; }
.contact_us_02 .cnt_details_box .footer_social ul li i { font-size: 30px; width: auto; height: auto; border: 0; padding: 0 }
.inner-page .contact_details { float: left; width: 100%; padding: 0 }
.inner-page .cnt_details_box { padding: 20px 0; min-height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; text-align: center; border-radius: 25px; }
.inner-page .cnt_details_box span { font-size: 25px; color: #606060; display: block; margin: 20px 0; }
.inner-page .cnt_details_box.cnt_hours span { margin: 0; font-size: 16px; display: block; }
.inner-page .cnt_details_box p { padding: 0 10px; line-height: 25px; font-size: 16px; }
.inner-page .cnt_details_box a { font-size: 16px; display: block; color: #666666; word-break: break-all; line-height: normal; }
.contact_us_02 .contact-form h2, .contact_us_02 .contact-form .h2 { color: #303030; text-align: left; position: relative; margin: 0 0 10px 0 }
.contact_us_02 .contact-form h2:before, .contact_us_02 .contact-form .h2:before { display: none; }
.contact_us_02 .contact-form .form-group { margin-bottom: 30px; }
.contact_us_02 .contact-form textarea.form-control { height: 140px !important; resize: none; padding: 13px 20px; }
.contact_us_02 .contact-form .form-control { background-color: #fff; background-image: none; border: 1px solid #595959 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #303030; display: block; font-size: 16px; height: 50px; line-height: 1.42857; padding: 10px 19px; width: 100%; }
.contact_us_02 .contact-form .form-control:focus { border-color: #1c9dd8 !important; box-shadow: 0 0 5px #1c9dd8; }
.contact_us_02 .contact-form-main h2, .contact_us_02 .contact-form-main .h2 { padding: 20px 0 0; font-size: 30px; color: #303030; }
.contact_us_02 .contact-form input::-webkit-input-placeholder, .contact_us_02 .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form input:-moz-placeholder, .contact_us_02 .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form input::-moz-placeholder, .contact_us_02 .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form form input:-ms-input-placeholder, .contact_us_02 .contact-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form .form-group .captcha_box { height: auto; margin: 0 0 20px; padding: 0 0 0 0px; position: relative; }
.contact_us_02 .contact-form .submit_btn_box { text-align: center; margin: 0 auto; display: table; }
.contact_us_02 .contact-form .submit-btn { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 0; margin: 0; overflow: hidden; background: #1c9dd8; }
.contact_us_02 .contact-form .submit-btn:focus { background: #01324c; color: #fff; }
.contact_us_02 .contact-form .required-field { font-size: 14px; color: #606060; text-align: center; margin-top: 0; line-height: 30px; }
.contact_us_02 .contact-form .required-field span { color: #606060; }
.contact_form_map { float: left; width: 100%; padding: 40px 0 0 0; }
.contact_us_02 .map iframe { border: 5px solid #1c9dd8 }
.contact_us_02 .map { float: left; width: 100%; padding: 30px 0 0; }
.inner_btm_form .contact_form_map { padding: 0; }
.inner_btm_form { float: left; width: 100%; background: #f7f7f7; padding: 30px 0 }
.contact_form_map .contact-form .select_box { position: relative; }
.contact_form_map .contact-form .select_box select { -moz-appearance: none; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -ms-appearance: none; cursor: pointer; }
.contact_form_map .contact-form .select_box select option { padding: 10px 15px; font-size: 14px; display: block; color: #000 }
.contact_form_map .contact-form .select_arrow i { color: #55555; font-size: 25px; margin: 0; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; }
/****************************************************************************************************************************/
/************************************************ Testimonials Page style **************************************************/
/****************************************************************************************************************************/
.testimonialpage_main .testimonial_text p { font-size: 18px; line-height: 30px; }
.testimonialpage_box_main { padding: 40px 0 0; }
.testimonialpage_main .testimonial_name { padding: 0px 0 0; position: relative; font-size: 20px; color: #1c9dd8; }
.testimonialpage_main i { color: #1c9dd8; font-size: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.testimonialpage_main::before { background: #f0f0f0 none repeat scroll 0 0; bottom: 25px; content: ""; left: 120px; position: absolute; top: 0; display: none; width: 1px; }
.testimonialpage_main { padding: 30px 30px 30px 160px; position: relative; width:100%;}
.testimonialpage_main { margin-bottom: 30px; }
.testimonialpage_main:nth-child(odd) { background: #f9f9f9; }
.testimonialpage_main .testimonial_quote { width: 100px; height: 100px; opacity: 0.3; position: absolute; left: 30px; top: 30px; background: rgb(1, 50, 76); }
.testimonialpage_main .testimonial_quote:after { content: ""; background: #fff; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: -1; }
/****************************************************************************************************************************/
/************************************************ Services Page style **************************************************/
/****************************************************************************************************************************/
.inner-page.services_page.hl_services { padding: 0; }
.services_page .home-product h3, .services_page .home-product .h3 { margin: 10px auto; font-size: 18px; line-height: 50px }
.services_page.hl_services .service_box h3{margin:10px 0 0 0}
.services_details_page.hl_services .service_box h3, .services_details_page.hl_services .service_box .h3{margin:10px 0 0 0}
.services_details_page .home-product h3, .services_details_page .home-product .h3 { margin: 0 auto; font-size: 18px; line-height: 50px }
.inner-page.services_details_page.hl_treatment { padding: 0; }
.services_carousel_main { background: #f1f1f1; padding: 40px 0; }
.services_carousel_main h2, .services_carousel_main .h2 { margin: 0 0 30px }
.services_carousel .owl-nav { vertical-align: top; margin-top: 0; text-align: center; }
.services_carousel .owl-nav .owl-prev { background: url(../images/sprite.png) no-repeat; width: 24px; height: 44px; top: 50%; transform: translateY(-50%); position: absolute; margin: 0 0 0 0; left: -80px; background-position: -114px -32px; }
.services_carousel .owl-nav .owl-next { background: url(../images/sprite.png) no-repeat; width: 23px; height: 44px; top: 50%; transform: translateY(-50%); position: absolute; right: -80px; margin: 0 0 0 0; background-position: -146px -31px; }
/*******************************************************************************************************************************/
/************************************************* Pagination style *********************************************************/
/*******************************************************************************************************************************/
.inner-page .my_pagination { margin: 20px auto; display: table; }
.inner-page .my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top }
.inner-page .my_pagination .pagination .wp-pagenavi span.current { background: #0b74b9; color: #fff }
.inner-page .my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 }
.inner-page .my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 }
.inner-page .my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px }
.inner-page .my_pagination .pagination li { padding: 0; float: left; font-weight: 400 }
.inner-page .my_pagination .pagination li:before { display: none !important }
.inner-page .my_pagination .pagination li a { border-radius: 0; -webkit-border-radius: 0; color: #fff; padding: 0; height: 40px; width: 40px; line-height: 40px; background: #000; margin: 0; border: none; font-size: 16px; display: block; }
.inner-page .my_pagination .pagination { margin: 0; padding: 0; vertical-align: top }
.inner-page .my_pagination .pagination li.disabled a { pointer-events: none }
.inner-page .my_pagination .pagination li.selected a { background: #298dcb; pointer-events: none; color: #fff }
.inner-page .my_pagination .pagination li a:hover { background: #298dcb; color: #fff }
.inner-page .my_pagination .pagination li:first-child a, .inner-page .my_pagination .pagination li:last-child a { line-height: 36px; font-size: 26px }
.inner-page .my_pagination .pagination li+li { margin-left: 3px }
/****************************************************************************************************************************/
/************************************************ Form Error style **************************************************/
/****************************************************************************************************************************/
.wpcf7-not-valid-tip { padding: 0 5px; margin: 0; z-index: 2; font-size: 14px !important; line-height: 25px; background: #f00; position: absolute; color: #fff !important; font-weight: normal; }
.wpcf7-not-valid-tip { top: 100%; left: 0 }
.wpcf7-not-valid-tip:before { background: #f00; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: -3px; left: 7px; display: block; width: 5px; content: ""; height: 5px; }
.contact_form_map .wpcf7 .ajax-loader { position: absolute; right: 45%; top: 15px }
.home_cnt_form .wpcf7 .ajax-loader { position: absolute; right: 55%; top: 15px }
.wpcf7-form-control-wrap { position: relative; display: block; }
div.wpcf7-response-output { margin: 0 0 0 !important; padding: 0.2em 1em; float: left; width: 100%; background: #fff; text-align: center; position: relative; border-radius: 0; font-size: 15px; }
.contact_us_02 .wpcf7-not-valid-tip { top: 100%; left: 0; }
/****************************************************************************************************************************/
/************************************************ Blog page style **************************************************/
/****************************************************************************************************************************/
.blog_item { padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 0 0 30px; background: #f8f8f8; }
span.blogdate { padding: 0 0 6px 0; display: block; font-size: 14px; color: #606060; }
span.blogdate i { margin-right: 6px; }
.blog_item:last-child { margin: 0 }
.blog-heading { padding: 0 !important }
.blog_item h3, .blog_item .h3 { margin-top: 0; }
.btn-readmore { display: inline-block; padding: 5px 20px; background: #4095ff; color: #FFF; }
.blog_date, .blog_comment, .blog_info a { color: #a28c51; position: relative; padding-left: 20px; font-size: 15px }
.blog_item a h4, .blog_item a .h4 { margin-top: 0; }
.blog_item a i { position: absolute; top: 1px; left: 0; }
.blog_item a.pull-right i { position: absolute; top: 5px; left: 0; }
.blog_info a { padding: 0; }
.blog_img { margin: 0 0 20px }
.blog_item a.read-more { color: #fff; float: right; padding: 0 !important; margin: 10px 0 }
button:focus { outline: none; }
.blog_box_main { margin-bottom: 30px; float: left; width: 100%; }
.blog_box_main .blog_img_main { position: relative; }
.blog_box_main .blog_img_main > img { width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden }
.blog_box_main .blog_title { color: #03334d; font-size: 20px; line-height: 24px;  font-family: 'Roboto Bold';}
.blog_box_main .blog_date_comm { padding: 8px 0; }
.blog_box_main .blog_date_comm > span { color: #444; padding: 0 14px 0 0; font-size: 14px; }
.blog_date_comm i.fa-calendar { background-position: -262px -158px; width: 17px; height: 19px; display: inline-block; position: relative; top: 0; margin-right: 4px; }
.blog_box_main .blog_content p { font-size: 16px; margin-bottom: 0; line-height: 26px; }
.blog_box_main .blog_readmore { padding: 0 50px; }
.blog_box_main .blog_readmore .btn-primary { line-height: 50px; min-height: 50px; width: 100%; }
.blog_box_main .blog_content .blog_textmain { height: 0; overflow: hidden; position: relative; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.blog_readmore .btn:before, .blog_readmore .btn:after { display: none }
.sidebar_listing .accordion .card .card-body .archives_main select.form-control { background-color: transparent; background-image: none; border: 1px solid #999 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 18px; height: 50px !important; line-height: 1.42857; padding: 10px 18px; width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden; }
.blog_box_main .blog_readmore .btn-primary { display: inline-block; text-align: center; line-height: 50px; min-width: 230px; position: relative; z-index: 1; color: #fff; font-size: 16px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 0; margin: 0 0 0 0; overflow: hidden; background: #1c9dd8;  text-transform: uppercase; border: 0; font-family: 'Roboto Bold';}
.sidebar_listing .accordion .card .card-body ul li { color: #444444; font-size: 18px; line-height: 36px; word-wrap: break-word; list-style: none; position: relative; font-weight: 400; }
.sidebar_listing .accordion .card .card-body ul > li::before { content: ""; position: absolute; left: -20px; top: 14px; background: #a28c51; border-radius: 50%; width: 10px; height: 10px; }
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }
.news-sidebar .comment_box > span { color: #999; font-size: 15px }
.news-sidebar ul { list-style-type: none; padding: 10px; margin: 0; display: block; background: none; border: 2px solid #1c9dd8; }
.news-sidebar ul li { color: #606060; font-size: 14px; padding: 0 0 10px 20px; line-height: 24px }
.news-sidebar.archives ul li { padding: 0 }
.news-sidebar ul li+li { margin-top: 1px }
.news-sidebar ul li a { color: #606060; font-size: 16px; line-height: normal }
.news-sidebar.recent_post ul li a { font-size: 16px; color: #000; }
.news-sidebar.recent_post ul { padding: 10px }
.news-sidebar.recent_post ul li { padding: 10px 20px; }
.news-sidebar.recent_post ul li a:before { position: absolute; top: 17px; left: 0; content: ""; background: #03334d; width: 8px; height: 8px; }
.news-sidebar ul li:before { display: none }
.news-sidebar ul li a:before { position: absolute; top: 7px; left: 0; content: ""; background: #03334d; width: 8px; height: 8px; }
.news-content ul li a { color: #808080; position: relative; font-size: 16px; margin-right: 5px }
.news-page .comment_box .blog_date:before { content: "\f073"; font: normal normal normal 16px/1 FontAwesome; color: #999; margin: 0 5px 0 0; font-family: Font Awesome; font-style: normal; font-weight: 900; }
.news-page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #999; margin: 0 5px 0 0; font-family: Font Awesome; font-style: normal; font-weight: 900; }
.news-content .blog_author { margin: 0 0 0 15px }
.news-sidebar h5 { color: #fff; margin: 0; padding: 10px 15px; background: #1c9dd8; font-size: 20px; font-weight: 700 }
.news-sidebar h5 i { float: right; font-size: 24px; }
.news-sidebar ul li.selected a { color: #1c9dd8 }
.tags-box { padding: 15px; background: none; border: 2px solid #9a0000; }
.news-sidebar ul .input-box { margin: 0 }
.news-sidebar ul .select-box select { height: 50px; font-size: 15px; background: #f0f0f0 }
.news-sidebar ul .select-box:after { line-height: 46px; height: 46px; font-size: 22px; background: #f0f0f0 }
.news-sidebar.tags a { display: inline-block; background: none; color: #000; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: transparent; border: 1px solid #000; }
.news-sidebar+.news-sidebar { margin-top: 30px }
.news-content *:last-child { margin-bottom: 0 }
.select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 24px; color: #606060; }
.select_box select { -webkit-appearance: none; }
.select_box select.form-control { outline: none; border: 1px solid #909090; min-height: 50px; font-size: 15px; border-radius: 0; }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); }
.product_detail_page .gallery1_box_main { margin: 0 0 30px }
.product_detail_page .gallery1_box_main a { margin: 0 0 10px }
.blog_box_main .blog_title:hover { color: #1c9dd8 }
.blog_box_main:hover .blog_content .blog_textmain { height: 100px; overflow: visible; }
.blog_box_main .blog_readmore .btn-primary:hover { background: #03334d; }
.news-sidebar ul li a:hover{color: #1c9dd8 }
/*29/1/2020*/
a.loc_btn { display: inline-block; text-align: center; line-height: 50px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 0; margin: 0 8px; overflow: hidden; background: #1c9dd8;  width: 100%; margin-bottom: 30px;  }
a.loc_btn:hover { background: #03334d; color: #fff; }
.sitemap_page h2{margin:0 0 30px;}
.sitemap_page a:hover{color:#01324c;}


.bx-wrapper img {width: 100%; display: block;max-width: initial;position: relative;transform: unset;left: 0;width: 100%;object-fit: cover;}
/* New logo css: 2025-01-21 */
.logo_image_new{display: flex;justify-content: space-between;align-items: center;}