@charset "UTF-8"; /*
For SUMER METAL */
/*--------------------------------------------------------------
>> ---------------------------------------------------------------- ---------------------------------------------------------------- */
/*--------------------------------------------------------------
>>> Normalize
----------------------------------------------------------------*/
html { line-height: 1.15; -webkit-text-size-adjust: 100%;
} body { margin: 0;
} main { display: block;
} figure { margin: 0;
} h1 { font-size: 2em; margin: 0.67em 0;
} hr { box-sizing: content-box; height: 0; overflow: visible;
} pre { font-family: monospace, monospace; font-size: 1em;
} a { background-color: transparent;
} abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;
} code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em;
} small { font-size: 80%;
} sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
} sub { bottom: -0.25em;
} sup { top: -0.5em;
} img { border-style: none;
} button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] { -webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner { border-style: none; padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring { outline: 1px dotted ButtonText;
} fieldset { padding: 0.35em 0.75em 0.625em;
} legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;
} progress { vertical-align: baseline;
} textarea { overflow: auto;
} [type=checkbox],
[type=radio] { box-sizing: border-box; padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height: auto;
} [type=search] { -webkit-appearance: textfield; outline-offset: -2px;
} [type=search]::-webkit-search-decoration { -webkit-appearance: none;
} ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;
} details { display: block;
} summary { display: list-item;
} template { display: none;
} [hidden] { display: none;
} /*--------------------------------------------------------------
>>> Typography
----------------------------------------------------------------*/
body { background-color: #ffffff; font-size: 15px; color: #414141; font-family: "Poppins", sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; -webkit-font-smoothing: antialiased; word-wrap: break-word; scroll-behavior: smooth; transition: all 0.5s;
} @media screen and (max-width: 767px) { body { font-size: 13px; }
} p { margin-bottom: 15px; word-wrap: break-word;
} @media screen and (max-width: 767px) { p { font-size: 13px; }
} dfn,
cite,
em,
i { font-style: italic;
} blockquote,
pre { background-color: #fafafa; border-width: 0 0 0 3px; border-color: #d9d9d9; border-style: solid; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #2b2b2b; font-family: "Poppins", sans-serif; font-style: italic; margin: 0 0 15px 0; padding: 25px 22px; font-size: 18px;
} @media screen and (max-width: 767px) { blockquote, pre { font-size: 14px; }
} blockquote p,
pre p { margin-bottom: 0;
} blockquote { background-color: transparent; border-left: none; color: #111; margin: 40px 0; text-align: center; position: relative; padding: 30px;
} /* blockquote:before { background-color: #fff; color: #444444; content: "\f10d"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; float: left; margin-right: 20px; line-height: 1; font-style: normal; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: -10px; padding: 0 10px; z-index: 9;
} */ blockquote:after { /* border-bottom: 2px solid #ddd; */ /* border-top: 2px solid #ddd; */ content: ""; bottom: 0; content: ""; display: block; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; top: 0; width: 200px;
} blockquote.author-quote:before { content: ''; color: #555555; position: absolute; left: 0px; top: 15%; font-style: normal; width: 15px; height: 70%; background-color: #007FC6;
} blockquote p { font-size: 15px; line-height: 1.4;
} blockquote cite { color: #8d8d8d; display: block; font-style: normal; font-size: 13px;
} abbr,
acronym { border-bottom: 1px dotted #5e5e5e; cursor: help;
} mark,
ins { text-decoration: none; padding-left: 5px; padding-right: 5px;
} big { font-size: 125%;
} b,
strong { font-weight: 700;
} iframe { display: block; width: 100%;
} img { height: auto; max-width: 100%; vertical-align: top;
} /*--------------------------------------------------------------
# Heading
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 { color: #111; font-family: "Poppins", sans-serif;
} h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 20px; font-weight: 700; line-height: 1.1;
} h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit;
} h1 { font-size: 60px;
} h2 { font-size: 50px;
} h3 { font-size: 40px;
} h4 { font-size: 30px;
} h5 { font-size: 20px;
} h6 { font-size: 14px;
} @media screen and (max-width: 767px) { h1 { font-size: 34px; } h2 { font-size: 27px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 15px; } h6 { font-size: 13px; }
} /*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul,
ol { margin: 0 0 1.5em 0.875em;
} ul { list-style: disc;
} ol { list-style: decimal;
} li>ul,
li>ol { margin-bottom: 0; margin-left: 1.5em;
} dt { font-weight: bold;
} dd { margin: 0 1.5em 1.5em;
} /*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { color: #082D53; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;
} a:hover,
a:focus,
a:active { color: #1D69B7; text-decoration: none; outline: 0;
} a:visited { text-decoration: none; outline: 0;
} /* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
} .screen-reader-text:focus { background-color: #e6e6e6; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #2b2b2b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */
} /* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0;
} /*--------------------------------------------------------------
# Others
--------------------------------------------------------------*/
.container { max-width: 1170px; padding-left: 15px; padding-right: 15px;
} .overlay,
.pattern-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
} .round-border { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .figure-round-border { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .figure-round-border img { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .counter-inner-two-side .counter-item { padding: 20px 25px; text-align: center; border-right: 0;
} .counter-inner-two-side .counter-item:first-child { border-width: 0 1px 1px 0; border-style: solid; border-color: rgba(255, 255, 255, 0.17);
} .counter-inner-two-side .counter-item:last-child { border-width: 1px 0 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.17); margin-top: -1px; margin-left: -1px;
} .counter-inner-two-side .counter-item .counter-no { color: #ffffff; font-size: 40px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1.2;
} @media screen and (max-width: 767px) { .counter-inner-two-side .counter-item .counter-no { font-size: 35px; }
} .counter-inner-two-side .counter-item .Completed { color: #ffffff;
} .counter-inner .counter-item { padding: 25px; text-align: center; border-right: 1px solid #d9d9d9;
} .counter-inner .counter-item:last-child { border-right: 0;
} @media screen and (max-width: 991px) { .counter-inner .counter-item { border-right: 0; } .counter-inner .counter-item:first-child { border-width: 0 1px 1px 0; border-style: solid; border-color: #d9d9d9; } .counter-inner .counter-item:last-child { border-width: 1px 0 0 1px; border-style: solid; border-color: #d9d9d9; margin-top: -1px; margin-left: -1px; }
} @media screen and (max-width: 575px) { .counter-inner .counter-item { border-width: 1px 0 0 0px; border-style: solid; border-color: #d9d9d9; } .counter-inner .counter-item:first-child { border-width: 0px 0 0 0; border-style: solid; border-color: #d9d9d9; } .counter-inner .counter-item:last-child { border-width: 1px 0 1px 0px; border-style: solid; border-color: #d9d9d9; }
} .counter-inner .counter-item .counter-no { color: #0085CD; font-size: 52px; font-family: "Poppins", sans-serif; font-weight: 900; line-height: 1.2;
} .counter-inner .counter-item .Completed { color: #0085CD; font-size: 13px; line-height: 1.2;
} .banner-section-head-white-info { line-height: 1;
} .banner-section-head-white-info .section-sub-title { padding-left: 32px; color: #ffffff; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 600; display: inline-block;
} .banner-section-head-white-info .section-sub-title:before { content: ""; position: absolute; z-index: -1; height: 2px; width: 20px; background-color: #ffffff; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .banner-section-head-white-info .section-title { margin-bottom: 30px; color: #ffffff; margin-top: 170px; background-color: #0000004a; padding: 17px; border-radius: 25px;
} .banner-section-head-white-info .section-paragraph { margin-bottom: 15px; line-height: 1.5; color: #03556f;
} .banner-section-head-white-info .section-btn { margin-top: 20px;
} .section-head-white-info { line-height: 1;
} .section-head-white-info .section-sub-title { line-height: 1.1; padding-left: 32px; color: #ffffff; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 600; display: inline-block; font-size: 12px;
} .section-head-white-info .section-sub-title:before { content: ""; position: absolute; z-index: -1; height: 2px; width: 20px; background-color: #ffffff; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .section-head-white-info .section-title { margin-bottom: 20px; color: #ffffff;
} .section-head-white-info .section-paragraph { margin-bottom: 15px; line-height: 1.5; color: #f8f8f8;
} .section-head-white-info .section-btn { margin-top: 20px;
} .section-head-info { line-height: 1; margin-bottom: 40px;
} .section-head-info .section-sub-title { line-height: 1.1; padding-left: 32px; color: #082D53; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 600; display: inline-block; font-size: 12px;
} .section-head-info .section-sub-title:before { content: ""; position: absolute; z-index: -1; height: 2px; width: 20px; background-color: #082D53; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .section-head-info .section-title { margin-bottom: 20px; font-size: 40px;
} .section-head-info .section-paragraph { margin-bottom: 15px; line-height: 1.5;
} .section-head-info .section-btn { margin-top: 20px;
} .section-head { line-height: 1; margin-bottom: 40px;
} .section-head .section-sub-title { line-height: 1.1; padding-left: 32px; color: #082D53; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 600; display: inline-block; font-size: 12px;
} .section-head .section-sub-title:before { content: ""; position: absolute; z-index: -1; height: 2px; width: 20px; background-color: #082D53; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .section-head .section-title { margin-bottom: 0px; font-size: 40px;
} .section-head-white { line-height: 1; margin-bottom: 40px;
} .section-head-white .section-sub-title { line-height: 1.1; padding-left: 32px; color: #ffffff; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 600; display: inline-block;
} .section-head-white .section-sub-title:before { content: ""; position: absolute; z-index: -1; height: 2px; width: 20px; background-color: #ffffff; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .section-head-white .section-title { margin-bottom: 0px; color: #ffffff;
} /*--------------------------------------------------------------
>>> table
----------------------------------------------------------------*/
table { color: #1d1d1d; margin: 0 0 1.5em; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; width: 100%; font-size: 15px;
} table thead tr { background-color: #262626;
} table thead tr th { color: #383838;
} table.table { color: #737373;
} th { border-width: 0 1px 1px 0; font-weight: 700;
} td { border-width: 0 1px 1px 0; border-bottom: 1px solid #e6e6e6;
} th,
td { padding: 8px;
} /*--------------------------------------------------------------
>>> form
----------------------------------------------------------------*/
form { position: relative;
} input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] { height: 48px;
} @media screen and (max-width: 575px) { input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color] { height: 40px; }
} input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea { background-color: #f8f8f8; border: none; font-size: 14px; padding: 0 16px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} @media screen and (max-width: 575px) { input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { font-size: 13px; }
} input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus { border-color: #082D53; outline: 0;
} input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:active,
input[type=url]:-webkit-autofill,
input[type=url]:-webkit-autofill:hover,
input[type=url]:-webkit-autofill:focus,
input[type=url]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input[type=search]:-webkit-autofill,
input[type=search]:-webkit-autofill:hover,
input[type=search]:-webkit-autofill:focus,
input[type=search]:-webkit-autofill:active,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:active,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:hover,
input[type=tel]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill:active,
input[type=range]:-webkit-autofill,
input[type=range]:-webkit-autofill:hover,
input[type=range]:-webkit-autofill:focus,
input[type=range]:-webkit-autofill:active,
input[type=date]:-webkit-autofill,
input[type=date]:-webkit-autofill:hover,
input[type=date]:-webkit-autofill:focus,
input[type=date]:-webkit-autofill:active,
input[type=month]:-webkit-autofill,
input[type=month]:-webkit-autofill:hover,
input[type=month]:-webkit-autofill:focus,
input[type=month]:-webkit-autofill:active,
input[type=week]:-webkit-autofill,
input[type=week]:-webkit-autofill:hover,
input[type=week]:-webkit-autofill:focus,
input[type=week]:-webkit-autofill:active,
input[type=time]:-webkit-autofill,
input[type=time]:-webkit-autofill:hover,
input[type=time]:-webkit-autofill:focus,
input[type=time]:-webkit-autofill:active,
input[type=datetime]:-webkit-autofill,
input[type=datetime]:-webkit-autofill:hover,
input[type=datetime]:-webkit-autofill:focus,
input[type=datetime]:-webkit-autofill:active,
input[type=datetime-local]:-webkit-autofill,
input[type=datetime-local]:-webkit-autofill:hover,
input[type=datetime-local]:-webkit-autofill:focus,
input[type=datetime-local]:-webkit-autofill:active,
input[type=color]:-webkit-autofill,
input[type=color]:-webkit-autofill:hover,
input[type=color]:-webkit-autofill:focus,
input[type=color]:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active { -webkit-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; -moz-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; -ms-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; -o-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s; background-color: rgba(0, 0, 0, 0) !important;
} input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=range]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a7a7a7;
} input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=range]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=color]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */ color: #a7a7a7;
} input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=range]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=color]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+ */ color: #a7a7a7;
} textarea { padding: 20px 15px; width: 100%;
} select { border: 1px solid #d9d9d9; color: #383838; height: 48px; padding: 0 30px 0 10px;
} select option { padding: 8px;
} select:focus { outline: none;
} @media screen and (max-width: 575px) { select { height: 40px; }
} form label { font-weight: normal;
} .search-form { position: relative;
} .search-form input { width: 100%; padding: 0 55px 0 10px;
} .search-form button { background-color: #082D53; color: #ffffff; font-size: 15px; border: none; position: absolute; right: 6px; top: 6px; padding: 13px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .search-form button:hover { background-color: #1D69B7;
} .form-group { margin-bottom: 20px;
} .form-group select { height: 48px;
} .form-group select,
.form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) { width: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .form-group label { display: block; color: #383838; font-size: 13px; margin-bottom: 10px;
} .form-group label.checkbox-list { position: relative; padding-left: 30px;
} .form-group label .custom-checkbox { display: inline-block; width: 18px; height: 18px; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 2px;
} .form-group label .custom-checkbox:before { background-color: #082D53; content: "\f00c"; font-family: "Font Awesome 5 Free"; height: 100%; width: 100%; position: absolute; left: 0; right: 0; opacity: 0; font-weight: 900; font-size: 10px; color: #fff; text-align: center;
} .form-group label input[type=checkbox] { opacity: 0; position: absolute; z-index: -9;
} .form-group label input:checked~.custom-checkbox { border-color: #082D53;
} .form-group label input:checked~.custom-checkbox:before { opacity: 1;
} /*--------------------------------------------------------------
>>> button
----------------------------------------------------------------*/
.button-round-primary,
.button-round-secondary,
.button-round-white,
.button-round-white-transparent,
.button-round-primary-transparent,
.button-primary,
.button-secondary,
.button-white,
.button-white-border,
input[type=button],
input[type=reset],
input[type=submit] { font-size: 15px; line-height: 1.2; padding: 15px 24px; font-weight: 500; font-family: "Poppins", sans-serif; text-transform: uppercase;
} @media screen and (max-width: 767px) { .button-round-primary, .button-round-secondary, .button-round-white, .button-round-white-transparent, .button-round-primary-transparent, .button-primary, .button-secondary, .button-white, .button-white-border, input[type=button], input[type=reset], input[type=submit] { font-size: 13px; padding: 15px 20px; }
} input[type=button],
input[type=reset],
input[type=submit] { border: none; color: #ffffff; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; border: none; border-radius: 25px; background-color: #082D53; background-size: 400%; background-position: left; transition: background-position 0.4s ease-out;
} input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus { background-color: #1D69B7; background-position: right;
} .button-primary,
.button-secondary,
.button-white,
.button-white-border { display: inline-block; position: relative; -webkit-transition: background-color 0.4s, color 0.4s, border 0.4s; -moz-transition: background-color 0.4s, color 0.4s, border 0.4s; -ms-transition: background-color 0.4s, color 0.4s, border 0.4s; -o-transition: background-color 0.4s, color 0.4s, border 0.4s; transition: background-color 0.4s, color 0.4s, border 0.4s; color: #ffffff;
} .button-primary:hover,
.button-primary:focus,
.button-primary:active,
.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active,
.button-white:hover,
.button-white:focus,
.button-white:active,
.button-white-border:hover,
.button-white-border:focus,
.button-white-border:active { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} .button-primary { background-color: #082D53; border: none;
} .button-secondary { background-color: #0085CD; border: none;
} .button-white { background-color: #ffffff; color: #0085CD; border: none;
} .button-white-border { border: 1px solid white; background-color: transparent;
} .button-round-primary,
.button-round-secondary,
.button-round-white,
.button-round-white-transparent,
.button-round-primary-transparent { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; border: none; color: #082D53; display: inline-block; position: relative; border: none; -webkit-transition: background-color 0.4s, color 0.4s, border 0.4s; -moz-transition: background-color 0.4s, color 0.4s, border 0.4s; -ms-transition: background-color 0.4s, color 0.4s, border 0.4s; -o-transition: background-color 0.4s, color 0.4s, border 0.4s; transition: background-color 0.4s, color 0.4s, border 0.4s;
} .button-round-primary { background-color: #082D53; color: #ffffff;
} .button-round-secondary { background-color: #0085CD; color: #111111;
} .button-round-white { background-color: #ffffff; color: #111111;
} .button-round-white-transparent { border: 1px solid #ffffff; color: #ffffff;
} .button-round-primary-transparent { border: 1px solid #082D53; color: #082D53;
} .button-round-primary:hover,
.button-round-primary:focus,
.button-round-primary:active,
.button-round-secondary:hover,
.button-round-secondary:focus,
.button-round-secondary:active,
.button-round-white:hover,
.button-round-white:focus,
.button-round-white:active,
.button-round-white-transparent:hover,
.button-round-white-transparent:focus,
.button-round-white-transparent:active,
.button-round-primary-transparent:hover,
.button-round-primary-transparent:focus,
.button-round-primary-transparent:active { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} .button-text { color: #0E3500; font-weight: 600; position: relative; line-height: 1.2; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .button-text:hover,
.button-text:focus,
.button-text:active { color: #082D53;
} /*--------------------------------------------------------------
>>> Default ----------------------------------------------------------------*/
.semi-bold { font-weight: 600;
} .bold { font-weight: 700;
} .text-left { text-align: left;
} .text-right { text-align: right;
} .white-bg { background-color: #ffffff;
} .bg-light-grey { background-color: #F8F8F8;
} .bg-light-blue { background-color: #E7F0F7;
} .primary-bg { background-color: #082D53;
} .secondary-bg { background-color: #0085CD;
} .bg-transparent-img { background-color: rgba(21, 21, 21, 0.75); background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 1;
} .bg-transparent-img:before { background-color: rgba(21, 21, 21, 0.75); content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1;
} .primary-color { color: #082D53;
} .secondary-color { color: #0085CD;
} .title-color { color: #111;
} .list-more-btn { padding-top: 20px;
} .list-more-btn a { padding: 18px 30px;
} .site-loader { background-color: #ffffff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; text-align: center;
} .rating-start-wrap { display: table; text-align: right;
} .rating-start-wrap .rating-start { display: table; position: relative; font-size: 13px; letter-spacing: 4px;
} .rating-start-wrap .rating-start:before { color: #ccd6df; content: "\f005\f005\f005\f005\f005"; display: block; font-family: "Font Awesome 5 free"; font-weight: 600;
} .rating-start-wrap .rating-start span { display: block; left: 0; overflow: hidden; position: absolute; top: 0;
} .rating-start-wrap .rating-start span:before { color: #082D53; content: "\f005\f005\f005\f005\f005"; display: inline-block; font-family: "Font Awesome 5 free"; font-weight: 600;
} .social-links ul { margin: 0; padding: 0; font-size: 0;
} .social-links li { display: inline-block; list-style: none; margin: 0 10px;
} .social-links a { font-size: 16px; color: #082D53; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s;
} .social-links a:hover,
.social-links a:focus,
.social-links a:active { color: #1D69B7;
} .social-icon-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px;
} .social-icon-wrap .social-icon { padding: 5px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1;
} .social-icon-wrap .social-icon a { background-color: #082D53; color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .social-icon-wrap .social-icon a:hover { -webkit-filter: saturate(1.5) brightness(1.2); -moz-filter: saturate(1.5) brightness(1.2); -ms-filter: saturate(1.5) brightness(1.2); -o-filter: saturate(1.5) brightness(1.2); filter: saturate(1.5) brightness(1.2);
} .social-icon-wrap .social-icon [class*=fa-] { width: 40px; text-align: center;
} .social-icon-wrap .social-icon span { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent); padding: 10px 15px;
} .social-icon-wrap .social-facebook a { background-color: #3b5998;
} .social-icon-wrap .social-pinterest a { background-color: #bd081c;
} .social-icon-wrap .social-whatsapp a { background-color: #25d366;
} .social-icon-wrap .social-linkedin a { background-color: #0077b5;
} .social-icon-wrap .social-twitter a { background-color: #1da1f2;
} .social-icon-wrap .social-google a { background-color: #dd4b39;
} .to-top-icon { background-color: #0085CD; color: #ffffff; font-size: 12px; display: none; line-height: 35px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; width: 35px; height: 35px; position: fixed; right: 15px; bottom: 15px; z-index: 99; -webkit-transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; -ms-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
} .to-top-icon:hover { background-color: #1D69B7; color: #ffffff;
} @media screen and (max-width: 575px) { .to-top-icon { width: 25px; height: 25px; line-height: 25px; font-size: 13px; right: 10px; bottom: 10px; }
} .nav-tabs { margin: 0;
} .nav-tabs .nav-link { color: #111; border-radius: 0; line-height: 1.1; font-size: 16px; font-weight: 600; padding: 20px 25px;
} .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active { color: #082D53;
} .tab-container { margin-top: 50px;
} .tab-container .responsive-tabs .nav-tabs { display: none;
} @media screen and (min-width: 768px) { .tab-container .responsive-tabs .nav-tabs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tab-container .responsive-tabs .card { border: none; } .tab-container .responsive-tabs .card .card-header { display: none; } .tab-container .responsive-tabs .card .collapse { display: block; }
} @media screen and (max-width: 575px) { .tab-container .nav { display: block; } .tab-container .nav .nav-tabs .nav-link { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dee2e6; padding: 15px 20px; } .tab-container .nav .nav-tabs .nav-link:hover, .tab-container .nav .nav-tabs .nav-link:focus, .tab-container .nav .nav-tabs .nav-link.active { background-color: #1D69B7; color: #ffffff; }
} @media screen and (max-width: 767px) { .tab-container .responsive-tabs .tab-pane { display: block !important; opacity: 1; }
} .tab-content { padding: 30px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d4d4d4;
} .tab-content ul { margin-bottom: 0;
} .tab-content ul li { margin-bottom: 5px;
} .tab-content ul li:last-child { margin-bottom: 0;
} @media screen and (max-width: 767px) { .tab-content .card { -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin-bottom: 20px; border: none; } .tab-content .card:last-child { margin-bottom: 0; } .tab-content .card .card-header { background-color: transparent; border: none; padding: 0; margin: 0; } .tab-content .card .card-header a { color: #383838; font-family: "Poppins", sans-serif; font-size: 15px; display: block; width: 100%; text-decoration: none; padding: 22px; font-weight: 600; position: relative; text-align: left; } .tab-content .card .card-header a:before { content: "\f106"; display: block; font-weight: 900; font-family: "Font Awesome 5 Free"; float: right; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 15px; } .tab-content .card .card-header a.collapsed:before { content: "\f107"; } .tab-content .card .card-body { font-size: 15px; padding: 0 22px 20px; }
} @media screen and (max-width: 767px) and (max-width: 767px) { .tab-content .card .card-body { font-size: 13px; }
} @media screen and (max-width: 575px) { .tab-content { padding: 0; border: none; } .tab-content .card .card-header a { padding: 15px 22px; }
} .progress-wrapper { padding-top: 35px;
} .progress-wrapper .ab-progress { position: relative;
} .progress-wrapper .ab-progress .progress-indecator-inner { position: absolute; top: -30px;
} .progress-wrapper .ab-progress .progress-indecator-inner span { background-color: #0085CD; color: #ffffff; padding: 2px 7px; font-size: 12px; display: inline-block; z-index: 1;
} .progress-wrapper .ab-progress .progress-indecator-inner span:before { background-color: #0085CD; content: ""; width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 0) rotate(45deg); -moz-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); z-index: -1;
} .progress-wrapper .ab-progress .progress-indecator-inner .percent { position: absolute; left: -19px;
} .progress-wrapper .ab-progress .progress-bar-wrap { background: #f4f4f4; border: none; height: 3px;
} .progress-wrapper .progress-inline .ab-progress-bar { background: #0085CD; box-shadow: none; height: 3px; position: relative;
} @media screen and (max-width: 575px) { .progress-wrapper .progress-inline .progress-title { margin-bottom: 10px; }
} .accordion-content .card { -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; margin-bottom: 20px; border: none;
} .accordion-content .card:last-child { margin-bottom: 0;
} .accordion-content .card .card-header { background-color: transparent; border: none; padding: 0; margin: 0;
} .accordion-content .card .card-header a { color: #292929; font-family: "Poppins", sans-serif; display: block; width: 100%; text-decoration: none; padding: 22px; font-weight: 500; position: relative; text-align: left;
} .accordion-content .card .card-header a:before { content: "\f106"; display: block; font-weight: 900; font-family: "Font Awesome 5 Free"; float: right; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 10px; font-size: 20px; color: #292929;
} .accordion-content .card .card-header a.collapsed { color: #292929;
} .accordion-content .card .card-header a.collapsed:before { content: "\f107"; color: #292929;
} .accordion-content .card .card-body { font-size: 15px; padding: 0 20px 20px; color: #414141;
} @media screen and (max-width: 767px) { .accordion-content .card .card-body { font-size: 13px; }
} .slick-slider { position: relative;
} .slick-slider .slick-prev { left: 15px;
} .slick-slider .slick-prev:before { content: "\f053";
} .slick-slider .slick-next { right: 15px;
} .slick-slider .slick-next:before { content: "\f054";
} .slick-slider .slick-prev,
.slick-slider .slick-next { z-index: 1; width: auto; height: auto;
} .slick-slider .slick-prev:before,
.slick-slider .slick-next:before { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; height: 40px; width: 40px; text-align: center; line-height: 40px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .slick-slider .slick-prev:hover:before,
.slick-slider .slick-prev:focus:before,
.slick-slider .slick-prev:active:before,
.slick-slider .slick-next:hover:before,
.slick-slider .slick-next:focus:before,
.slick-slider .slick-next:active:before { background-color: #1D69B7; color: #ffffff;
} .slick-dots { list-style: none; margin: 0; padding: 0;
} .slick-dots li { width: auto; height: auto; margin: 0 6px;
} .slick-dots li button { background-color: #1D69B7; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 10px; height: 10px;
} .slick-dots li button:before { display: none;
} .slick-dots li button:hover { background-color: #0085CD;
} .slick-dots li.slick-active button { background-color: #ffffff;
} .video-button a { background-color: #ffffff; display: inline-block; position: relative; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; font-size: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; line-height: 100px; width: 100px; height: 100px; text-align: center; position: relative;
} .video-button a i { color: #082D53;
} .video-button a:before,
.video-button a:after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 #082D53; -moz-box-shadow: 0 0 0 0 #082D53; -ms-box-shadow: 0 0 0 0 #082D53; -o-box-shadow: 0 0 0 0 #082D53; box-shadow: 0 0 0 0 #082D53; opacity: 0.6; -webkit-animation: rippleOne 3s infinite; -moz-animation: rippleOne 3s infinite; -ms-animation: rippleOne 3s infinite; -o-animation: rippleOne 3s infinite; animation: rippleOne 3s infinite;
} .video-button a:before { animation-delay: 0.9s;
} .video-button a:after { animation-delay: 0.3s;
} @media screen and (max-width: 575px) { .video-button a { line-height: 60px; width: 60px; height: 60px; }
} @-webkit-keyframes rippleOne { 70% { box-shadow: 0 0 0 15px rgba(8, 45, 83, 0); } 100% { box-shadow: 0 0 0 0 rgba(8, 45, 83, 0); }
} @keyframes rippleOne { 70% { box-shadow: 0 0 0 15px rgba(8, 45, 83, 0); } 100% { box-shadow: 0 0 0 0 rgba(8, 45, 83, 0); }
} /*--------------------------------------------------------------
>>> Pagination
----------------------------------------------------------------*/
.post-navigation-wrap { margin-top: 30px;
} .pagination { margin: 0; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} .pagination li { margin: 0 5px;
} .pagination li a { color: #444444; display: inline-block; border: none; width: auto; height: auto; line-height: 1; text-align: center; border-radius: 100%; border-radius: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
} .pagination li a:hover { background-color: #082D53; border-color: #082D53; color: #ffffff;
} .pagination li.active a { background-color: #082D53; border-color: #082D53; color: #ffffff;
} /*--------------------------------------------------------------
>>> Compatibility ----------------------------------------------------------------*/
.widget { margin-bottom: 20px;
} .widget a { display: block;
} .widget .widget-title { margin-bottom: 30px;
} .widget ul { margin: 0; padding: 0;
} .widget ul li { list-style: none;
} .widget ul li a { color: #383838;
} .widget ul li a:hover { color: #1D69B7;
} .widget.author_widget { text-align: center;
} .widget.author_widget .profile .avatar { margin-bottom: 14px;
} .widget.author_widget .profile .avatar a { display: block; position: relative; overflow: hidden;
} .widget.author_widget .profile .avatar a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: none; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);
} .widget.author_widget .profile .avatar a:hover:before,
.widget.author_widget .profile .avatar a:focus:before,
.widget.author_widget .profile .avatar a:active:before { -webkit-animation: shine 1s; animation: shine 1s; display: block;
} .widget.author_widget .name-title { margin-bottom: 20px;
} .widget.author_widget .text-content p:last-child { margin-bottom: 0;
} .widget.author_widget .socialgroup { margin-top: 25px;
} .widget.author_widget .socialgroup ul { margin: 0;
} .widget.author_widget .socialgroup ul li { list-style: none; border-bottom: none; display: inline-block; margin: 0 3px; padding: 0;
} .widget.author_widget .socialgroup ul li a { color: #082D53; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; padding: 3px 9px; border: 1px solid #082D53; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .widget.author_widget .socialgroup ul li a:hover,
.widget.author_widget .socialgroup ul li a:focus,
.widget.author_widget .socialgroup ul li a:active { border-color: #1D69B7; color: #1D69B7;
} .widget.author_widget .profile .avatar { width: 29%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin-left: auto; margin-right: auto; overflow: hidden; background: #fff;
} .widget.author_widget .profile .avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;
} .widget.author_widget .widget-content.text-center .profile .avatar { margin-left: auto; margin-right: auto;
} .widget.author_widget .widget-content.text-right .profile .avatar { margin-left: auto;
} .widget.widget-post-thumb li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;
} .widget.widget-post-thumb li:before,
.widget.widget-post-thumb li:after { content: ""; display: block; clear: both;
} .widget.widget-post-thumb li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;
} .widget.widget-post-thumb li a { color: inherit;
} .widget.widget-post-thumb .post-thumb { width: 100px; float: left; position: relative;
} .widget.widget-post-thumb .post-content { float: right; width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: calc(100% - 120px);
} .widget.widget-post-thumb .post-content h6 { margin-bottom: 5px;
} .widget.widget-post-thumb .post-content p { margin-bottom: 0; font-size: 14px;
} .widget.widget-post-thumb .post-content .entry-meta { margin-left: -8px; margin-right: -8px;
} .widget.widget-post-thumb .post-content .entry-meta span { padding: 0 8px; position: relative;
} .widget.widget-post-thumb .post-content .entry-meta span:before { color: #B6B6B6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0; line-height: 1.8;
} .widget.widget-post-thumb .post-content .entry-meta span:last-child:before { display: none;
} .widget.widget-post-thumb .post-content .entry-meta a { color: #adadad; display: inline-block; font-size: 13px; line-height: 1.1;
} .widget.widget-post-thumb .post-content .entry-meta a:hover,
.widget.widget-post-thumb .post-content .entry-meta a:focus { color: #1D69B7;
} .widget.widget_tag_cloud .tagcloud { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px;
} .widget.widget_tag_cloud .tagcloud a { background-color: #F6F6F6; color: #383838; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 5px 15px; margin: 5px; text-align: center; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .widget.widget_tag_cloud .tagcloud a:hover { background-color: #1D69B7; color: #ffffff;
} .widget.widget_recent_post li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(135, 135, 135, 0.3);
} .widget.widget_recent_post li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;
} .widget.widget_recent_post li a { color: inherit;
} .widget.widget_recent_post li h5 { font-family: "Poppins", sans-serif; font-weight: 600; line-height: 1.3; margin-bottom: 10px;
} .widget.widget_recent_post li .entry-meta { margin-left: -8px; margin-right: -8px;
} .widget.widget_recent_post li .entry-meta span { padding: 0 8px; position: relative;
} .widget.widget_recent_post li .entry-meta span:before { color: #B6B6B6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0;
} .widget.widget_recent_post li .entry-meta span:last-child:before { display: none;
} .widget.widget_recent_post li .entry-meta a { color: #CCC; display: inline-block; font-size: 13px; line-height: 1.1;
} .widget.widget_recent_post li .entry-meta a:hover,
.widget.widget_recent_post li .entry-meta a:focus { color: #1D69B7;
} .widget .gallery,
.widget .insta-gallery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px;
} .widget .gallery .gallery-item,
.widget .insta-gallery .gallery-item { padding: 5px;
} .widget .gallery .gallery-item a,
.widget .insta-gallery .gallery-item a { display: block; position: relative; overflow: hidden;
} .widget .gallery .gallery-item a:before,
.widget .insta-gallery .gallery-item a:before { background-color: rgba(0, 0, 0, 0.6); content: ""; display: block; width: 0%; height: 100%; top: 0; right: 0; position: absolute; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .widget .gallery .gallery-item a:hover:before,
.widget .gallery .gallery-item a:focus:before,
.widget .gallery .gallery-item a:active:before,
.widget .insta-gallery .gallery-item a:hover:before,
.widget .insta-gallery .gallery-item a:focus:before,
.widget .insta-gallery .gallery-item a:active:before { opacity: 1; width: 100%; left: 0;
} .widget .gallery.gallery-colum-3 .gallery-item,
.widget .insta-gallery.gallery-colum-3 .gallery-item { width: 33.33%;
} .widget.widget_social { margin-top: 20px;
} .widget.widget_social .social-icon { width: 50%;
} .widget.widget_category ul li { border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; padding-bottom: 10px; color: #888888; text-align: right;
} .widget.widget_category ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;
} .widget.widget_category ul li a { float: left;
} .widget.search_widget { position: relative;
} .widget.search_widget input { width: 100%; padding: 0 55px 0 10px;
} .widget.search_widget button { background-color: #082D53; color: #ffffff; font-size: 14px; border: none; position: absolute; right: 6px; top: 7px; padding: 13px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .widget.search_widget button:hover { background-color: #1D69B7;
} .widget.widget_social ul { margin: -2px;
} .widget.widget_social ul li { display: inline-block; margin: 2px;
} .widget.widget_social ul li a { border: 1px solid #e6e6e6; display: block; line-height: 40px; height: 40px; text-align: center; width: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .widget.widget_social ul li a:hover { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} .widget.price_handel_widget .price-amout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-top: 25px;
} .widget.price_handel_widget .price-amout input { background-color: transparent; display: inline-block; width: 70px; border: none; font-size: 15px; padding: 0; text-align: right; height: 42px;
} .widget.price_handel_widget .price-label { border: 1px solid #e6e6e6; padding: 0 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .widget.price_handel_widget button { border: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 8px 20px; font-weight: normal;
} .widget.widget_text ul { margin-top: 20px;
} .widget.widget_text ul li { margin-bottom: 10px; padding-left: 30px; position: relative;
} .widget.widget_text ul li:last-child { margin-bottom: 0;
} .widget.widget_text ul li i { color: #082D53; position: absolute; left: 0;
} .widget.widget_newslatter .newslatter-form { margin-top: 24px;
} .widget.widget_newslatter .newslatter-form input { width: 100%; margin-bottom: 15px;
} .widget.widget_newslatter .newslatter-form [type=submit] { padding: 17px 30px; margin-bottom: 0;
} .widget.widget-product-thumb li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
} .widget.widget-product-thumb li:before,
.widget.widget-product-thumb li:after { content: ""; display: block; clear: both;
} .widget.widget-product-thumb li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;
} .widget.widget-product-thumb li a { color: inherit;
} .widget.widget-product-thumb .product-thumb { width: 80px; float: left; position: relative; border-radius: 25px;
} .widget.widget-product-thumb .product-content { float: right; padding-left: 20px; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);
} .widget.widget-product-thumb .product-content h5 { color: #151515; font-size: 15px; font-weight: 600; margin-bottom: 5px; font-family: "Poppins", sans-serif;
} .widget.widget-product-thumb .product-content .entry-meta { margin-left: -8px; margin-right: -8px;
} .widget.widget-product-thumb .product-content .entry-meta span { padding: 0 8px; position: relative;
} .widget.widget-product-thumb .product-content .entry-meta span:before { color: #B6B6B6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0;
} .widget.widget-product-thumb .product-content .entry-meta span:last-child:before { display: none;
} .widget.widget-product-thumb .product-content .entry-meta a { color: #787878; display: inline-block; font-size: 13px; line-height: 1.1;
} .widget.widget-product-thumb .product-content .entry-meta a:hover,
.widget.widget-product-thumb .product-content .entry-meta a:focus { color: #1D69B7;
} .widget.widget_category_product_thumb { margin-bottom: 40px;
} .widget.widget_category_product_thumb ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px;
} .widget.widget_category_product_thumb li { padding: 5px;
} .widget.widget_category_product_thumb li .product-thumb { margin-bottom: 10px; overflow: hidden;
} .widget.widget_category_product_thumb li .product-thumb a { display: block; position: relative;
} .widget.widget_category_product_thumb li .product-thumb a:before { background-color: rgba(0, 0, 0, 0.3); content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .widget.widget_category_product_thumb li .product-thumb a:hover:before,
.widget.widget_category_product_thumb li .product-thumb a:focus:before,
.widget.widget_category_product_thumb li .product-thumb a:active:before { opacity: 1;
} .widget.widget_category_product_thumb li .product-content { text-align: center;
} .widget.widget_category_product_thumb li .product-content h6 { margin-bottom: 5px; display: inline-block; color: #292929; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.2; text-align: center;
} .widget.widget_category_product_thumb li .product-content .count { color: #082D53; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 15px;
} .widget.widget_category_product_thumb.colum-3 li { width: 33.33%;
} .widget.widget_category_product_thumb.colum-2 li { width: 50%;
} .sidebar .widget { margin-bottom: 50px;
} .sidebar .widget .widget-title { display: table; text-transform: capitalize; font-size: 16px; font-weight: 500; text-align: center; line-height: 1.2em; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; position: relative; color: #0085CD;
} .sidebar .widget .widget-title:before,
.sidebar .widget .widget-title:after { background-color: #a7a7a7; content: ""; position: absolute; top: 45%; width: 50px; height: 1px;
} .sidebar .widget .widget-title:before { left: -10px;
} .sidebar .widget .widget-title:after { right: -10px;
} .sidebar .widget .widget-title-dash-border { padding: 5px 25px; border-radius: 25px; border: 1px dashed #d9d9d9; margin-bottom: 35px; color: #0085CD; display: inline-block;
} .sidebar .widget .widget-title-divider-center-bottom { border: 1px solid #082D53; color: #082D53; margin-bottom: 25px; padding: 5px 15px 5px 15px; font-size: 15px; font-weight: 600; line-height: 1.3; display: inline-block; text-align: center;
} .sidebar .widget .widget-title-bottom-dash { position: relative; z-index: 1; color: #0085CD; padding-bottom: 9px; margin-bottom: 30px;
} .sidebar .widget .widget-title-bottom-dash:before { content: ""; position: absolute; bottom: 0; left: 50%; height: 3px; width: 63px; background-color: #082D53; transform: translatex(-50%);
} .sidebar .widget .widget-title-round-border { padding: 8px 25px; border-radius: 25px; background-color: #0085CD; color: #082D53; margin-bottom: 35px; font-weight: 600; text-transform: uppercase; display: inline-block;
} .sidebar .widget:last-child { margin-bottom: 0;
} .sidebar .widget-map iframe { height: 280px;
} .sidebar .widget-bg-image { background-size: cover; background-repeat: no-repeat; border: none; position: relative; overflow: hidden; z-index: 1;
} .sidebar .widget-bg-image:before { background-color: #151515; opacity: 0.7; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
} .sidebar .widget-bg-image * { color: #ffffff;
} .sidebar .information-content { margin-bottom: 50px; padding: 50px 30px;
} .sidebar .information-content .button-round-primary { margin-top: 20px; display: inline-block;
} .sidebar .icon-list-content ul { text-align: left; padding: 0; margin: 0;
} .sidebar .icon-list-content ul li { list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(8, 45, 83, 0.25);
} .sidebar .icon-list-content ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;
} .sidebar .icon-list-content ul li i { color: #082D53; margin-right: 8px; font-size: 18px;
} .sidebar .icon-list-content ul li a { color: #0085CD; line-height: 1.3; font-weight: 600;
} .sidebar .icon-list-content ul li a:hover { color: #1D69B7;
} .sidebar .widget-detail li { -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; -ms-flex-align: end; align-items: end; margin-bottom: 15px;
} .sidebar .widget-detail li:last-child { margin-bottom: 0;
} .sidebar .widget-detail li h5 { font-size: 16px; margin-bottom: 0; margin-right: 10px; font-weight: 500;
} .sidebar .widget-detail li span { color: #787878; font-size: 15px; font-weight: 600; line-height: 1.5;
} .sidebar .widget-from p { margin-bottom: 20px;
} .sidebar .widget-from input:not([type=submit]) { width: 100%;
} @media screen and (max-width: 991px) { .sidebar { margin-top: 50px; }
} .sidebar .video-service-wrapper .widget-bg { box-shadow: 0px 0px 12px 0px skyblue; background-color: #b3b3b3; margin-bottom: 50px; padding: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .sidebar .widget-bg .bg-title { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: #0085CD; color: #111111; padding: 15px 17px; text-align: center; margin-bottom: 25px; font-weight: 600;
} .sidebar .sidebar-list ul { padding: 0; margin: 0;
} .sidebar .sidebar-list li { list-style: none; margin-bottom: 8px;
} .sidebar .sidebar-list li i { color: #0085CD; margin-right: 10px; font-size: 14px;
} .sidebar .faq-widget .accordion .card button { font-size: 15px; font-weight: 600; padding: 18px; text-transform: capitalize;
} .sidebar .widget-icon { background-color: #082D53; border-radius: 100%; color: #ffffff; height: 100px; width: 100px; text-align: center; line-height: 100px; font-size: 48px; margin-left: auto; margin-right: auto; margin-bottom: 20px;
} .sidebar .or-style { color: #082D53; display: table; font-size: 18px; font-weight: 400; position: relative; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; margin-bottom: 20px;
} .sidebar .or-style:before,
.sidebar .or-style:after { background-color: #082D53; content: ""; width: 28px; height: 1px; position: absolute; top: 50%; display: inline-block;
} .sidebar .or-style:before { left: 0;
} .sidebar .or-style:after { right: 0;
} .sidebar .upload-widget .button-primary { margin-top: 20px;
} /*--------------------------------------------------------------
>>> Clearing
----------------------------------------------------------------*/
.clearfix:before,
.clearfix:after { content: ""; display: block; clear: both;
} /*--------------------------------------------------------------
>>> Main Header ----------------------------------------------------------------*/
/*--- top header css start ---*/
.top-header { padding: 0px; background-color: #0084cc; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 6px 0px;
} .top-header .header-schedule-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 12px;
} .top-header .header-schedule-info:first-child { margin-left: 5px;
} .top-header .header-schedule-info:last-child { margin-right: 0;
} .top-header .header-schedule-info i { font-size: 12px; color: #ffffff;
} .top-header .header-schedule-info .schedule-info { display: inline-block; margin-left: 2px; font-size: 13px; line-height: 1.2;
} .top-header .header-schedule-info .schedule-info a { margin-left: 7px; font-weight: 500; color: #ffffff; position: relative;
} .top-header .header-schedule-info .schedule-info a:before { content: ""; position: absolute; background-color: #787878; height: 1px; width: 100%; left: 0; bottom: 0; line-height: 1;
} .top-header .header-schedule-info .schedule-info a:hover { color: black;
} @media screen and (max-width: 991px) { .top-header .header-schedule-info .schedule-info { font-size: 12px; } .top-header .header-schedule-info .schedule-info a { margin-left: 10px; }
} @media screen and (max-width: 767px) { .top-header .header-schedule-info { margin: 0 8px; } .top-header .header-schedule-info .schedule-info { margin-left: 5px; }
} @media screen and (max-width: 575px) { .top-header .header-schedule-info { margin-bottom: 5px; }
} @media screen and (max-width: 479px) { .top-header .header-schedule-info .schedule-info { margin-left: 8px; } .top-header .header-schedule-info .schedule-info a { margin-left: 6px; }
} .mid-header { padding: 18px 0;
} @media screen and (max-width: 767px) { .mid-header { padding: 10px 0; }
} .mid-header .mid-left-header { row-gap: 10px;
} img.head-logos { height: 90px;
} .mid-header .appoinment-btn { margin-right: 8px; margin-left: 57px; font-size: 13px; font-weight: 500; line-height: 1.2; padding: 12px 22px; } @media screen and (max-width: 991px) { .mid-header .appoinment-btn { margin-left: 15px; margin-right: 0; padding: 12px 20px; }
} @media screen and (max-width: 767px) { .mid-header .appoinment-btn { margin: 0; }
} @media screen and (max-width: 575px) { .mid-header .appoinment-btn { order: 3; margin: auto; }
} @media screen and (max-width: 991px) { .mid-header .header-search-icon { margin-left: 10px; margin-right: 0; } .mid-header .header-search-icon .search-icon { font-size: 15px; }
} @media screen and (max-width: 767px) { .mid-header .header-search-icon { margin: 0; }
} @media screen and (max-width: 575px) { .mid-header .header-search-icon { padding: 0 7px; } .mid-header .header-search-icon .search-icon { font-size: 13px; }
} .header-contact-info a { text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
} .header-contact-info a .header-contact-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .header-contact-info a .header-contact-inner .icon { font-size: 20px; background-color: #082D53; height: 40px; width: 40px; text-align: center; line-height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #ffffff; display: inline-block; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
} @media screen and (max-width: 767px) { .header-contact-info a .header-contact-inner .icon { font-size: 18px; height: 35px; width: 35px; line-height: 34px; }
} .header-contact-info a .header-contact-inner .details-content { color: #ffffff; margin-left: 14px;
} .header-contact-info a .header-contact-inner .details-content .content-title { font-size: 13px; font-weight: 500; display: block; color: #787878; line-height: 1.2; margin-bottom: 4px;
} .header-contact-info a .header-contact-inner .details-content h5 { text-align: left; margin-bottom: 0; transition: 0.4s all;
} @media screen and (max-width: 767px) { .header-contact-info a .header-contact-inner .details-content h5 { font-size: 15px; }
} @media screen and (max-width: 575px) { .header-contact-info a .header-contact-inner .details-content h5 { font-size: 12px; }
} @media screen and (max-width: 767px) { .header-contact-info a .header-contact-inner .details-content { margin-left: 10px; }
} .header-contact-info a:hover .header-contact-inner .icon { background-color: #1D69B7;
} .header-contact-info a:hover .header-contact-inner .details-content h5 { color: #1D69B7;
} .header-social { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .header-social li { margin: 0 8px;
} .header-social li:first-child { margin-left: 0;
} .header-social li:last-child { margin-right: 0;
} .header-social a i { font-size: 13px; color: #ffffff; line-height: 0; display: inline-block; text-align: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 1199px) { .header-social a i { font-size: 10px; }
} .header-social a:hover i,
.header-social a:focus i { color: #1D69B7;
} @media screen and (max-width: 479px) { .header-social ul>li { margin: 0 5px; }
} .header-search-icon { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 16px;
} .header-search-icon .search-icon { background-color: transparent; color: #787878; padding: 0; font-size: 18px; border: none;
} .header-search-icon .search-icon:hover,
.header-search-icon .search-icon:focus { color: #1D69B7;
} @media screen and (max-width: 767px) { .header-search-icon { margin-left: 8px; } .header-search-icon .search-icon { font-size: 13px; line-height: 28px; height: 30px; width: 30px; }
} /*--- header Logo css start ---*/
.site-identity .site-title { margin: 0; line-height: 1.5; font-size: 15px; color: #d5d5d5;
} @media screen and (max-width: 991px) { .site-identity .site-title { text-align: center; margin-bottom: 15px; }
} @media screen and (max-width: 575px) { .site-identity .site-title img { max-width: 190px; }
} .site-identity .site-description { font-size: 15px; margin-bottom: 0;
} @media screen and (max-width: 767px) { .site-identity .site-description { font-size: 13px; }
} .site-identity img { max-width: 270px; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear;
} /*--------------------------------------------------------------
>>> Main Header Menu
----------------------------------------------------------------*/
.navigation-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} @media screen and (max-width: 991px) { .navigation-container { padding-right: 35px; }
} .site-header .main-navigation .navigation>ul>li { display: inline-block; padding: 19px 20px; transition: all 0.4s;
} .site-header .main-navigation .navigation>ul>li:first-child { padding-left: 0;
} .site-header .main-navigation .navigation>ul>li:last-child { padding-right: 0;
} @media screen and (max-width: 1199px) { .site-header .main-navigation .navigation>ul>li { padding: 22px 10px; }
} .site-header .main-navigation ul { font-size: 0; list-style: none; margin: 0; padding: 0;
} .site-header .main-navigation ul>li.menu-item-has-children>a:after { content: "\f0d7";
} .site-header .main-navigation ul>li:last-child { border-bottom: none;
} .site-header .main-navigation ul>li:last-child:before { display: none;
} .site-header .main-navigation ul>li>a { color: #111111; display: inline-block; font-size: 15px; font-weight: 600; line-height: 1.2; position: relative; text-transform: uppercase;
} @media screen and (max-width: 1199px) { .site-header .main-navigation ul>li>a { font-size: 14px; }
} .site-header .main-navigation ul>li:hover>ul,
.site-header .main-navigation ul>li:focus>ul,
.site-header .main-navigation ul>li:active>ul { display: block;
} .site-header .main-navigation ul>li:hover>a,
.site-header .main-navigation ul>li:focus>a,
.site-header .main-navigation ul>li:active>a { color: #1D69B7;
} .site-header .main-navigation ul ul { background: #ffffff; border-top: 4px solid #0085CD; /* left: 0; */ margin: 0; padding: 0; position: absolute; top: 100%; width: 280px; z-index: 99; display: none; text-align: left; max-height: -moz-calc(100vh - 174px); max-height: -webkit-calc(100vh - 174px); max-height: calc(100vh - 174px); /* overflow-y: auto; */
} .site-header .main-navigation ul ul li { border-bottom: 1px solid #DDD; position: relative; display: block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .site-header .main-navigation ul ul li a { color: #414141; display: block; padding: 12px 16px; text-transform: uppercase; font-weight: bold; font-size: 13px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .site-header .main-navigation ul ul li a:hover,
.site-header .main-navigation ul ul li a:focus,
.site-header .main-navigation ul ul li a:active { padding-left: 20px; color: #082D53;
} .site-header .main-navigation ul ul li>ul { left: 100%; top: 0;
} .site-header .main-navigation ul ul li.menu-item-has-children>a:after { content: "\f0da";
} .site-header .main-navigation ul ul li:hover>ul,
.site-header .main-navigation ul ul li:focus>ul,
.site-header .main-navigation ul ul li:active>ul { display: block; top: -3px;
} .site-header .main-navigation ul ul li:hover a:after,
.site-header .main-navigation ul ul li:focus a:after,
.site-header .main-navigation ul ul li:active a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
} .site-header .main-navigation ul li { position: relative;
} .site-header .main-navigation ul li:last-child ul,
.site-header .main-navigation ul li:nth-last-child(2) ul { /* left: auto; */ right: 0;
} .site-header .main-navigation ul li:last-child ul ul,
.site-header .main-navigation ul li:nth-last-child(2) ul ul { right: 100%;
} .site-header .main-navigation ul li.menu-item-has-children>a { position: relative;
} .site-header .main-navigation ul li.menu-item-has-children>a:after { display: inline-block; float: right; font-size: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; margin-left: 10PX; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s;
} @media screen and (max-width: 1199px) { .site-header .main-navigation ul li.menu-item-has-children>a:after { font-size: 14px; }
} .site-header .main-navigation ul li.menu-item-has-children li:hover,
.site-header .main-navigation ul li.menu-item-has-children li:focus { background-color: #1D69B7;
} .site-header .main-navigation ul li.menu-item-has-children li:hover>a,
.site-header .main-navigation ul li.menu-item-has-children li:focus>a { color: #ffffff;
} .site-header .main-navigation ul li.current-menu-item>a,
.site-header .main-navigation ul li.current-menu-parent>a { color: #1D69B7;
} .site-header .main-navigation ul li.current-menu-item:hover>a,
.site-header .main-navigation ul li.current-menu-parent:hover>a { color: #1D69B7;
} .fixed-header .navigation>ul>li>ul { max-height: calc(100vh - 55px);
} @-webkit-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
} @-moz-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
} @-o-keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
} @keyframes slide-up { from { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
} /*--- bottom header css ---*/
.bottom-header { background-color: #f8f8f8;
} .bottom-header .hb-group .site-identity { display: none;
} .bottom-header .hb-group .site-identity .site-title { margin-bottom: 0;
} @media screen and (max-width: 991px) { .bottom-header .hb-group .mobile-menu-container { flex-grow: 1; }
} .bottom-header .hb-group .main-navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1;
} @media screen and (max-width: 991px) { .bottom-header .hb-group .main-navigation { display: none; justify-content: center; } .bottom-header .hb-group .main-navigation .header-search-icon { display: none; }
} @media screen and (max-width: 991px) { .bottom-header { padding: 0; }
} /*--- header search css ---*/
.header-search-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .header-search-form { background-color: rgba(17, 17, 17, 0.5); position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.5s, opacity 0.5s, visibility 0.5s; -moz-transition: transform 0.5s, opacity 0.5s, visibility 0.5s; -ms-transition: transform 0.5s, opacity 0.5s, visibility 0.5s; -o-transition: transform 0.5s, opacity 0.5s, visibility 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s; z-index: 999;
} .header-search-form .header-search { position: relative;
} .header-search-form input[type=text] { background-color: #ffffff; color: #292929; border: none; width: 100%; height: 52px; padding: 0 20px; text-align: center;
} .header-search-form .search-close { color: #0085CD; position: absolute; top: 20px; right: 20px; font-size: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .header-search-form .search-close:hover,
.header-search-form .search-close:focus,
.header-search-form .search-close:active { color: #1D69B7;
} .header-search-form.search-in { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
} /*--- fixed header css ---*/
.fixed-header .mid-header { display: none;
} .fixed-header .bottom-header { -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999;
} .fixed-header .bottom-header .hb-group .site-identity { display: block;
} @media screen and (max-width: 991px) { .fixed-header .bottom-header .hb-group .mobile-menu-container { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; }
} .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon { display: block; margin-right: 20px;
} @media screen and (max-width: 991px) { .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon { display: block; } .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon .search-icon { font-size: 16px; }
} @media screen and (max-width: 575px) { .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon { margin-right: 10px; } .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon .search-icon { font-size: 13px; }
} @media screen and (max-width: 991px) { .fixed-header .bottom-header .hb-group { padding: 4px 0; } .fixed-header .bottom-header .hb-group .main-navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .fixed-header .bottom-header .hb-group .site-identity img { max-width: 180px; }
} @media screen and (max-width: 767px) { .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon { margin-right: 10px; }
} @media screen and (max-width: 575px) { .fixed-header .bottom-header .hb-group .site-identity img { max-width: 160px; }
} @media screen and (max-width: 479px) { .fixed-header .bottom-header .hb-group { padding: 0; } .fixed-header .bottom-header .hb-group .main-navigation .header-search-icon { margin: 0 5px; }
} .fixed-header .bottom-header .mobile-menu-container .slicknav_nav { height: -moz-calc(100vh - 52px); height: -webkit-calc(100vh - 52px); height: calc(100vh - 52px);
} @media screen and (max-width: 767px) { .fixed-header .bottom-header .mobile-menu-container .slicknav_nav { height: -moz-calc(100vh - 42px); height: -webkit-calc(100vh - 42px); height: calc(100vh - 42px); }
} @media screen and (max-width: 479px) { .fixed-header .bottom-header .mobile-menu-container .slicknav_nav { height: -moz-calc(100vh - 35px); height: -webkit-calc(100vh - 35px); height: calc(100vh - 35px); }
} /*--- mobile slick Nav css ---*/
/* Slicknav - a Mobile Menu */
.mobile-menu-container .slicknav_nav { height: calc(100vh - 180px); overflow-y: auto; position: absolute; width: 100%; left: 0; right: 0; z-index: 999;
} @media screen and (max-width: 767px) { .mobile-menu-container .slicknav_nav { height: calc(100vh - 195px); }
} @media screen and (max-width: 575px) { .mobile-menu-container .slicknav_nav { height: calc(100vh - 207px); }
} @media screen and (max-width: 479px) { .mobile-menu-container .slicknav_nav { height: calc(100vh - 260px); }
} .mobile-menu-container .slicknav_menu { background-color: transparent; padding: 0;
} @media screen and (min-width: 992px) { .mobile-menu-container .slicknav_menu { display: none; }
} .mobile-menu-container .slicknav_menu .slicknav_btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; float: none;
} .mobile-menu-container .slicknav_menu .slicknav_icon { margin-left: 0; margin-right: 10px;
} .mobile-menu-container .slicknav_menu .slicknav_menutxt { color: #FFF; text-shadow: none; font-weight: normal; font-size: 16px; font-weight: 700;
} .mobile-menu-container .slicknav_menu .slicknav_nav li { border-top: 1px solid #e6e6e6;
} .mobile-menu-container .slicknav_menu .slicknav_nav li .slicknav_arrow { color: #7a7a7a; font-size: 13px;
} .mobile-menu-container .slicknav_menu .slicknav_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0;
} .mobile-menu-container .slicknav_menu .slicknav_row>a { width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: calc(100% - 45px);
} .mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item { border-left: 1px solid #e6e6e6; width: 45px; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} .mobile-menu-container .slicknav_menu .slicknav_row .slicknav_item .slicknav_arrow { position: static; padding: 0; margin: 0;
} .mobile-menu-container .slicknav_menu .slicknav_row:hover,
.mobile-menu-container .slicknav_menu .slicknav_row:focus,
.mobile-menu-container .slicknav_menu .slicknav_row:active { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;
} @media screen and (max-width: 991px) { .mobile-menu-container .slicknav_menu .slicknav_btn { padding: 15px 0; } .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_menutxt { color: #082D53; } .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar { background-color: #082D53; } .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar:before, .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar:after { background-color: #082D53; }
} @media screen and (max-width: 767px) { .mobile-menu-container .slicknav_menu .slicknav_btn { padding: 10px 0; }
} @media screen and (max-width: 479px) { .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_menutxt { font-size: 14px; } .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon { height: 12px; margin-right: 5px; } .mobile-menu-container .slicknav_menu .slicknav_btn .slicknav_icon span { width: 18px; }
} .slicknav_menu .slicknav_btn { background-color: transparent; padding: 0;
} .slicknav_menu .slicknav_nav ul { margin: 0; padding: 0;
} .slicknav_menu .slicknav_nav li { position: relative; list-style: none; transition: all 0.4s;
} .slicknav_menu .slicknav_nav li a { display: inline-block; font-size: 15px; color: #444444; font-weight: 600; padding: 10px 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase;
} .slicknav_menu .slicknav_nav li a:hover,
.slicknav_menu .slicknav_nav li a:focus,
.slicknav_menu .slicknav_nav li a:active { background-color: transparent; color: #1D69B7; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;
} .slicknav_menu .slicknav_nav li>ul { padding-left: 20px;
} .slicknav_menu .slicknav_nav .current-menu-item a { color: #082D53; font-weight: 600;
} .slicknav_menu .slicknav_nav .slicknav_open { transition: all 0.4s;
} .slicknav_menu .slicknav_nav .slicknav_open .slicknav_row { background-color: #1D69B7;
} .slicknav_menu .slicknav_nav .slicknav_open .slicknav_row a { color: #ffffff;
} .slicknav_menu .slicknav_nav .slicknav_open .slicknav_row .slicknav_item .slicknav_arrow { color: #ffffff;
} .slicknav_nav { background-color: #ffffff; -webkit-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1); box-shadow: 0px 22px 21px rgba(0, 0, 0, 0.1);
} .slicknav_arrow { position: absolute; right: 5px; height: 100%; top: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 10px;
} .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0; line-height: 1.1; cursor: pointer; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s;
} .slicknav_btn .slicknav_icon { width: 22px; height: 16px; display: block; position: relative; margin-top: 1px;
} .slicknav_btn .slicknav_icon:before { display: none;
} .slicknav_btn .slicknav_icon span { background-color: #FFF; box-shadow: none; display: none; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} .slicknav_btn .slicknav_icon span:first-child { display: block;
} .slicknav_btn .slicknav_icon span:first-child:before,
.slicknav_btn .slicknav_icon span:first-child:after { background-color: #FFF; content: ""; position: absolute; width: 100%; height: 100%; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; -webkit-transition-delay: 0.5s, 0s; -moz-transition-delay: 0.5s, 0s; -ms-transition-delay: 0.5s, 0s; -o-transition-delay: 0.5s, 0s; transition-delay: 0.5s, 0s; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; -ms-transition-duration: 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s;
} .slicknav_btn .slicknav_icon span:first-child:before { top: -6px;
} .slicknav_btn .slicknav_icon span:first-child:after { top: 6px;
} .slicknav_btn.slicknav_open span:first-child { background-color: transparent !important;
} .slicknav_btn.slicknav_open span:first-child:before,
.slicknav_btn.slicknav_open span:first-child:after { -webkit-transition-delay: 0s, 0.5s; -moz-transition-delay: 0s, 0.5s; -ms-transition-delay: 0s, 0.5s; -o-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s;
} .slicknav_btn.slicknav_open span:first-child:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
} .slicknav_btn.slicknav_open span:first-child:after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
} /*--------------------------------------------------------------
>>> Home Main section ----------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Home banner section ----------------------------------------------------------------*/
.home-banner { position: relative; z-index: 1; /* background-color: #082D53; */ background-image: url(assets/images/sumermetal/home/ss-pipe-sld.jpg); height: 580px;
} .home-banner .banner-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .home-banner .banner-wrapper .banner-left-detail { -webkit-flex-basis: 55%; -moz-flex-basis: 55%; -ms-flex-basis: 55%; flex-basis: 55%;
} .home-banner .banner-wrapper .banner-left-detail .banner-detail { margin-bottom: 130px;
} @media screen and (max-width: 991px) { .home-banner .banner-wrapper .banner-left-detail .banner-detail { margin-top: 65px; margin-bottom: 190px; }
} .home-banner .banner-wrapper .banner-left-detail .banner-detail .banner-btn { padding: 15px 24px; margin-top: 18px;
} .home-banner .banner-wrapper .banner-right-img { -webkit-flex-basis: 45%; -moz-flex-basis: 45%; -ms-flex-basis: 45%; flex-basis: 45%;
} @media screen and (max-width: 767px) { .home-banner .banner-wrapper { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .home-banner .banner-wrapper .banner-left-detail { flex-basis: initial; } .home-banner .banner-wrapper .banner-left-detail .banner-detail { margin: 65px auto; } .home-banner .banner-wrapper .banner-right-img { -webkit-flex-basis: initial; -moz-flex-basis: initial; -ms-flex-basis: initial; flex-basis: initial; } .home-banner .banner-wrapper .banner-right-img .banner-img { text-align: center; } .home-banner .banner-wrapper .banner-right-img .banner-img img { width: 56%; }
} @media screen and (max-width: 575px) { .home-banner .banner-wrapper .banner-right-img .banner-img img { width: 100%; }
} .banner-service-section { margin-top: -206px; position: relative; z-index: 2;
} .banner-service-section .banner-service-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; width: 60%;
} @media screen and (max-width: 991px) { .banner-service-section .banner-service-wrapper { width: 80%; }
} .banner-service-section .banner-service-wrapper .banner-hire-detail { padding: 30px 20px; border-top-left-radius: 25px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); background-image: radial-gradient(at top left, #f8f8f8 74%, #ffffff 42%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-basis: 64%; -moz-flex-basis: 64%; -ms-flex-basis: 64%; flex-basis: 64%;
} .banner-service-section .banner-service-wrapper .banner-hire-detail .reverse-pipe-icon { font-size: 50px; margin-right: 20px;
} .banner-service-section .banner-service-wrapper .banner-hire-detail .hire-info { margin-bottom: 0;
} .banner-service-section .banner-service-wrapper .banner-service-content { -webkit-flex-basis: 36%; -moz-flex-basis: 36%; -ms-flex-basis: 36%; flex-basis: 36%; background-color: #0085CD; padding: 30px; color: #111111;
} .banner-service-section .banner-service-wrapper .banner-service-content .enginer-icon { margin-bottom: 20px;
} .banner-service-section .banner-service-wrapper .banner-service-content .enginer-icon i { font-size: 60px;
} .banner-service-section .banner-service-wrapper .banner-service-content .enginer-icon .hire-btn { padding: 15px 24px;
} .sidebar .video-service-wrapper .service-content .contact-sidebar-h3 { font-size: 25px;
} @media screen and (max-width: 767px) { .banner-service-section { margin-top: -187px; } .banner-service-section .banner-service-wrapper { width: 100%; }
} @media screen and (max-width: 575px) { .banner-service-section { margin-top: -136px; } .banner-service-section .banner-service-wrapper { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-service-section .banner-service-wrapper .banner-hire-detail { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; border-top-right-radius: 25px; } .banner-service-section .banner-service-wrapper .banner-service-content { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; text-align: center; }
} /*--------------------------------------------------------------
>>> Home banner section ----------------------------------------------------------------*/
.home-aboutus { background-color: #f8f8f8; padding: 110px 0 108px;
} .home-aboutus .home-aboutus-inner { display: grid; grid-template-columns: 25% auto;
} .home-aboutus .home-aboutus-inner .about-gallary { text-align: right;
} .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border { margin-bottom: 15px;
} .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border:last-child { margin-bottom: 0;
} .home-aboutus .home-aboutus-inner .home-about-right { padding-left: 15px;
} .home-aboutus .home-aboutus-inner .home-about-right .about-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .home-aboutus .home-aboutus-inner .home-about-right .about-content .about-top-right-img { margin-top: 56px; margin-bottom: 15px; -webkit-flex-basis: 30%; -moz-flex-basis: 30%; -ms-flex-basis: 30%; flex-basis: 30%;
} .home-aboutus .home-aboutus-inner .home-about-right .about-content .section-head-info { -webkit-flex-basis: 70%; -moz-flex-basis: 70%; -ms-flex-basis: 70%; flex-basis: 70%; padding-left: 20px; margin-bottom: 0;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-bottom-right-img { -webkit-flex-basis: 35%; -moz-flex-basis: 35%; -ms-flex-basis: 35%; flex-basis: 35%;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner { -webkit-flex-basis: 65%; -moz-flex-basis: 65%; -ms-flex-basis: 65%; flex-basis: 65%; padding-left: 70px;
} @media screen and (max-width: 991px) { .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner { padding-left: 20px; }
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: #ffffff; -webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); padding: 25px; margin-bottom: 20px;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul { margin: 0; padding: 0; list-style-type: none;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li { margin-bottom: 12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li:last-child { margin-bottom: 0;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li i { font-size: 25px; color: #a7a7a7;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li span { color: #414141; padding-left: 20px;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .author-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .author-content .auhtor-signature { width: 142px; margin-right: 20px;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .author-content .author-detail .author-name { margin-bottom: 0px; margin-top: 8px; font-size: 16px; font-weight: 500;
} .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .author-content .author-detail .author-prof { font-size: 13px; line-height: 1.2;
} @media screen and (max-width: 767px) { .home-aboutus { padding: 65px 0; } .home-aboutus .home-aboutus-inner { grid-template-columns: auto; grid-row-gap: 10px; } .home-aboutus .home-aboutus-inner .about-gallary { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin-right: 10px; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border:last-child { margin-right: 0; } .home-aboutus .home-aboutus-inner .home-about-right { padding-left: 0px; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner { padding-left: 10px; } .home-aboutus .home-about-place { grid-template-columns: auto; }
} @media screen and (max-width: 575px) { .home-aboutus .home-aboutus-inner .home-about-right { padding-left: 0; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner { padding-left: 0; margin-top: 20px; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .author-content { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; }
} @media screen and (max-width: 479px) { .home-aboutus .home-aboutus-inner { grid-row-gap: 10px; } .home-aboutus .home-aboutus-inner .about-gallary { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 46%; -moz-flex-basis: 46%; -ms-flex-basis: 46%; flex-basis: 46%; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border:last-child { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border:nth-child(2) { order: 3; width: 100%; margin: 0; } .home-aboutus .home-aboutus-inner .about-gallary .figure-round-border:nth-child(2) img { width: 100%; } .home-aboutus .home-aboutus-inner .home-about-right .about-content { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .home-aboutus .home-aboutus-inner .home-about-right .about-content .about-top-right-img { margin: 0px 0 20px; width: 100%; } .home-aboutus .home-aboutus-inner .home-about-right .about-content .about-top-right-img img { width: 100%; } .home-aboutus .home-aboutus-inner .home-about-right .about-content .section-head-info { padding-left: 0; margin-bottom: 20px; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list { padding: 25px 10px; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li i { font-size: 20px; } .home-aboutus .home-aboutus-inner .home-about-right .about-detail .about-detail-inner .about-list ul li span { padding-left: 10px; }
} /*--------------------------------------------------------------
>>> Home home-team ----------------------------------------------------------------*/
.home-team-section { background-color: #f8f8f8; padding: 90px 0 140px;
} @media screen and (max-width: 767px) { .home-team-section { padding: 65px 0 105px; }
} .home-team-section .team-inner-group .row { row-gap: 50px;
} .home-team-section .team-inner-group .team-member { position: relative; z-index: 1;
} @media screen and (min-width: 1200px) { .home-team-section .team-inner-group .team-member { margin: 0 3px; }
} @media screen and (max-width: 767px) { .home-team-section .team-inner-group .team-member .team-img img { width: 100%; }
} .home-team-section .team-inner-group .team-member .team-detail { position: absolute; bottom: 20px; left: 0; right: 0; padding: 35px 20px 20px; margin: 0 20px; background-image: radial-gradient(at top left, #0085CD 74%, #fff 42%); text-align: center;
} .home-team-section .team-inner-group .team-member .team-detail .team-name h5 { margin-bottom: 6px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-team-section .team-inner-group .team-member .team-detail .team-name:hover h5 { color: #1D69B7;
} .home-team-section .team-inner-group .team-member .team-detail .job-title { font-size: 13px;
} .home-team-section .team-inner-group .team-member .team-detail .team-type-btn { position: absolute; left: 50%; top: -20px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
} .home-team-section .team-inner-group .team-member .team-detail .team-type-btn i { background-color: #ffffff; color: #082D53; height: 42px; width: 42px; line-height: 41px; font-size: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-team-section .team-inner-group .team-member .team-detail .team-type-btn:hover i { background-color: #1D69B7; color: #ffffff;
} .home-team-section .team-inner-group .team-member .product-h2 { font-size: 20px; } /*--------------------------------------------------------------
>>> home-working-process.scss ----------------------------------------------------------------*/
.home-working-step-section { position: relative; z-index: 1; padding: 107px 0 130px; margin-bottom: 0px; background-image: url(assets/images/sumermetal/home/whychoosebanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;
} @media screen and (max-width: 767px) { .home-working-step-section { padding: 65px 0 260px; }
} .home-working-step-section .overlay { background-color: #082d53e3; opacity: 0.95;
} .home-working-step-section .section-head-white { margin-bottom: 50px;
} .home-working-step-section .process-step .row { row-gap: 50px;
} .home-working-step-section .process-step .phase { padding: 0px 28px; color: #ffffff; text-align: center;
} @media screen and (max-width: 991px) { .home-working-step-section .process-step .phase { padding: 0 18px; }
} @media screen and (max-width: 575px) { .home-working-step-section .process-step .phase { padding: 0; }
} .home-working-step-section .process-step .phase .phase-icon { position: relative; z-index: 1; text-align: center; padding: 40px 40px 40px 40px; background-image: url(assets/images/sumermetal/home/marker.png); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-bottom: 40px;
} .home-working-step-section .process-step .phase .phase-icon i { font-size: 50px;
} .home-working-step-section .process-step .phase .phase-icon .phase-no { position: absolute; z-index: -1; bottom: -13px; left: 50%; transform: translateX(calc(-50% + 40px)); margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.1; height: 43px; width: 43px; line-height: 42px; background-color: #0085CD; color: #111111; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
} .home-working-step-section .process-step .phase .phase-content .phase-title { color: #ffffff; font-size: 20px;
} .home-working-step-section .process-step .phase .phase-content .phase-info { color: #d9d9d9; margin-bottom: 0;
} .home-appointment-section { position: relative; z-index: 2;
} .home-appointment-section .reservation-inner { display: grid; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; grid-template-columns: 35% auto; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; margin-top: 20px; margin-bottom: 50px;
} .home-appointment-section .reservation-inner .reservation-section { position: relative; background-image: url(assets/images/sumermetal/stainless-steel-pipe/call-to-action.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 100%; overflow: hidden;
} .home-appointment-section .reservation-inner .reservation-section .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} .home-appointment-section .reservation-inner .reservation-section .video-button a { background-color: #ffffff; height: 80px; width: 80px; line-height: 80px; font-size: 25px;
} .home-appointment-section .reservation-inner .reservation-section .video-button a i { color: #414141;
} .home-appointment-section .reservation-inner .reservation-content { padding: 20px 20px 20px; background-color: #b7d2ff;
} @media screen and (max-width: 991px) { .home-appointment-section .reservation-inner .reservation-content { padding: 50px 25px; }
} @media screen and (max-width: 767px) { .home-appointment-section .reservation-inner .reservation-content { padding: 35px 25px 25px; }
} .home-appointment-section .reservation-inner .reservation-content .section-head { margin-bottom: 0;
} .home-appointment-section .reservation-inner .reservation-content .reservation-form { margin: 0 -12px;
} .home-appointment-section .reservation-inner .reservation-content .reservation-form .form-group { margin-bottom: 10px;
} .home-appointment-section .reservation-inner .reservation-content .reservation-form .form-group input,
.home-appointment-section .reservation-inner .reservation-content .reservation-form .form-group button { width: 100%;
} .home-appointment-section .reservation-inner .reservation-content .reservation-form .form-group input { width: 100%; background-color: #ffffff;
} @media screen and (max-width: 991px) { .home-appointment-section .reservation-inner .reservation-content .reservation-form .form-group button { padding: 15px 10px; }
} @media screen and (max-width: 767px) { .home-appointment-section .reservation-inner { grid-template-columns: auto; } .home-appointment-section .reservation-inner .reservation-section { min-height: 300px; }
} .home-appointment-section .reservation-inner .reservation-content .reservation-form .call-cta { background-color: green; /* color: black; */
} ..home-appointment-section .reservation-inner .reservation-content .reservation-form .call-cta:hover { background-color: #1D69B7 !important;
} /*--------------------------------------------------------------
>>> Home home-partner ----------------------------------------------------------------*/
.home-partner-section { padding: 110px 0; background-color: #f8f8f8; margin-bottom: -100px; margin-top: -155px;
} .home-partner-section .home-partner-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; grid-row-gap: 40px; margin-top: 150px;
} .home-partner-section .home-partner-wrapper .partner-group-logo { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; grid-gap: 25px;
} @media screen and (max-width: 991px) { .home-partner-section .home-partner-wrapper .partner-group-logo { grid-gap: 20px; }
} @media screen and (max-width: 479px) { .home-partner-section .home-partner-wrapper .partner-group-logo { grid-template-columns: repeat(2, 1fr); }
} .home-partner-section .home-partner-wrapper .partner-group-logo .partner-logo { padding: 25px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);
} .home-partner-section .home-partner-wrapper .partner-group-logo .partner-logo img { filter: brightness(80%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
} .home-partner-section .home-partner-wrapper .partner-content { margin-bottom: 0; margin-left: 70px;
} @media screen and (max-width: 991px) { .home-partner-section .home-partner-wrapper .partner-content { margin-left: 30px; }
} @media screen and (max-width: 767px) { .home-partner-section { padding: 65px 0; } .home-partner-section .home-partner-wrapper { grid-template-columns: auto; } .home-partner-section .home-partner-wrapper .partner-group-logo { order: 2; grid-gap: 25px; } .home-partner-section .home-partner-wrapper .partner-content { text-align: center; margin-left: 0; }
} /*--------------------------------------------------------------
>>> Home home-gallery ----------------------------------------------------------------*/
.home-gallery-section { padding: 107px 0 90px; display: flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { .home-gallery-section { padding: 65px 0; }
} .home-gallery-section .gallery-container .gallery-grid { margin: 0 -12px;
} .home-gallery-section .gallery-container .gallery-grid .single-gallery { width: 30.33%; /* padding: 0 10px; */ margin-bottom: 20px; border-radius: 25px; margin-right: 30px;
} @media screen and (max-width: 767px) { .home-gallery-section .gallery-container .gallery-grid .single-gallery { width: 50%; }
} @media screen and (max-width: 575px) { .home-gallery-section .gallery-container .gallery-grid .single-gallery { width: 100%; }
} .home-gallery-section .gallery-container .single-gallery .gallery-img { /* -webkit-border-radius: 25px; */ /* -moz-border-radius: 25px; */ /* -ms-border-radius: 25px; */ /* border-radius: 25px; */ border-top-left-radius: 25px; border-top-right-radius: 25px; overflow: hidden; position: relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
} @media screen and (max-width: 575px) { .home-gallery-section .gallery-container .single-gallery .gallery-img a img { width: 100%; }
} .home-gallery-section .gallery-container .single-gallery .gallery-img a:before { background-color: rgba(0, 0, 0, 0.5); content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
} .home-gallery-section .gallery-container .single-gallery .gallery-img a:hover:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
} .gallery-container .gallery-grid .product-steel-grid { /* border: 1px solid; */ box-shadow: 0px 0px 16px 3px rgb(155, 153, 153); } .gallery-container .gallery-grid .product-steel-grid .product-pipe-h2 { text-align: left; font-size: 30px; margin-top: 20px; margin-left: 10%; margin-bottom: 30px;
} .gallery-container .gallery-grid .product-pipe-ul { text-align: left; margin-left: -3px; list-style: none; color: black; text-align: left;
} .gallery-container .gallery-grid .product-pipe-ul li { font-size: 14px; line-height: 35px;
} /*--------------------------------------------------------------
>>> Home home-testimonial
----------------------------------------------------------------*/
.home-testimonials-section { position: relative; z-index: 1; background-image: url(assets/images/sumermetal/home/banner-appreciation.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;
} @media screen and (max-width: 991px) { .home-testimonials-section { padding: 110px 0; }
} @media screen and (max-width: 767px) { .home-testimonials-section { padding: 65px 0; }
} .home-testimonials-section .overlay { background-color: #082d53e3; opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95);
} .home-testimonials-section .home-testimonial-wrapper { display: grid; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; grid-template-columns: 38% 62%;
} .home-testimonials-section .home-testimonial-wrapper .section-head-white-info { padding-right: 50px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 54px; grid-row-gap: 65px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content { padding: 35px 30px 25px 30px; background-color: transparent; background-image: radial-gradient(at top left, #f8f8f8 74%, #fff 42%); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; margin-bottom: 65px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content:last-child { margin-bottom: 0;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content:before { content: ""; position: absolute; z-index: 1; right: 0; top: -30px; height: 50px; width: 50px; background-repeat: no-repeat; background-position: center; background-size: contain;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content .author-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content .author-detail .author-img { height: 60px; width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content .author-detail .author-info { margin-left: 15px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content .author-detail .author-info .author-name { margin-bottom: 0; font-size: 25px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .comment-group .comment-content .author-detail .author-info .author-desc { color: #082D53; font-size: 13px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group { padding-top: 90px; margin-bottom: -50px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group .comment-content:nth-child(odd) { margin-left: 40px;
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group .comment-content:nth-child(even) .comment-detail { margin-bottom: 20px;
} @media screen and (max-width: 767px) { .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group .comment-content:nth-child(even) .comment-detail { margin-bottom: 13px; }
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group { padding-bottom: 90px; margin-top: -50px;
} @media screen and (min-width: 1200px) { .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group { padding-left: 10px; }
} .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group .comment-content:nth-child(even) { margin-left: 20px;
} @media screen and (max-width: 991px) { .home-testimonials-section .home-testimonial-wrapper { grid-template-columns: auto; } .home-testimonials-section .home-testimonial-wrapper .section-head-white-info { text-align: center; margin-bottom: 130px; padding: 0; }
} @media screen and (max-width: 767px) { .home-testimonials-section .home-testimonial-wrapper .section-head-white-info { margin-bottom: 65px; } .home-testimonials-section .home-testimonial-wrapper .comment-inner { grid-column-gap: 30px; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group { padding-top: 70px; margin: 0; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group { margin: 0; padding-bottom: 70px; }
} @media screen and (max-width: 575px) { .home-testimonials-section .home-testimonial-wrapper .comment-inner { grid-template-columns: auto; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group { padding-top: 0px; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .left-group .comment-content:nth-child(odd) { margin-left: 0px; margin-right: 0px; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group { padding-bottom: 0px; } .home-testimonials-section .home-testimonial-wrapper .comment-inner .right-group .comment-content:nth-child(even) { margin-left: 0px; margin-right: 0px; }
} /*--------------------------------------------------------------
>>> Home home-service
----------------------------------------------------------------*/
.home-service-section { padding: 107px 0 130px; background-color: #0d9cfd29;
} @media screen and (max-width: 767px) { .home-service-section { padding: 65px 0; }
} .home-service-section .service-detail-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 15px; margin-bottom: 40px; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; -ms-flex-align: end; align-items: end;
} @media screen and (max-width: 991px) { .home-service-section .service-detail-wrapper { grid-template-columns: auto; }
} .home-service-section .service-detail-wrapper .section-head { margin-bottom: 0;
} @media screen and (min-width: 992px) { .home-service-section .service-detail-wrapper .section-head { margin-right: 110px; }
} .home-service-section .type-of-service { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 60px;
} .home-service-section .type-of-service .service-type { padding: 38px 40px 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: transparent; background-image: radial-gradient(at top left, #f8f8f8 74%, #fff 42%); -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.8); -o-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.8); position: relative; z-index: 1;
} .home-service-section .type-of-service .service-type .service-title h5 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-service-section .type-of-service .service-type .service-title:hover h5 { color: #1D69B7;
} .home-appointment-section .reservation-inner .reservation-content .service-title-cta-h3 { font-size: 25px;
} .home-service-section .type-of-service .service-type .service-info { margin-bottom: 25px;
} .home-service-section .type-of-service .service-type .service-img-no .service-img { margin-bottom: 14px; } .home-service-section .type-of-service .service-type .service-img-no .service-no { margin-bottom: 0; color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: #000; stroke: #000;
} .home-service-section .type-of-service .service-type .service-type-btn { position: absolute; left: 40px; bottom: -20px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-service-section .type-of-service .service-type .service-type-btn i { background-color: #082D53; color: #ffffff; height: 42px; width: 42px; line-height: 41px; font-size: 15px; border-radius: 50%; text-align: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-service-section .type-of-service .service-type .service-type-btn:hover i { background-color: #1D69B7;
} .home-service-section .type-of-service .service-notification { padding: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; background-color: #0085CD; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .home-service-section .type-of-service .service-notification .notifiy-title { margin-bottom: 30px; font-size: 25px;
} .type-of-service .service-type .product-h3 { font-size: 25px;
} @media screen and (max-width: 575px) { .home-service-section .type-of-service .service-notification .notifiy-title { margin-bottom: 20px; }
} @media screen and (max-width: 991px) { .home-service-section .type-of-service { grid-template-columns: repeat(3, 1fr); }
} @media screen and (max-width: 767px) { .home-service-section .type-of-service { grid-template-columns: repeat(2, 1fr); grid-row-gap: 50px; }
} @media screen and (max-width: 575px) { .home-service-section .type-of-service { grid-template-columns: repeat(1, 1fr); }
} /*--------------------------------------------------------------
>>> Home home-blog
----------------------------------------------------------------*/
.home-blog-section { padding: 156px 0 110px;
} @media screen and (max-width: 767px) { .home-blog-section { padding: 65px 0 65px; }
} .home-blog-section .inner-blog-wrapper { margin-top: 50px; display: grid; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; justify-items: center; grid-row-gap: 35px; grid-column-gap: 40px; grid-template-columns: repeat(3, 1fr);
} @media screen and (max-width: 991px) { .home-blog-section .inner-blog-wrapper { grid-template-columns: repeat(2, 1fr); } .home-blog-section .inner-blog-wrapper .post:nth-child(odd):last-child { grid-column: 1/span 2; width: 50%; }
} @media screen and (max-width: 767px) { .home-blog-section .inner-blog-wrapper { grid-column-gap: 20px; margin-top: 30px; }
} @media screen and (max-width: 575px) { .home-blog-section .inner-blog-wrapper { grid-template-columns: repeat(1, 1fr); } .home-blog-section .inner-blog-wrapper .post:nth-child(odd):last-child { grid-column: 1/span 1; width: initial; }
} .home-blog-section .inner-blog-wrapper .post { background-color: #ffffff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-blog-section .inner-blog-wrapper .post:hover { -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-blog-section .inner-blog-wrapper .post:hover .feature-image:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
} .home-blog-section .inner-blog-wrapper .post .feature-image { position: relative; z-index: 1; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-blog-section .inner-blog-wrapper .post .feature-image:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%); background-repeat: no-repeat; content: ""; height: 100%; width: 100%; position: absolute; bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} .home-blog-section .inner-blog-wrapper .post .feature-image .cat-meta { position: absolute; top: 20px; right: 20px;
} .home-blog-section .inner-blog-wrapper .post .feature-image .cat-meta a { padding: 5px 14px; font-size: 12px; background-color: #082D53; color: #ffffff; border-radius: 25px; text-transform: uppercase; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all;
} @media screen and (max-width: 767px) { .home-blog-section .inner-blog-wrapper .post .feature-image .cat-meta a { font-size: 10px; }
} .home-blog-section .inner-blog-wrapper .post .feature-image .cat-meta a:hover { background-color: #1D69B7;
} @media screen and (max-width: 991px) { .home-blog-section .inner-blog-wrapper .post .feature-image img { width: 100%; }
} .home-blog-section .inner-blog-wrapper .post .entry-content { padding: 32px 30px 31px;
} .home-blog-section .inner-blog-wrapper .post .entry-content .blog-title { margin-bottom: 14px;
} .home-blog-section .inner-blog-wrapper .post .entry-content .blog-title a { color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-blog-section .inner-blog-wrapper .post .entry-content .blog-title a:hover { color: #1D69B7;
} .home-blog-section .inner-blog-wrapper .post .entry-content .blog-preview { color: #777; margin-bottom: 0;
} .home-blog-section .inner-blog-wrapper .post .entry-meta { margin-bottom: 0; padding: 8px 30px 12px; border-top: 1px solid #eaeaea;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span { font-size: 13px; color: #adadad; padding: 0 9px; position: relative; display: inline-block;
} @media screen and (max-width: 767px) { .home-blog-section .inner-blog-wrapper .post .entry-meta span { font-size: 12px; }
} .home-blog-section .inner-blog-wrapper .post .entry-meta span a { color: #adadad; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span a:hover { color: #1D69B7;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span:first-child { padding-left: 0;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span:last-child { padding-right: 0;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span:last-child:before { content: none;
} .home-blog-section .inner-blog-wrapper .post .entry-meta span:before { content: "•"; right: -4px; top: 22%; color: #adadad; font-size: 12px; line-height: 1; position: absolute;
} /*--------------------------------------------------------------
>>> Main Footer ----------------------------------------------------------------*/
.site-footer { background-color: #082D53; margin-top: 100px;
} .site-footer .footer-contact-content { background-color: #082D53; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); padding: 20px 15px; background-position: center center; background-repeat: no-repeat; background-size: cover;
} .site-footer .footer-contact-content .row { row-gap: 15px;
} .site-footer .footer-contact-content .contact-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} @media screen and (max-width: 575px) { .site-footer .footer-contact-content .contact-info { -webkit-justify-content: initial; -moz-justify-content: initial; -ms-justify-content: initial; justify-content: initial; -ms-flex-pack: initial; }
} .site-footer .footer-contact-content .contact-info .contact-icon i { display: inline-block; height: 46px; width: 46px; line-height: 44px; font-size: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; background-color: #0085CD; color: #111111;
} .site-footer .footer-contact-content .contact-info .contact-deatil { padding-left: 20px;
} @media screen and (max-width: 991px) { .site-footer .footer-contact-content .contact-info .contact-deatil { padding-left: 10px; }
} @media screen and (min-width: 1200px) { .site-footer .footer-contact-content .contact-info .contact-deatil { padding-right: 45px; }
} .site-footer .footer-contact-content .contact-info .contact-deatil .contact-title { color: #d9d9d9; display: block; margin-bottom: 3px;
} .site-footer .footer-contact-content .contact-info .contact-deatil p { margin-bottom: 0; color: #ffffff;
} .site-footer .footer-contact-content .contact-info .contact-deatil a { display: inline-block; font-weight: 500; margin-bottom: 0; color: #ffffff;
} .site-footer .footer-inner { display: grid; grid-template-columns: auto 25%; padding-top: 30px; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; -ms-flex-align: end; align-items: end;
} @media screen and (max-width: 991px) { .site-footer .footer-inner { grid-template-columns: repeat(2, 1fr); } .site-footer .footer-inner .footer-wrapper { margin-right: 20px; }
} @media screen and (max-width: 575px) { .site-footer .footer-inner { grid-template-columns: repeat(1, 1fr); } .site-footer .footer-inner .footer-wrapper { margin-right: 0px; order: 2; }
} .site-footer .top-footer { position: relative; z-index: 1;
} .site-footer .top-footer .widget { color: #d9d9d9;
} .site-footer .top-footer .widget .widget-title { color: #ffffff; font-size: 16px; font-weight: 500; text-transform: capitalize; margin-bottom: 24px; margin-top: 15px;
} @media screen and (max-width: 767px) { .site-footer .top-footer .widget .widget-title { font-size: 14px; margin-bottom: 15px; }
} .site-footer .top-footer .widget .textwidget { color: #d9d9d9; margin-bottom: 15px;
} .site-footer .top-footer .widget ul li { margin-bottom: 15px;
} .site-footer .top-footer .widget ul li:last-child { margin-bottom: 0;
} .site-footer .top-footer .widget ul li a { color: #d9d9d9; display: inline-block;
} .site-footer .top-footer .widget ul li a:hover,
.site-footer .top-footer .widget ul li a:focus,
.site-footer .top-footer .widget ul li a:active { color: #0085CD;
} @media screen and (max-width: 575px) { .site-footer .top-footer .widget ul li { margin-bottom: 10px; }
} .site-footer .top-footer .img-textwidget { margin-bottom: 40px;
} @media screen and (min-width: 992px) { .site-footer .top-footer .img-textwidget { padding-right: 32px; margin-bottom: 0; }
} .site-footer .top-footer .img-textwidget .textwidget { margin-bottom: 8px;
} .site-footer .top-footer .footer-logo { margin-bottom: 20px; background-color: white; padding: 6px; border-radius: 20px; box-shadow: 0px 4px 29px 1px skyblue;
} .site-footer .top-footer .footer-social-links ul { list-style-type: none; margin: 0; padding: 0;
} .site-footer .top-footer .footer-social-links ul li { margin: 0 5px; display: inline-block;
} .site-footer .top-footer .footer-social-links ul li:first-child { margin-left: 0;
} .site-footer .top-footer .footer-social-links ul li:last-child { margin-right: 0;
} .site-footer .top-footer .footer-social-links ul li a i { background-color: transparent; color: #a7a7a7; border: 1px solid; border-color: #a7a7a7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 34px; height: 34px; line-height: 33px; text-align: center; display: block; font-size: 14px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .site-footer .top-footer .footer-social-links ul li a:hover i { background-color: #0085CD; border-color: #0085CD; color: #414141;
} .site-footer .bottom-footer { margin-top: 95px;
} @media screen and (max-width: 991px) { .site-footer .bottom-footer { margin-top: 15px; }
} .site-footer .bottom-footer .copy-right { border-top: 1px solid rgba(167, 167, 167, 0.19); padding: 20px 0 12px; color: #d9d9d9; margin-bottom: 0;
} @media screen and (max-width: 479px) { .site-footer .bottom-footer .copy-right { font-size: 12px; }
} @media screen and (min-width: 992px) { .site-footer .footer-img .footer-animated-img { margin-left: 30px; }
} .footer-img .footer-hr { color: #69a4e3;
} .footer-hr { color: #d9d9d9;
} .footer-inner .mt-footer-bot-center { display: flex; justify-content: center; align-items: center; justify-content: space-between;
} .footer-bottom .mt-footer-bot-center,
.copy-rite-so { color: #d9d9d9;
} .footer-bottom .mt-footer-bot-center,
.copy-rite-so :hover { color: #d9d9d9 !important;
} .site-footer .footer-bottom { margin-top: 70px; padding-top: 20px; border-top: 1px solid rgba(167, 167, 167, 0.19);
} .site-footer .footer-bottom .mt-footer-bot-center .footer-nav { list-style: none; display: flex; justify-content: space-evenly; } .site-footer .footer-bottom .mt-footer-bot-center .footer-nav .copyrights-text { color: white; } /*--------------------------------------------------------------
>>> Inner Banner ----------------------------------------------------------------*/
.inner-baner-container { background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; min-height: 400px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} @media screen and (max-width: 767px) { .inner-baner-container { min-height: 300px; }
} .inner-baner-container:before { background-color: #082d539c; content: ""; display: block; opacity: 0.9; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 0;
} .inner-baner-container .inner-banner-content { position: relative; z-index: 1; color: #ffffff; text-align: center; padding: 168px 0 167px;
} @media screen and (max-width: 767px) { .inner-baner-container .inner-banner-content { padding: 90px 0 98px; }
} .inner-baner-container .inner-title { color: #ffffff; line-height: 1.1; margin-bottom: 0; text-transform: capitalize;
} .inner-baner-container .entry-meta { border-top: 1px solid rgba(217, 217, 217, 0.45); border-bottom: 1px solid rgba(217, 217, 217, 0.45); margin-left: auto; margin-right: auto; display: table; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; margin-bottom: 80px;
} @media screen and (max-width: 767px) { .inner-baner-container .entry-meta { margin-bottom: 60px; }
} @media screen and (max-width: 479px) { .inner-baner-container .entry-meta { margin-top: 10px; }
} .inner-baner-container .entry-meta span { padding: 0 15px; position: relative; color: #0085CD;
} @media screen and (max-width: 479px) { .inner-baner-container .entry-meta span { padding: 0 10px; }
} .inner-baner-container .entry-meta span:before { color: #d9d9d9; content: ""; width: 1px; height: 26px; background-color: rgba(217, 217, 217, 0.27); position: absolute; right: 0; top: 0; line-height: 1;
} @media screen and (max-width: 767px) { .inner-baner-container .entry-meta span:before { height: 24px; }
} .inner-baner-container .entry-meta span:last-child:before { display: none;
} .inner-baner-container .entry-meta .posted-on a:before { content: "\f073"; color: #0085CD;
} .inner-baner-container .entry-meta .byline a:before { content: "\f2bd"; color: #0085CD;
} .inner-baner-container .entry-meta .comments-link a:before { content: "\f086"; color: #0085CD;
} .inner-baner-container .entry-meta a { color: #d9d9d9; display: inline-block; line-height: 1.7;
} .inner-baner-container .entry-meta a:before { font-family: "Font Awesome 5 Free"; margin-right: 10px; font-weight: 900; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #082D53; font-size: 13px;
} .inner-baner-container .entry-meta a:hover,
.inner-baner-container .entry-meta a:focus { color: #1D69B7;
} .inner-baner-container .breadcrumb { background-color: transparent; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 0; padding: 0;
} .inner-baner-container .breadcrumb li { color: #ffffff; font-size: 14px;
} .inner-baner-container .breadcrumb li:before { color: inherit;
} .inner-baner-container .breadcrumb li a { color: #ffffff;
} .inner-baner-container .breadcrumb li a:hover { color: #1D69B7;
} .inner-baner-container .breadcrumb li.active { color: #b3b3b3;
} /*--------------------------------------------------------------
>>> 404 Page ----------------------------------------------------------------*/
.no-content-section { padding: 110px 0 110px;
} @media screen and (max-width: 767px) { .no-content-section { padding: 60px 0; }
} .no-content-wrap { text-align: center;
} .no-content-wrap .title-wrap { position: relative;
} .no-content-wrap span { color: #e2e2e2; font-size: 300px; font-family: "Poppins", sans-serif; font-weight: 800; line-height: 1.1;
} .no-content-wrap .page-content-title { margin-bottom: 0; position: absolute; -webkit-transform: translate(0, -25%); -moz-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); top: 50%; left: 0; right: 0; color: #111111; font-size: 60px;
} @media screen and (max-width: 767px) { .no-content-wrap .page-content-title { font-size: 28px; }
} .no-content-wrap h6 { margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: 500;
} @media screen and (max-width: 767px) { .no-content-wrap h6 { font-size: 13px; }
} .no-content-wrap .search-form-wrap { max-width: 841px; margin-left: auto; margin-right: auto; margin-top: 26px; overflow: hidden;
} .no-content-wrap .search-form-wrap .search-form { max-width: 640px; margin-left: auto; margin-right: auto; background-color: #f8f8f8; border: 1px solid #082D53; border-radius: 25px; overflow: hidden;
} .no-content-wrap .search-form-wrap .search-form input { padding: 0 55px 0 20px; background-color: #f8f8f8; height: 50px;
} .no-content-wrap .search-form-wrap .search-form button { padding: 10px 20px; top: 0; right: 0; height: 100%;
} @media screen and (max-width: 767px) { .no-content-wrap span { font-size: 224px; } .no-content-wrap h1 { font-size: 30px; }
} @media screen and (max-width: 575px) { .no-content-wrap span { font-size: 124px; } .no-content-wrap h1 { font-size: 22px; } .no-content-wrap p { font-size: 14px; margin-top: 20px; } .no-content-wrap .search-form-wrap { margin-top: 20px; } .no-content-wrap .search-form-wrap .search-form input { height: 46px; }
} /*--------------------------------------------------------------
>>> Comming soon Page ----------------------------------------------------------------*/
.comming-soon-section { background-size: cover; background-position: center center; background-repeat: no-repeat; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; position: relative;
} .comming-soon-section * { color: #ffffff;
} .comming-soon-section .primary-color { color: #082D53;
} .comming-soon-section .overlay { background-color: #082D53; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); z-index: 1;
} .comming-soon-section .comming-soon-wrap { color: #ffffff; position: relative; z-index: 2;
} .comming-soon-section .site-identity { text-align: center;
} .comming-soon-section .site-identity img { max-width: 100%;
} .comming-soon-section .comming-soon-content { margin-top: 70px; margin-bottom: 40px; text-align: center;
} .comming-soon-section .comming-soon-content .section-title { font-size: 60px; font-weight: 700; line-height: 1.1; margin-bottom: 30px; text-transform: capitalize;
} .comming-soon-section .comming-soon-content .section-title:after { background-color: #d9d9d9; content: ""; width: 90px; height: 5px; display: block; margin-left: auto; margin-right: auto; margin-top: 24px;
} @media screen and (max-width: 767px) { .comming-soon-section .comming-soon-content .section-title { font-size: 30px; }
} .comming-soon-section .comming-soon-content h6 { text-transform: capitalize; color: #ffffff; font-size: 16px; font-weight: 500;
} .comming-soon-section .time-counter-wrap { margin-bottom: 80px;
} @media screen and (max-width: 767px) { .comming-soon-section .time-counter-wrap { margin-bottom: 60px; }
} .comming-soon-section .time-counter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center;
} .comming-soon-section .time-counter .counter-time { width: 150px; margin: 0 13px; padding: 20px; border-radius: 25px; background-color: #0085CD; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .comming-soon-section .time-counter .counter-time:first-child { margin-left: 0;
} .comming-soon-section .time-counter .counter-time:last-child { margin-right: 0;
} .comming-soon-section .time-counter .counter-time span { font-size: 15px; color: #082D53; display: block; font-weight: 500; line-height: 1.7;
} .comming-soon-section .time-counter .counter-time .label-text { color: #ffffff; margin-bottom: 0; font-size: 16px; font-weight: 500; color: #292929;
} .comming-soon-section .time-counter .counter-time [class*=counter-] { color: #082D53; font-size: 60px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1.1;
} .comming-soon-section .social-icons { text-align: center;
} .comming-soon-section .social-icons ul { margin: 0; padding: 0;
} .comming-soon-section .social-icons li { list-style: none; display: inline-block; margin: 0 3px;
} .comming-soon-section .social-icons a { border: 1px solid #ffffff; color: #ffffff; text-align: center; font-size: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; color: #ffffff; display: block; width: 36px; height: 36px; line-height: 35px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .comming-soon-section .social-icons a:hover { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} @media screen and (max-width: 767px) { .comming-soon-section .social-icons { text-align: center; }
} .comming-soon-section .com-contact-info ul { font-size: 0px; list-style: none; margin: 0; padding: 0;
} .comming-soon-section .com-contact-info ul li { display: inline-block; font-size: 15px; padding: 0 8px;
} .comming-soon-section .com-contact-info ul li:last-child { padding-right: 0;
} .comming-soon-section .com-contact-info ul li:first-child { padding-left: 0;
} .comming-soon-section .com-contact-info ul li [class*=fa-] { margin-right: 5px;
} .comming-soon-section .com-contact-info ul li a { color: #fcfcfc; display: block; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -ms-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear;
} .comming-soon-section .com-contact-info ul li a:hover,
.comming-soon-section .com-contact-info ul li a:focus,
.comming-soon-section .com-contact-info ul li a:active { color: #1D69B7;
} .comming-soon-section .com-contact-info ul li a i { color: #ffffff; font-size: 14px;
} @media screen and (max-width: 575px) { .comming-soon-section .com-contact-info ul li { font-size: 13px; }
} @media screen and (min-width: 1200px) { .comming-soon-section { height: 100vh; }
} @media screen and (max-width: 1199px) { .comming-soon-section { padding: 30px 0; }
} @media screen and (max-width: 767px) { .comming-soon-section .comming-soon-content { margin-top: 40px; } .comming-soon-section .comming-soon-footer { text-align: center; } .comming-soon-section .com-contact-info { margin-bottom: 20px; } .comming-soon-section .time-counter .counter-time { width: 115px; } .comming-soon-section .time-counter .counter-time [class*=counter-] { font-size: 42px; }
} @media screen and (max-width: 575px) { .comming-soon-section .comming-soon-content h2 { font-size: 30px; } .comming-soon-section .time-counter { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; row-gap: 20px; } .comming-soon-section .time-counter .counter-time { margin: 0 5px; border-radius: 15px; }
} /*--------------------------------------------------------------
>>> About US ----------------------------------------------------------------*/
.about-section { margin: 43px 0 43px;
} @media screen and (max-width: 767px) { .about-section { margin: 65px 0; }
} .about-section .about-inner .about-detail { margin-top: 20px; margin-right: 80px;
} @media screen and (max-width: 991px) { .about-section .about-inner .about-detail { margin-top: 0; margin-right: 20px; }
} @media screen and (max-width: 767px) { .about-section .about-inner .about-detail { margin-right: 0; }
} .about-section .about-inner .about-image { position: relative; background-image: url(assets/images/sumermetal/about/about-main.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 540px; overflow: hidden;
} @media screen and (max-width: 767px) { .about-section .about-inner .about-image { min-height: 400px; }
} .about-section .about-inner .about-image .video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} .about-section .about-counter-wrapper { padding: 50px 50px 50px 50px; background-color: #0085CD; border-width: 8px 8px 0 0; border-style: solid; border-color: #ffffff; /* position: relative; z-index: 1; */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; /* margin-top: -103px; */
} .about-section .about-counter-wrapper .counter-item { padding-right: 30px; padding-left: 38px; border-right: 1px solid rgba(229, 193, 143, 0.58); text-align: center;
} .about-section .about-counter-wrapper .counter-item:first-child { padding-left: 0;
} .about-section .about-counter-wrapper .counter-item:last-child { border-right: none; padding-right: 0;
} .about-section .about-counter-wrapper .counter-item .counter-no { color: white; font-size: 50px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1.1;
} @media screen and (max-width: 767px) { .about-section .about-counter-wrapper .counter-item .counter-no { font-size: 35px; }
} .about-section .about-counter-wrapper .counter-item .Completed { color: white;
} @media screen and (max-width: 991px) { .about-section .about-counter-wrapper { margin-top: -40px; width: 85%; border-width: 8px; padding: 40px; }
} @media screen and (max-width: 767px) { .about-section .about-counter-wrapper { margin-left: auto; margin-right: auto; width: 95%; }
} @media screen and (max-width: 479px) { .about-section .about-counter-wrapper { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .about-section .about-counter-wrapper .counter-item { padding: 30px 0; border-bottom: 1px solid rgba(229, 193, 143, 0.58); border-right: 0; width: 100%; } .about-section .about-counter-wrapper .counter-item:first-child { padding-top: 0; } .about-section .about-counter-wrapper .counter-item:last-child { padding-bottom: 0; border-bottom: 0; }
} .about-section .goal-wrapper { margin-top: 80px; position: relative; z-index: 1;
} .goal-wrapper .goal-h3 { font-size: 30px
} .about-section .goal-wrapper .goal-detail { background-color: #ffffff; padding: 35px; -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.05); position: relative; z-index: 1; display: inline-block; position: absolute;
} .about-section .goal-wrapper .goal-detail p:last-child { margin-bottom: 0;
} .about-section .goal-wrapper .goal-img { padding: 0 330px;
} @media screen and (min-width: 992px) { .about-section .goal-wrapper .goal-img { width: auto; }
} @media screen and (max-width: 991px) { .about-section .goal-wrapper .goal-img { padding: 0; text-align: center; }
} @media screen and (max-width: 767px) { .about-section .goal-wrapper .goal-img { margin-bottom: 20px; }
} .about-section .goal-wrapper .vision-inner { border-top-right-radius: 25px; border-bottom-right-radius: 25px;
} @media screen and (min-width: 992px) { .about-section .goal-wrapper .vision-inner { left: 0; top: 35%; transform: translateY(calc(-50% + 8px)); }
} @media screen and (max-width: 991px) { .about-section .goal-wrapper .vision-inner { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
} @media screen and (max-width: 767px) { .about-section .goal-wrapper .vision-inner { margin-bottom: 20px; }
} .about-section .goal-wrapper .mission-inner { border-bottom-left-radius: 25px; border-top-left-radius: 25px;
} @media screen and (min-width: 992px) { .about-section .goal-wrapper .mission-inner { right: 0px; top: 10px; }
} @media screen and (max-width: 991px) { .about-section .goal-wrapper .mission-inner { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
} @media screen and (max-width: 767px) { .about-section .goal-wrapper .mission-inner { margin-bottom: 20px; }
} .about-section .goal-wrapper .goal-inner { border-bottom-left-radius: 25px; border-top-left-radius: 25px;
} @media screen and (min-width: 992px) { .about-section .goal-wrapper .goal-inner { right: 94px; top: 380px; }
} @media screen and (max-width: 991px) { .about-section .goal-wrapper .goal-inner { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
} @media screen and (max-width: 767px) { .about-section .goal-wrapper .goal-inner { margin-bottom: 20px; }
} @media screen and (max-width: 991px) { .about-section .goal-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .about-section .goal-wrapper .goal-detail { position: relative; padding: 30px; }
} @media screen and (max-width: 767px) { .about-section .goal-wrapper { display: block; margin-top: 65px; }
} .about-section .about-patner-img { margin-top: 50px;
} .about-section .about-patner-img .partner-logo img { width: 114px; margin: 0 auto;
} .subscribe-section { background-color: #f8f8f8; padding: 110px 0;
} @media screen and (max-width: 767px) { .subscribe-section { padding: 65px 0; }
} .subscribe-section .subscribe-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 800px; margin-left: auto; margin-right: auto;
} .subscribe-section .subscribe-form .from-group { -webkit-flex-basis: 40%; -moz-flex-basis: 40%; -ms-flex-basis: 40%; flex-basis: 40%; padding: 0 12px; margin-bottom: 20px; margin-bottom: 15px;
} .subscribe-section .subscribe-form .from-group input { background-color: #ffffff; border: 1px solid #d9d9d9; width: 100%;
} .subscribe-section .subscribe-form input[type=submit] { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 15px 24px; margin: 0 12px; height: 48px;
} @media screen and (max-width: 575px) { .subscribe-section .subscribe-form input[type=submit] { padding: 10px 15px; height: 40px; }
} @media screen and (max-width: 575px) { .subscribe-section .subscribe-form { display: block; } .subscribe-section .subscribe-form .from-group { padding: 0; } .subscribe-section .subscribe-form input[type=submit] { width: 100%; margin: 0; }
} /*--------------------------------------------------------------
>>> team-page ----------------------------------------------------------------*/
.team-section-page { background-color: #ffffff; padding: 110px 0;
} /*--------------------------------------------------------------
>>> team-detail-page
----------------------------------------------------------------*/
.team-detail-section { padding-top: 110px; padding-bottom: 110px;
} @media screen and (max-width: 767px) { .team-detail-section { padding: 65px 0; }
} @media screen and (max-width: 767px) { .team-detail-section .author-img-wrapper .team-fig img { width: 100%; }
} .team-detail-section .author-img-wrapper blockquote { background-color: #082D53; color: #ffffff; margin-right: 25px; margin-top: -140px; margin-bottom: 0; padding: 30px; text-align: left;
} @media screen and (max-width: 575px) { .team-detail-section .author-img-wrapper blockquote { padding: 20px 16px; }
} .team-detail-section .author-img-wrapper blockquote:before,
.team-detail-section .author-img-wrapper blockquote:after { content: none;
} .team-detail-section .author-img-wrapper blockquote i { color: rgba(255, 255, 255, 0.64); font-size: 40px; margin-bottom: 10px;
} .team-detail-section .author-img-wrapper blockquote p { margin-bottom: 0;
} .team-detail-section .author-bio-date { padding-left: 36px;
} @media screen and (max-width: 991px) { .team-detail-section .author-bio-date { padding: 0; }
} @media screen and (max-width: 767px) { .team-detail-section .author-bio-date { margin-top: 30px; }
} .team-detail-section .author-bio-date .section-head { margin-bottom: 20px;
} @media screen and (max-width: 767px) { .team-detail-section .author-bio-date .section-head { margin-bottom: 15px; }
} .team-detail-section .author-bio-date .social-site-link { margin-bottom: 20px;
} @media screen and (max-width: 767px) { .team-detail-section .author-bio-date .social-site-link { margin-bottom: 15px; }
} .team-detail-section .author-bio-date .social-site-link ul { padding: 0; margin: 0;
} .team-detail-section .author-bio-date .social-site-link ul li { margin: 0 4px; display: inline-block;
} .team-detail-section .author-bio-date .social-site-link ul li:first-child { margin-left: 0;
} .team-detail-section .author-bio-date .social-site-link ul li:last-child { margin-right: 0;
} .team-detail-section .author-bio-date .social-site-link ul li:hover a { border-color: #1D69B7; background-color: #1D69B7;
} .team-detail-section .author-bio-date .social-site-link ul li:hover a i { color: #ffffff;
} .team-detail-section .author-bio-date .social-site-link ul li a { padding: 9px; border-radius: 50%; border: 1px solid #082D53; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .team-detail-section .author-bio-date .social-site-link ul li a i { font-size: 15px; color: #082D53; height: 1em; width: 1em; position: relative; display: block; text-align: center;
} .team-detail-section .author-bio-date .author-disc { margin-bottom: 15px;
} .team-detail-section .author-bio-date .qualification .qualification-title { margin-bottom: 20px;
} .team-detail-section .author-bio-date .qualification .experience-detail { margin-bottom: 18px;
} .team-detail-section .author-bio-date .qualification .experience-detail:last-child { margin-bottom: 0;
} .team-detail-section .author-bio-date .qualification .experience-detail .date { color: #787878; margin-bottom: 6px; font-size: 20px;
} .team-detail-section .experience-info { margin-top: 40px;
} @media screen and (max-width: 767px) { .team-detail-section .experience-info { margin-top: 25px; }
} .team-detail-section .experience-wrappered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 20px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; row-gap: 20px;
} .team-detail-section .experience-wrappered .experience-list ul { list-style-type: none; padding: 0; margin: 0;
} .team-detail-section .experience-wrappered .experience-list ul li { color: #414141; padding-bottom: 6px; margin-top: 6px; font-family: "Poppins", sans-serif; vertical-align: middle; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.2;
} .team-detail-section .experience-wrappered .experience-list ul li i { color: #082D53; padding-right: 10px;
} .team-detail-section .experience-wrappered .skill-container { padding: 28px 35px 28px; background-color: #fafafa; border-radius: 30px;
} @media screen and (max-width: 767px) { .team-detail-section .experience-wrappered .skill-container { padding: 25px; }
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper { margin-bottom: 20px;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper:last-child { margin-bottom: 0;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .skill-titile { color: #414141; margin-bottom: 5px; font-size: 16px; font-weight: 500; text-transform: capitalize;
} @media screen and (max-width: 767px) { .team-detail-section .experience-wrappered .skill-container .skill-wrapper .skill-titile { font-size: 14px; }
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper { padding-top: 0;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner { top: 0;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent { left: -50px; padding: 0; line-height: 1.5; display: inline-block; font-size: 11px; font-weight: 400; color: #111111; background-color: transparent;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent:before { display: none;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap { height: 16px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; background-color: #d9d9d9;
} .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap .ab-progress-bar { background-color: #0085CD; height: 16px;
} /*--------------------------------------------------------------
>>> career-page
----------------------------------------------------------------*/
.carrer-page-section { padding: 110px 0 0;
} @media screen and (max-width: 767px) { .carrer-page-section { padding: 65px 0 0; }
} .vacancy-container { margin-bottom: 80px; padding-top: 20px;
} .vacancy-container .vacancy-form { -webkit-box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15); -ms-box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15); box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15); background-color: #ffffff; padding: 30px 20px; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px;
} .vacancy-container .vacancy-form h4 { background-color: #0085CD; color: #111111; padding: 17px; font-size: 20px; margin-bottom: 20px; font-weight: 600; line-height: 1.2; border-radius: 30px;
} .vacancy-container .vacancy-form form { text-align: left; margin-top: 30px;
} .vacancy-container .vacancy-form form p { margin-bottom: 20px;
} .vacancy-container .vacancy-form textarea { border: none; padding: 17px; color: #414141;
} @media screen and (min-width: 992px) { .vacancy-container .vacancy-form textarea { margin: 0 7px; }
} .vacancy-container .vacancy-form input { width: 100%; border: none; padding: 17px; color: #414141;
} @media screen and (min-width: 992px) { .vacancy-container .vacancy-form input { margin: 0 7px; }
} .vacancy-container .vacancy-form input:not([type=submit]) { height: 59px;
} .vacancy-container .vacancy-form input[type=submit] { border: 2px solid #ffffff; color: #ffffff; padding: 15px 30px; font-size: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .vacancy-container .vacancy-form input[type=submit]:hover { border-color: #1D69B7;
} .vacancy-content { margin-bottom: 30px; padding: 40px; border: 1px solid #d9d9d9; border-radius: 25px; background-color: #ffffff;
} @media screen and (max-width: 575px) { .vacancy-content { padding: 30px; }
} @media screen and (max-width: 479px) { .vacancy-content { padding: 25px; }
} .vacancy-content span { color: #082D53; margin-bottom: 18px; font-weight: 600; display: block; font-size: 14px; font-family: "Poppins", sans-serif;
} .vacancy-content a .vacancy-title { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .vacancy-content a:hover .vacancy-title { color: #1D69B7;
} .vacancy-content p { margin-bottom: 30px;
} @media screen and (min-width: 992px) { .vacancy-content-wrap { margin-right: 26px; }
} .vacancy-content-wrap [class*=col-]:first-child .vacancy-content,
.vacancy-content-wrap [class*=col-]:nth-child(4n+4) .vacancy-content,
.vacancy-content-wrap [class*=col-]:nth-child(4n+5) .vacancy-content { -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25); border: none;
} .about-service-wrap { padding: 110px 0 90px; background-color: #f8f8f8;
} @media screen and (max-width: 767px) { .about-service-wrap { padding: 65px 0 45px; }
} .about-service-wrap .row { row-gap: 20px;
} .about-service-wrap .iconbox-container { margin-right: -15px; margin-left: -15px; margin-top: 50px;
} @media screen and (max-width: 575px) { .about-service-wrap .iconbox-container .iconbox-container { padding-top: 10px; }
} .iconbox-item-3 { padding: 0 15px; margin-bottom: 20px; background-color: #f8f8f8; width: 100%;
} @media screen and (min-width: 768px) { .iconbox-item-3 { width: 50%; }
} @media screen and (min-width: 992px) { .iconbox-item-3 { width: 33.33%; }
} .iconbox-border { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); padding: 25px; width: 100%; border-radius: 25px; background-color: #f8f8f8;
} .iconbox-border .iconbox-icon { background-color: #082D53; color: #ffffff; font-size: 32px; width: 78px; height: 78px; line-height: 78px; text-align: center; border-radius: 100%;
} .iconbox-border .iconbox-content { width: -moz-calc(100% - 78px); width: -webkit-calc(100% - 78px); width: calc(100% - 78px); padding-left: 20px;
} .iconbox-border .iconbox-content h5 { margin-bottom: 10px;
} .iconbox-border .iconbox-content p { margin-bottom: 0;
} @media screen and (max-width: 575px) { .iconbox-border { padding: 25px 20px; } .iconbox-border .iconbox-icon { font-size: 28px; width: 68px; height: 68px; line-height: 67px; } .iconbox-border .iconbox-content { padding-left: 15px; } .iconbox-border .iconbox-content h4 { font-size: 18px; }
} /*--------------------------------------------------------------
>>> career-detail-page
----------------------------------------------------------------*/
.career-detail-section { position: relative; z-index: 1; padding: 110px 0;
} @media screen and (max-width: 767px) { .career-detail-section { padding: 60px 0; }
} .career-detail-section .job-description { background-color: #082D53; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .career-detail-section .job-description ul { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; padding: 20px 0;
} .career-detail-section .job-description li { color: #787878; list-style: none; display: inline-block; padding: 0 8px; width: 25%; font-size: 16px; font-weight: 600; border-right: 2px solid rgba(255, 255, 255, 0.66);
} .career-detail-section .job-description li span { display: inline-block; margin-bottom: 3px; font-size: 13px; font-weight: 500; color: #ffffff; text-transform: capitalize;
} .career-detail-section .job-description li h6,
.career-detail-section .job-description li h5,
.career-detail-section .job-description li h4 { margin-bottom: 0; color: #ffffff; text-transform: capitalize;
} .career-detail-section .job-description li h6 { font-size: 16px; font-weight: 500;
} .career-detail-section .job-description li:last-child { border-right: none;
} @media screen and (max-width: 575px) { .career-detail-section .job-description li { width: 100%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.75); padding: 10px 0; } .career-detail-section .job-description li:last-child { border-bottom: none; }
} .career-detail-section .job-description .job-imgage img { width: 100%;
} @media screen and (min-width: 992px) { .career-detail-section .career-detail-container { padding-left: 20px; }
} .career-detail-section .tab-container .responsive-tabs .nav-tabs { border-color: #d9d9d9;
} .career-detail-section .tab-container .nav-item a { font-size: 16px; font-weight: 500; line-height: 1.1; font-family: "Poppins", sans-serif;
} .career-detail-section .tab-container .nav-item:hover a { color: #1D69B7; border-color: secondary-color;
} .career-detail-section .tab-container .active { border-color: #d9d9d9 #d9d9d9 #fff;
} .career-detail-section .tab-container .active a { color: #1D69B7;
} .career-detail-section .tab-container .tab-content { background-color: #ffffff; padding: 20px; border-color: #d9d9d9;
} @media screen and (max-width: 767px) { .career-detail-section .tab-container .tab-content { border-width: 1px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
} @media screen and (max-width: 575px) { .career-detail-section .tab-container .tab-content { padding: 0; }
} .career-detail-section .tab-container .tab-content .card-body { padding: 0;
} @media screen and (max-width: 767px) { .career-detail-section .tab-container .tab-content .card-body { padding: 0 22px; }
} .career-detail-section .tab-container .tab-content .card-body h5 { margin-top: 8px; margin-bottom: 16px; font-weight: 900;
} .career-detail-section .tab-container .tab-content .card-body>ul { margin: 0;
} .career-detail-section .tab-container .tab-content .card-body>ul li { color: #414141;
} .career-detail-section .sidebar { padding: 0;
} .career-detail-section .sidebar .widget-bg { background-color: #f8f8f8; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;
} @media screen and (max-width: 575px) { .career-detail-section .sidebar .widget-bg { padding: 30px 20px; }
} .career-detail-section .sidebar .widget-bg:last-child { margin-bottom: 0;
} .career-detail-section .sidebar .widget-bg .bg-title { background-color: #0085CD; color: #111111; text-transform: uppercase; padding: 17px;
} .career-detail-section .sidebar .widget-bg ul li { color: #414141; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .career-detail-section .sidebar .widget-bg ul li:last-child { margin-bottom: 0;
} .career-detail-section .sidebar .widget-bg ul li i { font-size: 14px; color: #082D53; line-height: 1.5;
} .career-detail-section .sidebar .widget-bg ul li .list-txt { color: #414141;
} .career-detail-section .sidebar .widget-bg .accordion-content .card .card-header a { padding: 18px; font-size: 16px; font-weight: 500; line-height: 1.1; color: #111111;
} .career-detail-section .sidebar .widget-bg .accordion-content .card .card-header a:before { color: #111111; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .career-detail-section .sidebar .widget-bg .accordion-content .collapse .card-body { color: #414141;
} .career-detail-section .sidebar .widget-bg .widget-icon { color: #ffffff; margin-bottom: 25px; background-color: #082D53; width: 100px; height: 100px; line-height: 98px;
} .career-detail-section .sidebar .widget-bg .widget-icon i { font-size: 50px;
} .career-detail-section .sidebar .widget-bg p a { color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .career-detail-section .sidebar .widget-bg p a:hover { color: #1D69B7;
} .career-detail-section .sidebar .widget-bg .or-style { color: #082D53; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; text-align: center;
} .career-detail-section .sidebar .widget-bg .or-style:before,
.career-detail-section .sidebar .widget-bg .or-style:after { background-color: #082D53;
} .career-detail-section .sidebar .upload-widget { position: relative; z-index: 1;
} .career-detail-section .sidebar .upload-widget .button-primary { margin-top: 0;
} /*--------------------------------------------------------------
>>> portfolio-page
----------------------------------------------------------------*/
.planing-page-section { padding-bottom: 100px; position: relative; z-index: 1;
} @media screen and (max-width: 767px) { .planing-page-section { padding-bottom: 50px; }
} .planing-page-section .trangle-left { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20);
} @media screen and (max-width: 991px) { .planing-page-section .pricing-table-inner .middle-price { order: 1; }
} .planing-page-section .pricing-table-inner .middle-price .pricing-item { border-top: 4px solid #082D53; border-bottom: 4px solid #082D53; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 1;
} .planing-page-section .pricing-table-inner .middle-price .pricing-item .city-pattern-overlay { background-size: 100% auto; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);
} .planing-page-section .pricing-table-inner .pricing-item { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08); padding: 48px; background-color: #ffffff;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail { text-align: center;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .pricing-head .pricing-title { color: #082D53;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .pricing-head .price-info { margin-bottom: 18px;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .pricing-icon { padding: 15px 0 38px;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .cost { font-size: 70px; font-weight: 900; font-family: "Poppins", sans-serif; text-transform: uppercase; line-height: 1.1; color: #0085CD; margin-bottom: 40px; display: block;
} @media screen and (max-width: 767px) { .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .cost { font-size: 45px; margin-bottom: 30px; }
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .ticket-btn a { border-color: #082D53; color: #082D53; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;
} .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .ticket-btn a:hover { background-color: #1D69B7; color: #ffffff; border-color: #1D69B7;
} @media screen and (max-width: 991px) { .planing-page-section .pricing-table-inner .pricing-item { margin-bottom: 25px; }
} @media screen and (max-width: 479px) { .planing-page-section .pricing-table-inner .pricing-item { padding: 40px 30px; } .planing-page-section .pricing-table-inner .pricing-item .pricing-detail .pricing-icon { padding: 15px 0; }
} /*--------------------------------------------------------------
>>> portfolio-detail-page
----------------------------------------------------------------*/
.portfolio-detail-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .portfolio-detail-section { margin: 65px 0; }
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .portfolio-img { margin-bottom: 20px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar p { margin-bottom: 30px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary ul { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary ul li { list-style-type: none; margin-bottom: 6px; width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary ul li i { color: #082D53; padding-right: 8px;
} @media screen and (max-width: 575px) { .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary ul { display: inline-block; } .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary ul li { width: auto; }
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary .quote-wrapper { text-align: center; padding: 40px; margin-top: 20px; background-color: #f8f8f8; overflow: hidden;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary .quote-wrapper .blockquote-icon { margin-bottom: 18px; font-size: 50px; color: #d9d9d9; line-height: 1;
} blockquote @media screen and (max-width: 575px) { .portfolio-detail-section .portfolio-inner-detail .right-sidebar .project-summary .quote-wrapper { padding: 30px 20px; }
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider { margin-top: 30px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-slide { margin: 0 10px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-list { margin: 0 -10px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-list img { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots { list-style: none; margin: 0; padding: 0;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots li { width: auto; height: auto; margin: 0 6px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots li button { background-color: rgba(8, 45, 83, 0.2); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 10px; height: 10px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots li button:before { display: none;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots li button:hover { background-color: #0085CD;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .gallery-slider .slick-dots li.slick-active button { background-color: #082D53;
} @media screen and (min-width: 992px) { .portfolio-detail-section .portfolio-inner-detail .sidebar { padding-left: 50px; }
} .portfolio-detail-section .portfolio-inner-detail .sidebar .video-widget { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; margin: 0 30px -40px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-bg h6.bg-title { font-size: 15px;
} @media screen and (max-width: 767px) { .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-bg h6.bg-title { font-size: 13px; }
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service { padding: 50px 30px 20px; /* margin-top: 63px; */
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(127 116 116 / 54%);
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li .service-icon { margin-right: 20px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li .service-icon i { background-color: #082D53; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; color: #ffffff; height: 76px; width: 76px; text-align: center; line-height: 75px; font-size: 32px; margin-left: auto; margin-right: auto;
} @media screen and (max-width: 575px) { .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li .service-icon i { height: 66px; width: 66px; line-height: 65px; font-size: 26px; }
} .portfolio-detail-section .portfolio-inner-detail .sidebar .widget-service ul li .service-content h5 { margin-bottom: 10px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .sidebar-download p { margin-bottom: 30px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .sidebar-download .brochure-btn { display: inline-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; justify-content: center;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .sidebar-download .brochure-btn a { margin-bottom: 20px; display: inline;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .sidebar-download .brochure-btn a:last-child { margin-bottom: 0;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .sidebar-download .brochure-btn a i { margin-left: 5px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content { padding: 30px 30px 30px; -webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 1;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content .overlay { background-color: #082D53; opacity: 0.9;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content .bg-title { margin-bottom: 30px; padding: 17px; background-color: #0085CD; color: #111111;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li { padding-bottom: 10px; margin-bottom: 10px; color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.44);
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li:last-child { border: none; padding-bottom: 0px; margin-bottom: 0px;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li a { color: #ffffff; font-size: 15px; font-weight: 500; font-family: "Poppins", sans-serif; text-transform: capitalize; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} @media screen and (max-width: 767px) { .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li a { font-size: 13px; }
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li a:hover { color: #1D69B7;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li a:hover i { color: #1D69B7;
} .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li i { color: #ffffff; margin-right: 18px; font-size: 18px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 767px) { .portfolio-detail-section .portfolio-inner-detail .sidebar .icon-list-content ul li i { font-size: 15px; }
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .contact-h2 { font-size: 40px; margin-left: 38px; margin-bottom: 40;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .contact-h2 .contact-h2-span { color: #0081c9;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .author-quote { padding: 30px 75px 30px 60px; margin: 40px 0; background-color: black; clear: both; border: none;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .h2-key { font-size: 20px; line-height: 27px; color: white; text-align: left;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-pipe-h2 { font-size: 30px; /* margin-bottom: 40px; */
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .table-responsive { width: 100%; overflow-x: auto; margin: 20px 0; border-radius: 8px; background-color: #fff;
} .table-responsive table tbody tr:first-child td { background-color: #007FC6; color: white; font-weight: bold; font-size: 16px; text-align: center; letter-spacing: 1px; text-transform: uppercase;
} .table-responsive table { width: 100%; border-collapse: collapse; font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif; font-size: 15px; background-color: #fff; border: 1px solid #ddd;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-title { font-size: 15px;
} .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-types-ss-pipe { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; /* text-align: center; */ display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));
} /* screen respomsive for mobile */
@media (max-width: 576px) { .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-types-ss-pipe { --bs-gutter-x: 1rem; /* Reduced gutter for smaller screens */ --bs-gutter-y: 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; /* Adds consistent spacing between flex items */ margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); padding: 0.5rem; /* Adds padding for better content spacing */ box-sizing: border-box; /* Ensures padding doesn't cause overflow */ } /* Ensure child elements adapt to small screens */ .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-types-ss-pipe>* { flex: 1 1 100%; /* Full width for child elements on very small screens */ max-width: 100%; /* Prevent overflow */ }
} /* Additional breakpoint for very small screens (if needed) */
@media (max-width: 360px) { .portfolio-detail-section .portfolio-inner-detail .right-sidebar .product-types-ss-pipe { --bs-gutter-x: 0.75rem; /* Even smaller gutter for tiny screens */ gap: 0.75rem; padding: 0.25rem; }
} /* mobile responsive code ends */ .portfolio-detail-section .portfolio-inner-detail .dimension-pipe-h2 { font-size: 30px; } .portfolio-detail-section .portfolio-inner-detail .right-sidebar .stock-available-csi .stock-ul { list-style: none; line-height: 35px; font-weight: bold;
} /* privacy-policy, Terms & Condition, CSS */
.portfolio-detail-section .portfolio-inner-detail .privacy-policy-h2 { font-size: 55px;
} .portfolio-detail-section .portfolio-inner-detail .privacy-policy-h3{ font-size: 35px; line-height: 20px;
} .portfolio-detail-section .portfolio-inner-detail .terms-condition-h2{ font-size: 55px;
} .portfolio-detail-section .portfolio-inner-detail .terms-condition-h3-prt{ font-size: 35px;
} .portfolio-detail-section .portfolio-inner-detail .terms-condition-h3-cld{ font-size: 30px; /* text-decoration: ; */
} @media only screen and (max-width:767px) { .masonry-item { width: 100%; }
} @media only screen and (max-width:420px) { .masonry-item .mt-post-info { padding-bottom: 0px; } .masonry-item .mt-post-title h2.post-title { line-height: 14px; } .masonry-item .mt-post-title h2.post-title a { font-size: 14px; line-height: none; } .news-grid .mt-post-text { display: none; }
} /*--------------------------------------------------------------
>>> faq-page
----------------------------------------------------------------*/
.faq-page-section { position: relative; z-index: 1; padding: 110px 0;
} @media screen and (max-width: 767px) { .faq-page-section { padding: 60px 0; }
} .faq-page-container { margin-bottom: 100px;
} .faq-page-container:last-child { margin-bottom: 0;
} @media screen and (max-width: 767px) { .faq-page-container { margin-bottom: 50px; }
} @media screen and (min-width: 1200px) { .faq-page-container .faq-right-info { margin-right: 56px; }
} .accordion-content .card { -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);
} .accordion-content .card .card-header a { font-size: 16px;
} @media screen and (max-width: 767px) { .accordion-content .card .card-header a { font-size: 14px; padding: 16px 22px; }
} .qsn-form-container { padding: 30px; margin-bottom: 20px; border-radius: 25px; text-align: center; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); /* Firefox */
} .qsn-form-container .round-border { padding: 17px; background-color: #0085CD; color: #111111;
} .qsn-form-container form { padding-top: 10px; text-align: left;
} .qsn-form-container form p { margin-bottom: 20px;
} .qsn-form-container form p:last-child { margin-bottom: 0;
} .qsn-form-container input { padding: 15px; border: none; background-color: #f8f8f8; color: #414141;
} .qsn-form-container input:not([type=submit]) { min-height: 55px; width: 100%;
} @media screen and (max-width: 767px) { .qsn-form-container input:not([type=submit]) { min-height: 44px; }
} @media screen and (max-width: 479px) { .qsn-form-container input:not([type=submit]) { min-height: 40px; }
} .qsn-form-container textarea { padding: 15px; border: none; background-color: #f8f8f8; color: #414141;
} .qsn-form-container input[type=submit] { background-color: #082D53; text-align: left; color: #ffffff; text-transform: capitalize; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 1.2; padding: 15px 24px; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;
} .qsn-form-container input[type=submit]:hover { background-color: #1D69B7;
} @media screen and (max-width: 767px) { .qsn-form-container input[type=submit] { padding: 16px 30px; width: 100%; text-align: center; }
} @media screen and (max-width: 479px) { .qsn-form-container input[type=submit] { padding: 13px 30px; width: 100%; text-align: center; }
} .qsn-form-container input::-webkit-outer-spin-button,
.qsn-form-container input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
} .qsn-form-container input[type=number] { -moz-appearance: textfield; appearance: textfield;
} @media screen and (max-width: 991px) { .qsn-form-container { margin-top: 30px; margin-left: 0px; }
} @media screen and (max-width: 479px) { .qsn-form-container { padding: 30px 20px; }
} .faq-testimonial { margin-right: 60px;
} @media screen and (max-width: 991px) { .faq-testimonial { margin-right: 0; }
} .faq-testimonial .faq-image { position: relative; z-index: 1; text-align: center;
} .faq-testimonial .testimonial-content { background-color: #0085CD; color: #ffffff; margin-right: 25px; margin-top: -80px; padding: 30px; position: relative; z-index: 2;
} @media screen and (max-width: 991px) { .faq-testimonial .testimonial-content { margin-left: auto; margin-right: auto; }
} .faq-testimonial .testimonial-content i { font-size: 40px; margin-bottom: 15px; line-height: 1.2; color: rgba(8, 45, 83, 0.2);
} .faq-testimonial .testimonial-content p { color: #414141;
} .faq-testimonial .testimonial-content p:last-child { margin-bottom: 0;
} @media screen and (max-width: 479px) { .faq-testimonial .testimonial-content { padding: 20px 15px; } .faq-testimonial .testimonial-content i { font-size: 30px; margin-bottom: 10px; line-height: 1; }
} @media screen and (max-width: 991px) { .faq-testimonial { margin-bottom: 40px; }
} .faq-content-wrap .section-head { margin-bottom: 45px;
} @media screen and (max-width: 767px) { .faq-content-wrap .section-head { margin-bottom: 30px; }
} /*--------------------------------------------------------------
>>> testimonial-page
----------------------------------------------------------------*/
.Testimonial-page-section { margin: 85px 0 50px;
} @media screen and (max-width: 767px) { .Testimonial-page-section { margin: 80px 0 25px; }
} .Testimonial-page-section .comment-inner-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 40px; grid-column-gap: 50px; margin-top: 340px;
} @media screen and (max-width: 991px) { .Testimonial-page-section .comment-inner-wrapper { grid-template-columns: repeat(2, 1fr); }
} @media screen and (max-width: 767px) { .Testimonial-page-section .comment-inner-wrapper { grid-row-gap: 25px; }
} @media screen and (max-width: 575px) { .Testimonial-page-section .comment-inner-wrapper { grid-template-columns: repeat(1, 1fr); grid-column-gap: 40px; }
} .Testimonial-page-section .comment-inner-wrapper .comment-content { padding: 35px 30px 25px 30px; background-color: transparent; background-image: radial-gradient(at top left, #f8f8f8 74%, #fff 42%); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; margin-bottom: 65px;
} @media screen and (max-width: 575px) { .Testimonial-page-section .comment-inner-wrapper .comment-content { margin-bottom: 40px; }
} .Testimonial-page-section .comment-inner-wrapper .comment-content:before { content: ""; position: absolute; z-index: 1; right: 0; top: -40px; height: 60px; width: 60px; background-image: url(assets/images/sumermetal/home/tagmarker.png); background-repeat: no-repeat; background-position: center; background-size: contain;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .author-detail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .author-detail .author-img { height: 85px; width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .author-detail .author-info { margin-left: 15px;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .author-detail .author-info .author-name { margin-bottom: 0; font-size: 21px;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .author-detail .author-info .author-desc { color: #082D53; font-size: 13px;
} .Testimonial-page-section .comment-inner-wrapper .comment-content .materials-img { height: 100px; width: 100px;
} /*--------------------------------------------------------------
>>> search-page
----------------------------------------------------------------*/
.search-section .search-outer-wrap { margin: 110px 0;
} @media screen and (max-width: 767px) { .search-section .search-outer-wrap { margin: 60px 0; }
} .search-section .post { border: 1px solid #f8f8f8; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .search-section .post .entry-content { padding: 20px;
} .search-section .post .entry-content h5 { margin-bottom: 8px;
} .search-section .post .entry-content h5 a { color: #292929; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;
} .search-section .post .entry-content h5 a:hover { color: #1D69B7;
} .search-section .post .entry-content .entry-meta { margin-bottom: 8px; margin-right: -8px; margin-left: -8px;
} .search-section .post .entry-content .entry-meta .byline,
.search-section .post .entry-content .entry-meta .posted-on,
.search-section .post .entry-content .entry-meta .post-on,
.search-section .post .entry-content .entry-meta .comment-info { padding: 0 8px; position: relative; display: inline-block; line-height: 1; font-size: 12px; font-weight: 400;
} .search-section .post .entry-content .entry-meta .byline:before,
.search-section .post .entry-content .entry-meta .posted-on:before,
.search-section .post .entry-content .entry-meta .post-on:before,
.search-section .post .entry-content .entry-meta .comment-info:before { content: "|"; font-weight: 100; right: -4px; top: -3px; color: #a7a7a7; font-size: 16px; position: absolute; line-height: 1;
} .search-section .post .entry-content .entry-meta .byline a,
.search-section .post .entry-content .entry-meta .posted-on a,
.search-section .post .entry-content .entry-meta .post-on a,
.search-section .post .entry-content .entry-meta .comment-info a { color: #a7a7a7; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;
} .search-section .post .entry-content .entry-meta .byline a:hover,
.search-section .post .entry-content .entry-meta .posted-on a:hover,
.search-section .post .entry-content .entry-meta .post-on a:hover,
.search-section .post .entry-content .entry-meta .comment-info a:hover { color: #1D69B7;
} .search-section .post .entry-content .entry-meta .comment-info:before { content: none;
} .search-section .post p { color: #414141;
} .search-section .button-container .button-text { color: #082D53; text-transform: capitalize; font-weight: 500; font-family: "Poppins", sans-serif;
} .search-section .button-container .button-text:after { content: " .."; display: inline-block;
} .search-section .button-container .button-text:hover { color: #1D69B7;
} .search-section .post-navigation-wrap { margin-top: 10px;
} .search-section .content-search-from { padding: 100px 0; background-color: #f8f8f8;
} @media screen and (max-width: 767px) { .search-section .content-search-from { padding: 60px 0; }
} .search-section .content-search-from .section-head { margin-bottom: 0;
} .search-section .content-search-from .section-title-info { color: #082D53;
} .search-section .content-search-from .section-title-heading { font-size: 50px; color: #0085CD;
} @media screen and (max-width: 767px) { .search-section .content-search-from .section-title-heading { font-size: 24px; }
} .search-section .content-search-from .search-form { margin-top: 40px; border: 1px solid #082D53; background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .search-section .content-search-from .search-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #a7a7a7; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /* Firefox */
} .search-section .content-search-from .search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a7a7;
} .search-section .content-search-from .search-form ::-ms-input-placeholder { /* Microsoft Edge */ color: #a7a7a7;
} .search-section .content-search-from .search-form input { background-color: #f8f8f8;
} .search-section .content-search-from .search-form .search-btn { padding: 0 17px; top: 0; right: 0; background-color: #082D53; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; line-height: 0;
} .search-section .content-search-from .search-form .search-btn:hover { background-color: #1D69B7;
} .pagination li { margin-left: 6px; margin-right: 6px; transition: all 0.5s;
} .pagination li a { color: #414141; border: none; height: auto; width: auto; line-height: 1; text-align: center; border: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
} .pagination li:hover a { background-color: #1D69B7; color: #ffffff; border: none;
} .pagination li.active a { background-color: #082D53; color: #ffffff;
} /*--------------------------------------------------------------
>>> single-page
----------------------------------------------------------------*/
.single-page-section { padding: 110px 0;
} @media screen and (max-width: 767px) { .single-page-section { padding: 60px 0; }
} .single-page-section .single-feature-img { margin-bottom: 20px;
} .single-page-section .single-feature-img img { width: 100%;
} .single-page-section .section-head { margin-bottom: 20px;
} /*--------------------------------------------------------------
>>> reservation-page
----------------------------------------------------------------*/
.reservation-page-section { padding: 110px 0;
} @media screen and (max-width: 767px) { .reservation-page-section { padding: 60px 0; }
} .reservation-form .form-inner { background-color: #ffffff; margin-bottom: 50px; padding: 40px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
} .reservation-form .form-inner:last-child { margin-bottom: 0;
} .reservation-form .form-inner h3 { margin-bottom: 30px;
} .reservation-form .form-inner .form-group { margin-bottom: 30px;
} .reservation-form .form-inner .form-group input,
.reservation-form .form-inner .form-group textarea { border: none; background-color: #f8f8f8;
} .reservation-form .form-inner.reservation-amout .form-group { margin-bottom: 0;
} .reservation-form .form-inner.reservation-method .radio-img { margin-bottom: 0;
} .reservation-form .radio-img { width: 100px; height: 60px; text-align: center; line-height: 60px; margin-right: 10px;
} .reservation-form .radio-img label { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #ECECEC; margin-bottom: 0;
} .reservation-form .radio-img input[type=radio] { position: absolute; z-index: -9;
} .reservation-form .radio-img input:checked~label { background-color: rgba(250, 3, 104, 0.54);
} .reservation-form .radio-img img { vertical-align: middle;
} .reservation-form .reservation-method .form-wrap { margin-bottom: 30px;
} .reservation-form .reservation-method label { display: block;
} @media screen and (max-width: 575px) { .reservation-form .form-inner { padding: 30px 20px; } .reservation-form .form-inner .form-group { margin-bottom: 20px; } .reservation-form .form-inner.reservation-amout .amount-radio { margin-bottom: 20px; } .reservation-form .reservation-amout .form-group { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .reservation-form .amount-radio { width: 60px; height: 42px; line-height: 42px; } .reservation-form .amount-radio label { font-size: 14px; font-weight: 600; } .reservation-form .radio-img { height: auto; line-height: initial; } .reservation-form .radio-img label { padding: 5px; } .reservation-form .radio-img label img { width: 100%; }
} /*--------------------------------------------------------------
>>> blog-archive-page
----------------------------------------------------------------*/
.blog-archive-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .blog-archive-section { margin: 60px 0; }
} @media screen and (min-width: 1200px) { .blog-archive-section .primary { margin-right: 18px; }
} .blog-archive-section .primary .inner-blog-wrapper { display: grid; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; justify-items: center; grid-row-gap: 35px; grid-column-gap: 30px; grid-template-columns: repeat(2, 1fr);
} @media screen and (max-width: 991px) { .blog-archive-section .primary .inner-blog-wrapper { grid-template-columns: repeat(2, 1fr); } .blog-archive-section .primary .inner-blog-wrapper .post:nth-child(odd):last-child { grid-column: 1/span 2; width: 50%; }
} @media screen and (max-width: 767px) { .blog-archive-section .primary .inner-blog-wrapper { grid-column-gap: 20px; grid-row-gap: 30px; }
} @media screen and (max-width: 575px) { .blog-archive-section .primary .inner-blog-wrapper { grid-template-columns: repeat(1, 1fr); } .blog-archive-section .primary .inner-blog-wrapper .post:nth-child(odd):last-child { grid-column: 1/span 1; width: initial; }
} .blog-archive-section .primary .inner-blog-wrapper .post { background-color: #ffffff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .blog-archive-section .primary .inner-blog-wrapper .post:hover { -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
} .blog-archive-section .primary .inner-blog-wrapper .post:hover .feature-image:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
} .blog-archive-section .primary .inner-blog-wrapper .post .feature-image { position: relative; z-index: 1; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .blog-archive-section .primary .inner-blog-wrapper .post .feature-image:before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%); background-repeat: no-repeat; content: ""; height: 100%; width: 100%; position: absolute; bottom: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
} .blog-archive-section .primary .inner-blog-wrapper .post .feature-image .cat-meta { position: absolute; top: 20px; right: 20px;
} .blog-archive-section .primary .inner-blog-wrapper .post .feature-image .cat-meta a { padding: 5px 14px; font-size: 12px; background-color: #082D53; color: #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; text-transform: uppercase; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all;
} @media screen and (max-width: 767px) { .blog-archive-section .primary .inner-blog-wrapper .post .feature-image .cat-meta a { font-size: 10px; }
} .blog-archive-section .primary .inner-blog-wrapper .post .feature-image .cat-meta a:hover { background-color: #1D69B7;
} @media screen and (max-width: 991px) { .blog-archive-section .primary .inner-blog-wrapper .post .feature-image img { width: 100%; }
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-content { padding: 32px 30px 33px;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-content .blog-title { margin-bottom: 14px;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-content .blog-title a { color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-content .blog-title a:hover { color: #1D69B7;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-content .blog-preview { color: #777; margin-bottom: 0;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta { margin-bottom: 0; padding: 8px 30px 12px; border-top: 1px solid #eaeaea;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span { font-size: 13px; color: #adadad; padding: 0 9px; position: relative; display: inline-block;
} @media screen and (max-width: 767px) { .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span { font-size: 12px; }
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span a { color: #adadad; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span a:hover { color: #1D69B7;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span:first-child { padding-left: 0;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span:last-child { padding-right: 0;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span:last-child:before { content: none;
} .blog-archive-section .primary .inner-blog-wrapper .post .entry-meta span:before { content: "•"; right: -4px; top: 22%; color: #adadad; font-size: 12px; line-height: 1; position: absolute;
} .blog-archive-section .post-navigation-wrap { margin-top: 40px;
} @media screen and (max-width: 575px) { .blog-archive-section .post-navigation-wrap { margin-top: 30px; }
} @media screen and (min-width: 1200px) { .blog-archive-section .secondary .sidebar { padding-left: 28px; }
} @media screen and (max-width: 991px) { .blog-archive-section .secondary .sidebar { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; justify-items: center; grid-column-gap: 30px; } .blog-archive-section .secondary .sidebar .widget { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .blog-archive-section .secondary .sidebar .widget:nth-child(odd):last-child { grid-column: 1/span 2; width: 50%; }
} @media screen and (max-width: 767px) { .blog-archive-section .secondary .sidebar { grid-template-columns: repeat(1, 1fr); } .blog-archive-section .secondary .sidebar .widget { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; width: 100%; } .blog-archive-section .secondary .sidebar .widget:nth-child(odd):last-child { grid-column: 1/span 1; width: initial; }
} .blog-archive-section .secondary .sidebar .author_widget { background-color: #ffffff; text-align: center;
} .blog-archive-section .secondary .sidebar .author_widget .avatar { margin-bottom: 30px; height: 100px; width: 100px;
} .blog-archive-section .secondary .sidebar .author_widget .text-content { margin-bottom: 30px;
} .blog-archive-section .secondary .sidebar .author_widget .text-content .name-title { margin-bottom: 20px;
} .blog-archive-section .secondary .sidebar .author_widget .text-content .author-info { margin-bottom: 0;
} .blog-archive-section .secondary .sidebar .author_widget .social-icon ul { margin: 0; padding: 0;
} .blog-archive-section .secondary .sidebar .author_widget .social-icon ul li { display: inline-block; list-style-type: none; margin-right: 4px;
} .blog-archive-section .secondary .sidebar .author_widget .social-icon ul li:last-child { margin-right: 0;
} .blog-archive-section .secondary .sidebar .author_widget .social-icon ul li a i { font-size: 18px; height: 36px; width: 36px; line-height: 35px; text-align: center; color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .blog-archive-section .secondary .sidebar .author_widget .social-icon ul li a i:hover { color: #1D69B7;
} .blog-archive-section .secondary .sidebar .widget_latest_post ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} .blog-archive-section .secondary .sidebar .widget_latest_post ul li .post-thumb { overflow: hidden; margin-right: 15px;
} .blog-archive-section .secondary .sidebar .widget_latest_post ul li .post-thumb a { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .blog-archive-section .secondary .sidebar .widget_latest_post ul li .post-thumb a img { object-fit: cover; width: 98px; height: 89px;
} .blog-archive-section .secondary .sidebar .widget_latest_post .post-content h6 { color: #292929; line-height: 1.1; font-size: 16px; font-weight: 500;
} @media screen and (max-width: 767px) { .blog-archive-section .secondary .sidebar .widget_latest_post .post-content h6 { font-size: 13px; }
} .blog-archive-section .secondary .sidebar .widget_latest_post .entry-meta span a { font-size: 13px; line-height: 1.3;
} .blog-archive-section .secondary .sidebar .widget_social { margin-top: 0;
} .blog-archive-section .secondary .sidebar .widget_social .social-icon-wrap { margin: 0 38px; justify-content: center;
} @media screen and (max-width: 479px) { .blog-archive-section .secondary .sidebar .widget_social .social-icon-wrap { margin: 0 20px; }
} .blog-archive-section .secondary .sidebar .widget_social a { display: inline-block; margin: 5px; background-color: initial;
} .blog-archive-section .secondary .sidebar .widget_social a i { border: 1px solid rgba(120, 120, 120, 0.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 16px; width: 40px; height: 40px; line-height: 39px; text-align: center; color: #787878; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 767px) { .blog-archive-section .secondary .sidebar .widget_social a i { font-size: 15px; width: 35px; height: 35px; line-height: 34px; }
} .blog-archive-section .secondary .sidebar .widget_social a:hover i { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} /*--------------------------------------------------------------
>>> single-blog-page
----------------------------------------------------------------*/
.single-post-section { padding: 110px 0;
} @media screen and (max-width: 767px) { .single-post-section { padding: 60px 0; }
} .single-post-section .primary .right-sidebar { padding-right: 28px;
} @media screen and (max-width: 991px) { .single-post-section .primary .right-sidebar { padding-right: 0px; }
} .single-post-section .primary .right-sidebar .feature-image { margin-bottom: 18px;
} .single-post-section .primary .right-sidebar .single-content-wrap { margin-bottom: 20px;
} .single-post-section .primary .right-sidebar .single-content-wrap .single-content-imgage { margin-bottom: 20px;
} .single-post-section .primary .right-sidebar .single-content-wrap p { margin-bottom: 0;
} .single-post-section .primary .right-sidebar .meta-wrap { margin-bottom: 28px;
} .single-post-section .primary .right-sidebar .meta-wrap .tag-links:before { content: "\f02c"; color: #082D53; display: inline-block; font-family: "Font Awesome 5 Free"; margin-right: 6px; font-weight: 900;
} .single-post-section .primary .right-sidebar .meta-wrap .tag-links a { font-weight: 500; line-height: 1.2; color: #414141; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .single-post-section .primary .right-sidebar .meta-wrap .tag-links a:hover { color: #1D69B7;
} .single-post-section .primary .right-sidebar .meta-wrap .tag-links a:after { content: ","; font-size: inherit; font-family: "Poppins", sans-serif;
} .single-post-section .primary .right-sidebar .meta-wrap .tag-links a:last-child:after { content: none;
} .single-post-section .primary .right-sidebar .post-socail-wrap .social-icon-wrap .social-icon a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .single-post-section .primary .right-sidebar .post-socail-wrap .social-icon-wrap .social-icon a i { width: 36px; font-size: 13px; padding-left: 6px;
} .single-post-section .primary .right-sidebar .post-socail-wrap .social-icon-wrap .social-icon a span { font-weight: 500; padding: 9px 20px 9px 6px; background-image: none;
} .single-post-section .primary .right-sidebar .author-wrap { background-color: #f9f9f9; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 40px 32px; margin-bottom: 22px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px;
} .single-post-section .primary .right-sidebar .author-wrap:before,
.single-post-section .primary .right-sidebar .author-wrap:after { content: ""; display: block; clear: both;
} .single-post-section .primary .right-sidebar .author-wrap .author-thumb { width: 100px;
} .single-post-section .primary .right-sidebar .author-wrap .author-thumb img { border-radius: 100%;
} .single-post-section .primary .right-sidebar .author-wrap .author-content { width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px); width: calc(100% - 120px); margin-left: 20px;
} .single-post-section .primary .right-sidebar .author-wrap .author-content .author-name { margin-bottom: 12px; margin-top: 8px;
} .single-post-section .primary .right-sidebar .author-wrap .author-content p { margin-bottom: 20px;
} .single-post-section .primary .right-sidebar .author-wrap .author-content .button-text { color: #082D53; font-weight: 500; text-transform: capitalize;
} .single-post-section .primary .right-sidebar .author-wrap .author-content .button-text:hover { color: #1D69B7;
} @media screen and (max-width: 575px) { .single-post-section .primary .right-sidebar .author-wrap { text-align: center; padding: 20px; } .single-post-section .primary .right-sidebar .author-wrap .author-thumb { margin-bottom: 20px; margin-left: auto; margin-right: auto; } .single-post-section .primary .right-sidebar .author-wrap .author-content { width: 100%; margin-left: 0; }
} .single-post-section .primary .right-sidebar .divider-line { padding-top: 10px; padding-bottom: 30px;
} .single-post-section .primary .right-sidebar .divider-line .st-line { width: 100%; border-top: 1px solid rgba(175, 175, 175, 0.1803921569); display: inline-block;
} .single-post-section .primary .right-sidebar .comment-area .comment-title { margin-bottom: 25px;
} .single-post-section .primary .right-sidebar .comment-area ol { margin: 0; padding: 0;
} .single-post-section .primary .right-sidebar .comment-area ol ol { margin-left: 30px;
} .single-post-section .primary .right-sidebar .comment-area ol li { list-style: none; margin-bottom: 30px;
} .single-post-section .primary .right-sidebar .comment-area ol li:before,
.single-post-section .primary .right-sidebar .comment-area ol li:after { content: ""; display: block; clear: both;
} .single-post-section .primary .right-sidebar .comment-area .comment-thumb { width: 55px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; overflow: hidden; float: left;
} .single-post-section .primary .right-sidebar .comment-area .comment-content { border: 1px solid #e6e6e6; width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: calc(100% - 65px); float: right; padding: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content .comment-header { margin-bottom: 10px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content p { margin-bottom: 15px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content h5 { display: inline-block; margin-bottom: 0;
} .single-post-section .primary .right-sidebar .comment-area .comment-content .post-on { font-size: 13px; margin-left: 10px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content .reply { background-color: #082D53; font-size: 14px; color: #ffffff; padding: 5px 12px 6px; display: inline-block; line-height: 1.2; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content .reply i { margin-right: 4px; font-size: 12px;
} .single-post-section .primary .right-sidebar .comment-area .comment-content .reply:hover { background-color: #1D69B7;
} @media screen and (max-width: 575px) { .single-post-section .primary .right-sidebar .comment-area .comment-thumb { width: 25px; } .single-post-section .primary .right-sidebar .comment-area .comment-content { width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: calc(100% - 35px); }
} .single-post-section .primary .right-sidebar .comment-form-wrap { padding-top: 5px;
} .single-post-section .primary .right-sidebar .comment-form-wrap .comment-title { margin-top: 8px; margin-bottom: 16px; font-size: 52px;
} @media screen and (max-width: 767px) { .single-post-section .primary .right-sidebar .comment-form-wrap .comment-title { font-size: 38px; }
} .single-post-section .primary .right-sidebar .comment-form-wrap .rate-wrap { padding: 0 15px; margin-bottom: 15px;
} .single-post-section .primary .right-sidebar .comment-form-wrap label { display: block; color: #292929; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.7;
} .single-post-section .primary .right-sidebar .comment-form-wrap input { border: none;
} .single-post-section .primary .right-sidebar .comment-form-wrap input:not([type=submit]) { background-color: #f8f8f8; width: 100%;
} .single-post-section .primary .right-sidebar .comment-form-wrap input[type=submit] { margin-top: 0px; background-color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .single-post-section .primary .right-sidebar .comment-form-wrap input[type=submit]:hover { background-color: #1D69B7;
} .single-post-section .primary .right-sidebar .comment-form-wrap input[type=checkbox] { width: auto;
} .single-post-section .primary .right-sidebar .comment-form-wrap textarea { background-color: #f8f8f8; border: none;
} .single-post-section .primary .right-sidebar .post-navigation { margin: 50px -10px 0;
} .single-post-section .primary .right-sidebar .post-navigation:before,
.single-post-section .primary .right-sidebar .post-navigation:after { content: ""; display: block; clear: both;
} .single-post-section .primary .right-sidebar .post-navigation [class*=nav-] .nav-label { display: block; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; font-size: 13px; font-weight: 400;
} .single-post-section .primary .right-sidebar .post-navigation [class*=nav-] .nav-title { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; margin-bottom: 0; font-size: 15px;
} @media screen and (max-width: 767px) { .single-post-section .primary .right-sidebar .post-navigation [class*=nav-] .nav-title { font-size: 13px; }
} .single-post-section .primary .right-sidebar .post-navigation .nav-label { color: #878787; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #082D53;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev,
.single-post-section .primary .right-sidebar .post-navigation .nav-next { width: 50%; padding: 0 10px;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a { color: #292929; font-weight: normal; display: block; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a:before,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:before { color: #082D53; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; display: block; vertical-align: middle; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a:hover,
.single-post-section .primary .right-sidebar .post-navigation .nav-prev a:focus,
.single-post-section .primary .right-sidebar .post-navigation .nav-prev a:active,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:hover,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:focus,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:active { color: #1D69B7;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a:hover .nav-title,
.single-post-section .primary .right-sidebar .post-navigation .nav-prev a:focus .nav-title,
.single-post-section .primary .right-sidebar .post-navigation .nav-prev a:active .nav-title,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:hover .nav-title,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:focus .nav-title,
.single-post-section .primary .right-sidebar .post-navigation .nav-next a:active .nav-title { color: #1D69B7;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev { float: left;
} @media screen and (max-width: 479px) { .single-post-section .primary .right-sidebar .post-navigation .nav-prev { width: 100%; }
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a { padding-left: 30px;
} .single-post-section .primary .right-sidebar .post-navigation .nav-prev a:before { left: 0; content: "\f104";
} .single-post-section .primary .right-sidebar .post-navigation .nav-next { float: right; text-align: right;
} @media screen and (max-width: 479px) { .single-post-section .primary .right-sidebar .post-navigation .nav-next { float: left; width: 100%; }
} .single-post-section .primary .right-sidebar .post-navigation .nav-next a { padding-right: 30px;
} .single-post-section .primary .right-sidebar .post-navigation .nav-next a:before { content: "\f105"; right: 0;
} @media screen and (max-width: 479px) { .single-post-section .primary .right-sidebar .post-navigation .nav-prev~.nav-next { border-top: 1px solid #ececec; margin-top: 15px; padding-top: 15px; }
} @media screen and (min-width: 1200px) { .single-post-section .secondary .sidebar { padding-left: 28px; }
} @media screen and (max-width: 991px) { .single-post-section .secondary .sidebar { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; justify-items: center; grid-column-gap: 30px; } .single-post-section .secondary .sidebar .widget { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .single-post-section .secondary .sidebar .widget:nth-child(odd):last-child { grid-column: 1/span 2; width: 50%; }
} @media screen and (max-width: 767px) { .single-post-section .secondary .sidebar { grid-template-columns: repeat(1, 1fr); } .single-post-section .secondary .sidebar .widget { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; width: 100%; } .single-post-section .secondary .sidebar .widget:nth-child(odd):last-child { grid-column: 1/span 1; width: initial; }
} .single-post-section .secondary .sidebar .author_widget { background-color: #ffffff; text-align: center;
} .single-post-section .secondary .sidebar .author_widget .avatar { margin-bottom: 30px; height: 100px; width: 100px;
} .single-post-section .secondary .sidebar .author_widget .text-content { margin-bottom: 30px;
} .single-post-section .secondary .sidebar .author_widget .text-content .name-title { margin-bottom: 20px;
} .single-post-section .secondary .sidebar .author_widget .text-content .author-info { margin-bottom: 0;
} .single-post-section .secondary .sidebar .author_widget .social-icon ul { margin: 0; padding: 0;
} .single-post-section .secondary .sidebar .author_widget .social-icon ul li { display: inline-block; list-style-type: none; margin-right: 4px;
} .single-post-section .secondary .sidebar .author_widget .social-icon ul li:last-child { margin-right: 0;
} .single-post-section .secondary .sidebar .author_widget .social-icon ul li a i { font-size: 18px; height: 36px; width: 36px; line-height: 35px; text-align: center; color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .single-post-section .secondary .sidebar .author_widget .social-icon ul li a i:hover { color: #1D69B7;
} .single-post-section .secondary .sidebar .widget_latest_post ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} .single-post-section .secondary .sidebar .widget_latest_post ul li .post-thumb { overflow: hidden; margin-right: 15px;
} .single-post-section .secondary .sidebar .widget_latest_post ul li .post-thumb a { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .single-post-section .secondary .sidebar .widget_latest_post ul li .post-thumb a img { object-fit: cover; width: 98px; height: 89px;
} .single-post-section .secondary .sidebar .widget_latest_post .post-content h6 { color: #292929; line-height: 1.1; font-size: 16px; font-weight: 500;
} @media screen and (max-width: 767px) { .single-post-section .secondary .sidebar .widget_latest_post .post-content h6 { font-size: 13px; }
} .single-post-section .secondary .sidebar .widget_latest_post .entry-meta span a { font-size: 13px; line-height: 1.3;
} .single-post-section .secondary .sidebar .widget_social { margin-top: 0;
} .single-post-section .secondary .sidebar .widget_social .social-icon-wrap { margin: 0 38px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} @media screen and (max-width: 479px) { .single-post-section .secondary .sidebar .widget_social .social-icon-wrap { margin: 0 20px; }
} .single-post-section .secondary .sidebar .widget_social a { display: inline-block; margin: 5px; background-color: initial;
} .single-post-section .secondary .sidebar .widget_social a i { border: 1px solid rgba(120, 120, 120, 0.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 16px; width: 40px; height: 40px; line-height: 39px; text-align: center; color: #787878; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 767px) { .single-post-section .secondary .sidebar .widget_social a i { font-size: 15px; width: 35px; height: 35px; line-height: 34px; }
} .single-post-section .secondary .sidebar .widget_social a:hover i { background-color: #1D69B7; border-color: #1D69B7; color: #ffffff;
} /*--------------------------------------------------------------
>>> account-page
----------------------------------------------------------------*/
.account-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .account-section { margin: 60px 0; }
} .account-section .account-title { margin-bottom: 30px; color: #414141;
} .account-section .login-form { padding: 50px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .account-section .login-form .form-group label { margin-bottom: 10px; color: #414141; font-size: 13px; font-weight: 500; line-height: 1.2;
} .account-section .login-form .form-group label .label-star { color: red;
} .account-section .login-form .form-group input { background-color: #f8f8f8;
} .account-section .login-form .form-group .display-password { position: relative;
} .account-section .login-form .form-group .display-password .password-show { position: absolute; z-index: 1; right: 20px; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); cursor: pointer;
} .account-section .login-form .form-group .display-password .password-show:before { content: "\f06e"; font-family: "Font Awesome 5 Free"; font-size: 15px;
} .account-section .login-form .form-group .display-password .show:before { content: "\f070";
} .account-section .login-form .login-btn { margin-right: 16px; padding: 12px 32px; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;
} .account-section .login-form .forget-btn { margin-top: 15px;
} .account-section .login-form .forget-btn a { background-color: transparent; color: #082D53; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; font-weight: 500;
} .account-section .login-form .forget-btn a:hover { color: #1D69B7;
} @media screen and (max-width: 575px) { .account-section .login-form { padding-left: 20px; padding-right: 20px; }
} .account-recover-section .reset-btn { border: none; padding: 12px 32px; background-color: #a46497; transition: 0.4s all;
} .account-recover-section .reset-btn:hover { -webkit-filter: saturate(1.5) brightness(1.2); -moz-filter: saturate(1.5) brightness(1.2); -ms-filter: saturate(1.5) brightness(1.2); -o-filter: saturate(1.5) brightness(1.2); filter: saturate(1.5) brightness(1.2);
} /*--------------------------------------------------------------
>>> recover-page
----------------------------------------------------------------*/
.account-recover-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .account-recover-section { margin: 60px 0; }
} .account-recover-section .recover-wrapper { -webkit-border-radius: border-radiud-degree; -moz-border-radius: border-radiud-degree; -ms-border-radius: border-radiud-degree; border-radius: border-radiud-degree; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.03); padding: 50px;
} .account-recover-section .recover-wrapper .form-group label { margin-bottom: 10px; color: #414141; font-size: 13px; font-weight: 500; line-height: 1.2;
} .account-recover-section .recover-wrapper .form-group label .label-star { color: red;
} .account-recover-section .recover-wrapper .form-group input { background-color: #f8f8f8;
} @media screen and (max-width: 575px) { .account-recover-section .recover-wrapper { padding-left: 25px; padding-right: 25px; }
} /*--------------------------------------------------------------
>>> product-archive-page
----------------------------------------------------------------*/
.product-outer-wrap { padding: 110px 0;
} @media screen and (max-width: 767px) { .product-outer-wrap { padding: 60px 0; }
} .product-outer-wrap .product-notices-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px;
} .product-outer-wrap .product-notices-wrapper select,
.product-outer-wrap .product-notices-wrapper form { width: 100%;
} @media screen and (min-width: 576px) { .product-outer-wrap .product-notices-wrapper p { margin-bottom: 0; font-size: 15px; color: #414141; } .product-outer-wrap .product-notices-wrapper form { width: auto; } .product-outer-wrap .product-notices-wrapper form select { width: auto; font-size: 16px; border: 1px solid #666; color: #000; padding: 8px 16px; height: 40px; }
} .single-product-outer-wrapper { padding: 120px 0 0;
} @media screen and (max-width: 767px) { .single-product-outer-wrapper { padding: 80px 0 0; }
} .product-toolbar { margin-bottom: 60px;
} .product-toolbar .form-group { position: relative;
} .product-toolbar .form-group i { position: absolute; width: 42px; height: 42px; line-height: 50px; text-align: center; right: 0; top: 0; border-left: 1px solid #e6e6e6;
} .product-toolbar .form-group input[type=text] { padding-right: 55px;
} .product-item { -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15); margin-bottom: 40px; padding: 10px 10px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .product-item .product-image { position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .product-item .product-image a { display: block; overflow: hidden;
} .product-item .product-image a img { -webkit-transition: linear 0.4s; -moz-transition: linear 0.4s; -ms-transition: linear 0.4s; -o-transition: linear 0.4s; transition: linear 0.4s;
} .product-item .product-image a:hover img { transform: scale(1.2) rotate(5deg);
} .product-item .product-content h5 { margin-bottom: 5px; padding: 25px 0 15px; color: #111;
} .product-item .product-content .product-cat a { color: #4a4a4a; font-size: 13px; margin-bottom: 10px; display: inline-block;
} .product-item .product-content .product-cat a:hover { color: #1D69B7;
} .product-item .product-content .product-price { font-size: 20px; font-weight: 700; font-family: "Poppins", sans-serif; line-height: 1.2; padding: 0 20px; margin-bottom: 30px;
} .product-item .product-content .product-price del { color: #a7a7a7; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
} .product-item .product-content .product-price ins { color: #082D53; text-decoration: underline;
} .product-item .onsale { background: #082D53; color: #ffffff; font-weight: 400; top: 12px; right: 12px; line-height: 30px; padding: 0px 12px; display: block; position: absolute; z-index: 3; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .product-item .onsale:after { content: "!";
} .product-item .rate-wrap { padding: 20px 20px 0; border-top: 1px solid #e6e6e6; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .product-item .button-round-primary { font-size: 15px; padding: 10px 15px; text-transform: capitalize;
} .product-item:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px);
} .pagination li { margin-left: 0; margin-right: 0;
} .pagination li.hover a { background-color: #1D69B7; color: #ffffff;
} .pagination li.active a { background-color: #082D53; color: #ffffff;
} .pagination li a { color: #414141; padding: 15px; background-color: #f8f8f8; line-height: 1; text-align: center;
} .sidebar { padding-left: 26px;
} @media screen and (max-width: 991px) { .sidebar { padding-left: 0; }
} .sidebar .search_widget form { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .sidebar .search_widget form input { background-color: #f8f8f8;
} @media screen and (max-width: 575px) { .sidebar .search_widget form input { height: 40px; }
} .sidebar .search_widget form .search-btn { font-size: 24px; top: 0; right: 0; font-size: 15px; background-color: #082D53; color: #ffffff; padding: 16px; height: 100%; border-radius: initial;
} .sidebar .widget_category_product_thumb { margin-bottom: 40px;
} .sidebar .widget_category_product_thumb ul li { padding: 8px;
} .sidebar .widget_category_product_thumb ul li .product-thumb { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .sidebar .widget.widget-product-thumb .product-thumb { overflow: hidden;
} .sidebar .widget.widget-product-thumb .product-content h6 { margin-bottom: 10px;
} .sidebar .widget.widget-product-thumb .product-content h6 a { color: #292929; line-height: 1.1; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500;
} @media screen and (max-width: 767px) { .sidebar .widget.widget-product-thumb .product-content h6 a { font-size: 14px; }
} .sidebar .widget.widget-product-thumb .product-content h6 a:hover { color: #1D69B7;
} .sidebar .widget.widget-product-thumb .product-content .entry-meta span:before { top: 2px;
} .sidebar .widget.widget-product-thumb .product-content .entry-meta span a { font-size: 13px; color: #adadad; line-height: 1.3;
} @media screen and (max-width: 479px) { .sidebar .widget.widget-product-thumb .product-content .entry-meta span a { font-size: 12px; }
} .sidebar .widget.widget-product-thumb .product-content .entry-meta span a:hover { color: #1D69B7;
} .sidebar .gallery-colum-3 .gallery-item { padding: 9px;
} .sidebar .gallery-colum-3 .gallery-item a { overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} /*---------------------------
product slider range for price css
----------------------------*/
#slider-range.ui-widget-content { background-color: #e6e6e6; border: none; height: 6px; margin-top: 20px;
} #slider-range .ui-widget-header { background-color: #082D53;
} #slider-range.ui-slider-horizontal .ui-slider-handle { margin-left: -1px; top: -6px; background-color: #f8f8f8;
} .ui-widget-content { color: inherit;
} /*--------------------------------------------------------------
>>> product-detail-page
----------------------------------------------------------------*/
.bg-gray { background-color: #082D53;
} .single-product-wrapp { padding-top: 110px; padding-bottom: 0;
} @media screen and (max-width: 767px) { .single-product-wrapp { padding-top: 60px; }
} .single-product-wrapp .product-inner-wrap { padding-bottom: 110px;
} @media screen and (max-width: 767px) { .single-product-wrapp .product-inner-wrap { padding-bottom: 60px; }
} /*---------------------------
procduct details css
----------------------------*/
.sale-tag { position: absolute; top: -10px; left: -10px; background-color: #b3af54; height: 42px; width: 42px; line-height: 42px; text-align: center; font-weight: 700; color: #ffffff; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 13px;
} .product-outer-wrap .product-thumbnails-outer { position: relative;
} .single-product-item .feature-image img { margin: auto; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .single-product-item .image-search-icon { position: absolute; top: 15px; right: 15px;
} .single-product-item .image-search-icon a { background-color: #ffffff; border-radius: 100%; color: #383838; display: block; font-size: 17px; width: 36px; height: 36px; line-height: 36px; text-align: center; -webkit-transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; -ms-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
} .single-product-item .image-search-icon a:hover { background-color: #1D69B7; color: #ffffff;
} .product-thumb-nav .single-product-item { padding: 10px 5px 0 5px;
} .product-thumb-nav .single-product-item .feature-image { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} .product-thumb-nav .single-product-item .feature-image img { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
} .product-thumb-nav .slick-center .feature-image img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
} .product-thumb-nav.slick-slider .slick-prev:before,
.product-thumb-nav.slick-slider .slick-next:before { height: 25px; width: 25px; font-size: 12px; line-height: 25px;
} .product-thumb-nav.slick-slider .slick-prev { left: 5px;
} .product-thumb-nav.slick-slider .slick-next { right: 5px;
} .product-summary .breadcrumb-content ul { margin-left: 0; margin-bottom: 20px;
} .product-summary .breadcrumb-content ul li { padding: 0;
} .product-summary .breadcrumb-content ul li:before { padding: 0 5px; line-height: 1.8; font-size: 12px;
} .product-summary .breadcrumb-content ul li a { color: #767676; font-weight: 500; line-height: 1.2; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s;
} .product-summary .breadcrumb-content ul li a:hover { color: #1D69B7;
} .product-summary .breadcrumb-content ul li:last-child a { color: #d9d9d9; font-weight: 600; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .product-summary .breadcrumb-content ul li:last-child a:hover { color: #1D69B7;
} .product-summary .product-title-name { color: #ffffff;
} .product-summary .product-price { font-family: "Poppins", sans-serif; font-size: 40px; font-weight: 700; margin-bottom: 40px; line-height: 1;
} .product-summary .product-price ins { color: #ffffff; font-size: 50px; text-decoration: underline;
} @media screen and (max-width: 767px) { .product-summary .product-price ins { font-size: 32px; }
} .product-summary .product-price del { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); display: inline-block; color: #0085CD;
} .product-summary .cart-item input { padding: 5px; width: 55px; height: 45px; text-align: center; background-color: #ffffff; color: #414141; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;
} .product-summary .cart-item input ::-webkit-input-placeholder { text-align: center;
} .product-summary .cart-item input :-moz-placeholder { text-align: center;
} .product-summary .cart-item button { border: none; margin-left: 10px; padding: 13px 22px; text-transform: capitalize;
} .product-summary .product-meta { border-top: 1px solid #D9D9D9; margin-top: 45px; padding-top: 25px;
} .product-summary .product-meta [class*=-detail] { line-height: 1.2;
} .product-summary .product-meta strong { color: #d9d9d9; font-size: 15px; font-weight: 700; text-transform: capitalize; margin-right: 5px; min-width: 108px; display: inline-block;
} .product-summary .product-meta a { font-size: 15px; font-weight: 500; line-height: 1.6; color: #f8f8f8;
} .product-summary .product-meta a:hover { color: #1D69B7;
} .product-summary .product-meta span { color: #111111;
} .product-summary .product-desc { border-top: 1px solid #D9D9D9; margin-top: 25px; padding-top: 25px;
} .product-summary .product-desc p { color: #d9d9d9;
} @media screen and (min-width: 992px) { .product-summary { margin-left: 36px; }
} @media screen and (max-width: 767px) { .product-summary { margin-top: 40px; } .product-summary h2 { font-size: 30px; } .product-summary .product-price { font-size: 30px; }
} @media screen and (max-width: 479px) { .product-summary h2 { margin-bottom: 12px; } .product-summary .product-price { margin-bottom: 12px; }
} .product-tab-outer { padding-top: 110px; padding-bottom: 110px; background-color: #ffffff;
} .product-tab-outer .tab-container .responsive-tabs ul { padding-left: 15px; border-bottom: 1px solid #d3ced2;
} .product-tab-outer .tab-container .responsive-tabs ul li a { font-size: 18px; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.1; padding: 15px 22px; color: #111;
} .product-tab-outer .tab-container .responsive-tabs ul li a.active { position: relative; z-index: 1; background-color: #ffffff; border-radius: 0; border: 1px solid #d3ced2; border-bottom: 1px solid #ffffff; margin-bottom: -1px; color: #082D53; font-weight: 700;
} .product-tab-outer .tab-container .responsive-tabs ul li a:hover { border-top-left-radius: 5px; border-top-right-radius: 5px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content { background-color: #ffffff; border: 1px solid #d3ced2; border-top: 0; padding: 30px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body { background-color: #ffffff; padding: 16px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body h6 { color: #292929; font-weight: 700; line-height: 1.6; margin-bottom: 16px; margin-top: 8px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body p { color: #414141;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-title { margin-bottom: 25px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area ol { margin: 0; padding: 0;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area ol ol { margin-left: 30px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area ol li { list-style: none; margin-bottom: 30px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area ol li:before,
.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area ol li:after { content: ""; display: block; clear: both;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-thumb { width: 55px; height: 55px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; overflow: hidden; float: left;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content { border: 1px solid #e6e6e6; width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: calc(100% - 65px); float: right; padding: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content .comment-header { margin-bottom: 10px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content p { margin-bottom: 15px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content h5 { display: inline-block; margin-bottom: 0;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content .post-on { font-size: 13px; margin-left: 10px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content .reply { background-color: #082D53; font-size: 14px; color: #ffffff; padding: 5px 12px 6px; display: inline-block; line-height: 1.2; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content .reply i { margin-right: 4px; font-size: 12px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content .reply:hover { background-color: #1D69B7;
} @media screen and (max-width: 575px) { .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-thumb { width: 25px; } .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-content { width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: calc(100% - 35px); }
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap { margin-bottom: 10px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap label { display: block;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap .procduct-rate { display: inline-block; position: relative; font-size: 13px; letter-spacing: 3px; overflow: hidden;
} @media screen and (max-width: 991px) { .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap .procduct-rate { font-size: 12px; }
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap .procduct-rate:before { color: #082D53; content: "\f005\f005\f005\f005\f005"; display: block; font-family: "Font Awesome 5 free";
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap .procduct-rate span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; z-index: 1;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .rate-wrap .procduct-rate span:before { color: #FEBF00; content: "\f005\f005\f005\f005\f005"; display: block; font-family: "Font Awesome 5 free"; font-weight: 900; position: absolute; top: 0; left: 0;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form p:last-child { margin-bottom: 0;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form label { font-size: 15px; color: #292929; font-family: "Poppins", sans-serif; line-height: 1.6;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form input { display: block; background-color: #f8f8f8; width: 100%;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .procduct-rate:before { color: #082D53;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .aggrement-tick input { display: inline-block; width: 15px; height: 15px;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .aggrement-tick label { display: inline; color: #111;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form input[type=submit] { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 10px 15px; margin-top: 0; background-color: #082D53; font-size: 16px; font-weight: 700; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; width: auto;
} .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form input[type=submit]:hover { background-color: #1D69B7;
} @media screen and (max-width: 767px) { .product-tab-outer { padding-top: 60px; padding-bottom: 60px; } .product-tab-outer .tab-container .responsive-tabs .tab-content { padding: 0; border: none; } .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body { padding: 0 22px 10px; }
} @media screen and (max-width: 575px) { .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body { padding: 0 15px 10px; }
} .responsive-tabs .tab-content .packaging-card { border: 1px solid #d4d4d4; border-radius: 15px;
} .responsive-tabs .tab-content .packaging-card .packaging-img { width: 100%; border-radius: 10px; margin-bottom: 10px;
} .responsive-tabs .tab-content .packaging-card .packaging-h3 { font-size: 15px; text-align: center; margin-top: 15px; } .responsive-tabs .tab-content .packaging-card .border-pack { border-top: 1px solid #d4d4d4; padding-top: 15px;
} .responsive-tabs .tab-content .packaging-card .list-domestics { border-right: 1px solid #d4d4d4;
} .responsive-tabs .tab-content .packaging-card .border-pack .packaging-ul { list-style: none; margin-left: -18px; font-size: 14px; line-height: 25px; text-align: left; } .responsive-tabs .tab-content .packaging-card .packaging-ul-terms { list-style: none; margin-left: -18px; font-size: 14px; line-height: 25px; text-align: left;
} .product-tab-outer .sidebar .search_widget form input { padding: 0 50px 0 18px;
} .product-outer-wrap .tab-container { margin-top: 0;
} .product-outer-wrap .tab-container table { background-color: #f8f8f8; border: 1px solid #e6e6e6;
} .product-outer-wrap .tab-container table th { color: #333; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
} .product-outer-wrap .tab-container table tr:last-child td { border-bottom: none;
} .product-outer-wrap .tab-container table tr:last-child th { border-bottom: none;
} .product-outer-wrap .rate-wrap { padding: 0;
} .product-outer-wrap .comment-area { margin-top: 0;
} @media screen and (max-width: 575px) { .product-outer-wrap .tab-content { padding: 30px 15px; }
} /*---------------------------
Related product css
----------------------------*/
.related-product { margin-top: 46px;
} .related-product .product-item { background-color: #ffffff;
} @media screen and (max-width: 991px) { .related-product { margin-top: 40px; }
} .related-title h4 { margin-bottom: 40px; margin-top: 8px; color: #292929;
} @media screen and (max-width: 767px) { .related-title h4 { font-size: 25px; }
} /*---------------------------
product cart css
----------------------------*/
.cart-section { margin-bottom: 100px;
} @media screen and (max-width: 575px) { .cart-section { margin-bottom: 50px; }
} /*---------------------------
product slider range for price css
----------------------------*/
#slider-range.ui-widget-content { background-color: #e6e6e6; border: none; height: 6px; margin-top: 20px;
} #slider-range .ui-widget-header { background-color: #0085CD;
} #slider-range .ui-corner-all,
#slider-range.ui-widget-content { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px;
} #slider-range.ui-slider-horizontal .ui-slider-handle { margin-left: -1px; top: -6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background-color: #f8f8f8;
} #slider-range .price-amout .button-round-secondary { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
} .ui-widget-content { color: inherit;
} /*--------------------------------------------------------------
>>> cart-page
----------------------------------------------------------------*/
.carts-section { padding: 110px 0;
} @media screen and (max-width: 767px) { .carts-section { padding: 60px 0; }
} .cart-list-inner .left-item-total .table-responsive { padding: 35px; margin-bottom: 30px; background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} @media screen and (max-width: 575px) { .cart-list-inner .left-item-total .table-responsive { padding: 35px 20px; }
} @media screen and (max-width: 575px) { .cart-list-inner .left-item-total .table-responsive .update-btn { text-align: center; }
} .cart-list-inner .table { border-width: 0; border-style: solid; border-color: #dee2e6;
} .cart-list-inner .table thead tr th { background-color: #f8f8f8; border: none; color: #000; font-size: 16px; font-weight: 500;
} .cart-list-inner .table tr .cartImage { display: block; overflow: hidden; width: 55px; margin-right: 0px;
} .cart-list-inner .table tr td { color: #414141; vertical-align: middle; border-bottom: 1px solid #e6e6e6; border-right: none; border-left: none; border-top: none; position: relative; padding: 20px 20px 20px 0; font-size: 13px; font-weight: 600; line-height: 1.7;
} .cart-list-inner .table tr td .close { background-color: transparent; font-size: 24px; float: left; border: none; padding: 0; position: relative; top: 15px; margin-right: 10px;
} .cart-list-inner .table tr td input { width: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 13px; font-weight: 600; height: 24px; text-align: center; color: #414141; border-width: 1px; border-color: #d5d8dc; border-style: solid; padding: 2px;
} .cart-list-inner .table tr td .product-name { color: #082D53; font-weight: 400;
} @media screen and (max-width: 575px) { .cart-list-inner .table { display: block; } .cart-list-inner .table thead, .cart-list-inner .table tbody, .cart-list-inner .table th, .cart-list-inner .table td, .cart-list-inner .table tr { display: block; } .cart-list-inner .table thead tr { position: absolute; top: -9999px; left: -9999px; } .cart-list-inner .table tbody { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; } .cart-list-inner .table tr { border: 1px solid #e6e6e6; margin-top: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; } .cart-list-inner .table tr:first-child { margin-top: 0px; } .cart-list-inner .table td { border: none; border-bottom: 1px solid #e6e6e6; position: relative; text-align: center; } .cart-list-inner .table td .close { margin: 0; left: 10px; } .cart-list-inner .table td .cartImage { margin: auto; } .cart-list-inner .table td:before { display: block; white-space: nowrap; content: attr(data-column); color: #111; font-weight: 600; margin-bottom: 10px; font-size: 15px; }
} .cart-list-inner .updateArea { background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; padding: 35px;
} @media screen and (max-width: 991px) { .cart-list-inner .updateArea { margin-bottom: 30px; }
} @media screen and (max-width: 575px) { .cart-list-inner .updateArea { padding: 35px 20px; }
} .cart-list-inner .updateArea .input-group-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; width: auto;
} .cart-list-inner .updateArea .input-group-wrapper .form-control { background-color: #ffffff; width: auto; display: inline-block; padding: 15px; margin-right: 30px; color: #414141; -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; border: none;
} .cart-list-inner .updateArea .input-group-wrapper .form-control ::-webkit-input-placeholder { /* Edge */ color: #a7a7a7;
} .cart-list-inner .updateArea .input-group-wrapper .form-control :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a7a7;
} .cart-list-inner .updateArea .input-group-wrapper .form-control ::placeholder { color: #a7a7a7;
} .cart-list-inner .updateArea .input-group-wrapper .form-control:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;
} @media screen and (max-width: 767px) { .cart-list-inner .updateArea .input-group-wrapper .form-control { text-align: center; }
} .cart-list-inner .updateArea a { padding: 18px 20px; width: auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center;
} .cart-list-inner .updateArea a.update-btn { float: right;
} @media screen and (max-width: 575px) { .cart-list-inner .updateArea .input-group-wrapper { width: 100%; display: block; } .cart-list-inner .updateArea .input-group-wrapper .form-control { margin-right: 0; margin-bottom: 10px; width: 100%; } .cart-list-inner .updateArea a { display: inline-block; text-align: center; margin-bottom: 10px; padding: 15px 30px; } .cart-list-inner .updateArea a.update-btn { float: none; }
} @media screen and (max-width: 767px) { .cart-list-inner .updateArea { text-align: center; }
} .cart-list-inner .updateArea .input-group-wrapper input { height: 54px;
} @media screen and (max-width: 767px) { .cart-list-inner .updateArea .input-group-wrapper input { height: 46px; }
} @media screen and (max-width: 767px) { .cart-list-inner .updateArea a.update-btn { float: none; margin-top: 15px; }
} @media screen and (max-width: 575px) { .cart-list-inner .updateArea a.update-btn { margin-top: 0; }
} .cart-list-inner .right-total form .balance-amt-wrapper { background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden; padding: 35px;
} .cart-list-inner .right-total form .balance-amt-wrapper .balance-title { margin-bottom: 16px; color: #111;
} .cart-list-inner .right-total form .balance-amt-wrapper .checkBtnArea { padding-top: 15px;
} .cart-list-inner .right-total form .balance-amt-wrapper .cheakout-btn { width: 100%; text-align: center; padding: 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .cart-list-inner .right-total form .balance-amt-wrapper .cheakout-btn:hover { background-color: #1D69B7; border-color: #1D69B7;
} @media screen and (max-width: 575px) { .cart-list-inner .right-total form .balance-amt-wrapper { padding: 35px 20px; }
} .cart-list-inner .totalAmountArea ul { margin: 0; padding: 0;
} .cart-list-inner .totalAmountArea ul li { padding: 12px 12px 9px 0px; border-bottom: 1px solid #e6e6e6; font-size: 13px; font-weight: 700; line-height: 1.2; color: #787878;
} .cart-list-inner .totalAmountArea ul li:last-child { border-bottom: none;
} .cart-list-inner .totalAmountArea ul li strong { font-weight: 600;
} .cart-list-inner .totalAmountArea ul li span { display: inline-block; float: right;
} .cart-list-inner .totalAmountArea ul li .grandTotal { font-weight: 700;
} /*--------------------------------------------------------------
>>> cheakout-page
----------------------------------------------------------------*/
.checkout-section { padding: 110px 0;
} @media screen and (max-width: 767px) { .checkout-section { padding: 60px 0; }
} .checkout-section .cheakout-title { color: #111111;
} .checkout-field-wrap { padding: 40px; margin-bottom: 24px; background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .checkout-field-wrap .coupon-field { margin-bottom: 25px;
} .checkout-field-wrap .coupon-field label { display: block; margin-bottom: 10px; color: #414141; font-size: 13px; font-weight: 600; line-height: 1.2; vertical-align: middle; font-family: "Poppins", sans-serif;
} .checkout-field-wrap .coupon-field label a { color: inherit;
} .checkout-field-wrap .coupon-field .form-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -10px; margin-right: -10px;
} .checkout-field-wrap .coupon-field .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) { width: auto; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; background-color: #ffffff; border: none; color: #414141;
} .checkout-field-wrap .coupon-field .form-group input[type=submit] { line-height: 1; background-color: #082D53; padding: 16px 24px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .checkout-field-wrap .coupon-field .form-group input[type=submit]:hover { background-color: #1D69B7;
} .checkout-field-wrap .coupon-field .form-group input { margin: 0 15px;
} .checkout-field-wrap .coupon-field .form-group .coupon-txt { margin-bottom: 15px;
} .checkout-field-wrap .coupon-field .form-group .coupon-btn { margin-bottom: 15px;
} .checkout-field-wrap .label-star { color: red; text-decoration: none; border-bottom: none; font-weight: 700;
} .checkout-field-wrap .form-group { margin-bottom: 15px;
} .checkout-field-wrap .form-group label { display: block; margin-bottom: 15px; color: #414141; font-size: 13px; font-weight: 500; line-height: 1.2; vertical-align: middle;
} .checkout-field-wrap .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) { width: 100%; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; background-color: #ffffff; border: none; color: #414141; padding: 16px;
} @media screen and (max-width: 575px) { .checkout-field-wrap .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) { font-size: 13px; }
} .checkout-field-wrap .form-group select { border: none; color: #a7a7a7; font-size: 15px; background-color: #ffffff;
} .checkout-field-wrap .form-group select option { color: #414141;
} @media screen and (max-width: 575px) { .checkout-field-wrap .form-group select { font-size: 13px; }
} .checkout-field-wrap .form-group input[type=submit] { line-height: 1;
} .checkout-field-wrap .form-group ::-webkit-input-placeholder { /* Edge */ color: #a7a7a7;
} .checkout-field-wrap .form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a7a7;
} .checkout-field-wrap .form-group ::placeholder { color: #a7a7a7;
} .checkout-field-wrap .last-form-group { margin-bottom: 0;
} .checkout-field-wrap .inner-form-group { margin-bottom: 15px;
} .checkout-field-wrap .inner-form-group input { width: 100%; height: 55px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; background-color: #ffffff; border: none; color: #414141; padding: 16px; margin-bottom: 10px;
} .checkout-field-wrap .inner-form-group ::-webkit-input-placeholder { /* Edge */ color: #a7a7a7;
} .checkout-field-wrap .inner-form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a7a7;
} .checkout-field-wrap .inner-form-group ::placeholder { color: #a7a7a7;
} @media screen and (max-width: 575px) { .checkout-field-wrap { padding: 20px; } .checkout-field-wrap .coupon-field .form-group input[type=submit] { margin: 0 12px 12px; padding: 13px 20px; } .checkout-field-wrap .coupon-field .form-group input:not([type=submit]) { margin: 0 12px 12px; }
} .special-notes-wrap { margin-bottom: 0; padding: 40px; background-color: #f8f8f8; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; overflow: hidden;
} @media screen and (max-width: 479px) { .special-notes-wrap { padding: 40px 20px; }
} .special-notes-wrap .Information-title { color: #111111;
} .special-notes-wrap .form-group { margin-bottom: 0;
} .special-notes-wrap .form-group label { display: block; margin-bottom: 10px; color: #414141; font-size: 13px; font-weight: 500; line-height: 1.2; vertical-align: middle; font-family: "Poppins", sans-serif;
} .special-notes-wrap .form-group textarea { background-color: #ffffff; padding: 16px; color: #414141; border: none;
} .special-notes-wrap .form-group textarea ::-webkit-input-placeholder { /* Edge */ color: #a7a7a7;
} .special-notes-wrap .form-group textarea :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a7a7;
} .special-notes-wrap .form-group textarea ::placeholder { color: #a7a7a7;
} .widget-table-summary.widget-bg { background-color: #f8f8f8; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;
} .widget-table-summary.widget-bg cheakout-title { margin-bottom: 30px;
} .widget-table-summary.widget-bg table { margin-bottom: 0;
} .widget-table-summary.widget-bg table thead tr { background-color: transparent;
} .widget-table-summary.widget-bg table thead tr th { padding-bottom: 16px; border: none; font-weight: 500; font-size: 16px; font-family: "Poppins", sans-serif; line-height: 1.2; color: #787878;
} .widget-table-summary.widget-bg table tbody tr td { color: #414141; border-right: none; font-size: 13px; font-weight: 500; border-bottom: 1px solid #d9d9d9;
} .widget-table-summary.widget-bg table tbody tr td strong { color: #787878; font-size: 15px; font-weight: 600;
} .widget-table-summary.widget-bg table tbody tr:last-child td { border-bottom: none;
} .widget-paymet-bank.widget-bg { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: #f8f8f8;
} .widget-paymet-bank.widget-bg .form-group label { color: #414141; margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .widget-paymet-bank.widget-bg .form-group label input[type=radio] { margin-right: 7px;
} .widget-paymet-bank.widget-bg .form-group label img { margin-left: 6px;
} .widget-paymet-bank.widget-bg .form-group .desc { padding: 20px; font-size: 13px; margin-top: 15px;
} .widget-paymet-bank.widget-bg .custom-radio-field img { width: 150px; margin-top: -5px;
} .widget-paymet-bank.widget-bg .button-round { width: 100%; border: none; display: block; margin-top: 25px; text-align: center;
} .widget-paymet-bank.widget-bg .place-order-btn { color: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .widget-paymet-bank.widget-bg .place-order-btn:hover { background-color: #1D69B7;
} .checkout-section .widget-bg:last-child { margin-bottom: 0;
} /*--------------------------------------------------------------
>>> contact-page
----------------------------------------------------------------*/
.contact-page-section { padding: 110px 0;
} .contact-page-section .contact-form-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 50px; grid-column-gap: 100px;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form { padding: 50px 40px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); border-radius: 25px; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p { padding: 0 12px; width: 100%; margin-bottom: 25px;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p input,
.contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p textarea { width: 100%;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p button { min-width: 200px;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p:last-child { margin-bottom: 0;
} .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form .half-width { width: 50%;
} @media screen and (max-width: 991px) { .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form { padding: 30px 10px; }
} @media screen and (max-width: 767px) { .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form { padding: 50px 40px; }
} @media screen and (max-width: 575px) { .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form { padding: 30px 10px; } .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form p { margin-bottom: 15px; }
} @media screen and (max-width: 479px) { .contact-page-section .contact-form-wrapper .contact-deatil-form .contact-form .half-width { width: 100%; }
} .contact-page-section .contact-form-wrapper .contact-image-info { position: relative; margin: 50px 0; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; border-radius: 25px; min-height: 420px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;
} .contact-page-section .contact-form-wrapper .contact-image-info .img-info { padding: 50px; margin: 0 20px 20px 20px; overflow: hidden; border-radius: 25px; background-color: #0085CD;
} @media screen and (max-width: 479px) { .contact-page-section .contact-form-wrapper .contact-image-info .img-info { padding: 25px 20px; margin: 0 10px 15px 10px; }
} @media screen and (max-width: 991px) { .contact-page-section .contact-form-wrapper { grid-template-columns: repeat(1, 1fr); } .contact-page-section .contact-form-wrapper .contact-deatil-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 20px; } .contact-page-section .contact-form-wrapper .contact-image-info { margin: 0; }
} @media screen and (max-width: 767px) { .contact-page-section { padding: 65px 0; } .contact-page-section .contact-form-wrapper .contact-deatil-form { display: block; }
} /*--------------------------------------------------------------
>>> partner-page
----------------------------------------------------------------*/
.partner-page-section { padding: 120px 0; margin-top: 125px;
} .partner-page-section .sponsers-container .row { row-gap: 50px;
} .partner-page-section .sponsers-container .row .sponsers-item { margin: 0px 10px; padding: 50px 30px 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: rgba(8, 45, 83, 0.1); /* text-align: center; */
} @media screen and (max-width: 991px) { .partner-page-section .sponsers-container .row .sponsers-item { margin-left: 0; margin-right: 0; }
} @media screen and (max-width: 479px) { .partner-page-section .sponsers-container .row .sponsers-item { padding: 40px 20px; }
} .partner-page-section .sponsers-container .row .sponsers-item .sponsers-img { max-width: 150px; max-height: 150px; text-align: center; margin-bottom: 30px; margin-right: auto; margin-left: auto;
} @media screen and (max-width: 1199px) { .partner-page-section .sponsers-container .row .sponsers-item .sponsers-img { max-width: 120px; max-height: 120px; }
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-deatil { margin-bottom: 20px;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links { margin-bottom: 0;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul { padding: 0; margin: 0;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li { list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li a { color: #082D53; text-align: center;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li a i { font-size: 14px; color: #082D53; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li a span { color: #082D53; margin-left: 5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} .partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li a:hover i,
.partner-page-section .sponsers-container .row .sponsers-item .sponser-links ul li a:hover span { color: #1D69B7;
} .partner-page-section .sponsers-container .join-sponser-btn { margin-top: 50px;
} @media screen and (max-width: 767px) { .partner-page-section { padding: 65px 0; } .partner-page-section .sponsers-container .row { row-gap: 40px; }
} /*--------------------------------------------------------------
>>> legal-page
----------------------------------------------------------------*/
.term-and-condition-section,
.policy-page-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .term-and-condition-section, .policy-page-section { margin: 60px 0; }
} /*--------------------------------------------------------------
>>> gallery-page
----------------------------------------------------------------*/
.portfolio-appoinment { margin-bottom: 110px;
} @media screen and (max-width: 767px) { .portfolio-appoinment { margin-bottom: 65px; }
} .portfolio-appoinment .reservation-form button { height: 48px;
} /*--------------------------------------------------------------
>>> service-page
----------------------------------------------------------------*/
.service-working-step { background-color: #f8f8f8; padding: 110px 0; background-image: none; margin-bottom: 0;
} @media screen and (max-width: 767px) { .service-working-step { padding: 65px 0; }
} .service-working-step .process-step .phase { color: #082D53;
} .service-working-step .process-step .phase .phase-content .phase-title { color: #111111;
} .service-working-step .process-step .phase .phase-content .phase-info { color: rgb(65, 65, 65);
} /*--------------------------------------------------------------
>>> service-detail-page
----------------------------------------------------------------*/
.service-detail-section { margin: 110px 0;
} @media screen and (max-width: 767px) { .service-detail-section { margin: 65px 0; }
} .service-detail-section .service-detail-inner-detail .service-detail-img { margin-bottom: 20px;
} .service-detail-section .service-detail-inner-detail .project-summary { margin-top: 20px;
} .service-detail-section .service-detail-inner-detail .project-summary ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0;
} .service-detail-section .service-detail-inner-detail .project-summary ul li { list-style: none; width: 50%; margin-bottom: 6px; color: #414141; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;
} .service-detail-section .service-detail-inner-detail .project-summary ul li i { color: #082D53; margin-right: 5px;
} @media screen and (max-width: 575px) { .service-detail-section .service-detail-inner-detail .project-summary ul li { width: 100%; }
} .service-detail-section .service-detail-inner-detail .gallery-slider { margin-top: 30px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-slide { margin: 0 10px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-list { margin: 0 -10px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-list img { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots { list-style: none; margin: 0; padding: 0;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots li { width: auto; height: auto; margin: 0 6px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots li button { background-color: rgba(8, 45, 83, 0.2); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 10px; height: 10px;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots li button:before { display: none;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots li button:hover { background-color: #0085CD;
} .service-detail-section .service-detail-inner-detail .gallery-slider .slick-dots li.slick-active button { background-color: #082D53;
} @media screen and (min-width: 992px) { .service-detail-section .service-detail-inner-detail .sidebar { padding-left: 26px; }
} .service-detail-section .service-detail-inner-detail .sidebar .widget-form { padding: 30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); background-color: #ffffff;
} @media screen and (max-width: 767px) { .service-detail-section .service-detail-inner-detail .sidebar .widget-form { margin-top: 30px; }
} @media screen and (max-width: 479px) { .service-detail-section .service-detail-inner-detail .sidebar .widget-form { padding: 35px 25px; }
} .service-detail-section .service-detail-inner-detail .sidebar .widget-form h5 { background-color: #0085CD; color: #111111; text-align: center; margin-bottom: 35px; padding: 17px; line-height: 1.3;
} .service-detail-section .service-detail-inner-detail .sidebar .widget-form p input:not([type=submit]) { width: 100%; background-color: #fafafa;
} .service-detail-section .service-detail-inner-detail .sidebar .widget-form p textarea { background-color: #fafafa;
} .service-detail-section .service-detail-inner-detail .sidebar .widget-form input[type=submit] { width: 100%;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content { padding: 30px 30px 30px; -webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 1;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content .overlay { background-color: #082D53; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content .bg-title { margin-bottom: 20px; padding: 17px; background-color: #0085CD; color: #111111;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li { padding-bottom: 10px; margin-bottom: 10px; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.44);
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li:last-child { border: none; padding-bottom: 0px; margin-bottom: 0px;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 16px; font-weight: 500; font-family: "Poppins", sans-serif; text-transform: capitalize; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 767px) { .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li a { font-size: 13px; }
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li a:hover { color: #1D69B7;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li a:hover i { color: #1D69B7;
} .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li i { color: #ffffff; font-size: 18px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
} @media screen and (max-width: 767px) { .service-detail-section .service-detail-inner-detail .sidebar .icon-list-content ul li i { font-size: 14px; }
} .border { border: 1px solid #dee2e6 !important; border-radius: 25px; padding: 20px; box-shadow: 4px 0px 14px gray;
} .gallery-container .single-gallery .materials-h3 { font-size: 25px; margin-top: 15px;
} .sponsers-container .sponsers-item ul { margin-left: -15px; line-height: 25px;
} .home-team-section .team-member .supply-indust-h5 { font-size: 15px; } .home-team-section .team-inner-group .team-member .industry-we-serve-h3 { font-size: 25px;
} .team-inner-group .team-member { /* border: 1px solid ; */ border-radius: 25px; box-shadow: 12px 20px 28px 1px skyblue;
} .Testimonial-page-section .material-h3 { margin-top: 85px; margin-bottom: -250px;
} .bottom-footer .footer-a { color: white;
} .type-of-service .service-type .service-img .product-img { border-radius: 20px; height: 100%
} /* float button css start */ #floating-button { width: 55px; height: 55px; border-radius: 50%; background: #0073b9; position: fixed; bottom: 30px; left: 30px; cursor: pointer; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
} .plus { color: white; position: absolute; top: 0; display: block; bottom: 0; left: 0; right: 0; text-align: center; padding: 0; margin: 0; line-height: 55px; font-size: 38px; font-family: 'Roboto'; font-weight: 300; animation: plus-out 0.3s; transition: all 0.3s;
} #container-floating { position: fixed; width: 70px; height: 70px; bottom: 30px; left: 30px; z-index: 50;
} #container-floating:hover { height: 400px; width: 90px; padding: 30px;
} #container-floating:hover .plus { animation: plus-in 0.15s linear; animation-fill-mode: forwards;
} .edit { position: absolute; top: 0; display: block; bottom: 0; left: 0; display: block; right: 0; padding: 0; opacity: 0; margin: auto; line-height: 65px; transform: rotateZ(-70deg); transition: all 0.3s; animation: edit-out 0.3s;
} #container-floating:hover .edit { animation: edit-in 0.2s; animation-delay: 0.1s; animation-fill-mode: forwards;
} @keyframes edit-in { from { opacity: 0; transform: rotateZ(-70deg); } to { opacity: 1; transform: rotateZ(0deg); }
} @keyframes edit-out { from { opacity: 1; transform: rotateZ(0deg); } to { opacity: 0; transform: rotateZ(-70deg); }
} @keyframes plus-in { from { opacity: 1; transform: rotateZ(0deg); } to { opacity: 0; transform: rotateZ(180deg); }
} @keyframes plus-out { from { opacity: 0; transform: rotateZ(180deg); } to { opacity: 1; transform: rotateZ(0deg); }
} .nds { width: 41px; height: 22px; border-radius: 50%; position: fixed; z-index: 300; transform: scale(0); cursor: pointer;
} .nd1 { left: 40px; bottom: 120px; animation-delay: 0.2s; animation: bounce-out-nds 0.3s linear; animation-fill-mode: forwards;
} .nd3 { left: 40px; bottom: 180px; animation-delay: 0.15s; animation: bounce-out-nds 0.15s linear; animation-fill-mode: forwards;
} .nd4 { left: 40px; bottom: 240px; animation-delay: 0.1s; animation: bounce-out-nds 0.1s linear; animation-fill-mode: forwards;
} @keyframes bounce-nds { from { opacity: 0; } to { opacity: 1; transform: scale(1); }
} @keyframes bounce-out-nds { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0); }
} #container-floating:hover .nds { animation: bounce-nds 0.1s linear; animation-fill-mode: forwards;
} #container-floating:hover .nd3 { animation-delay: 0.08s;
} #container-floating:hover .nd4 { animation-delay: 0.15s;
} #container-floating:hover .nd5 { animation-delay: 0.2s;
} .letter { font-size: 23px; font-family: 'Roboto'; color: white; position: absolute; left: 0; right: 0; margin: 0; top: 0; bottom: 0; text-align: center; line-height: 40px;
} .reminder { width: 37px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; line-height: 40px;
} .profile { border-radius: 50%; width: 40px; position: absolute; top: 0; bottom: 0; margin: auto; right: 20px;
} img.reminder.floting-img { filter: invert(1);
} /* Contact Form Section CSS */ .contact-form-cont { max-width: 600px; margin: 0 auto; padding: 20px; background: #f9f9f9; border-radius: 50px; box-shadow: 0px 0px 9px 0px skyblue; font-family: Arial, sans-serif;
} .contact-one-inner { display: flex; flex-direction: column; gap: 15px;
} .form-group { display: flex; flex-direction: column;
} .form-group label { font-size: 14px; font-weight: 600; margin-bottom: 5px; color: #333;
} .form-control { width: 100%; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; transition: border-color 0.3s ease;
} .form-control:focus { outline: none; border-color: #007bff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
} textarea.form-control { resize: vertical; min-height: 100px;
} .site-button { background: #007bff; color: #fff; border: none; padding: 12px 20px; font-size: 16px; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background 0.3s ease;
} .site-button:hover { background: #0056b3;
} .text-right { text-align: right;
} .out-message { margin-left: 10px; font-size: 14px; color: #28a745;
} @media (max-width: 768px) { .contact-form-cont { padding: 15px; } .form-control { font-size: 14px; padding: 8px; } .site-button { width: 50%; padding: 13px; margin-bottom: 30px; } .text-right { text-align: center; }
} @media (max-width: 480px) { .contact-form-cont { padding: 10px; } .form-group label { font-size: 12px; } .form-control { font-size: 12px; } .site-button { font-size: 14px; }
} /* Footer Pipe animation */ .pipe-animation { width: 380px; animation: moveBackForth 3s infinite ease-in-out; /* margin-bottom: 50px; */
} @keyframes moveBackForth { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); }
} /* end */ /* contact page map */
.map-section { margin-bottom: -100px;
} .content-para { text-align: justify;
} .content-para-packaging { text-align: justify; font-size: 15px;
} /* aniamtion CSS */ /* Fade Up Animation */
.fade-up-animation { opacity: 0; transform: translateY(30px); animation: fadeUp 2s ease forwards;
} @keyframes fadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); }
} .fade-animation { opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards; transform: translateZ(0);
} /* ================================ Fade Up
================================= */
.fade-up { transform: translateY(40px); animation-name: fadeUp;
} @keyframes fadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); }
} /* ================================ Fade Down
================================= */
.fade-down { transform: translateY(-40px); animation-name: fadeDown;
} @keyframes fadeDown { 0% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); }
} /* ================================ Fade Left
================================= */
.fade-left { transform: translateX(-40px); animation-name: fadeLeft;
} @keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); }
} /* ================================ Fade Right
================================= */
.fade-right { transform: translateX(40px); animation-name: fadeRight;
} @keyframes fadeRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); }
} /* ================================ Zoom In
================================= */
.zoom-in { transform: scale(0.9); animation-name: zoomIn;
} @keyframes zoomIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); }
}
h3.sidebars { font-size: 20px; line-height: 20px;
}
.bg-title.round-border { font-size: 22px; line-height: 25px;
}