/**
  * Name: CareNow
  * Version: 1.0
  * Author: Themesflat
  * Author URI: http://www.themesflat.com
*/


@import "owl.carousel.css";

/**
  * root
  * General
  * Elements
  * List 
  * Table 
  * Media 
  * Typography
  * Fixes 
  * Define
  * header
  * Main Menu
  * Main page
  * features
  * our-services
  * counter
  * portfolio 
  * work-prcess 
  * articles
  * footer
  * GoTop
*/

/*root*/
:root {
	--primary-color       : #0092FF !important;
	--primary-color2      : #091D3E !important;
	--white-color         : #ffff !important;
	--jost-font           : 'Jost', sans-serif;
	--rubik-font          : 'Rubik', sans-serif;
	--font-weight-light   : 300;
	--font-weight-regular : 400;
	--font-weight-medium  : 500;
	--font-weight-semibold: 600;
	--font-weight-bold    : 700;
}

/* General
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
	font-family            : 'Rubik', sans-serif;
	font-weight            : 400;
	color                  : var(--primary-color2);
	font-size              : 14px;
	line-height            : 24px;
	background-color       : #fff;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering         : optimizeLegibility;
	overflow-x             : hidden;
	overflow-y             : auto;
}

img {
	height                : auto;
	max-width             : 100%;
	vertical-align        : middle;
	-ms-interpolation-mode: bicubic
}

p {
	margin: 0 0 23px;
}

strong,
b,
cite {
	font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote {
	font-style: italic;
}

blockquote {
	position        : relative;
	background-color: transparent;
	margin          : 0px;
	padding         : 0 0 0 32px;
}

blockquote>p:last-child {
	margin-bottom: 0;
}

blockquote cite {
	position: absolute;
	right   : 0;
	bottom  : 0;
}

blockquote em,
blockquote i {
	font-style: normal;
}

abbr,
acronym {
	border-bottom: 1px dotted #e0e0e0;
	cursor       : help;
}

mark,
ins {
	text-decoration: none;
}

sup,
sub {
	font-size     : 75%;
	height        : 0;
	line-height   : 0;
	position      : relative;
	vertical-align: baseline;
}

sup {
	top: -6px;
}

sub {
	bottom: -3px;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

address {
	font-style: italic;
	margin    : 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
	margin         : 20px 0;
	padding        : 4px 12px;
	background     : #f5f5f5;
	border         : 1px solid #e0e0e0;
	overflow-x     : auto;
	-webkit-hyphens: none;
	-moz-hyphens   : none;
	hyphens        : none;
	border-radius  : 0;
	height         : auto;
}

/* Elements
-------------------------------------------------------------- */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing   : inherit;
	box-sizing        : inherit;
}

hr {
	background-color: #e0e0e0;
	border          : 0;
	height          : 1px;
	margin-bottom   : 20px;
}

/* List */
ul,
ol {
	padding: 0;
	margin : 0 0 20px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
}

li {
	list-style: none;
}

dl,
dd {
	margin: 0 0 20px;
}

dt {
	font-weight: bold;
}

del,
.disable {
	text-decoration: line-through;
	filter         : alpha(opacity=50);
	opacity        : 0.5;
}

/* Table */
table,
th,
td {
	border: 1px solid #e0e0e0;
}

table {
	border-collapse: separate;
	border-spacing : 0;
	border-width   : 1px 0 0 1px;
	margin         : 0 0 30px;
	table-layout   : fixed;
	width          : 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align : left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight : bold;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 8px 12px;
}

a:hover {
	text-decoration: none;
}

/* Media */
embed,
iframe,
object,
video {
	margin-bottom : 20px;
	max-width     : 100%;
	vertical-align: middle;
}

p>embed,
p>iframe,
p>object,
p>video {
	margin-bottom: 0;
}

/* Typography
-------------------------------------------------------------- */
h1 {
	font-size  : 32px;
	line-height: 46px;
	color      : var(--primary-color2);
	font-family: 'Jost', sans-serif;
	font-weight: 500;
}

h2 {
	font-size  : 24px;
	line-height: 35px;
}

h3 {
	font-size: 16px
}

h4 {
	font-size  : 20px;
	font-family: "Jost", sans-serif;
	font-weight: 700;
}

/* 20px */
h5 {
	font-family: 'Rubik', sans-serif;
	font-size  : 15px;
	font-weight: 400;
}

h6 {
	font-family   : "Rubik"sans-serif;
	color         : #222;
	font-weight   : 600;
	line-height   : 1.5;
	margin        : 0 0 15px;
	text-rendering: optimizeLegibility;
}

/* Fixes */
button,
input {
	line-height: normal;
}

button,
input,
select,
textarea {
	font-size     : 100%;
	line-height   : inherit;
	margin        : 0;
	vertical-align: baseline;
}

input,
textarea {
	font-size       : 1em;
	max-width       : 100%;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	/* Removing the inner shadow on iOS inputs */
}

textarea {
	overflow      : auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
}

input[type="checkbox"] {
	display: inline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height       : 1;
	cursor            : pointer;
	-webkit-appearance: button;
	border            : 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border : 0;
	padding: 0;
}

/* Remove chrome yellow autofill */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset
}

/* Reset search styling */
input[type="search"] {
	outline: 0
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none
}

/* Input normal */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	color             : #021F4B;
	border            : 1px solid #e7e7e7;
	padding           : 13px 20px;
	letter-spacing    : 0px;
	background-color  : transparent;
	line-height       : inherit;
	width             : 100%;
	margin-bottom     : 14px;
	height            : auto;
	text-shadow       : none;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
	-webkit-transition: border ease .238s;
	-moz-transition   : border ease .238s;
	transition        : border ease .238s;
}

/* Input focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color      : var(--primary-color);
	outline           : 0;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
}

/* Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	letter-spacing    : 0.5px;
	font-weight       : 500;
	font-size         : 15px;
	background-color  : var(--primary-color);
	color             : #fff;
	padding           : 19px 30px;
	display           : inline-block;
	font-family       : 'Rubik', sans-serif;
	-webkit-appearance: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition   : all ease 0.3s;
	transition        : all ease 0.3s;
}

/* Button hover + focus */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline         : 0;
	color           : var(--primary-color);
	background-color: #fff;
}

/* Placeholder color */
::-webkit-input-placeholder {
	color: #848E9F;
}

:-moz-placeholder {
	color: #848E9F;
}

::-moz-placeholder {
	color  : #848E9F;
	opacity: 1;
}

/* Since FF19 lowers the opacity of the placeholder by default */

:-ms-input-placeholder {
	color: #848E9F;
}

/* Links */
a {
	color             : #222;
	outline           : 0;
	text-decoration   : none;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

a:hover,
a:focus,
a:active {
	outline        : 0;
	color          : var(--primary-color);
	text-decoration: none
}

/* slide */
.slide-font-1 {
	font-family: 'Rubik',
		sans-serif;
	font-size     : 16px;
	font-weight   : 500;
	color         : var(--primary-color2);
	letter-spacing: 4px;
}

.slide-font-2 {
	font-family   : 'Jost', sans-serif;
	font-size     : 68px;
	font-weight   : 700;
	color         : var(--primary-color2);
	letter-spacing: -0.7px !important;
}

/* define 
----------------------------------------------*/
.button-style1 {
	background-color: #F2F7FF;
	color           : var(--primary-color2);
}

.blog-single .entry p {
	margin-bottom: 40px;
}

.ul-normal {
	display: block !important;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.br7-top-left {
	border-top-left-radius: 7px;
}

.br7-top-right {
	border-top-right-radius: 7px;
}

.cursor-resize {
	cursor: ew-resize !important;
}

.background-style1 {
	background   : var(--primary-color2);
	border-radius: 5px;
}

.flat-read-more a span {
	position: relative;
	display : inline-block;
}

.flat-read-more a i {
	color             : var(--primary-color);
	position          : absolute;
	top               : 47%;
	left              : 113%;
	font-size         : 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	transform         : translateY(-50%);
}

.flat-read-more a:hover i {
	left              : 120%;
	color             : #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	transform         : translateY(-50%);
}

.font-size-big {
	font-size: 61px !important;
}

.font-size-small {
	font-size: 34px !important;
}

.border-before::after {
	content         : "";
	width           : 1px;
	height          : 290px;
	background-color: #DBDBDB;
	position        : absolute;
	z-index         : 5;
	top             : 20px;
	left            : 25%;
}

.border-middle::after {
	content         : "";
	width           : 1px;
	height          : 290px;
	background-color: #DBDBDB;
	position        : absolute;
	z-index         : 5;
	top             : 20px;
	left            : 50%;
}

.border-after::after {
	content         : "";
	width           : 1px;
	height          : 290px;
	background-color: #DBDBDB;
	position        : absolute;
	z-index         : 5;
	top             : 20px;
	left            : 75%;
}

.name {
	font-family: var(--rubik-font), sans-serif;
	font-size  : 20px;
	font-weight: var(--font-weight-bold);
	line-height: 30px;
}

.pdt-5 {
	padding-top: 5px !important;
}

.pdt-8 {
	padding-top: 8px !important;
}

.pdt-10 {
	padding-top: 10px !important;
}

.pdt-12 {
	padding-top: 12px !important;
}

.pdt-13 {
	padding-top: 13px !important;
}

.pdt-15 {
	padding-top: 15px !important;
}

.pdt-20 {
	padding-top: 20px !important;
}

.pdt-25 {
	padding-top: 25px !important;
}

.pdt-28 {
	padding-top: 28px !important;
}

.pdt-30 {
	padding-top: 30px !important;
}

.pdt-33 {
	padding-top: 33px !important;
}

.pdt-35 {
	padding-top: 35px !important;
}

.pdt-36 {
	padding-top: 36px !important;
}

.pdt-39 {
	padding-top: 39px !important;
}

.pdt-40 {
	padding-top: 40px !important;
}

.pdt-48 {
	padding-top: 48px !important;
}

.pdt-63 {
	padding-top: 63px !important;
}

.pdl-5 {
	padding-left: 5px !important;
}

.pdl-10 {
	padding-left: 10px !important;
}

.pdl-15 {
	padding-left: 15px !important;
}

.pdl-20 {
	padding-left: 20px !important;
}

.pdl-22 {
	padding-left: 22px !important;
}

.pdl-25 {
	padding-left: 25px !important;
}

.pdl-30 {
	padding-left: 30px !important;
}

.pdl-33 {
	padding-left: 33px !important;
}

.pdl-36 {
	padding-left: 36px !important;
}

.pdl-40 {
	padding-left: 40px !important;
}

.pdl-45 {
	padding-left: 45px !important;
}

.pdl-58 {
	padding-left: 58px !important;
}

.pdbt-30 {
	padding-bottom: 30px !important;
}

.pdbt-70 {
	padding-bottom: 70px !important;
}

.pdr-25 {
	padding-right: 25px !important;
}

.pdr-30 {
	padding-right: 30px !important;
}

.pdr-55 {
	padding-right: 55px !important;
}

.mgr-30 {
	margin-right: 30px !important;
}

.mgt-30 {
	margin-top: 30px !important;
}

.mgt-27 {
	margin-top: 27px !important;
}

.mgt-70 {
	margin-top: 70px !important;
}

.mgt-13 {
	margin-top: 13px !important;
}

.mgl-2 {
	margin-left: 2px !important;
}

.mgl-4 {
	margin-left: 4px !important;
}

.mgl-6 {
	margin-left: 6px !important;
}

.mgl-10 {
	margin-left: 10px !important;
}

.mgl-15 {
	margin-left: 15px !important;
}

.mgl-22 {
	margin-left: 22px !important;
}

.mgl-20 {
	margin-left: 20px !important;
}

.mgl-28 {
	margin-left: 28px !important;
}

.mgl-35 {
	margin-left: 35px !important;
}

.mgl-38 {
	margin-left: 38px !important;
}

.mgl-50 {
	margin-left: 50px !important;
}

.mgr-10 {
	margin-right: 10px !important;
}

.mgr-15 {
	margin-right: 15px !important;
}

.mgr-12 {
	margin-right: 12px !important;
}

.mgr-22 {
	margin-right: 22px !important;
}

.mgr-50 {
	margin-right: 50px !important;
}

/*text-color*/
.text-color-title-sidebar {
	color: var(--primary-color2) !important;
}

.text-color-body {
	color    : var(--primary-color) !important;
	font-size: 23px;
	min-width: 40px;
}

.text-color-callus {
	color: #565872 !important;
}

.text-color-white {
	color: #fff !important;
}

a.text-color-white:hover {
	color             : var(--primary-color) !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

.tex-color-ct {
	color: #CED3DB !important;
}

.text-color-muted {
	color: #99A1AE !important;
}

.boder-top-widget::before {
	content         : "";
	background-color: var(--primary-color);
	position        : absolute;
	z-index         : 1;
	height          : 4px;
	width           : 314px;
}

.flat-icon-footer {
	color      : var(--primary-color) !important;
	font-size  : 22px;
	min-width  : 40px;
	padding-top: 4px;
}

/* font */
.font-raguler {
	font-weight: var(--font-weight-regular) !important;
}

.font-medium {
	font-weight: var(--font-weight-medium) !important;
}

.font-bold {
	font-weight: var(--font-weight-bold) !important;
}

.font-rubik {
	font-family: var(--rubik-font) !important;
}

.font-jost {
	font-family: var(--jost-font) !important;
}


/* main page
---------------------------------------------*/
.box-icon {
	color             : var(--primary-color) !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

.box-icon.sd {
	box-shadow   : 0 3px 16px rgb(0 0 0 / 6%);
	border-radius: 5px;
}

.box-icon.ct {
	width        : 95px;
	height       : 95px;
	padding      : 19px;
	background   : #092E5D;
	border-radius: 5px;
}

.title a {
	font-family: var(--rubik-font), sans-serif;
	font-size  : 20px;
	font-weight: var(--font-weight-bold);
	line-height: 30px;
}

a {
	color: var(--primary-color2);
}

a:hover {
	color: var(--primary-color);
}

p {
	font-family: var(--rubik-font);
	font-size  : 16px;
	font-weight: var(--font-weight-regular);
	line-height: 30px;
	color      : var(--primary-color2);
}

h2.title-ab {
	font-family   : var(--jost-font), sans-serif;
	font-weight   : var(--font-weight-medium);
	letter-spacing: -0.5px;
	line-height   : 22px;
}

h3.heading {
	color         : var(--primary-color);
	font-family   : 'Rubik', sans-serif;
	font-size     : 16px;
	line-height   : 20px;
	letter-spacing: 4px;
}

.title-heading {
	color         : var(--primary-color2);
	font-family   : 'Jost', sans-serif;
	font-size     : 46px;
	font-weight   : var(--font-weight-medium);
	line-height   : 58px;
	letter-spacing: -1px;
}

.box-wrap h2 {
	font-family: var(--jost-font), sans-serif;
	font-size  : 20px;
	font-weight: var(--font-weight-bold);
	color      : var(--primary-color2);
	line-height: 30px;
}

/* features */
.box-ft {
	position: relative;
	width   : 100%;
	display : inline-flex;
	top     : -77px;
}

.col-ft {
	position        : relative;
	width           : 33.3%;
	background-color: #fff;
	border-radius   : 8px;
	box-shadow      : 0 8px 50px rgb(0 0 0 / 3%);
	margin-right    : 30px;
	padding         : 0 48px;
}

.col-ft .bd-top {
	position: relative;
}

.col-ft .bd-top::after {
	position          : absolute;
	content           : "";
	width             : 0px;
	height            : 3px;
	background        : var(--primary-color);
	top               : 0;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

.col-ft:hover .bd-top::after {
	opacity           : 1;
	visibility        : visible;
	width             : 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

.col-ft .box-wrap {
	padding-top: 28px;
}

.col-ft .box-wrap p {
	padding-top: 13px;
}

/*our-services */
.our-services {
	width : 100%;
	height: auto;
}

.box-os {
	width  : 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	float  : left;
}


.box-os .box-os-img1 {
	width : 49.6%;
	height: auto;
}

.box-os .box-os-img1 img,
.box-os .box-os-img2 img {
	height    : 510px;
	object-fit: cover;
	width     : 100%;
}

.box-os .box-os-img2 {
	width : 51%;
	height: auto;
}

.box-os .box-wrap-os {
	width: 50%;
}

.box-wrap-os .row-os {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.box-wrap-os .row-os .box-icon {
	margin     : 38px 31px 0 58px;
	width      : 95px;
	height     : 95px;
	text-align : center;
	line-height: 95px;
	position   : relative;
}

.box-wrap-os .row-os .box-icon i {
	line-height: 95px;
}

.box-icon-os .box-icon::before {
	content           : "";
	width             : 100%;
	height            : 100%;
	background-color  : var(--primary-color);
	position          : absolute;
	top               : 0;
	left              : 0;
	border-radius     : 5px;
	transform         : scale(0.8);
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
	opacity           : 0;
	visibility        : hidden;
	z-index           : -1;
}

.row-os:hover .box-icon-os .box-icon::before {
	transform         : scale(1);
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
	opacity           : 1;
	visibility        : visible;
}

.row-os:hover .box-icon {
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
	color             : #fff !important;
}

.row-os p {
	margin : 0px;
	padding: 14px 35px 0px 0px;
}

/* counter */
.counter {
	background-color   : var(--primary-color2);
	background-image   : url(../image/patternphoto/MaskGroup13.png);
	background-position: top right;
	background-repeat  : no-repeat;
}

.row-ct {
	padding: 0 15px;
	width  : 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.box-img-ct {
	width     : 50%;
	background: #0B234A;
}

.box-content-ct {
	width     : 50%;
	padding: 57px 10px 0px 32px;
	background: #0B234A;
}

.wrapper-counter h3 {
	padding-top   : 26px;
	letter-spacing: 0.3px;
}

.wrapper-counter .box-wrap-ct {
	padding: 36px 23px 0px 0px;
	width  : 46%;
}

.box-wrap-ct:hover .box-icon {
	color             : #fff !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

/* portfolio */
.portfolio {
	background-color: var(--primary-color2);
	/* height          : 510px; */
}

.carousel-ptf {
	width  : 100%;
	height : 570px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}


.box-ptf .overlay {
	background-color  : #fff;
	width             : 272px;
	height            : 95px;
	border-radius     : 5px;
	padding           : 21px 0 0 21px;
	letter-spacing    : -0.2px;
	transition        : 1s ease;
	opacity           : 0;
	position          : absolute;
	top               : 112%;
	left              : 29%;
	transform         : translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.box-ptf .overlay.active,
.box-ptf:hover .overlay {
	opacity           : 1;
	top               : 81.5%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.box-ptf .overlay p {
	line-height   : 30px;
	letter-spacing: 0px;
}


.box-ptf .overlay::before {
	content           : "";
	width             : 4px;
	height            : 0px;
	position          : absolute;
	opacity           : 0;
	background-color  : var(--primary-color);
	border-radius     : 7px;
	top               : 12px;
	left              : 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.box-ptf .overlay:hover:before,
.box-ptf .overlay.active::before {
	width             : 4px;
	height            : 73px;
	opacity           : 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.carousel-ptf .owl-carousel .owl-item img {
	border-radius: 5px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	display: none;
}

/* work-prcess */
.box-wpr {
	background-color   : var(--primary-color2);
	background-image   : url(../image/patternphoto/Group-8413.png);
	background-position: top right;
	background-repeat  : no-repeat;
	border-radius      : 10px;
	margin             : 0 2.7%;
}

.box-img-wp {
	position: absolute;
	left    : 63px;
}

.overlay-wp {
	position     : absolute;
	height       : 657px;
	background   : var(--primary-color);
	opacity      : 0.2;
	border-radius: 10px;
}

.box-content-wp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.box-content-wp a:hover {
	color             : var(--primary-color2) !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.cl-content-wp {
	width     : 33.333%;
	text-align: center;
	background: var(--primary-color);
	height    : 282px;
	position  : relative;
}

.cl-content-wp .number-wp {
	width             : 116px;
	height            : 116px;
	border-radius     : 50%;
	background        : #fff;
	text-align        : center;
	position          : absolute;
	top               : -20%;
	left              : 50%;
	margin-left       : -58px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition   : all 0.2s ease-in-out;
	-ms-transition    : all 0.2s ease-in-out;
	-o-transition     : all 0.2s ease-in-out;
	transition        : all 0.2s ease-in-out;
}

.cl-content-wp:hover .number-wp {
	transform         : scale(0.95);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.cl-content-wp .number-wp h1 {
	font-size  : 38px;
	line-height: 116px;
}

.cl-content-wp .box-wrap {
	padding-top: 87px;
}

.cl-content-wp .box-wrap p {
	padding: 10px 14%;
}

/* articles */
.feature-post {
	overflow: hidden;
	position: relative;
}

.feature-post img {
	object-fit        : cover;
	width             : 370px;
	height            : 250px !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.feature-post:hover img {
	transform         : scale(1.2);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition   : all 0.5s ease-in-out;
	-ms-transition    : all 0.5s ease-in-out;
	-o-transition     : all 0.5s ease-in-out;
	transition        : all 0.5s ease-in-out;
}

.day-post {
	width             : 175px;
	height            : 35px;
	position          : absolute;
	background        : var(--primary-color);
	right             : 15px;
	bottom            : 15px;
	margin            : 0 0;
	text-align        : center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.feature-post:hover .day-post {
	bottom            : 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.day-post a {
	font-size         : 14px;
	line-height       : 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.day-post a:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
	color             : var(--primary-color2) !important;
}

.overlay-post {
	background        : var(--primary-color);
	width             : 100%;
	height            : 0;
	opacity           : 0;
	top               : 0;
	position          : absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.feature-post:hover .overlay-post {
	opacity           : 0.2;
	height            : 250px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.content-post {
	padding   : 31px 57px 16px 28px;
	border    : 2px solid #F8F8F8;
	border-top: none;
}

.meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin : 0;
}

.meta li {
	margin-right: 23px;
}

.meta a {
	font-size  : 12px;
	font-family: var(--rubik-font);
	font-weight: var(--font-weight-regular);
}

/* footer 
------------------------------------------- */
#footer {
	background: var(--primary-color2);
}

.box-list-footer {
	width  : 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#footer a,
#footer p,
.box-social-footer h5 {
	font-family: var(--rubik-font), sans-serif;
	font-weight: var(--font-weight-regular);
	font-size  : 16px;
	/* color      : #8F98A7; */
}

.box-list-footer p {
	padding-right: 10%;
}

.box-list {
	width: 25%;
}

.bottom ul a:hover,
.box-list a:hover {
	color: var(--primary-color) !important;
}

.box-list-services {
	width: 24.4%;
}

.list-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

ul.list-social {
	margin-left: 2px;
}

.list-social li {
	padding-right: 19px;
}

.list-social li a {
	padding           : 9px 10px 9px 10px;
	border-radius     : 50%;
	background        : #223452;
	line-height       : 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.list-social li.active a,
.list-social li a:hover {
	color             : #fff !important;
	background        : var(--primary-color);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition   : all 0.3s ease-in-out;
	-ms-transition    : all 0.3s ease-in-out;
	-o-transition     : all 0.3s ease-in-out;
	transition        : all 0.3s ease-in-out;
}

.title-list-footer {
	font-weight: 600;
	color      : #fff;
	line-height: 40px;
}

ul.list-footer li a {
	line-height: 30px;
}

.box-list .email-form {
	padding: 8px 0px 0px 0px;
	margin : 0 0 0 16px;
}

.box-list .email-form input {
	color        : #848E9F !important;
	height       : 48px;
	border-radius: 3px;
	border       : 1px solid #848E9F;
	font-family  : var(--rubik-font);
	font-size    : 16px;
	font-weight  : var(--font-weight-regular);
}

.box-list .email-form button {
	height       : 48px;
	width        : 100%;
	border-radius: 3px;
	padding      : 0 0 !important;
}

.button-form a {
	font-family: 'Poppins', sans-serif !important;
	font-size  : 15px !important;
	font-weight: 600 !important;
	color      : #fff !important;
	border     : 1px solid var(--primary-color)
}

.button-form a:hover {
	color: #fff !important;
}

.box-social-footer {
	width     : 100%;
	height    : 110px;
	display   : -webkit-box;
	display   : -ms-flexbox;
	display   : -webkit-flex;
	display   : flex;
	background: #082952;
}

.box-social-footer h5,
.box-social-footer,
.box-social-footer a {
	color      : #fff !important;
	line-height: 30px;
}

.box-social-footer a:hover {
	color: #0092FF !important;
}

.cl-social {
	display     : -webkit-box;
	display     : -ms-flexbox;
	display     : -webkit-flex;
	display     : flex;
	width       : 33.33%;
	padding     : 0 30px;
	margin      : 15px 0;
	border-right: 2px solid #213F64;
}

.box-social-footer .cl-social.cl-phone {
	border-right: none;
}

.cl-social .box-icon i {
	font-size  : 45px;
	line-height: 72px;
}

.cl-social ul {
	padding: 7px 0;
}

.bottom {
	width      : 100%;
	height     : 76px;
	border-top : 1px solid #223452;
	line-height: 76px;
}

.coppy p {
	letter-spacing: 0.13px;
	line-height   : 76px;
	margin        : 0 0;
}

.bottom ul.fl-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin : 0 0;
}

.bottom ul.fl-right li a {
	padding-left : 13px;
	padding-right: 12px;
	border-right : 2px solid #8F98A7;
}

.bottom ul.fl-right li:last-child a {
	border-right : none;
	padding-right: 0px;
}

/* GoTop
-------------------------------------------------------------- */
.go-top {
	position             : fixed !important;
	right                : -35px;
	bottom               : 15px;
	width                : 40px;
	height               : 40px;
	border               : 3px solid var(--primary-color);
	-webkit-border-radius: 65px;
	-moz-border-radius   : 65px;
	-ms-border-radius    : 65px;
	-o-border-radius     : 65px;
	border-radius        : 65px;
	cursor               : pointer;
	background           : transparent;
	line-height          : 40px;
	text-align           : center;
	-webkit-transition   : all 0.3s ease-in-out;
	-moz-transition      : all 0.3s ease-in-out;
	-ms-transition       : all 0.3s ease-in-out;
	-o-transition        : all 0.3s ease-in-out;
	transition           : all 0.3s ease-in-out;
	-ms-filter           : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter               : alpha(opacity=0);
	opacity              : 0;

}

.go-top.show {
	right     : 35px;
	bottom    : 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter    : alpha(opacity=100);
	opacity   : 1;
	visibility: visible;
	z-index   : 9999;
}

.go-top i {
	font-size     : 14px;
	color         : var(--primary-color);
	font-weight   : 600;
	vertical-align: text-top;
}

.go-top:hover {
	background-color: var(--primary-color);
}

.go-top:hover i {
	color: #fff;
}