@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
font-family: 'Montserrat', sans-serif !important;
overflow-x:hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
a {
text-decoration: none
}
a:hover {
text-decoration: none!important
}
button:focus {
outline: 0
}
.btn:focus {
box-shadow: none!important
}
.form-control:focus {
outline: 0;
box-shadow: none!important
}
li {
list-style: none
}
table {
border-collapse: collapse;
width: 100%
}
table td {
border: 1px solid #ddd;
text-align: left;
padding: 7px 10px
}
table td a {
color: #000
}
.wrapper {
width: 70%;
margin: 0 auto
}
.header.sticky {
position: fixed;
top: 0;
transition: .5s
}
.header.sticky .upper {
height: 0;
overflow: hidden;
transition: .5s;
padding: 0 0
}
.header {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
background-color: #fff
}
.header .upper {
padding: 5px 0;
background-color: #fff;
position: relative;
transition: .5s;
height: 38px;
overflow: hidden;border-bottom: 1px solid #eee
}
.header .upper .header_content {
display: flex;
justify-content: space-between
}
.header .upper .header_content .contact {
display: flex
}
.header .upper .header_content::before {
content: "";
background-color: #333;
position: absolute;
display: block;
height: 100%;
width: 50%;
left: -6px;
top: 0;
transform: skewX(-14deg);
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-ms-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
.header .upper .header_content::after {
content: "";
background-color: #ea3636;
position: absolute;
display: block;
height: 100%;
width: 17px;
left: 50%;
top: 0;
transform: skewX(-14deg);
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-ms-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
margin-left: 11px
}
.header .upper .header_content .item {
z-index: 9;
padding-right: 50px
}
.header .upper .header_content .item span {
color: #fff;
font-size: 19px;
padding-right: 10px
}
.header .upper .header_content .item p {
margin: 0;
font-size: 15px;
color: #fff;
font-weight: 400;
display: inline
}
.header .upper .lang {
margin-top: -2px
}
.header .upper .lang ul {
margin: 0;
display: flex;
padding: 3px 3px;
background-color: #fff
}
.header .upper .lang ul li {
margin-right: 8px;
border-right: 1px solid #fff;
padding-right: 8px
}
.header .upper .lang ul li:last-child {
border: none;
margin: 0;
padding: 0
}
.header .upper .lang ul li img {
width: 23px;
margin: 0 3px
}
.menu {
box-shadow: 0 0 20px #0000002b
}
.menu .navbar {
padding: 6px 0;
display: flex;
justify-content: space-between
}
.menu .navbar .logo {
width: 19%
}
.menu .navbar .logo img {
width: 100%;
top: 4px;
position: relative;
}
.menu .navbar .links ul {
margin: 0 auto;
padding: 0;
list-style: none;
position: relative;
z-index: 250
}
.menu .navbar .links ul li.list_item {
display: block;
padding: 0;
margin: 0;
float: left
}
.menu .navbar .links ul li.list_item a {
padding: 10px 15px;
color: #000;
font-weight: 500;
transition: .3s;
font-size: 15px;
border-right: 1px solid #e6e6e6
}
.menu .navbar .links ul li.list_item a:hover {
text-decoration: none;
color: #d16a1e;
transition: .3s
}
.menu .navbar .links ul li.list_item:last-child a {
background-color: #0d387e;
color: #fff;
padding: 7px 17px;
transition: .4s;
margin-left: 19px;    border-radius: 50px;
}
.menu .navbar .links ul li.list_item:last-child a:hover {
transition: .4s;
color: #000;
background-color: transparent
}
.menu .navbar .links ul li.list_item>.big_drop {
position: absolute;
display: block;
max-height: 0;
overflow: hidden;
margin: 15px 0 0 -55px;
padding: 25px 0 0 0;
transition: .5s;
list-style: none;
width: auto;
min-width: 220px
}
ul.nav li ul {
position: absolute;
display: block;
max-height: 0;
overflow: hidden;
margin: 0 0 0 -55px;
padding: 25px 0 0 0;
transition: .5s
}
.menu .navbar .links ul li.list_item:hover>ul {
max-height: 1000px;
display: block
}
.menu .navbar .links ul li.list_item>.big_drop>li {
border: none;
margin: 0;
padding: 0;
position: relative;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee
}
.menu .navbar .links ul li.list_item>.big_drop>li>a {
display: block;
background: #fff;
font-size: 12px;
color: #555;
padding: 0 15px;
height: 40px;
line-height: 40px;
text-align: left;
font-weight: 700;
transition: .3s
}
.menu .navbar .links ul li.list_item>.big_drop>li>a:hover {
background-color: #e8e8e8;
transition: .3s;
}
.header .social {
margin-left: 6%;
margin-top: -1px;
padding-bottom: 1px
}
.header .social>h3 {
font-size: 14px;
color: #3a3a3a;
display: inline-block;
margin-right: 10px;
margin-bottom: 0
}
.header .social ul {
margin: 0;
display: inline
}
.header .social ul li {
display: inline-block;
margin-top: 0
}
.header .social ul li a {
display: block;
text-align: center;
width: 28px;
height: 28px;
border: 1px solid #fff;
margin-left: 3px;
font-size: 12px;background-color: #fff;
}
.header .social ul li a i {
color: #0d387d;
margin-top: 7px;
margin-left: 0
}
.header .social ul li a:hover {color:#fff !important;}
.header .social ul li a:hover {
background: #003365;
border-color: #fb0000
}
.header .social ul li a:hover {
border: 1px solid #003365;
border-top-color: #003365;
border-right-color: #003365;
border-bottom-color: #003365;
border-left-color: #003365;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.slider {
margin-top: 0
}
.slider,
.slider>div {
background-position: center;
display: block;
width: 100%;
height: 791px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-color: #000;
overflow: hidden;
-moz-transition: transform .7s;
-o-transition: transform .7s;
-webkit-transition: transform .7s;
transition: transform .7s
}
.slider>div:after {
content: "";
width: 100%;
height: 100%;
background-color: #0d387e12;
position: absolute;
top: 0;
left: 0
}
.slider>div {
position: absolute
}
.slider>i {
color: #5bbd72;
position: absolute;
font-size: 60px;
margin: 20px;
text-shadow: 0 10px 2px #223422;
transition: .3s;
width: 30px;
padding: 10px 13px;
cursor: pointer;
line-height: 0;
box-sizing: content-box;
border: 2px solid #fff;
background-color: #748aac;
}
.slider>i svg {
margin-top: 3px
}
.slider>i svg {
fill: #fff
}
.slider>.left {
right: 82%;
bottom: 90px;
}
.slider>.right {
right: 78%;
bottom: 90px;
}
.slider>i:hover {
background: #fff;
background: #0d387f;
transform: translateX(-2px)
}
.slider>ul {
position: absolute;
bottom: 48%;
right: 26%;
z-index: 4;
padding: 0;
margin: 0;
transform: translateX(-50%);
display: none
}
.slider>ul>li {
padding: 0;
width: 80px;
height: 7px;
list-style: none;
margin: 10px 0 0;
cursor: pointer;
border: 1px solid #fff;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s
}
.slider>ul>.showli {
background-color: #fff;
-moz-animation: boing .5s forwards;
-o-animation: boing .5s forwards;
-webkit-animation: boing .5s forwards;
animation: boing .5s forwards
}
.slider>ul>li:hover {
background-color: #08083f
}
.slider>.show {
z-index: 1
}
.hideDots>ul {
display: none
}
.showArrows>.left {
left: 0
}
.showArrows>.right {
right: 0
}
.titleBar {
z-index: 2;
display: inline-block;
background: rgba(0, 0, 0, .5);
position: absolute;
width: 100%;
bottom: 0;
transform: translateY(100%);
padding: 20px 30px;
transition: .3s;
color: #fff
}
.titleBar * {
transform: translate(-20px, 30px);
transition: all .7s cubic-bezier(.37, .31, .2, .85) .2s;
opacity: 0
}
.titleBarTop .titleBar * {
transform: translate(-20px, -30px)
}
.slider:hover .titleBar,
.slider:hover .titleBar * {
transform: translate(0);
opacity: 1
}
.titleBarTop .titleBar {
top: 0;
bottom: initial;
transform: translateY(-100%)
}
.slider>div span {
display: block;
position: absolute;
top: 27%;
z-index: 9;
color: #fff;
text-align: center;
padding: 0;
width: 70%;
left: 0;
right: 0;
margin: 0 auto;
}
.slider>div .btn {
padding-top: 60px;
display: block!important;
text-align: center;
padding-left: 0;
}
.slider>div .btn a {
text-decoration: none;
padding: 10px 20px;
margin-top: 0;
margin-right: 10px;
transition: .3s
}
.slider>div .btn a:nth-child(2) {
color: #fff;
background-color: #738bac;
border: 1px solid #738bac;
}
.slider>div .btn a:nth-child(2):hover {
background-color: transparent;
border: 1px solid #fff;
transition: .3s
}
.slider>div .btn a:nth-child(1) {
border: 1px solid #fff;
color: #748aac;
background-color: white;
}
.slider>div .btn a:nth-child(1):hover {
background-color: #08083f;
transition: .3s;
border: 1px solid #08083f
}
.slider>div span p {
font-size: 15px;
width: 100%;
text-shadow: 0 0 9px #000000b8;
display: block;
font-weight: 400;
margin: 0 auto;
}
.slider>div span h5 {
font-size: 81px;
display: inline-block;
padding: 17px 0;
padding-left: 0;
padding-left: 14px;
color: transparent;
-webkit-text-stroke: 1px #fff;
font-weight: 700;
font-family: sans-serif;
}
@keyframes myanimation {
0% {
background-color: #42632e
}
50% {
background-color: #63a91e
}
100% {
background-color: #748aac
}
}
.menu li:last-child a {    animation: myanimation 1s infinite;
background-color: #42632e;
color: #fff!important;}
.slider>div span h2 {
text-shadow: 0 0 9px #00000069;
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
width: 68%;
margin: 0 auto
}
@keyframes boing {
0% {
transform: scale(1.2)
}
40% {
transform: scale(.6)
}
60% {
transform: scale(1.2)
}
80% {
transform: scale(.8)
}
100% {
transform: scale(1)
}
}
#slider2 {
max-width: 30%;
margin-right: 20px
}
.row2Wrap {
display: flex
}
.slider_section {
padding-top: 0!important;
margin-top: 110px
}
.slider_section .vedio {
position: relative
}
.slider_section .vedio:after {
content: " ";
background: url("") repeat center center rgba(0, 0, 0, .02);
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.banner_section {
z-index: 22;
position: relative;
margin-top: 3rem
}
.banner_section .iconic-box {
padding: 30px 35px;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
position: relative;
z-index: 9;
width: 95%;
border: 1px dashed #d1d1d1
}
.banner_section .iconic-box h4 {
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 10px;
font-size: 19px;
font-weight: 600;
color: #3c3c3c
}
.banner_section .iconic-box p {
color: #757575;
font-size: 14px;
display: block
}
.banner_section .iconic-box .icon {
position: absolute;
right: -1px;
top: 0px;
height: 70px;
width: 70px;
text-align: center;
line-height: 30px;
background-color: #ea3636;
color: #fff;
z-index: 2;
}
.banner_section .iconic-box .icon img {
width: 64px;
margin-top: 3px
}
.banner_section .iconic-box .count {
position: absolute;
left: 10px;
bottom: 0;
font-weight: 700;
font-family: Oswald, sans-serif;
font-size: 70px;
color: #0033650f;
z-index: -1;
line-height: 1
}
.features-boxes {
margin-top: 5rem
}
.features-boxes {
position: relative
}
@media (max-width:575px) {
.features-boxes .features-boxes-loop {
margin-top: 50px
}
}
.features-boxes .features-boxes-loop .feature-box {
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(155, 180, 204, .06);
box-shadow: 0 10px 20px 0 rgba(155, 180, 204, .06);
padding: 30px 35px;
margin-bottom: 40px
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px
}
}
@media (max-width:399px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px
}
}
.features-boxes .features-boxes-loop .feature-box h4 {
text-transform: uppercase;
margin-bottom: 20px
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px
}
}
@media (max-width:399px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px
}
}
.features-boxes .features-boxes-loop .feature-box h4 i {
color: #eb120a;
margin-right: 15px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 5px
}
}
@media (max-width:399px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 10px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.features-boxes .gap-for-img {
height: 215px;
width: 100%
}
}
@media (max-width:575px) {
.features-boxes .gap-for-img {
height: 130px;
width: 100%
}
}
@media (max-width:399px) {
.features-boxes .gap-for-img {
display: none
}
}
.features-boxes .feature-img {
position: absolute;
left: 50%;
bottom: 120px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1
}
@media only screen and (min-width:768px) and (max-width:991px) {
.features-boxes .feature-img {
bottom: 150px;
max-width: 385px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.features-boxes .feature-img {
bottom: 42%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 290px
}
}
@media (max-width:575px) {
.features-boxes .feature-img {
bottom: 45%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 200px
}
}
@media (max-width:399px) {
.features-boxes .feature-img {
display: none
}
}
@media (max-width:575px) {
.features-boxes .section-title {
padding-left: 35px
}
}
@media (max-width:399px) {
.features-boxes .section-title {
padding-left: 20px
}
}
.section-title span.title-tag {
text-transform: uppercase;
font-weight: 700;
color: #eb120a;
font-family: Oswald, sans-serif;
line-height: 1;
font-size: 16px;
display: inline-block;
margin-bottom: 20px;
position: relative
}
.section-title.left-border span.title-tag {
padding-left: 50px
}
.section-title.left-border span.title-tag::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #eb120a;
content: ''
}
.section-title.both-border span.title-tag {
padding-left: 50px;
padding-right: 50px
}
.section-title.both-border span.title-tag::after,
.section-title.both-border span.title-tag::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #eb120a;
content: ''
}
.section-title.both-border span.title-tag::after {
left: auto;
right: 0
}
.section-title h2 {
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: -1px;    color: #a0a4a7;
}
.feature-text p {
color: #757575;
font-size: 15px
}
.main-btn {
font-size: 14px;
font-weight: 700;
font-family: Oswald, sans-serif;
color: #fff;
text-transform: uppercase;
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
padding: 0 45px;
border: 2px solid #fff;
position: relative;
height: 54px;
line-height: 52px;
display: inline-block
}
.main-btn::after,
.main-btn::before {
position: absolute;
right: 10px;
top: 10px;
height: 10px;
width: 2px;
content: '';
background-image: -webkit-linear-gradient(-51deg, #eb120a 0, #ff5e14 99%)
}
.main-btn::before {
width: 10px;
height: 2px
}
.main-btn:hover {
color: #eb120a
}
.main-btn.btn-borderd {
border: 2px solid rgba(4, 29, 56, .1);
background-color: #fff
}
.main-btn.btn-borderd:hover {
transform: translateY(0);
background: #fff;
color: #ff5e14
}
.main-btn.btn-borderd::after,
.main-btn.btn-borderd::before {
background-color: #fff;
}
.main-btn.btn-borderd:hover::after,
.main-btn.btn-borderd:hover::before {
}
.main-btn.btn-filled {
background-color: #0d387f;
border-color: #d16a1e
}
.main-btn.btn-filled::after,
.main-btn.btn-filled::before {
background-color: #fff;
background-image: none
}
.main-btn.btn-filled:hover {
background: #fff;
color: #ff5e14;
border-color: rgba(4, 29, 56, .1)
}
.main-btn.btn-filled:hover::after,
.main-btn.btn-filled:hover::before {
}
.features-boxes .feature-text .feature-icon li:hover img {
-webkit-animation: hvr-buzz-out .75s linear 1;
animation: hvr-buzz-out .75s linear 1
}
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
.features-boxes .feature-text .feature-icon li h6 {
text-transform: uppercase;
margin-top: 15px
}
.features-boxes .feature-text .feature-icon li img {
margin: 0 auto;
display: block;
width: 53px
}
.features-boxes .feature-text .feature-icon li:nth-child(2) img {
}
.features-boxes .feature-text .feature-icon {
padding-left: 0;
margin-top: 40px;
margin-bottom: 20px
}
.features-boxes .feature-text .feature-icon li {
display: inline-block;
margin-right: 30px
}
.features-boxes #image_block_1 .image-box {
position: relative;
display: flex;
padding: 0;
width: 90%
}
.features-boxes #image_block_1 .image-box img {
width: 100%
}
.features-boxes #image_block_1 .image-box .image {
width: 100%;
height: 378px;
background-size: cover;
background-position: inherit;
background-color: #fff;
box-shadow: -10px 10px 0 #d98044;
background-repeat: no-repeat;
border: 1px dashed #e5e5e5;
}
.features-boxes #image_block_1 .image-box .image-2 {
margin-top: 110px;
margin-left: 20px
}
.features-boxes #image_block_1 .image-box .image-3 {
position: absolute;
top: 45px;
right: 25px
}
.features-boxes #image_block_1 .image-box .image-4 {
position: absolute;
left: 25px;
bottom: 42px
}
.peroject_section {
padding-top: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
padding-bottom: 3rem
}
.updated-sec-title {
position: relative;
margin-bottom: 50px
}
.updated-sec-title h2 {
font-weight: 700;
font-size: 37px;
position: relative;
color: #000
}
.updated-sec-title.text-center h2::before {
right: 0;
margin: 0 auto;
background-color: #fb0000;
position: absolute;
left: 0;
bottom: -10px;
height: 3px;
width: 70px;
content: ''
}
.peroject_section .item {
width: 31%;
margin: 8px 8px 0 8px;
overflow: hidden
}
.peroject_section .item .img {
width: 100%;
position: relative;
overflow: hidden;
height: 360px;
background-color: #fff
}
.peroject_section .item .content {
width: 90%;
margin-top: -30px;
position: relative;
box-shadow: 0 0 24px rgba(0, 0, 0, .09);
margin-bottom: 20px;
border-left: 3px solid #fb0000
}
.peroject_section .item .img img {
width: 100%;
transition: .4s;
height: 100%;
object-fit: contain
}
.peroject_section .item:hover .img img {
transform: scale(1.2) rotate(1deg);
transition: .5s
}
.peroject_section .item .img span {
background: #d71920;
bottom: 0;
position: absolute;
padding: 7px 11px;
color: #fff;
font-size: 12px;
left: 0
}
.peroject_section .item .img span i {
font-size: 14px
}
.peroject_section .item .text {
padding: 13px 10px;
background-color: #fff
}
.peroject_section .item .text h3 {
margin: 0;
color: #303030;
font-size: 14px;
font-weight: 600
}
.peroject_section .item:hover .button_section::before {
transition: all .5s ease;
right: -30px
}
.peroject_section .item .button_section span {
transition: all .5s ease;
color: #525252;
font-size: 12px;
font-weight: 600
}
.peroject_section .item:hover .button_section span {
transition: all .5s ease
}
.peroject_section .item .button_section span i {
top: 2px;
position: relative;
font-size: 26px;
margin-right: 10px;
display: block;
float: right;
color: #fff
}
.peroject_section .link {
text-align: center;
margin-top: 30px
}
.peroject_section {
overflow: hidden
}
.peroject_section .grid {
width: 32%;
margin: 6px
}
.peroject_section .inner {
min-height: 300px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
@media (max-width:1199px) {
.peroject_section .inner {
min-height: 218px
}
}
.peroject_section .details {
width: 100%;
height: 100%;
padding: 60px 20px;
position: absolute;
left: 0;
top: 64%;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s
}
@media (max-width:1199px) {
.peroject_section .details {
padding: 50px 30px
}
}
.peroject_section .info {
position: relative
}
.peroject_section .details h3 {
font-size: 18px;
font-size: 17px;
color: #fff;
font-weight: 600;
margin: 0 0 1.2em
}
@media (max-width:1199px) {
.peroject_section .details h3 {
font-size: 17px;
font-size: 1.13333rem;
margin: 0 0 1.2em
}
}
@media (max-width:767px) {
.peroject_section .details h3 {
font-size: 15px;
font-size: 1rem;
margin: 0 0 1.2em
}
}
.peroject_section .details h3 i {
background: #fb0000;
color: #fff;
padding: 7px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
position: relative;
left: -5px
}
@media (max-width:1199px) {
.peroject_section .details h3 i {
padding: 5px 8px
}
}
.peroject_section .details p {
font-size: 14px;
color: #fff;
margin: 0 0 1.79em;
padding-top: 20px
}
.peroject_section .details .more {
font-weight: 600;
color: #051829;
text-transform: capitalize
}
.peroject_section .grid:hover .details {
background-color: rgba(0, 51, 101, .87);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
top: 0
}
.peroject_section .grid:hover .details h3 {
color: #fff;
margin: 0 0 .59em
}
.news-section {
padding-top: 3rem;
margin-top: 3rem;
padding-bottom: 3rem
}
.news-grids {
margin: 0 -15px;
padding-top: 20px;
overflow: hidden
}
.news-grids .grid {
width: 33.33%;
float: left;
padding: 0 15px
}
.news-grids .entry-details {
padding: 10px 20px;
border: 1px solid #e8e8e8
}
.news-grids .entry-meta ul {
list-style: none;
overflow: hidden
}
.news-grids .entry-meta ul li {
font-size: 14px;
font-size: .93333rem;
color: #9a9a9a;
float: left
}
.news-grids .entry-meta ul li a {
color: #9a9a9a
}
.news-grids .entry-meta ul li i {
display: inline-block;
color: #fdc900;
padding-right: 4px
}
.news-grids .entry-meta ul>li+li {
margin-left: 15px
}
.news-grids .entry-media {
height: 250px
}
.news-grids .entry-media img {
width: 100%;
display: block;
height: 100%
}
.news-grids .entry-body h3 {
font-size: 18px;
font-size: 1.2rem;
line-height: 1.3em;
font-weight: 600;
margin: .72em 0 .83em
}
.news-grids .entry-body h3 a {
color: #051829;
transition: .3s
}
.news-grids .entry-body h3 a:hover {
color: #fb0000;
transition: .3s
}
.news-grids .entry-body p {
font-size: .93333rem;
line-height: 1.57em;
height: 72px;
overflow: hidden
}
.news-section .section-title h2 {
font-size: 25px;
text-transform: uppercase;
margin: 0;
padding-bottom: .5em;
position: relative;
letter-spacing: -1px
}
.news-section .section-title h2:after {
content: "";
background-color: #fb0000;
width: 33px;
height: 5px;
position: absolute;
left: 0;
bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px
}
.news-section p {
color: #6a6a6a;
font-size: 15px;
margin-bottom: 15px
}
.all-news-link {
text-align: right
}
.all-news-link a {
background-color: #003365;
font-size: 16px;
font-size: 1.06667rem;
font-weight: 600;
color: #fff;
padding: 5px 28px;
border: 2px solid #003365;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
display: inline-block;
transition: .3s
}
.all-news-link a:hover {
background-color: #fb0000;
color: #fff;
transition: .3s
}
.referans_section {
padding-top: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
padding-bottom: 5rem
}
.referans_section .item .img img {
width: 100%;
margin: 0 auto;
border: 1px solid #e8e8e8;
height: 106px
}
.referans_section .title {
text-align: center;
padding-bottom: 60px;
top: 16px;
position: relative
}
.referans_section .title h3 {
font-weight: 700;
font-size: 37px;
position: relative;
color: #000
}
.referans_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #f5f5f5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0
}
.referans_section .title p {
font-size: 14px;
color: #525252;
display: block;
position: relative
}
.referans_section .title h3:after {
right: 0;
margin: 0 auto;
background-color: #fb0000;
position: absolute;
left: 0;
bottom: -10px;
height: 3px;
width: 70px;
content: ''
}
.referans_section .owl-dots {
display: none!important
}
.referans_section .owl-controls {
display: none!important
}
.section-title {
margin-bottom: 20px
}
.about_us .text h3::before {
content: "";
border: 3px solid #eee;
padding: 2px 26px;
background-color: #d71920;
float: left;
width: 0%;
top: 24px;
position: relative
}
.about_us .img h3::after {
content: "";
border: 3px solid #eee;
padding: 2px 26px;
background-color: #d71920;
float: left;
width: 0%;
top: 24px;
position: relative
}
footer {
width: 100%;
padding: 0;
overflow: hidden;
background: #003365;
color: #fff;
position: relative;
z-index: 2px
}
footer>.wrapper {
width: 100%!important;
margin: 0 auto
}
footer>.wrapper>.columns {
font-size: 14px;
font-weight: 200;
padding: 50px 0 80px 0;
width: 1280px;
margin: 0 auto;
position: relative;
z-index: 2;
display: flex;
flex-wrap: no-wrap;
justify-content: space-between
}
footer>.wrapper>.columns:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #003365;
border-width: 50px
}
footer>.wrapper>.columns>.cols p a {
color: #fff
}
footer>.wrapper>.columns>.cols {
width: 23%;
display: block;
font-size: 20px;
color: #fff
}
footer>.wrapper>.columns>.cols>p {
margin: 0;
padding: 0;
font-size: 15px
}
footer>.wrapper>.columns>.cols>a {
color: #fff;
font-weight: 300;
font-size: 16px;
display: block;
text-decoration: none
}
footer>.wrapper>.columns>.cols>a:hover {
color: #fff
}
footer>.wrapper>.columns>.cols>.fheader {
display: block;
overflow: hidden;
color: #fff;
font-weight: 600;
padding: 0;
font-size: 20px;
margin: 0 0 25px 0
}
footer>.wrapper>.columns>.cols>.fheader.last {
margin: 25px 0 0 0
}
footer .social {
display: block;
overflow: hidden
}
footer .social a {
display: inline-block;
font-size: 30px;
width: 40px;
height: 40px;
line-height: 40px;
margin: 15px 5px 0 0;
color: #fff;
transition: .3s;
-webkit-transition: .3s;
overflow: hidden;
position: relative;
font-weight: 100!important
}
footer .social a:hover {
color: #ed1c24
}
footer .social a:after,
footer .social a:before {
display: block;
position: absolute;
idth: 30px;
height: 30px;
overflow: hidden;
line-height: 30px;
transition: .2s;
-webkit-transition: .2s
}
footer .social a:before {
-webkit-transform: scale(1);
transform: scale(1)
}
footer .social a:after {
-webkit-transform: scale(0);
transform: scale(0)
}
footer .social a:hover:after {
-webkit-transform: scale(1);
transform: scale(1)
}
footer .social a:hover:before {
-webkit-transform: scale(0);
transform: scale(0)
}
.subscribe {
display: block;
width: 100%;
overflow: hidden;
margin: 0
}
.subscribe>form {
height: 50px;
width: 100%;
display: block;
margin: 0;
overflow: hidden;
background: #888;
border: 1px solid #a6a6a6
}
.subscribe>form input[type=text] {
width: 70%;
float: left;
border: none;
background: 0 0;
height: 50px;
line-height: 45px;
font-size: 16px;
padding: 0 20px;
color: #fff
}
.subscribe>form button {
float: right;
border: none;
background: 0 0;
height: 47px;
padding: 0 15px;
font-size: 22px;
color: #fff;
position: relative;
cursor: pointer
}
.subscribe>form button:after {
font-family: ElegantIcons;
content: "\e010"
}
#map_container {
width: 100%;
height: 400px;
filter: gray;
opacity: .9
}
div#bottom {
width: 100%;
height: 90px;
line-height: 90px;
margin: 0;
padding: 0;
font-size: 18px;
display: block;
background: #f7f7f7;
text-align: center;
position: relative;
z-index: 1;
font-weight: 600;
overflow: hidden;
border-top: 1px solid #fff
}
div#bottom>.wrapper {
width: 1280px;
display: block;
margin: 0 auto;
text-align: center
}
div#bottom>.wrapper .webtasarim {
display: inline-block;
float: left;
margin: 25px 0 0 0
}
div#bottom>.wrapper .webtasarim a {
width: 40px;
height: 42px;
display: block;
overflow: hidden;
background: url("assets/img/globalmedya.png") 0 0 no-repeat;
background-size: 40px;
opacity: 100
}
div#bottom>.wrapper .webtasarim a:hover {
filter: gray;
-webkit-filter: grayscale(50%)
}
div#bottom>.wrapper .copyright {
float: right;
display: inline-block
}
div#bottom>.wrapper .copyright span {
color: #777
}
.harita {
width: 100%;
height: 400px
}
.banner_top {
width: 100%;
height: 163px;
background-color: #fff;
display: block;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
margin-top: 110px;
position: relative;
text-align: center;
}
.banner_top::after {
content: " "
}
.banner_top .content {
display: block;
height: 100%
}
.banner_top .content h3 {
color: #fff;
margin-top: 0;
font-weight: 700;
text-transform: uppercase;
width: 100%;
font-size: 34px;
display: block;
padding-top: 90px
}
.banner_top .content h1 {
color: #fff;
margin-top: 0;
font-weight: 700;
text-transform: uppercase;
width: 100%;
font-size: 34px;
display: block;
padding-top: 90px
}
.page_content {
padding-top: 3rem;
padding-bottom: 6rem
}
.page_content .form_section {
width: 60%;
background: #fafafa;
padding: 30px
}
.page_content .form_section h4 {
font-size: 18px;
font-weight: 500;
color: #979797
}
.page_content .form_section h3 {
font-weight: 600;
padding-bottom: 20px;
font-size: 23px
}
.page_content .form_section .row {
padding-bottom: 20px
}
.page_content .form_section form label {
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px
}
.page_content .form_section form input {
width: 100%;
padding: 9px 9px;
border: 1px solid #dfdfdf;
font-size: 15px;
border-radius: 3px
}
.page_content .form_section form textarea {
width: 100%;
border: 1px solid #dfdfdf;
padding: 10px;
border-radius: 3px
}
.page_content .form_section .btn-style-two {
position: relative;
display: inline-block;
text-align: center;
letter-spacing: .05em;
background: #585858;
color: #fff;
border-radius: 0;
overflow: hidden;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease
}
.page_content .form_section .btn-style-two:hover {
color: #fff;
transition: all .3s ease
}
.page_content .form_section .btn-style-two .btn-curve {
position: absolute;
right: -10px;
top: 0;
width: 43px;
height: 100%;
background: #585858;
z-index: 0;
transform: skewX(-22deg);
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease
}
.page_content .form_section .btn-style-two:hover .btn-curve {
opacity: 1;
right: 0;
width: 100%;
transform: skewX(0);
color: #fff
}
.page_content .form_section .theme-btn i {
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px
}
.page_content .form_section .btn-style-two .btn-title {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
font-weight: 400;
padding: 4px 36px 4px;
z-index: 1;
transition: .5s
}
.page_content .info {
width: 36%;
margin-right: 40px;
margin-top: 0
}
.page_content .info h4 {
font-size: 22px;
font-weight: 600;
color: #fff;
background-color: #ea363a;
padding: 13px 10px
}
.page_content .info h3 {
font-weight: 600;
padding-bottom: 45px;
font-size: 23px
}
.page_content .info ul {
margin-top: 0;
display: block;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
position: relative;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1)
}
.page_content .info ul::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1d8";
position: absolute;
font-size: 170px;
bottom: 0;
right: 30px;
color: #f7f7f7;
z-index: 0
}
.page_content .info>ul li {
border-bottom: 1px solid #d0d0d040
}
.page_content .info ul li {
display: flex;
list-style: none;
padding: 10px 0;
position: relative;
z-index: 9
}
.page_content .info ul li:last-child {
border: 0
}
.page_content .info ul li span {
padding-right: 15px;
line-height: 30px;
color: #0d387e
}
.page_content .info ul li p {
text-align: left;
font-weight: 500;
color: #2c2c2c;
margin-bottom: 0
}
.page_content .info ul li a {
text-decoration: none;
color: #2c2c2c
}
.page_content .info .social ul {
background-color: #fafafa
}
.page_content .info .social ul::after {
display: none
}
.page_content .info .social {
margin-left: 0;
margin-top: -1px;
padding-bottom: 1px
}
.page_content .info .social>h3 {
font-size: 14px;
color: #fff;
display: inline-block;
margin-right: 10px;
margin-bottom: 0
}
.page_content .info .social ul {
margin: 0
}
.page_content .info .social ul li {
display: inline-block;
margin-top: 0
}
.page_content .info .social ul li a {
text-align: center;
margin-left: 11px;
font-size: 15px;
width: 40px;
border: 1px solid #d0d0d0;
height: 40px;
line-height: 41px;
display: inline-block
}
.page_content .info .social ul li a i {
color: #232022;
margin-top: 7px;
margin-left: 0;
font-size: 19px
}
.page_content .contact_section .map {
margin-top: 4rem;
width: 100%
}
.page_content .contact_section .map iframe {
width: 100%;
height: 350px
}
.page_content .news_section {
padding-top: 0;
width: 100%
}
.page_content .news_section .row {
margin: 0
}
.page_content .news_section .news_box_item .content .image {
height: 280px;
overflow: hidden
}
.page_content .news_section .news_box_item {
width: 30%;
box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
margin-right: 26px;
margin-top: 19px
}
.page_content .news_section .news_box_item:nth-child(1) {
margin-left: 0
}
.page_content .news_section .news_box_item:nth-child(3) {
margin-left: 0
}
.page_content .news_section .news_box_item:nth-child(6) {
margin-left: 0
}
.page_content .news_section .news_box_item:nth-child(10) {
margin-left: 0
}
.page_content .news_section .news_box_item:nth-child(13) {
margin-left: 0
}
.page_content .news_section .news_box_item .content .image {
height: 240px;
overflow: hidden
}
.page_content .news_section .news_box_item .content .image img {
width: 100%;
transition: .3s;
height: 100%
}
.page_content .news_section .news_box_item:hover img {
transform: scale(1.1) rotate(.2deg);
transition: .3s
}
.page_content .news_section .news_box_item .content .discreption {
padding: 20px
}
.page_content .news_section .news_box_item .content .discreption h3 {
font-size: 15px;
font-weight: 600;
line-height: 24px
}
.page_content .news_section .news_box_item .content .discreption p {
text-align: left;
color: #777;
font-size: 13px;
line-height: 26px;
height: 80px;
overflow: hidden
}
.page_content .news_section .news_box_item .content .discreption a {
padding: 4px 12px;
background-color: #d71921;
font-size: 13px;
color: #fff;
margin-top: 10px;
display: inline-block
}
.page_content .news_section .news_box_item .content .discreption a:hover {
background-color: #585858;
transition: .4s;
color: #fff;
text-decoration: none
}
.haber_detay {
padding-top: 30px
}
.haber_detay .images {
padding-top: 30px;
border-top: 1px dashed #cecece;
margin-top: 40px
}
.haber_detay a {
width: 14%;
display: inline-block;
margin-top: 10px;
margin-right: 10px
}
.haber_detay a img {
width: 100%
}
.page_content .sertifica_boxes_section {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.page_content .sertifica_boxes_section .item {
width: 19%;
margin: 5px
}
.page_content .sertifica_boxes_section .item .content {
height: 374px;
background-size: cover;
text-align: center;
background-repeat: no-repeat;
border: 1px solid #e4e4e4;
position: relative
}
.page_content .sertifica_boxes_section .item .content img {
width: 100%;
height: 100%
}
.page_content .sertifica_boxes_section .item .content h3 {
color: #fff;
font-size: 16px;
position: relative;
top: 46%;
font-weight: 700;
z-index: 99;
width: 90%;
margin: 0 auto;
text-shadow: 0 0 15px #000000d9
}
.page_content .text strong {
color: #000
}
.page_content .text p {
display: block;
text-align: justify;
font-size: 15px;
color: #585858
}
.page_content .perojectp_section .title {
padding: 15px 0
}
.page_content .perojectp_section .item {
width: 31%;
margin: 8px 8px 0 8px;
overflow: hidden
}
.page_content .perojectp_section .item .img {
width: 100%;
position: relative;
overflow: hidden
}
.page_content .perojectp_section .item .content {
margin-right: auto;
margin-left: auto;
width: 100%;
margin-top: -30px;
z-index: 9;
position: relative;
box-shadow: 0 0 24px rgba(0, 0, 0, .09);
margin-bottom: 20px
}
.page_content .perojectp_section .item .img img {
width: 100%;
transition: .4s;
height: 260px
}
.page_content .perojectp_section .item:hover .img img {
transform: scale(1.2) rotate(1deg);
transition: .5s
}
.page_content .perojectp_section .item .img span {
background: #d71920;
bottom: 0;
position: absolute;
padding: 7px 11px;
color: #fff;
font-size: 12px;
left: 0
}
.page_content .perojectp_section .item .img span i {
font-size: 14px
}
.page_content .perojectp_section .item .text {
padding: 13px 10px;
background-color: #fff
}
.page_content .perojectp_section .item .text h3 {
margin: 0;
color: #303030;
font-size: 14px;
font-weight: 600
}
.page_content .perojectp_section .item .button_section {
padding: 8px 10px;
border-top: 1px solid #e8e6e6;
position: relative;
overflow: hidden;
background-color: #fff
}
.page_content .perojectp_section .item .button_section:after {
position: absolute;
content: '';
width: 27%;
height: 270%;
background-color: #fb0000;
top: -20px;
right: -30px;
z-index: 9;
transition: all .5s ease;
transform: rotate(23deg);
border-radius: 100%
}
.page_content .perojectp_section .item .button_section::before {
position: absolute;
content: '';
width: 28%;
height: 270%;
background-color: #003365;
top: -20px;
right: -24px;
z-index: 9;
transition: all .5s ease;
transform: rotate(23deg);
border-radius: 100%
}
.page_content .perojectp_section .item:hover .button_section::before {
transition: all .5s ease;
right: -30px
}
.page_content .perojectp_section .item .button_section span {
transition: all .5s ease;
color: #000;
font-size: 13px;
font-weight: 600
}
.page_content .perojectp_section .item:hover .button_section span {
transition: all .5s ease
}
.page_content .perojectp_section .item .button_section span i {
top: 2px;
position: relative;
font-size: 26px;
margin-right: 10px;
display: block;
float: right;
color: #fff;
z-index: 99
}
.perojectp_section .title h3 {
font-size: 21px;
position: relative;
font-weight: 600
}
.perojectp_section .title h3:after {
content: " ";
width: 57%;
height: 3px;
background-color: #dbdbdb;
left: 230px;
position: absolute;
margin-top: 13px
}
.perojectp_section .galery_box .main_img {
height: 400px;
margin-top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
border: 1px solid #e3e3e3
}
.perojectp_section .galery_detay .galery_box .main_img a:after {
content: " ";
width: 92%;
height: 90%;
position: absolute;
margin: auto;
right: 0;
left: 0;
top: 0;
bottom: 0
}
.perojectp_section .galery_detay .galery_box .main_img a {
width: 100%;
height: 100%;
display: block
}
.perojectp_section .galery_detay .galery_box .main_img a img {
width: 100%;
height: 100%
}
.perojectp_section .items {
width: 100%
}
.perojectp_section .items .row {
margin: 0
}
.perojectp_section .items .galery_detay {
padding-left: 0;
padding-right: 40px
}
.perojectp_section .items .galery_detay .title h3:after {
right: 39px;
width: 41%
}
.perojectp_section .galery_detay .galery_box .galeri ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
padding-left: 0
}
.perojectp_section .galery_detay .galery_box .galeri ul li {
list-style: none;
width: 18%;
border: 1px solid #e1e1e1;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 8px;
margin-right: 6px
}
.perojectp_section .galery_detay .galery_box .galeri ul li a {
width: 100%;
height: 100%;
display: block
}
.perojectp_section .galery_detay .galery_box .galeri ul li a img {
width: 100%;
padding: 0
}
.perojectp_section .galery_detay .galery_box .galeri ul li a iframe {
width: 100%;
height: 48px
}
.perojectp_section .galery_detay .galery_box .video {
margin-top: 20px
}
.perojectp_section .galery_detay .galery_box .video h4 {
font-size: 15px;
border-top: 1px solid #e9e9e9;
padding: 9px 0;
color: #131313
}
.perojectp_section .galery_detay .galery_box .video ul {
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.perojectp_section .galery_detay .galery_box .video ul li {
width: 18%;
border: 1px solid #e1e1e1;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #003466;
margin-top: 8px;
margin-right: 6px
}
.perojectp_section .galery_detay .galery_box .video ul li a {
width: 100%;
height: 100%;
display: block;
text-align: center
}
.perojectp_section .galery_detay .galery_box .video ul li a span {
color: #fff;
font-size: 34px;
position: relative;
top: 19px
}
.perojectp_section .galery_detay .video_box h3 {
font-size: 15px;
margin: 0;
padding-top: 10px;
padding-left: 10px;
color: #000;
font-weight: 500
}
.perojectp_section .galery_detay .video_box {
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1
}
.perojectp_section .galery_detay ul.video_section li a {
position: relative;
display: block
}
.perojectp_section .galery_detay ul.video_section {
padding-left: 0;
padding-top: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 0
}
.perojectp_section .galery_detay ul.video_section li {
list-style: none;
width: 76px;
border: 1px solid #e1e1e1;
margin: 9px
}
.perojectp_section .galery_detay ul.video_section li a img {
width: 100%
}
.perojectp_section .galery_detay ul.video_section li a::after {
content: " ";
width: 100%;
height: 100%;
background-color: #0000002b;
background-image: url("https://www.ustunmakina.com/images/svg/play-button.png");
position: absolute;
display: block;
top: 0;
background-size: 35%;
background-position: center;
background-repeat: no-repeat
}
.perojectp_section .galery_detay .pdf_documents {
padding-top: 20px
}
.perojectp_section .galery_detay .pdf_documents h3 {
font-size: 23px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px
}
.perojectp_section .galery_detay .pdf_documents ul {
padding-left: 0;
padding-top: 10px;
display: flex;
flex-wrap: wrap
}
.perojectp_section .galery_detay .pdf_documents ul li {
list-style: none;
width: 60px;
margin: 0 3px
}
.perojectp_section .galery_detay .pdf_documents ul li a {
text-decoration: none;
display: block;
padding: 6px;
transition: .3s;
border: 1px solid #e1e1e1
}
.perojectp_section .galery_detay .pdf_documents ul li a:hover {
border: 1px solid #eb423c;
transition: .3s
}
.perojectp_section .galery_detay .pdf_documents ul li a img {
width: 65%;
margin: 0 auto;
display: block
}
.perojectp_section .bilgi_detay {
position: relative
}
.perojectp_section .bilgi_detay .title h3 {
font-size: 21px;
font-weight: 600;
position: relative
}
.perojectp_section .title h3::after {
content: " ";
width: 57%;
height: 3px;
background-color: #dbdbdb;
right: 15px;
position: absolute;
margin-top: 13px;
left: auto
}
.perojectp_section .bilgi_detay table {
margin-top: 15px
}
.perojectp_section .bilgi_detay td {
border: 1px solid #e3e3e3;
border-collapse: collapse;
font-size: 13px;
font-weight: 500
}
.perojectp_section .bilgi_detay td p {
text-align: left
}
.perojectp_section .bilgi_detay tbody tr {
transition: .3s
}
.perojectp_section .bilgi_detay tbody tr:first-child td {
background-color: #fb0000;
color: #fff;
font-size: 12px;
border: 1px solid #d30000
}
.perojectp_section .bilgi_detay tbody tr:hover {
background-color: #f4f4f4;
transition: .3s
}
.perojectp_section .bilgi_detay tbody tr:hover td {
transition: .3s
}
.perojectp_section .bilgi_detay tbody tr td p {
font-size: 13px;
color: #444;
margin: 0
}
.perojectp_section .bilgi_detay p {
display: block;
text-align: justify;
font-size: 15px;
color: #585858
}
.perojectp_section .bilgi_detay p strong {
color: #000
}