/*----------------------------------------*/
/*   CSS
/*----------------------------------------*/
body {
font-family: Open Sans, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #888888;
}
.img,
img {
max-width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.fix {
overflow: hidden;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
min-height: 1px;
padding-right: 12px;
padding-left: 12px;
}
a,
.button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
text-decoration: none;
}
a,
button {
color: inherit;
outline: medium none;
}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
outline: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Open Sans, Arial, sans-serif;
color: #222;
margin-top: 0px;
font-style: normal;
font-weight: 700;
text-transform: normal;
line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 40px;
font-weight: 700;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
p {
font-size: 15px;
font-weight: normal;
line-height: 1.7;
color: #5a5a5a;
margin-bottom: 15px;
}
hr {
border-bottom: 1px solid #eceff8;
border-top: 0 none;
margin: 30px 0;
padding: 0;
}
label {
color: #7e7e7e;
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
*::-moz-selection {
background: #222;
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: #222;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #222;
color: #ffffff;
text-shadow: none;
}
/*--
- Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
color: #222;
font-size: 14px;
opacity: 1;
}
*::placeholder {
color: #222;
font-size: 14px;
opacity: 1;
}
/*--
- Common Classes
-----------------------------------------*/
.fix {
overflow: hidden;
}
.clear {
clear: both;
}
.line1{
border-top:1px dashed #556194;
padding-bottom:18px;
}
/*--
- Background color
-----------------------------------------*/
.grey-bg {
background: #f0f0f0;
}
.grey-2-bg {
background: #f7f7f7;
}
.white-bg {
background: #ffffff;
}
.red-bg {
background: #f43d33;
}
.black-bg {
background: #222;
}
.blue-bg {
background: #002b6b;
}
.blue-soft-bg {
background: #007bff;
}
.theme-bg {
background: #164a97;
}
/*--
- color
-----------------------------------------*/
.white-color {
color: #ffffff;
}
.black-color {
color: #222;
}
.theme-color {
color: #2e72d7;
}
/*--
- Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mt-85 {
margin-top: 85px;
}
.mt-90 {
margin-top: 90px;
}
.mt-95 {
margin-top: 95px;
}
.mt-100 {
margin-top: 100px;
}
.mt-105 {
margin-top: 105px;
}
.mt-110 {
margin-top: 110px;
}
.mt-115 {
margin-top: 115px;
}
.mt-120 {
margin-top: 120px;
}
.mt-125 {
margin-top: 125px;
}
.mt-130 {
margin-top: 130px;
}
.mt-135 {
margin-top: 135px;
}
.mt-140 {
margin-top: 140px;
}
.mt-145 {
margin-top: 145px;
}
.mt-150 {
margin-top: 150px;
}
.mt-155 {
margin-top: 155px;
}
.mt-160 {
margin-top: 160px;
}
.mt-165 {
margin-top: 165px;
}
.mt-170 {
margin-top: 170px;
}
.mt-175 {
margin-top: 175px;
}
.mt-180 {
margin-top: 180px;
}
.mt-185 {
margin-top: 185px;
}
.mt-190 {
margin-top: 190px;
}
.mt-195 {
margin-top: 195px;
}
.mt-200 {
margin-top: 200px;
}
/*-- Margin Bottom --*/
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-85 {
margin-bottom: 85px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-95 {
margin-bottom: 95px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-120 {
margin-bottom: 120px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-130 {
margin-bottom: 130px;
}
.mb-135 {
margin-bottom: 135px;
}
.mb-140 {
margin-bottom: 140px;
}
.mb-145 {
margin-bottom: 145px;
}
.mb-150 {
margin-bottom: 150px;
}
.mb-155 {
margin-bottom: 155px;
}
.mb-160 {
margin-bottom: 160px;
}
.mb-165 {
margin-bottom: 165px;
}
.mb-170 {
margin-bottom: 170px;
}
.mb-175 {
margin-bottom: 175px;
}
.mb-180 {
margin-bottom: 180px;
}
.mb-185 {
margin-bottom: 185px;
}
.mb-190 {
margin-bottom: 190px;
}
.mb-195 {
margin-bottom: 195px;
}
.mb-200 {
margin-bottom: 200px;
}
.mb-205 {
margin-bottom: 205px;
}
.mb-210 {
margin-bottom: 210px;
}
.mb-215 {
margin-bottom: 215px;
}
.mb-220 {
margin-bottom: 220px;
}
.mb-225 {
margin-bottom: 225px;
}
.mb-230 {
margin-bottom: 230px;
}
.mb-235 {
margin-bottom: 235px;
}
.mb-240 {
margin-bottom: 240px;
}
.mb-245 {
margin-bottom: 245px;
}
.mb-250 {
margin-bottom: 250px;
}
.mb-255 {
margin-bottom: 255px;
}
.mb-260 {
margin-bottom: 260px;
}
.mb-265 {
margin-bottom: 265px;
}
.mb-270 {
margin-bottom: 270px;
}
.mb-275 {
margin-bottom: 275px;
}
.mb-280 {
margin-bottom: 280px;
}
.mb-285 {
margin-bottom: 285px;
}
.mb-290 {
margin-bottom: 290px;
}
.mb-295 {
margin-bottom: 295px;
}
.mb-300 {
margin-bottom: 300px;
}
/*-- Margin Left --*/
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-65 {
margin-left: 65px;
}
.ml-70 {
margin-left: 70px;
}
.ml-75 {
margin-left: 75px;
}
.ml-80 {
margin-left: 80px;
}
.ml-85 {
margin-left: 85px;
}
.ml-90 {
margin-left: 90px;
}
.ml-95 {
margin-left: 95px;
}
.ml-100 {
margin-left: 100px;
}
.ml-105 {
margin-left: 105px;
}
.ml-110 {
margin-left: 110px;
}
.ml-115 {
margin-left: 115px;
}
.ml-120 {
margin-left: 120px;
}
.ml-125 {
margin-left: 125px;
}
.ml-130 {
margin-left: 130px;
}
.ml-135 {
margin-left: 135px;
}
.ml-140 {
margin-left: 140px;
}
.ml-145 {
margin-left: 145px;
}
.ml-150 {
margin-left: 150px;
}
.ml-155 {
margin-left: 155px;
}
.ml-160 {
margin-left: 160px;
}
.ml-165 {
margin-left: 165px;
}
.ml-170 {
margin-left: 170px;
}
.ml-175 {
margin-left: 175px;
}
.ml-180 {
margin-left: 180px;
}
.ml-185 {
margin-left: 185px;
}
.ml-190 {
margin-left: 190px;
}
.ml-195 {
margin-left: 195px;
}
.ml-200 {
margin-left: 200px;
}
/*-- Margin Right --*/
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-65 {
margin-right: 65px;
}
.mr-70 {
margin-right: 70px;
}
.mr-75 {
margin-right: 75px;
}
.mr-80 {
margin-right: 80px;
}
.mr-85 {
margin-right: 85px;
}
.mr-90 {
margin-right: 90px;
}
.mr-95 {
margin-right: 95px;
}
.mr-100 {
margin-right: 100px;
}
.mr-105 {
margin-right: 105px;
}
.mr-110 {
margin-right: 110px;
}
.mr-115 {
margin-right: 115px;
}
.mr-120 {
margin-right: 120px;
}
.mr-125 {
margin-right: 125px;
}
.mr-130 {
margin-right: 130px;
}
.mr-135 {
margin-right: 135px;
}
.mr-140 {
margin-right: 140px;
}
.mr-145 {
margin-right: 145px;
}
.mr-150 {
margin-right: 150px;
}
.mr-155 {
margin-right: 155px;
}
.mr-160 {
margin-right: 160px;
}
.mr-165 {
margin-right: 165px;
}
.mr-170 {
margin-right: 170px;
}
.mr-175 {
margin-right: 175px;
}
.mr-180 {
margin-right: 180px;
}
.mr-185 {
margin-right: 185px;
}
.mr-190 {
margin-right: 190px;
}
.mr-195 {
margin-right: 195px;
}
.mr-200 {
margin-right: 200px;
}
/*-- Padding Top --*/
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pt-85 {
padding-top: 85px;
}
.pt-90 {
padding-top: 90px;
}
.pt-95 {
padding-top: 95px;
}
.pt-100 {
padding-top: 100px;
}
.pt-105 {
padding-top: 105px;
}
.pt-110 {
padding-top: 110px;
}
.pt-115 {
padding-top: 115px;
}
.pt-120 {
padding-top: 120px;
}
.pt-125 {
padding-top: 125px;
}
.pt-130 {
padding-top: 130px;
}
.pt-135 {
padding-top: 135px;
}
.pt-140 {
padding-top: 140px;
}
.pt-145 {
padding-top: 145px;
}
.pt-150 {
padding-top: 150px;
}
.pt-155 {
padding-top: 155px;
}
.pt-160 {
padding-top: 160px;
}
.pt-165 {
padding-top: 165px;
}
.pt-170 {
padding-top: 170px;
}
.pt-175 {
padding-top: 175px;
}
.pt-180 {
padding-top: 180px;
}
.pt-185 {
padding-top: 185px;
}
.pt-190 {
padding-top: 190px;
}
.pt-195 {
padding-top: 195px;
}
.pt-200 {
padding-top: 200px;
}
.pt-205 {
padding-top: 205px;
}
.pt-210 {
padding-top: 210px;
}
.pt-215 {
padding-top: 215px;
}
.pt-220 {
padding-top: 220px;
}
.pt-225 {
padding-top: 225px;
}
.pt-230 {
padding-top: 230px;
}
.pt-235 {
padding-top: 235px;
}
.pt-240 {
padding-top: 240px;
}
.pt-245 {
padding-top: 245px;
}
.pt-250 {
padding-top: 250px;
}
.pt-255 {
padding-top: 255px;
}
.pt-260 {
padding-top: 260px;
}
.pt-265 {
padding-top: 265px;
}
.pt-270 {
padding-top: 270px;
}
.pt-275 {
padding-top: 275px;
}
.pt-280 {
padding-top: 280px;
}
.pt-285 {
padding-top: 285px;
}
.pt-290 {
padding-top: 290px;
}
.pt-295 {
padding-top: 295px;
}
.pt-300 {
padding-top: 300px;
}
/*-- Padding Bottom --*/
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-85 {
padding-bottom: 85px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-105 {
padding-bottom: 105px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-115 {
padding-bottom: 115px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-125 {
padding-bottom: 125px;
}
.pb-130 {
padding-bottom: 130px;
}
.pb-135 {
padding-bottom: 135px;
}
.pb-140 {
padding-bottom: 140px;
}
.pb-145 {
padding-bottom: 145px;
}
.pb-150 {
padding-bottom: 150px;
}
.pb-155 {
padding-bottom: 155px;
}
.pb-160 {
padding-bottom: 160px;
}
.pb-165 {
padding-bottom: 165px;
}
.pb-170 {
padding-bottom: 170px;
}
.pb-175 {
padding-bottom: 175px;
}
.pb-180 {
padding-bottom: 180px;
}
.pb-185 {
padding-bottom: 185px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-195 {
padding-bottom: 195px;
}
.pb-200 {
padding-bottom: 200px;
}
.pb-205 {
padding-bottom: 205px;
}
.pb-210 {
padding-bottom: 210px;
}
.pb-215 {
padding-bottom: 215px;
}
.pb-220 {
padding-bottom: 220px;
}
.pb-225 {
padding-bottom: 225px;
}
.pb-230 {
padding-bottom: 230px;
}
.pb-235 {
padding-bottom: 235px;
}
.pb-240 {
padding-bottom: 240px;
}
.pb-245 {
padding-bottom: 245px;
}
.pb-250 {
padding-bottom: 250px;
}
.pb-255 {
padding-bottom: 255px;
}
.pb-260 {
padding-bottom: 260px;
}
.pb-265 {
padding-bottom: 265px;
}
.pb-270 {
padding-bottom: 270px;
}
.pb-275 {
padding-bottom: 275px;
}
.pb-280 {
padding-bottom: 280px;
}
.pb-285 {
padding-bottom: 285px;
}
.pb-290 {
padding-bottom: 290px;
}
.pb-295 {
padding-bottom: 295px;
}
.pb-300 {
padding-bottom: 300px;
}
/*-- Padding Left --*/
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-65 {
padding-left: 65px;
}
.pl-70 {
padding-left: 70px;
}
.pl-75 {
padding-left: 75px;
}
.pl-80 {
padding-left: 80px;
}
.pl-85 {
padding-left: 85px;
}
.pl-90 {
padding-left: 90px;
}
.pl-95 {
padding-left: 95px;
}
.pl-100 {
padding-left: 100px;
}
.pl-105 {
padding-left: 105px;
}
.pl-110 {
padding-left: 110px;
}
.pl-115 {
padding-left: 115px;
}
.pl-120 {
padding-left: 120px;
}
.pl-125 {
padding-left: 125px;
}
.pl-130 {
padding-left: 130px;
}
.pl-135 {
padding-left: 135px;
}
.pl-140 {
padding-left: 140px;
}
.pl-145 {
padding-left: 145px;
}
.pl-150 {
padding-left: 150px;
}
.pl-155 {
padding-left: 155px;
}
.pl-160 {
padding-left: 160px;
}
.pl-165 {
padding-left: 165px;
}
.pl-170 {
padding-left: 170px;
}
.pl-175 {
padding-left: 175px;
}
.pl-180 {
padding-left: 180px;
}
.pl-185 {
padding-left: 185px;
}
.pl-190 {
padding-left: 190px;
}
.pl-195 {
padding-left: 195px;
}
.pl-200 {
padding-left: 200px;
}
/*-- Padding Right --*/
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-65 {
padding-right: 65px;
}
.pr-70 {
padding-right: 70px;
}
.pr-75 {
padding-right: 75px;
}
.pr-80 {
padding-right: 80px;
}
.pr-85 {
padding-right: 85px;
}
.pr-90 {
padding-right: 90px;
}
.pr-95 {
padding-right: 95px;
}
.pr-100 {
padding-right: 100px;
}
.pr-105 {
padding-right: 105px;
}
.pr-110 {
padding-right: 110px;
}
.pr-115 {
padding-right: 115px;
}
.pr-120 {
padding-right: 120px;
}
.pr-125 {
padding-right: 125px;
}
.pr-130 {
padding-right: 130px;
}
.pr-135 {
padding-right: 135px;
}
.pr-140 {
padding-right: 140px;
}
.pr-145 {
padding-right: 145px;
}
.pr-150 {
padding-right: 150px;
}
.pr-155 {
padding-right: 155px;
}
.pr-160 {
padding-right: 160px;
}
.pr-165 {
padding-right: 165px;
}
.pr-170 {
padding-right: 170px;
}
.pr-175 {
padding-right: 175px;
}
.pr-180 {
padding-right: 180px;
}
.pr-185 {
padding-right: 185px;
}
.pr-190 {
padding-right: 190px;
}
.pr-195 {
padding-right: 195px;
}
.pr-200 {
padding-right: 200px;
}
/* scrollUp */
#scrollUp {
background: #164a97;
height: 40px;
width: 40px;
right: 18px;
bottom: 30px;
color: #ffffff;
font-size: 20px;
text-align: center;
border-radius: 10%;
font-size: 20px;
line-height: 40px;
}
#scrollUp:hover {
background: #333;
}
/*--
- Overlay
------------------------------------------*/
[data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
[data-overlay]::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
}
/*-- Overlay Color --*/
[data-overlay="light"]::before {
background-color: #ffffff;
}
[data-overlay="dark"]::before {
background-color: #222;
}
/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
opacity: 0.1;
}
[data-opacity="2"]::before {
opacity: 0.2;
}
[data-opacity="3"]::before {
opacity: 0.3;
}
[data-opacity="4"]::before {
opacity: 0.4;
}
[data-opacity="5"]::before {
opacity: 0.5;
}
[data-opacity="6"]::before {
opacity: 0.6;
}
[data-opacity="7"]::before {
opacity: 0.7;
}
[data-opacity="8"]::before {
opacity: 0.8;
}
[data-opacity="9"]::before {
opacity: 0.9;
}
.line-h{
line-height: 1.6;
}
/* header */
.header-transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9;
transition: .4s;
}
.sticky {
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
background: #000c3e;
}
.menu-2.sticky {
background: #164a97;
}
.menu-2.sticky .menu-bg-2 {
padding: 0;
}
.header-info h5 {
color: #ffffff;
background: #164a97;
margin-bottom: 0;
padding: 22px 71px;
text-transform: uppercase;
font-size: 16px;
}
.header-text {
overflow: hidden;
position: relative;
right: 11px;
top: 17px;
}
.header-text ul li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-text ul li a {
font-size: 14px;
font-weight: 400;
color: #aeaeae;
}
.search-icon {
margin-left: 14px;
}
.search-icon a {
font-size: 14px;
transition: .3s;
color: #ffffff;
}
.search-icon a:hover {
color: #164a97;
}
ul.header-text1 li a {
font-size: 14px;
font-weight: 500;
color: #164a97;
}
ul.header-text1 li a:hover {
font-size: 14.8px;
font-weight: 500;
color: #000c3e;
}
.header-icon {
margin-left: 35px;
}
.header-icon ul li {
display: inline-block;
list-style-type: none;
}
.header-icon a {
color: #fff;
font-size: 13px;
display: inline-block;
text-align: center;
margin-right: 5px;
transition: .3s;
height: 30px;
width: 30px;
line-height: 30px;
background: #47639e;
border-radius: 50%;
}
.header-icon a:hover, .header-icon a.twitt:hover, .header-icon a.instagra:hover, .header-icon a.youtub:hover {
background: #000;
color:#fff;
}
.header-icon a:last-child {
margin-right: 0;
}
.header-icon a.twitt {
background: #00abf0;
}
.header-icon a.instagra {
background: #405de6;
}
.header-icon a.youtub {
background: #164a97;
}
.header-lang {
padding: 22px 17px 22px;
background: #164a97;
}
.lang-icon>a {
font-size: 18px;
color: #ffffff;
margin-left: 5px;
font-weight: 700;
}
.lang-icon i {
font-size: 18px;
position: relative;
top: 2px;
left: 3px;
}
.header-lang-list {
position: absolute;
width: 137px;
opacity: 0;
visibility: hidden;
padding: 20px 15px;
border-bottom: 3px solid #164a97;
transition: .4s;
z-index: 999;
background: #ffffff;
padding-bottom: 5px;
padding-top: 4px;
top: 100%;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
transition: .3s;
left: 0;
}
.header-lang:hover .header-lang-list {
opacity: 1;
visibility: visible;
}
.header-lang-list li {
display: block;
margin-bottom: 0;
padding: 5px 0;
}
.header-lang-list li a {
display: block;
color: #647589;
font-size: 13px;
}
.header-lang-list li a:hover {
color: #164a97;
}
.pos-rel {
position: relative;
}
.menu-bar a {
background: #222;
padding: 22px 29px;
display: inline-block;
}
.menu-bar a i {
font-size: 24px;
color: #fff;
transition: .3s;
}
.header-02-info {
margin-top: 24px;
margin-right: 35px;
}
.header-02-info span {
color: #888888;
font-size: 14px;
font-weight: 400;
}
.header-02-info span a {
color: #222;
font-weight: 700;
margin-right: 3px;
text-transform: uppercase;
}
.header-02-info span i {
color: #164a97;
margin-right: 6px;
}
.header-3-info {
margin-top: 22px;
margin-right: 0;
}
.header-3-info span {
color: #bdc6ea;
}
.header-3-info span a {
color: #ffffff;
font-weight: 600;
font-size: 16px;
}
.header-3-info span i {
font-size: 16px;
}
/* extra info */
.extra-info {
background: #152136;
height: 100%;
padding: 30px;
position: fixed;
right: 0;
top: 0;
transition: all 0.7s ease 0s;
width: 340px;
z-index: 9999;
transform: translateX(100%);
padding-bottom: 40px;
}
.extra-info.info-open {
transform: translateX(0);
}
.extra-info-left {
right: inherit;
left: 0;
transform: translateX(-100%);
}
.extra-info.extra-info-left.info-open {
transform: translateX(0);
}
.close-icon {
margin-top: -16px;
text-align: right;
}
.close-icon>button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #164a97;
cursor: pointer;
font-size: 20px;
padding: 0;
}
.extra-info>p {
color: #ddd;
font-size: 15px;
line-height: 28px;
}
.extra-info.extra-info-left.info-open {
transform: translateX(0);
}
.instagram img {
width: 100%;
}
.social-icon-right>a {
color: #fff;
display: inline-block;
margin-right: 20px;
text-align: center;
}
.social-icon-right>a:hover {
color: #164a97;
}
.instagram {
overflow: hidden;
margin: 0 -4px;
}
.instagram>a {
float: left;
width: 33.33%;
padding: 0 4px;
margin-bottom: 7px;
}
.side-info {
border-top: 1px solid #344159;
padding-top: 25px;
}
.contact-list h4 {
color: #fff;
font-weight: 500;
font-size: 18px;
}
.contact-list p {
color: #fff;
opacity: .5;
margin: 0;
margin-bottom: 5px;
line-height: 28px;
}
.side-menu ul li:hover a {
color: #164a97;
}
.header-top-area{
border-bottom:3px solid;
border-image:   linear-gradient(to right, #7654a3 10%, #00afef 20%, #af1e47 30%, #fbb251 40%, #7654a3 50%, #00afef 60%, #af1e47 70%, #7654a3 80%, #00afef 90%,  #af1e47 100%) 5;
}
.header-top-link {
margin-top: 5px;
}
.header-top-link li {
display: inline-block;
padding-right: 16px;
}
.header-top-link li:last-child {
padding-right: 0;
}
.header-top-link li a {
font-size: 14px;
font-weight: 400;
color: #888888;
transition: .3s;
}
.header-top-link li a:hover {
color: #164a97;
}
.header-2-right .header-02-info span a {
font-size: 16px;
}
.header-2-right .header-02-info span i {
font-size: 16px;
}
.header-2-right .header-lang {
background: none;
padding: 17px 0px 16px;
}
.header-2-right .lang-icon>a {
font-size: 14px;
font-weight: 500;
color: #888888;
}
.header-2-right .header-02-info {
margin-top: 19px;
margin-right: 28px;
}
.header-2-right .header-icon {
margin-left: 36px;
}
.menu-bg-2 {
padding-left: 30px;
padding-right: 30px;
}
.header-1-right .menu-bar a {
background: none;
padding: 0;
margin-top: 29px;
}
.header-1-right .search-icon {
margin-top: 30px;
margin-left: 0;
margin-right: 30px;
}
.header-1-right .search-icon a {
color: #ffffff;
}
.header-1-right .search-icon a:hover {
color: #ffffff;
}
.breaking-2-border {
border: 1px solid #e9e9e9;
}
.breaking-2-border .header-info h5 {
padding: 21px 45px;
}
.header-info {
color: #333;
font-size: 14px;
}
.breaking-2-active .owl-nav div {
color: #b5b5b5;
font-size: 14px;
position: absolute;
top: 4px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
text-align: center;
right: 30px;
}
.breaking-2-active .owl-nav div.owl-prev {
right: 50px;
}
.breaking-2-active .owl-nav div:hover {
color: #164a97;
}
/* menu */
.main-menu nav>ul>li {
display: inline-block;
position: relative;
}
.main-menu nav>ul>li>a {
display: block;
font-size: 16px;
padding: 21px 16px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: transparent;
line-height: 1;
position: relative;
color: #ffffff;
font-weight: 600;
}
.main-menu nav>ul>li:hover>a {
color: #164a97;
background: #f7f7fd;
}
.main-menu nav>ul>li.active>a {
color: none;
/*background: none;*/
}
.main-menu>nav>ul>li>a::before {
background: #d7587c;
content: "";
height: 2.5px;
position: absolute;
top: 0;
width: 0;
transition: .5s;
right: 0;
}
.main-menu>nav>ul>li:hover>a::before {
width: 100%;
background: #d7587c;
}
.main-menu>nav>ul>li.active>a::before {
width: 100%;
background: none;
}
/* sub-menu */
.main-menu nav>ul>li .sub-menu {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
left: 0;
opacity: 0;
position: absolute;
top: 120%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 220px;
z-index: 100;
border-top: 3px solid #164a97;
text-align: left;
}
.main-menu nav>ul>li:hover .sub-menu {
opacity: 1;
top: 100%;
visibility: visible;
}
.main-menu nav>ul>li .sub-menu li {
display: block;
}
.main-menu nav>ul>li .sub-menu li a {
color: #666666;
font-size: 14px;
margin: 0;
padding: 13px 20px;
text-transform: capitalize;
display: block;
font-size: 400;
}
.main-menu nav>ul>li:hover>.sub-menu li>a:hover {
color: #fff;
background: #164a97;
}
.menu-bg-2 .main-menu>nav>ul>li>a::before {
display: none;
}
.menu-bg-2 .main-menu nav>ul>li>a {
background: none;
color: #ffffff;
padding: 33px 16px;
}
/* mega-menu */
.main-menu ul li.static {
position: static;
}
.main-menu ul li ul.mega-menu {
min-width: 100%;
opacity: 1;
visibility: visible;
padding: 35px;
z-index: 0;
position: absolute;
top: 110%;
left: 0;
background: #fff;
right: 0;
text-align: left;
box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
opacity: 0;
visibility: hidden;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
z-index: 9;
background-position: bottom right;
background-repeat: no-repeat;
}
.main-menu ul li:hover ul.mega-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.main-menu ul li ul.mega-menu li.mega-item {
width: 25%;
float: left;
margin: 0;
}
.main-menu ul li ul.mega-menu li.mega-item>a {
color: #233d63;
padding: 0;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.main-menu ul li ul.mega-menu li.mega-item ul {
margin-top: 25px;
}
.main-menu ul li ul.mega-menu li.mega-item ul li {
display: block;
margin: 0;
margin-bottom: 16px;
}
.main-menu ul li ul.mega-menu li.mega-item ul li:last-child {
margin-bottom: 0;
}
.main-menu ul li ul.mega-menu li.mega-item ul li a {
color: #233d63;
padding: 0;
text-transform: capitalize;
font-weight: 400;
}
.main-menu ul li ul.mega-menu li.mega-item ul li a:hover {
color: #164a97;
}
/* search modal */
.search-box{
width: fit-content;
height: fit-content;
position: relative;
}
.input-search{
height: 30px;
width: 30px;
border-style: none;
padding: 10px;
font-size: 18px;
outline: none;
border-radius: 25px;
transition: all .5s ease-in-out;
background-color: transparent;
padding-right: 40px;
color:#333333;
}
.input-search::placeholder{
color:#333333;
font-size: 12px;
font-weight: 100;
}
.btn-search{
width: 30px;
height: 30px;
border-style: none;
font-size: 20px;
font-weight: bold;
outline: none;
cursor: pointer;
border-radius: 50%;
position: absolute;
right: 0px;
color:#000 ;
background-color:none;
pointer-events: painted;  
}
.btn-search:focus ~ .input-search{
width: 300px;
border-radius: 0px;
background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.input-search:focus{
width: 300px;
border-radius: 0px;
background-color: transparent;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.sub-wrap {
border: 1px solid #e3e3e3;
}
.subs-img {
margin-right: 20px;
}
.sub-content {
padding-top: 11px;
}
.sub-content span {
background: #feefea;
padding: 3px 10px;
display: inline-block;
font-weight: 500;
font-size: 12px;
color: #164a97;
}
.sub-content h4 {
font-size: 16px;
margin-top: 7px;
margin-bottom: 3px;
}
.sub-content a {
color: #164a97;
font-weight: 700;
font-size: 15px;
}
#subscribe-modal .modal-dialog {
max-width: 825px;
margin: 1.75rem auto;
}
#subscribe-modal .modal-content {
background: none;
}
.sub-m-img {
float: left;
}
.sub-m-form {
overflow: hidden;
padding: 0 55px;
}
.sub-m-form h3 {
font-size: 50px;
font-weight: 700;
margin-bottom: 25px;
line-height: 1;
}
.sub-m-form h3 span {
font-weight: 300;
font-size: 30px;
line-height: 1;
margin-bottom: 10px;
display: block;
}
.sub-m-form input {
width: 100%;
height: 60px;
padding: 0 15px;
border: 1px solid #ddd;
}
.sub-m-form button {
background: #164a97;
color: #fff;
border: 0;
padding: 15px 60px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
margin-top: 15px;
}
.sub-m-form button:hover {
background: #222;
}
button {
cursor: pointer;
transition: .3s;
}
.sub-modal {
margin-top: 20%;
background: #fff;
}
/*  news */
.hero-img img {
width: 100%;
}
.post-cart {
position: absolute;
top: 30px;
left: 50px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
background: #164a97;
padding: 6px 18px;
line-height: 1;
}
.post-cart:hover {
color: #ffffff;
}
.hero-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 45px;
}
.hero-text h3 {
font-size: 15px;
font-weight: 500;
line-height: 1.3;
margin-top: 14px;
margin-bottom: 24px;
}
.hero-text h3>a {
color: #ffffff;
transition: .3s;
}
.hero-text h3>a:hover {
color: #164a97;
}
.hero-text>a {
font-size: 14px;
font-weight: 600;
color: #ffffff;
transition: .3s;
}
.hero-text>a:hover {
color: #164a97;
}
.hero-text>a span {
border-bottom: 1px solid #ffffff;
transition: .3s;
}
.hero-text>a i {
position: relative;
left: 7px;
}
.hero-text>a:hover span {
border-color: #164a97;
}
.hero-meta>span {
font-size: 14px;
color: #ffffff;
font-weight: 400;
margin-right: 15px;
transition: .3s;
text-transform: uppercase;
}
.hero-meta>span>a:hover {
color: #ffffff;
}
.hero-meta>span i {
font-size: 11px;
margin-right: 5px;
position: relative;
}
.hero-meta>span:last-child {
margin-right: 0;
}
.hero-03-wrapper .hero-text {
padding: 30px;
}
.hero-03-wrapper .hero-text h3 {
font-size: 20px;
line-height: 1.4;
margin-top: 7px;
margin-bottom: 11px;
}
.hero-03-wrapper .post-cart {
position: absolute;
top: 20px;
left: 30px;
}
.hero-04-wrapper .hero-text {
padding: 20px;
}
.hero-04-wrapper .hero-text h3 {
font-size: 19px;
line-height: 1.4;
margin-top: 8px;
margin-bottom: 16px;
}
.hero-04-wrapper .hero-meta>span {
text-transform: capitalize;
}
.hero-04-wrapper .post-cart {
top: 20px;
left: 30px;
padding: 6px 12px;
}
.hero-04-wrapper .post-02-cart {
left: 97px;
}
.hero-05-wrapper .hero-text {
padding: 30px 30px 26px;
}
.hero-05-wrapper .hero-text h3 {
font-size: 20px;
margin-top: 0;
margin-bottom: 8px;
}
.hero-2-wrapper .hero-text {
padding: 20px 15px 25px;
}
.hero-2-wrapper .hero-text h3 {
font-size: 16px;
margin-top: 6px;
margin-bottom: 6px;
}
.hero-2-wrapper .hero-meta>span {
text-transform: capitalize;
}
.hero-2-wrapper .hero-meta>span i {
font-size: 14px;
color: #164a97;
}
.post-img img {
width: 100%;
border-radius: 10px;
height:250px !important;
}
.post-box-meta span {
margin-right: 20px;
}
.post-box-meta span:last-child {
margin-right: 0;
}
.post-box-cart {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
}
.post-box-cart a {
color: #ffffff;
}
.color-1 {
background: #a97ae8;
}
.color-2 {
background: #00afef;
}
.color-3 {
background: #d80f48;
}
.color-4 {
background: #e09634;
}
.color-5 {
background: #d7587c;
}
.post-box-cart1 {
font-weight: 400;
font-size: 14px;
}
.post-box-cart1 a {
color: #888888;
}
.post-box-cart1 a i {
color: #164a97;
font-size: 11px;
position: relative;
right: 4px;
}
.post-box-text h4 {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0;
margin-top: 13px;
}
.post-box-text h4 a {
transition: .3s;
}
.post-box-text h4 a:hover {
color: #164a97;
}
.section-title {
border-bottom: 2px solid #60009d;
display: flex;
}
.section-title h4 {
font-size: 19px;
padding-bottom: 8px;
padding: 7px 12px;
background-color: #60009d;
margin-bottom: 0;
color: #ffffff;
}
/*.section-clr-1{
border-bottom: 2px solid #bc0035 !important;
}
.section-clr-1 h4{
background-color: #bc0035 !important;
}
.section-clr-2{
border-bottom: 2px solid #cf6b00 !important;
}
.section-clr-2 h4{
background-color: #cf6b00 !important;
}
.section-clr-3{
border-bottom: 2px solid #520488 !important;
}
.section-clr-3 h4{
background-color: #520488 !important;
}*/
/*.section-title h4::first-letter {
color: #164a97;
font-size: 26px;
}*/
.section-2 {
overflow: hidden;
}
.area-title {
position: relative;
}
.area-title h3 {
color: #ffffff;
font-size: 26px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0;
}
.area-title::before {
position: absolute;
height: 1px;
width: 30px;
content: "";
left: 0;
right: 0;
margin: auto;
background: #ffffff;
bottom: 0;
}
.news-button a {
color: #164a97;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
border-bottom: 2px solid #164a97;
line-height: 1;
display: inline-block;
}
.news-02-button a {
color: #222;
border-bottom: 2px solid #222;
}
.latest-news-button a {
color: #164a97;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
line-height: 1;
display: inline-block;
}
.latest-news-button a i {
padding-left: 5px;
}
.latest-newss-button a {
color: #222;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
line-height: 1;
display: inline-block;
font-family: Open Sans, Arial, sans-serif;
}
.latest-newss-button a i {
padding-left: 5px;
}
.post-content span {
font-size: 15px;
font-weight: 400;
color: #888888;
margin-bottom: 0;
}
.post-content h4 {
font-size: 18px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 6px;
}
.post-content h4 a {
transition: .3;
}
.post-content h4 a:hover {
color: #164a97;
}
.post-sm-img {
position: relative;
margin-right: 12px;
}
.post-sm-img>a img {
width: 90px;
height: 70px;
}
.medtech-img>a img {
width: 100%;
height: 160px;
border-radius: 10px;
}
.medtech-img1>a img {
width: 100%;
height: auto;
border-radius: 10px;
}
.medical-devices-img>a img {
width: 100%;
height: 115px;
border-radius: 10px;
}
.barameter-img {
background-color: #000 !important;
}
.barameter-img> a img{
width: 100%;
height: 260px;
opacity:0.4;
border-radius: 10px;
}
.a-details-news-img> a img {
width: 100%;
height: auto;
}
.arrow-active .owl-nav div {
color: #f2f2f2;
font-size: 14px;
position: absolute;
top: 3px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 2px;
}
.arrow-active .owl-nav div.owl-prev {
right: 34px;
}
.arrow-active  .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.arrow-active1 .owl-nav div {
color: #f2f2f2;
font-size: 14px;
position: absolute;
top: 3px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 2px;
}
.arrow-active1 .owl-nav div.owl-prev {
right: 34px;
}
.arrow-active1  .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.latest-news-img a img {
width: 100%;
}
.news-cart {
position: absolute;
bottom: 10px;
left: 10px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
background: #164a97;
padding: 6px 13px;
line-height: 1;
}
.latest-news-text {
margin-top: 20px;
}
.latest-news-text h4 {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 12px;
}
.latest-news-text h4>a {
transition: .3s;
}
.latest-news-text h4>a:hover {
color: #164a97;
}
.latest-news-text p {
margin-bottom: 0;
}
.recent-news-img::after {
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%);
}
.recent-news-img>a img {
width: 100%;
height: 430px;
}
.recent-news-text {
position: absolute;
bottom: 0;
z-index: 9;
padding: 20px 20px 16px;
}
.recent-news-text h5 {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
line-height: 1.4;
margin-top: 9px;
}
.recent-news-text h5>a {
color: #ffffff;
transition: .3s;
}
.recent-news-text h5>a:hover {
color: #164a97;
}
.recent-news-text1 {
position: absolute;
bottom: 0;
z-index: 9;
padding: 20px 20px 16px;
background: rgb(222,222,222);
background: linear-gradient(180deg, rgba(222,222,222,0) 0%, rgba(0,0,0,0.8019397212009804) 61%);
}
.recent-news-text1 h5 {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
line-height: 1.4;
margin-top: 9px;
}
.recent-news-text1 h5>a {
color: #ffffff;
transition: .3s;
}
.recent-news-text1 h5>a:hover {
color: #164a97;
}
.recent-cart {
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 6px 16px;
line-height: 1;
display: inline-block;
}
.recent-cart>a:hover {
color: #ffffff;
}
.banner-side-news-img {
background-color: #000 !important;
}
.banner-side-news-img img {
width: 100%;
height: 250px !important;
opacity:0.5;
}
.spotlight-news-img {
background-color: #000 !important;
}
.spotlight-news-img img {
width: 100%;
height: 280px !important;
opacity:0.5;
}
.layout-img img{
border-radius:10px;
}
.social-icon a {
color: #fff;
font-size: 14px;
display: inline-block;
text-align: center;
margin-right: 4px;
transition: .3s;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 5px;
}
.social-icon a:last-child {
margin-right: 0;
}
.fb {
background: #1f3d7c;
}
.twit {
background: #008de4;
}
.insta {
background: #164a97;
}
.pin {
background: #990011;
}
.google {
background: #df3520;
}
.dribbble {
background: #fb2578;
}
.app {
background: #00a276;
}
.behance {
background: #008de4;
}
.insta1 {
background: #405de6;
}
.youtub {
background: #ec2828;
}
.banner-2-img>a img {
width: 100%;
}
.meta-box {
font-size: 13px;
color: #888888;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.meta-box> :hover {
color: #888888;
}
.meta-cart {
color: #164a97;
position: relative;
margin-right: 12px;
}
.meta-cart:hover {
color: #164a97;
}
.meta-cart::before {
content: "";
position: absolute;
background: #164a97;
height: 2px;
width: 2px;
border-radius: 50%;
right: -8px;
top: 9px;
}
.postbox-2 .post-box-text h4 {
margin-top: 6px;
font-size: 16px;
line-height: 1.4;
}
.postbox-2 .post-box-meta {
margin-top: 10px;
}
.postbox-2 .post-box-cart1 a i {
font-size: 14px;
}
.cart-1 {
color: #da1793;
}
.cart-1::before {
background: #da1793;
}
.cart-2 {
color: #007bff;
}
.cart-2::before {
background: #007bff;
}
.cart-3 {
color: #4ca80b;
}
.cart-4 {
color: #f43d33;
}
.cart-5 {
color: #ff9500;
}
.news-active .owl-nav div {
color: #b5b5b5;
font-size: 14px;
position: absolute;
top: -68px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
border: 1px solid #e2e2e2;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 16px;
}
.news-active .owl-nav div.owl-prev {
right: 48px;
}
.news-active .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.news-active .owl-nav div {
color: #555555;
font-size: 14px;
position: absolute;
top: -68px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
border: none !important;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 16px;
}
.news-active .owl-nav div.owl-prev {
right: 48px;
}
.news-active .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.postbox-3 .meta-cart::before {
display: none;
}
.postbox-3 .post-box-text h4 {
margin-top: 4px;
font-size: 16px;
line-height: 1.4;
}
.postbox-3 .post-box-meta {
margin-top: 6px;
}
.postbox-3 .meta-box {
letter-spacing: 0;
}
.postbox-4 .post-box-text h4 {
font-size: 18px;
}
.postbox-5 .post-box-text {
margin-top: 11px;
}
.postbox-5 .post-box-text h4 {
margin-top: 0;
}
.post-content-meta span {
font-size: 14px;
margin-right: 10px;
}
.post-content-meta span:last-child {
margin-right: 0;
}
.post-content-meta span>a i {
margin-right: 4px;
}
.meta-11 {
color: #888;
}
.meta-11 i{
color: #d80f48;
}
.meta-11:hover {
color: #888;
}
.meta-12{
color: #888;
font-size: 12.5px;
}
.meta-12 i{
color: #d80f48;
}
.post-2-content h4 {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 0;
margin-top: 0px;
}
.post-2-content h4 a {
transition: .3;
}
.post-2-content h4 a:hover {
color: #164a97;
}
.meta-1 {
text-transform: uppercase;
color: #164a97;
font-weight: 700;
font-size: 13px;
}
.meta-1:hover {
color: #164a97;
}
.meta-2 {
color: #b40033;
}
.meta-3 {
color: #bd5400;
}
.meta-4 {
color: #fb2578;
}
.meta-5 {
color: #f43d33;
}
.hero-post-item-3 .post-sm-img>a img {
width: 90px;
height: 90px;
}
.recent-news-02-text {
padding: 20px 20px 24px;
left: 0;
right: 0;
text-align: center;
}
.meta-22 {
color: #d5d5d5;
}
.meta-22:hover {
color: #d5d5d5;
}
.news-02-meta {
margin-top: 6px;
}
.hero-02-wrapper .hero-text {
padding: 45px 158px 45px 45px;
}
.recent-news-text-2 h5 {
font-size: 20px;
margin-top: 13px;
}
.recent-news-text-03 {
padding: 20px 70px 25px 30px;
}
.recent-news-text-03 h5 {
font-size: 22px;
margin-top: 13px;
}
.news-post-item .post-sm-img {
position: relative;
margin-right: 25px;
}
.news-post-item .post-sm-img::before {
background: #222;
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: .7;
}
.news-post-item .post-sm-img>a img {
width: 180px;
height: 145px;
}
.news-video-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
z-index: 9;
}
.news-video-icon a {
height: 45px;
width: 45px;
display: inline-block;
border-radius: 50%;
line-height: 45px;
text-align: center;
font-size: 14px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #ffffff;
border: 2px solid #ffffff;
}
.news-video-icon a:hover {
background: #ffffff;
border-color: #ffffff;
color: #164a97;
}
.news-post-item .post-2-content {
margin-top: 10px;
}
.news-post-item .post-2-content h4 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 7px;
margin-top: 11px;
}
.news-post-item .post-content-meta span {
margin-right: 17px;
}
.news-post-item-2 .post-sm-img::before {
display: none;
}
.hero-big {
max-width: 80%;
flex: 0 0 80%;
}
.hero-sm {
max-width: 20%;
flex: 0 0 20%;
}
.news-02-active .owl-nav div {
color: #b5b5b5;
font-size: 14px;
position: absolute;
top: -68px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
border: 1px solid #e2e2e2;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 16px;
}
.news-02-active .owl-nav div.owl-prev {
right: 48px;
}
.news-02-active .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.news-03-active .owl-nav div {
color: #b5b5b5;
font-size: 14px;
position: absolute;
top: -68px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
border: 1px solid #e2e2e2;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 16px;
}
.news-03-active .owl-nav div.owl-prev {
right: 48px;
}
.news-03-active .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.news-04-active .owl-nav div {
color: #b5b5b5;
font-size: 14px;
position: absolute;
top: -68px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: 400;
border: 1px solid #e2e2e2;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
right: 16px;
}
.news-04-active .owl-nav div.owl-prev {
right: 48px;
}
.news-04-active .owl-nav div:hover {
border-color: #164a97;
color: #164a97;
}
.popular-tag a {
display: inline-block;
line-height: 1;
padding: 12px 20px;
border: 1px solid #ebebeb;
margin-bottom: 10px;
margin-right: 5px;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
color: #888888;
transition: .3s;
}
.popular-tag a:hover {
background: #164a97;
color: #ffffff;
border-color: #164a97;
}
.breaking-news-area {
margin-bottom: -90px;
z-index: 999;
position: relative;
}
.breaking-bg {
padding: 30px 50px 10px;
}
.breaking-wrapper {
background: #ffffff;
padding: 20px;
}
.breaking-wrapper .post-sm-img>a img {
width: 120px;
height: 90px;
}
.news-tab {
border-bottom: 2px solid #eeeeee;
}
.news-tab li {
margin-right: 65px;
position: relative;
padding: 0;
}
.news-tab li a {
transition: .3s;
padding: 0;
margin: 0;
text-align: center;
line-height: 1;
font-size: 20px;
font-weight: 700;
color: #222;
padding-bottom: 15px;
font-family: Open Sans, Arial, sans-serif;
}
.news-tab li a:hover {
color: #164a97;
border-bottom: 2px solid #164a97;
}
.news-tab li a.active {
color: #164a97;
border-bottom: 2px solid #164a97;
}
.news-tab li:last-child {
margin-right: 0;
}
.news-tab li a::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
background: #c1c1c1;
border-radius: 50%;
right: -37px;
top: 7px;
}
.news-tab li:last-child a::before {
display: none;
}
.hero-sidebar1{
border:1px solid #527bb8;
padding:15px;
border-radius:10px;
}
.post-sm-list{
background-color: #ffffff;
border-radius: 0px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom:1px dotted #556194;
}
.post-sm-list:last-child  {
border:none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.post-sm-icon a {
margin-right: 15px;
position: relative;
top: 4px;
}
.post-sm-icon a i {
color: #888888;
font-size: 16px;
}
.mews-05-area {
background-size: cover;
background-position: center center;
}
.news-data-bg {
margin-left: 80px;
margin-right: 80px;
margin-top: -150px;
}
.news-data-wrapper {
box-shadow: 0px 10px 29.7px 0.3px rgba(226, 226, 226, 0.88);
background: #ffffff;
padding: 40px 40px 30px 40px;
}
.news-data-text h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 0;
line-height: 1.5;
margin-top: 14px;
}
.news-data-text h3 a {
transition: .3s;
}
.news-data-text h3 a:hover {
color: #164a97;
}
.layout-text h3 {
font-size: 24px;
margin-bottom: 15px;
}
.layout-text p {
margin-bottom: 20px;
}
.layout-link li {
padding-bottom: 11px;
font-size: 14px;
font-weight: 400;
padding-left: 18px;
position: relative;
}
.layout-link li::before {
height: 8px;
width: 8px;
background: #164a97;
content: "";
position: absolute;
left: 0;
border-radius: 50%;
top: 7px;
}
.layout-wrapper .lifestyle-text h4>a:hover {
color: #222;
}
.layout-content h3 {
font-size: 24px;
margin-right: 20px;
line-height: 1.3;
margin-bottom: 16px;
}
.layout-content p {
margin-bottom: 19px;
}
.layout-title {
font-size: 24px;
line-height: 1.3;
margin-bottom: 0;
}
/*  footer */
.footer-wrapper {
overflow: hidden;
}
.footer-title {
font-size: 24px;
color: #ffffff;
margin-bottom: 26px;
}
.footer-text p {
color: #c3cdf4;
margin-bottom: 32px;
}
.footer-icon a {
font-size: 13px;
margin-right: 6px;
height: 30px;
width: 30px;
line-height: 30px;
}
.footer-icon a.fb:hover, .footer-icon a.twit:hover, .footer-icon a.insta:hover, .footer-icon a.pin:hover {
background: #ffffff;
color:#000;
}
.footer-link ul li {
padding-bottom: 7px;
}
.footer-link ul li:last-child {
padding-bottom: 0;
}
.footer-link ul li a {
color: #c3cdf4;
font-size: 14px;
font-weight: 400;
transition: .3s;
}
.footer-link ul li a:hover {
color: #164a97;
border-bottom: 1px solid #164a97;
}
.footer-info li {
padding-bottom: 17px;
}
.footer-info li:last-child {
padding-bottom: 0;
}
.footer-info li span {
font-size: 14px;
font-weight: 400;
color: #c3cdf4;
}
.footer-info li span i {
color: #164a97;
margin-right: 6px;
}
.footer-info-link li {
padding-bottom: 13px;
}
.footer-info-link li:last-child {
padding-bottom: 0;
}
.footer-info-icon i {
font-size: 14px;
color: #164a97;
}
.footer-content {
overflow: hidden;
}
.footer-content p {
color: #c3cdf4;
line-height: 26px;
margin-bottom: 0;
}
.footer-content p a {
color: #164a97;
}
.footer-border-top {
border-top: 1px solid #1e2a5d;
}
.footer-bottom-link {
margin-bottom: 5px;
}
.footer-bottom-link a {
color: #f2f2f2;
border-right:1px solid #CCC;
font-size: 15px;
transition: .3s;
font-weight: 400;
padding: 0 9px;
}
.footer-bottom-link a:hover {
color: #164a97;
}
.footer-bottom-link a:last-child {
padding-right: 0;
border-right:none;
}
.footer-bottom-link a:first-child {
padding-left: 0;
}
.copyright p {
margin-bottom: 0;
color: #c3cdf4;
}
.copyright p a {
color: #164a97;
}
.footer-img a {
float: left;
margin-right: 20px;
}
.footer-img a:last-child {
margin-right: 0;
}
/* btn */
.btn1 {
background: #164a97;
color: #ffffff;
line-height: 1;
padding: 19px 44px;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border-radius: .25rem;
transition: .3s;
border: none;
cursor: pointer;
transition: .3s;
}
.btn1 i {
padding-left: 5px;
}
.btn1:hover {
background: #CCCCCC;
color: #222 !important;
}
a.btn2 {
background: #164a97;
color: #ffffff !important;
padding-top: 9px;
line-height: 1;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border-radius: 0;
transition: .3s;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border: none;
cursor: pointer;
transition: .3s;
}
a.btn2 i {
padding-left: 5px;
}
a.btn2:hover {
background: #CCCCCC;
color: #222 !important;
}
/* contact */
.contact-address-wrapper {
margin-right: 66px;
}
.contact-map {
min-height: 600;
}
.contact-address-wrapper .section-title h4 {
font-size: 30px;
}
.contact-us-wrapper .section-title h4 {
font-size: 30px;
}
.contact-address-link li {
padding-bottom: 41px;
}
.contact-address-link li:last-child {
padding-bottom: 0;
}
.contact-address-icon {
margin-top: 6px;
}
.contact-address-text span {
font-size: 16px;
font-weight: 500;
}
.contacts-us-form input {
border: 1px solid #ececec;
height: 70px;
margin-bottom: 30px;
padding: 0 28px;
width: 100%;
font-size: 15px;
color: #888888;
font-weight: 500;
border-radius: 5px;
}
.contacts-us-form textarea {
border: 1px solid #ececec;
height: 150px;
margin-bottom: 30px;
padding: 28px;
width: 100%;
font-size: 15px;
color: #888888;
font-weight: 500;
border-radius: 5px;
}
.contacts-us-form input:focus {
border-color: #164a97;
}
.contacts-us-form textarea:focus {
border-color: #164a97;
}
#contacts-us-form input::-moz-placeholder {
font-size: 15px;
color: #888888;
font-weight: 500;
}
#contacts-us-form input::placeholder {
font-size: 15px;
color: #888888;
font-weight: 500;
}
#contacts-us-form textarea::-moz-placeholder {
font-size: 15px;
color: #888888;
font-weight: 500;
}
#contacts-us-form textarea::placeholder {
font-size: 15px;
color: #888888;
font-weight: 500;
}
.contacts-icon {
position: relative;
}
.contacts-icon::after {
position: absolute;
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 700;
display: inline-block;
font-size: 16px;
text-align: center;
right: 25px;
color: #164a97;
top: 22px;
}
.contactss-message::after {
content: "\f303";
}
.contactss-name::after {
content: "\f007";
}
.contactss-email::after {
content: "\f0e0";
}
.contactss-website::after {
content: "\f0ac";
}
.contacts-us-form-button .btn {
padding: 23px 74px 25px;
}
.text-truncate {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: wrap;
}
.text-truncate1 {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: wrap;
}
/*breacrumb*/
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem;
font-weight: 600;
}
/*event thumbnail*/
.time-div{
padding:30px 20px;
background-color: #ffffff;
border:2px dotted #CCC;
border-bottom:10px solid #520488;
color:#bc0035;
text-align:center;
border-radius: 10px;
}
.time-div .day1 {
font-size:26px;
font-weight: bold;
border-bottom:1px dashed #520488;
padding-bottom:10px;
}
.time-div  .month1{
font-size:26px;
padding-top:10px;
font-weight: bold;
}
@media (max-width: 1199px) {
.time-div .day1 {
font-size:21px;
font-weight: bold;
border-bottom:1px dashed #333333;
padding-bottom:10px;
}
.time-div  .month1{
font-size:21px;
padding-top:10px;
font-weight: bold;
}
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #164a97;
border-color: #164a97;
}
.break {
  word-break: break-all;
}

.video-gallery {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	margin-bottom: 1rem;
}

.video-gallery iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}