Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/dmec/public_html/_class/fonksiyon.php(1) : eval()'d code on line 515
@import "https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap"; @import url('https://fonts.googleapis.com/css?family=Cabin:400,500,700&display=swap&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,700&display=swap&subset=latin-ext'); @font-face { font-family: 'Exo 2', sans-serif; src: url(../fonts/GilroyBold.html); src: url(../fonts/GilroyBold.html) format("embedded-opentype"), url(../fonts/GilroyBold-2.html) format("woff2"), url(../fonts/GilroyBold-3.html) format("woff"), url(../fonts/GilroyBold-4.html) format("truetype"), url(../fonts/GilroyBold.svg#GilroyBold) format("svg") } body { font-family: 'Exo 2', sans-serif; font-weight: 400; font-style: normal; overflow-x: hidden; color: #999; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } img { max-width: 100% } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none } a:focus, a:hover { text-decoration: none } i, span, a { display: inline-block } h1, h2, h3, h4, h5, h6 { font-family: 'Exo 2', sans-serif; font-weight: 400; color: #002249; margin: 0 } h1 { font-size: 48px } h2 { font-size: 36px } h3 { font-size: 28px } h4 { font-size: 22px } h5 { font-size: 18px } h6 { font-size: 16px } ul, ol { margin: 0; padding: 0; list-style-type: none } p { font-size: 16px; font-weight: 400; line-height: 28px; color: #81a3bb; margin: 0 } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100% } .main-btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid #ff0015; padding: 0 30px; font-size: 16px; border-radius: 6px; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; background-color: #ff0015} .main-btn:hover { background-color: transparent; border-color: #ff0015; color: #ff0015; } .main-btn.main-btn-2 { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .2) } .main-btn.main-btn-2:hover { background-color: #ff0015; border-color: #ff0015; color: #fff } .section-title span { color: #808080; font-size: 16px; font-weight: 300; padding-bottom: 5px; z-index: 6; position: relative } .section-title .title { font-size: 50px; font-weight: 400; text-transform: capitalize; position: relative; z-index: 5; margin-bottom: 33px } @media(max-width:767px) { .section-title .title { font-size: 44px } } @media(max-width:767px) { .section-title .title { font-size: 36px } } @media only screen and (min-width:576px) and (max-width:767px) { .section-title .title { font-size: 54px } } @media only screen and (min-width:768px) and (max-width:991px) { .section-title .title::before { font-size: 145px } } @media(max-width:767px) { .section-title .title::before { font-size: 60px; bottom: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .section-title .title::before { font-size: 120px } } .section-title-2 { padding-bottom: 45px } .section-title-2 .title { font-size: 50px; margin-top: 0; padding-bottom: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .section-title-2 .title { font-size: 48px } } @media(max-width:767px) { .section-title-2 .title { font-size: 38px } } @media only screen and (min-width:576px) and (max-width:767px) { .section-title-2 .title { font-size: 57px } } .section-title-2 p { font-size: 16px } .mt-m2 { margin-top: -20px } .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #ff0015; z-index: 9999999; text-align: center } .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 40px; display: flex; align-items: center } .line { width: 5px; height: 40px; background: #fff; margin: 0 3px; border-radius: 10px; animation: loading .8s infinite } .line:nth-child(2) { animation-delay: .1s } .line:nth-child(3) { animation-delay: .2s } .line:nth-child(4) { animation-delay: .3s } .line:nth-child(5) { animation-delay: .4s } .line:nth-child(6) { animation-delay: .5s } .line:nth-child(7) { animation-delay: .6s } .line:nth-child(8) { animation-delay: .7s } @keyframes loading { 0% { height: 0 } 50% { height: 40px } 100% { height: 0 } } .header-top { position: relative; background: #ff0015} @media(max-width:767px) { .header-top { padding-left: 0; padding-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .header-top { padding-left: 30px; padding-right: 30px } } .header-top .header-left-side { position: relative } .header-top .header-left-side ul li { display: inline-block } .header-top .header-left-side ul li a { color: #fff; line-height: 40px; margin-right: 40px; font-size: 14px } @media only screen and (min-width:992px) and (max-width:1200px) { .header-top .header-left-side ul li a { margin-right: 15px } } @media(max-width:767px) { .header-top .header-left-side ul li a { margin-right: 25px } } .header-top .header-left-side::before { position: absolute; content: ''; height: 100%; width: 400px; background: #fff; top: 0; right: -70px; transform: skew(-45deg) } @media only screen and (min-width:992px) and (max-width:1200px) { .header-top .header-left-side::before { right: -220px } } @media only screen and (min-width:768px) and (max-width:991px) { .header-top .header-left-side::before { transform: skew(45deg) } } @media(max-width:767px) { .header-top .header-left-side::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .header-top .header-left-side::before { transform: skew(45deg); right: -200px; display: block } } .header-top .header-right-social { position: relative } .header-top .header-right-social ul li { display: inline-block } .header-top .header-right-social ul li a { color: #fff; margin-left: 24px; line-height: 40px } .header-top .header-right-social::before { position: absolute; content: ''; height: 100%; width: 400px; background: #fff; top: 0; left: -70px; transform: skew(45deg) } @media only screen and (min-width:992px) and (max-width:1200px) { .header-top .header-right-social::before { left: -170px } } @media(max-width:767px) { .header-top .header-right-social::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .header-top .header-right-social::before { left: -200px; display: block } } .header-nav { -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, .1); box-shadow: 0 0 18px 1px rgba(0, 0, 0, .1) } .header-nav .navigation { position: absolute; top: 40px; right: 0; left: 0; background: #fff; padding-left: 30px; padding-right: 30px; z-index: 99 } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation { top: 80px } } @media(max-width:767px) { .header-nav .navigation { top: 80px; padding-left: 0; padding-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .header-nav .navigation { padding-left: 30px; padding-right: 30px } } .header-nav .navigation.sticky { position: fixed; top: 0; left: 0; right: 0; background: #fff; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .04); z-index: 999; animation: sticky .4s } .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a { line-height: 80px } .header-nav .navigation .navbar { position: relative; padding: 0 } .header-nav .navigation .navbar .country-flag img { border: 5px solid #fff; border-radius: 6px; box-shadow: 0 8px 16px 0 rgba(60, 110, 203, .2) } .header-nav .navigation .navbar .navbar-toggler .toggler-icon { width: 30px; height: 2px; background-color: #002249; margin: 5px 0; display: block; position: relative; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px } .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) { opacity: 0 } .header-nav .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -7px } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #c5c5c5f0; z-index: 8; padding: 10px 16px; box-shadow: 0 26px 48px 0 rgba(0, 0, 0, .15) } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #c5c5c5f0; z-index: 8; padding: 10px 16px; box-shadow: 0 26px 48px 0 rgba(0, 0, 0, .15) } } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav { margin-right: 0 } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav { margin-right: 0 } } .header-nav .navigation .navbar .navbar-nav .nav-item { position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .header-nav .navigation .navbar .navbar-nav .nav-item { margin-right: 18px } } .header-nav .sticky .navbar .navbar-nav .nav-item a { color: #000 !important; } .header-nav .navigation .navbar .navbar-nav .nav-item a { font-size: 16px; font-weight: 400; padding: 0 20px; color: #fff; position: relative; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; margin: 0; line-height: 120px } @media only screen and (min-width:992px) and (max-width:1200px) { .header-nav .navigation .navbar .navbar-nav .nav-item a { font-size: 15px; padding: 0 5px } } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item a { padding: 0; display: block; border: 0; margin: 0; line-height: 40px } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item a { padding: 0; display: block; border: 0; margin: 0; line-height: 40px; color:#000; } } .header-nav .navigation .navbar .navbar-nav .nav-item a span { padding-left: 5px; font-size: 15px } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item a span { display: none } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item a span { display: none } } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu { position: absolute; left: 0; top: 110%; width: 260px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 99; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16); -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16) } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all none ease-out 0s; -moz-transition: all none ease-out 0s; -ms-transition: all none ease-out 0s; -o-transition: all none ease-out 0s; transition: all none ease-out 0s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: left; border-top: 0 } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu { position: relative !important; width: 100% !important; left: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important; display: none; right: auto; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all none ease-out 0s; -moz-transition: all none ease-out 0s; -ms-transition: all none ease-out 0s; -o-transition: all none ease-out 0s; transition: all none ease-out 0s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: left; border-top: 0 } } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li { position: relative } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-nav-toggler { color: #002249; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a { display: block; padding: 8px 24px; position: relative; color: #4f79a9; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-radius: 0; margin: 0; line-height: 30px } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i { float: right; font-size: 14px; margin-top: 5px } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i { display: none } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i { display: none } } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a .sub-nav-toggler i { display: inline-block } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu { right: auto; left: 100%; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu { padding-left: 30px } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu { padding-left: 30px } } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover .sub-menu { top: 100%; opacity: 1; visibility: visible } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover .sub-nav-toggler { color: #fff } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover>a { background-color: #ff0015; color: #fff !important } .header-nav .navigation .navbar .navbar-nav .nav-item:hover .sub-menu { opacity: 1; visibility: visible; top: 100% } .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: none } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 10px 14px; font-size: 16px; background: 0 0; border: 0; color: #002249 } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 10px 14px; font-size: 16px; background: 0 0; border: 0; color: #002249 } } @media only screen and (min-width:1200px) and (max-width:1600px) { .header-nav .navigation .navbar .navbar-btn { margin-right: 50px } } @media only screen and (min-width:992px) and (max-width:1200px) { .header-nav .navigation .navbar .navbar-btn { margin-right: 30px } } @media only screen and (min-width:768px) and (max-width:991px) { .header-nav .navigation .navbar .navbar-btn { position: absolute; right: 70px; top: 3px; margin-right: 0 } } @media(max-width:767px) { .header-nav .navigation .navbar .navbar-btn { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .header-nav .navigation .navbar .navbar-btn { position: absolute; right: 70px; top: 3px; margin-right: 0; display: block } } .header-nav .navigation .navbar .navbar-btn .main-btn { color: #fff } @media only screen and (min-width:992px) and (max-width:1200px) { .header-nav .navigation .navbar .navbar-btn .main-btn { padding: 0 30px } } .header-nav .navigation .navbar .navbar-btn .main-btn:hover { border-color: #ff0015; color: #ff0015} .header-nav .navigation .navbar .navbar-btn a { color: #002249 } @-webkit-keyframes sticky { 0% { top: -200px } 100% { top: 0 } } @keyframes sticky { 0% { top: -200px } 100% { top: 0 } } .header-area-2 { overflow: hidden } .header-area-2.header-area .header-top { position: absolute; top: 0; left: 0; right: 0; background: #d4d8dc; border-bottom: 1px solid #ffffff; z-index: 99 } @media(max-width:767px) { .header-area-2.header-area .header-top { display: block; z-index:999; } .header-area-2.header-area .header-nav .navigation{ background:#a7a7a7 !important; } .navbar-light .navbar-toggler { margin-top: 0px !important; } .header-area-2.header-area .header-top .header-left-side ul li a{ color:#000 !important; } .navbar-light .navbar-brand { margin-top: 52px !important; } .banner-area { margin-top: 100px !important; } } @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area .header-top { display: block } } .header-area-2.header-area .header-top .header-left-side::before { display: none } .header-area-2.header-area .header-top .header-left-side ul li a { color: #fff; line-height: 55px } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area .header-top .header-left-side ul li a { margin-right: 30px } } @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area .header-top .header-left-side ul li a { margin-right: 4px } } .header-area-2.header-area .header-top .header-left-side ul li a i { padding-right: 6px } .header-area-2.header-area .header-top .header-right-social::before { display: none } .header-area-2.header-area .header-top .header-right-social ul li a { color: #fff; line-height: 55px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .header-area-2.header-area .header-top .header-right-social ul li a:hover { color: #ff0015} @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area .header-top .header-right-social ul li a { margin-left: 20px } } .header-area-2.header-area .header-nav .navigation { top: 57px; background: #d0d0d0b5; } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area .header-nav .navigation { top: 70px } } @media(max-width:767px) { .header-area-2.header-area .header-nav .navigation { top: 0; padding-left: 10px; padding-right: 10px } } @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area .header-nav .navigation { top: 70px; padding-left: 30px; padding-right: 30px } } .header-area-2.header-area .header-nav .navigation .navbar .navbar-btn { margin-right: 0 } .header-area-2.header-area .header-nav .navigation .navbar .navbar-btn a { border-radius: 0 } .header-area-2.header-area .header-nav .navigation.sticky { background: #fff; top: 0 } .header-area-2.header-area .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a { line-height: 40px } .header-area-2.header-area-3 .header-nav .navigation { top: 20px; background-color: transparent } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-toggler { border-color: #fff } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-toggler span { background: #fff } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-collapse { background: #002249 } } @media(max-width:767px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-collapse { background: #002249 } } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item { margin-right: 0 } @media only screen and (min-width:992px) and (max-width:1200px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item { margin-right: 0 } } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item>a { line-height: 100px; padding-right: 55px !important; padding: 0; color: #fff } @media only screen and (min-width:992px) and (max-width:1200px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item>a { padding: 0 10px !important } } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item>a { line-height: 40px } } @media(max-width:767px) { .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item>a { line-height: 40px } } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-nav .nav-item>a .sub-nav-toggler { color: #fff } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-btn a { background-color: transparent; color: #fff; border-color: #000; border-color: rgba(245, 250, 255, .1); border-radius: 6px } .header-area-2.header-area-3 .header-nav .navigation .navbar .navbar-btn a:hover { background: #ff0015; border-color: #ff0015} .header-area-2.header-area-3 .header-nav .navigation.sticky { top: 0; background: #002249 } .header-area-2.header-area-4 .header-top { background: #fff; border-bottom: 2px solid #ebebeb } .header-area-2.header-area-4 .header-top .header-left-side ul li a { color: #616161 } .header-area-2.header-area-4 .header-top .header-left-side ul li a i { color: #ff0015} .header-area-2.header-area-4 .header-top .header-right-social ul li a { color: #aeaeae } .header-area-2.header-area-4 .header-top .header-right-social ul li a:hover { color: #ff0015} .header-area-2.header-area-4 .header-nav .navigation { background-color: #fff } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-4 .header-nav .navigation { top: 57px } } @media(max-width:767px) { .header-area-2.header-area-4 .header-nav .navigation { top: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area-4 .header-nav .navigation { top: 57px } } @media only screen and (min-width:992px) and (max-width:1200px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item { margin-right: 0 } } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a { margin: 0 18px; padding: 0; color: #555; font-size: 18px } @media only screen and (min-width:992px) and (max-width:1200px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a { font-size: 16px; margin: 0 16px } } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a { padding: 5px 0 } } @media(max-width:767px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a { padding: 5px 0 } } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before { width: 0%; height: 2px; background: #ff0015; position: absolute; content: ''; top: -2px; right: 0; left: auto; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before { display: none } } @media(max-width:767px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a::before { display: none } } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item a:hover::before { width: 100%; right: auto; left: 0 } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a { line-height: 50px; margin: 0; padding: 0 22px } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu>li a::before { display: none } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-nav .nav-item.active a::before { width: 100% } .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li { display: inline-block } .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li a { margin-right: 30px; font-size: 18px; color: #555 } .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li:first-child a { padding-left: 20px } .header-area-2.header-area-4 .header-nav .navigation .navbar .bar-area ul li:last-child a { color: #ff0015; font-size: 24px } @media only screen and (min-width:768px) and (max-width:991px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn { top: 5px } } @media only screen and (min-width:576px) and (max-width:767px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn { top: 5px } } .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn a { line-height: 55px; padding: 0 35px; border-radius: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .header-area-2.header-area-4 .header-nav .navigation .navbar .navbar-btn a { font-size: 14px; padding: 0 10px } } .header-area-2.header-area-4 .header-nav .navigation.sticky .navbar .navbar-nav .nav-item a::before { width: 0 } .banner-area-2 { margin-top: 120px } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-2 { margin-top: 50px } } @media(max-width:767px) { .banner-area-2 { margin-top: 70px } } .banner-area-2 .banner-overlay { height: 800px; background-color: rgba(0, 13, 47, .5); display: flex; align-items: center } .banner-area-2 .banner-overlay .banner-content span { font-size: 30px; color: #fff; opacity: .5; position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area-2 .banner-overlay .banner-content span { font-size: 26px } } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-2 .banner-overlay .banner-content span { font-size: 24px } } @media(max-width:767px) { .banner-area-2 .banner-overlay .banner-content span { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-2 .banner-overlay .banner-content span { font-size: 20px } } .banner-area-2 .banner-overlay .banner-content span::before { position: absolute; content: ''; height: 2px; width: 120px; left: -145px; top: 25px; background: #fff } @media(max-width:767px) { .banner-area-2 .banner-overlay .banner-content span::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-2 .banner-overlay .banner-content span::before { top: 15px; width: 100px; left: -125px } } .banner-area-2 .banner-overlay .banner-content span::after { position: absolute; content: ''; height: 2px; width: 120px; right: -145px; top: 25px; background: #fff } @media(max-width:767px) { .banner-area-2 .banner-overlay .banner-content span::after { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-2 .banner-overlay .banner-content span::after { top: 15px; width: 100px; right: -125px; display: block } } .banner-area-2 .banner-overlay .banner-content .title { font-size: 160px; color: #fff; white-space: nowrap } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area-2 .banner-overlay .banner-content .title { font-size: 110px } } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-2 .banner-overlay .banner-content .title { font-size: 110px } } @media(max-width:767px) { .banner-area-2 .banner-overlay .banner-content .title { font-size: 48px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-2 .banner-overlay .banner-content .title { font-size: 80px } } .banner-area-2 .banner-overlay .banner-content p { font-size: 24px; color: #fff; opacity: .8; margin-top: -10px; padding-bottom: 26px } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-2 .banner-overlay .banner-content p { font-size: 18px } } @media(max-width:767px) { .banner-area-2 .banner-overlay .banner-content p { font-size: 18px; padding-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-2 .banner-overlay .banner-content p { font-size: 18px; padding-top: 20px } } .banner-area-2 .banner-overlay .banner-content ul li { display: inline-block; margin: 15px } .banner-area { height: 900px; background: #a9c7ec; display: flex; align-items: center; position: relative; overflow: hidden } .banner-area::before { position: absolute; content: ''; height: 100%; width: 100%; background-image: url(../images/banner-gradient-bg.png); top: 0; left: 0; background-size: cover; background-position: center center } .banner-area .banner-content>span { font-size: 24px; color: #69a1bb } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-content>span { font-size: 20px } } @media(max-width:767px) { .banner-area .banner-content>span { font-size: 13px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area .banner-content>span { font-size: 18px } } .banner-area .banner-content .title { font-size: 80px; line-height: 90px; padding-top: 18px; padding-bottom: 0; } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-content .title { font-size: 60px; line-height: 70px } } @media(max-width:767px) { .banner-area .banner-content .title { font-size: 42px; line-height: 52px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area .banner-content .title { font-size: 60px; line-height: 70px } } .banner-area .banner-content ul li { display: inline-block; margin-right: 75px } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-content ul li { margin-right: 40px } } @media(max-width:767px) { .banner-area .banner-content ul li { margin-bottom: 40px; margin-right: 0; display: block } } .banner-area .banner-content ul li:last-child { margin-right: 0 } .banner-area .banner-content ul li a span { height: 80px; width: 80px; border-radius: 50%; background: #fff; text-align: center; line-height: 73px; margin-right: 30px; box-shadow: 0 8px 16px 0 rgba(0, 109, 232, .1); position: relative; border: 4px solid transparent; border-top-color: #ff4f74; border-bottom-color: #ff4f74 } .banner-area .banner-content ul li a span::before { position: absolute; content: ''; height: 5px; width: 5px; border-radius: 50%; left: -5px; top: 50%; transform: translateY(-50%); background: #ff4f74 } .banner-area .banner-content ul li a span::after { position: absolute; content: ''; height: 5px; width: 5px; border-radius: 50%; right: -5px; top: 50%; transform: translateY(-50%); background: #ff4f74 } .banner-area .banner-content ul li a span i { height: 60px; width: 60px; border-radius: 50%; background: #f5faff; line-height: 60px; color: #ff4f74 } .banner-area .banner-content ul li a p { display: inline-block; font-size: 24px; color: #232323; font-weight: 700 } .banner-area .banner-content ul li a.btn-2 span { border-top-color: #ff0015; border-bottom-color: #ff0015} .banner-area .banner-content ul li a.btn-2 span::before { background: #ff0015} .banner-area .banner-content ul li a.btn-2 span::after { background: #ff0015} .banner-area .banner-content ul li a.btn-2 span i { color: #ff0015} .banner-area .banner-shape { position: absolute; right: -70px; bottom: -222px; height: 630px; width: 630px; background: #f3faff; border-radius: 50%; border: 60px solid #ebf4ff; z-index: 1 } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-shape { height: 500px; width: 500px; border: 60px solid #ebf4ff } } .banner-area .banner-shape::before { position: absolute; content: ''; top: 50%; left: 50%; height: 400px; width: 400px; border-radius: 50%; background: #fff; z-index: -1; transform: translate(-50%, -50%) } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-shape::before { height: 300px; width: 300px } } .banner-area .banner-shape img { position: absolute; top: -135px; left: 0 } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area .banner-shape img { top: -81px } } .banner-area-3 .banner-overlay { background-color: rgba(0, 16, 52, .9); height: 900px; position: relative; z-index: 10; display: flex; align-items: center } @media(max-width:767px) { .banner-area-3 .banner-overlay { height: 700px } } .banner-area-3 .banner-overlay .item-1 { position: absolute; top: 0; left: 0; width: 50%; z-index: -1 } .banner-area-3 .banner-overlay .item-2 { position: absolute; top: 0; right: 0; width: 33%; z-index: -1 } .banner-area-3 .banner-overlay .banner-content span { font-size: 30px; color: #fff; opacity: .8; position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area-3 .banner-overlay .banner-content span { font-size: 26px } } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-3 .banner-overlay .banner-content span { font-size: 24px } } @media(max-width:767px) { .banner-area-3 .banner-overlay .banner-content span { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-3 .banner-overlay .banner-content span { font-size: 20px } } .banner-area-3 .banner-overlay .banner-content span::before { position: absolute; content: ''; height: 2px; width: 120px; left: -145px; top: 25px; background: #fff } @media(max-width:767px) { .banner-area-3 .banner-overlay .banner-content span::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-3 .banner-overlay .banner-content span::before { top: 15px; width: 100px; left: -125px } } .banner-area-3 .banner-overlay .banner-content span::after { position: absolute; content: ''; height: 2px; width: 120px; right: -145px; top: 25px; background: #fff } @media(max-width:767px) { .banner-area-3 .banner-overlay .banner-content span::after { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-3 .banner-overlay .banner-content span::after { top: 15px; width: 100px; right: -125px; display: block } } .banner-area-3 .banner-overlay .banner-content .title { font-size: 160px; color: #fff; white-space: nowrap } @media only screen and (min-width:992px) and (max-width:1200px) { .banner-area-3 .banner-overlay .banner-content .title { font-size: 110px } } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-3 .banner-overlay .banner-content .title { font-size: 110px } } @media(max-width:767px) { .banner-area-3 .banner-overlay .banner-content .title { font-size: 48px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-3 .banner-overlay .banner-content .title { font-size: 80px } } .banner-area-3 .banner-overlay .banner-content p { font-size: 24px; color: #fff; opacity: .8; margin-top: -10px; padding-bottom: 26px } @media only screen and (min-width:768px) and (max-width:991px) { .banner-area-3 .banner-overlay .banner-content p { font-size: 18px } } @media(max-width:767px) { .banner-area-3 .banner-overlay .banner-content p { font-size: 18px; padding-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .banner-area-3 .banner-overlay .banner-content p { font-size: 18px; padding-top: 20px } } .brand-area { margin-top: -150px; z-index: 99; position: absolute; width: 100%; padding-left: 30px; padding-right: 30px } .brand-area .brand-item img { opacity: .3; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .brand-area .brand-item img:hover { opacity: 1 } .page-title-area { height: 330px; position: relative } @media only screen and (min-width:576px) and (max-width:767px) { .page-title-area { height: 500px } } @media(max-width:767px) { .page-title-area { height: auto; } .page-title-area .page-title-item { padding-top: 80px !important; } .alignleft { max-width: 100% !important; } .tablo-dokuman.gecmis.mavi-th th { padding: 10px 0; } .tablo-dokuman table tr:first-child th { text-align: center; } .tablo-dokuman table tr:first-child th { font-size: 12px; line-height: normal !important; padding-left: 0 !important; } .tablo-dokuman table tr:first-child th:first-child a { padding: 0; } .tablo-dokuman tr td { height: 40px; padding: 10px 0; text-align: left; } .gecmis tr td { font-size: 11px !important; text-align: center; line-height: normal !important; } .tablo-dokuman tr td+td { text-align: center; padding-left: 0 !important; } .comment_box { box-sizing: border-box; padding: 15px !important; } .comment_box_left { width: 40px !important; } .comment_profile_box { width: 50px !important; } .comment_profile_box .profile_box { width: 100% !important; } .comment_profile_box .profile_box img { width: 100% !important; height: auto; } .comment_box_right { width: calc(100% - 70px) !important; } .comment_box_right .comment_box_right_title span { width: 100% !important; display: block !important; float: right !important; margin-bottom: 20px !important; } .comment_box_right p { font-size: 14px !important; line-height: 18px !important; } .main-btn { width: 100%; } .beyazfiltre { } .bg_cover { background-position: center center; background-size: 100%; } .banner-area { height: auto !important; } .brand-area{ margin-top:-88px; z-index: 1; } .single-banner .banner-overlay .banner-content a{ width:auto; } .brand-item a img{ max-width:100% !important; } .about-area .about-item ul li{ display:block !important; } } .brand-item a img{ max-width:270px; } .page-title-area::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #a7a7a7; background-repeat: no-repeat; background-size: cover; background-position: center } .page-title-area .page-title-item { padding-top: 190px } .page-title-area .page-title-item .title { font-size: 50px; color:#fff; } @media(max-width:767px) { .page-title-area .page-title-item .title { font-size: 20px; margin-top: 10px; } } @media only screen and (min-width:576px) and (max-width:767px) { .page-title-area .page-title-item .title { font-size: 80px } } .page-title-area .page-title-item nav { display: inline-block } .page-title-area .page-title-item nav .breadcrumb { padding: 0; background-color: transparent } .page-title-area .page-title-item nav .breadcrumb li { color: #69a1bb; font-size: 17px; font-weight: 700 } @media(max-width:767px) { .page-title-area .page-title-item nav .breadcrumb li { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .page-title-area .page-title-item nav .breadcrumb li { font-size: 24px } } .page-title-area .page-title-item nav .breadcrumb li a { color: #69a1bb } .page-title-area .page-title-item nav .breadcrumb li.breadcrumb-item.active::before { content: '|'; color: #69a1bb } .single-banner { margin-top: 0; } @media only screen and (min-width:768px) and (max-width:991px) { .single-banner { margin-top: 127px } } @media(max-width:767px) { .single-banner { margin-top: 0px } } @media only screen and (min-width:576px) and (max-width:767px) { .single-banner { margin-top: 127px } } .single-banner .banner-overlay { display: flex; align-items: center; height: 550px; } @media(max-width:767px) { .single-banner .banner-overlay { height: 280px !important; margin-top: 100px !important; display: block; } } .single-banner .banner-overlay .banner-content { overflow: hidden } .single-banner .banner-overlay .banner-content span { color: #fff; font-size: 24px; font-weight: 400; text-transform: capitalize; letter-spacing: 2px; padding-bottom: 10px } @media(max-width:767px) { .single-banner .banner-overlay .banner-content span { font-size: 16px } } @media only screen and (min-width:576px) and (max-width:767px) { .single-banner .banner-overlay .banner-content span { font-size: 18px } } .single-banner .banner-overlay .banner-content .title { font-size: 50px; color: #fff; line-height: normal; } @media only screen and (min-width:992px) and (max-width:1200px) { .single-banner .banner-overlay .banner-content .title { font-size: 70px; line-height: 80px } } @media only screen and (min-width:768px) and (max-width:991px) { .single-banner .banner-overlay .banner-content .title { font-size: 80px; line-height: 90px } } @media(max-width:767px) { .single-banner .banner-overlay .banner-content .title { font-size: 15px; line-height: normal; } } @media only screen and (min-width:576px) and (max-width:767px) { .single-banner .banner-overlay .banner-content .title { font-size: 56px; line-height: 66px } } .single-banner .banner-overlay .banner-content p { font-weight: 300; font-size: 17px; color: #fff; padding-right: 30px; padding-top: 40px; padding-bottom: 45px } @media only screen and (min-width:768px) and (max-width:991px) { .single-banner .banner-overlay .banner-content p { font-size: 16px } } @media(max-width:767px) { .single-banner .banner-overlay .banner-content p { font-size: 14px; padding-right: 0; padding-top: 5px; padding-bottom: 5px; } } @media only screen and (min-width:576px) and (max-width:767px) { .single-banner .banner-overlay .banner-content p { font-size: 16px; padding-right: 0 } } .single-banner .banner-overlay .banner-content a { background: #fff; color: #ff0015; border-color: #fff; font-size: 15px; font-weight: 400; padding: 0 40px } .single-banner .banner-overlay .banner-content a i { padding-left: 6px } .banner-active .slick-arrow { position: absolute; top: 50%; height: 60px; width: 60px; text-align: center; line-height: 60px; border-radius: 50%; background: #fff; color: #ff0015; z-index: 2; font-size: 40px; cursor: pointer; transform: translateY(-50%) } .banner-active .slick-arrow i { margin-top: 10px; display: inherit; margin-right: 2px } .banner-active .slick-arrow.prev { left: 20px } .banner-active .slick-arrow.next { right: 20px } .services-area .single-services { border: 2px solid #e3eeff; padding: 75px 33px; position: relative; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .services-area .single-services { padding: 60px 28px } } @media(max-width:767px) { .services-area .single-services { padding: 30px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-area .single-services { padding: 40px 33px } } .services-area .single-services .title { font-size: 36px; padding-top: 35px; padding-bottom: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-area .single-services .title { font-size: 26px } } @media only screen and (min-width:768px) and (max-width:991px) { .services-area .single-services .title { font-size: 26px } } @media(max-width:767px) { .services-area .single-services .title { font-size: 26px } } .services-area .single-services a { font-weight: 400; text-transform: capitalize; color: #81a3bb; margin-top: 15px } .services-area .single-services::before { position: absolute; content: '01'; font-size: 200px; color: #f5f6f7; right: 18px; bottom: -45px; font-family: 'Exo 2', sans-serif; font-weight: 400; z-index: -1 } @media only screen and (min-width:992px) and (max-width:1200px) { .services-area .single-services::before { font-size: 150px; bottom: -33px } } @media(max-width:767px) { .services-area .single-services::before { font-size: 100px; bottom: -10px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-area .single-services::before { font-size: 150px; bottom: -33px } } .services-area .single-services.single-services-2::before { content: '02' } .services-area .single-services.single-services-3::before { content: '03' } .video-area { padding-top: 120px; padding-bottom: 310px; position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .video-area { padding-bottom: 250px } } @media only screen and (min-width:576px) and (max-width:767px) { .video-area { padding-bottom: 390px } } .video-area .video-item { text-align: center } .video-area .video-item a { height: 100px; width: 100px; border-radius: 50%; text-align: center; line-height: 100px; color: #fff; background: #0041af; border: 2px solid #0041af; font-size: 24px; position: relative } .video-area .video-item a::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; border: 2px solid #e3eeff; -webkit-animation: play-btn-1 2.5s linear infinite; -moz-animation: play-btn-1 2.5s linear infinite; -o-animation: play-btn-1 2.5s linear infinite; animation: play-btn-1 2.5s linear infinite } .video-area .video-item a::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; border: 2px solid #e3eeff; -webkit-animation: play-btn-2 1.5s linear infinite; -moz-animation: play-btn-2 1.5s linear infinite; -o-animation: play-btn-2 1.5s linear infinite; animation: play-btn-2 1.5s linear infinite } .video-area .video-item span { padding-top: 114px; padding-bottom: 2px; font-weight: 400; color: rgba(255, 255, 255, .8); text-transform: uppercase } .video-area .video-item .title { color: #fff; text-transform: capitalize; font-weight: 400; font-size: 80px; line-height: 90px; padding-bottom: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .video-area .video-item .title { font-size: 70px } } @media only screen and (min-width:768px) and (max-width:991px) { .video-area .video-item .title { font-size: 65px; line-height: 65px } } @media(max-width:767px) { .video-area .video-item .title { font-size: 30px; line-height: 44px } } @media only screen and (min-width:576px) and (max-width:767px) { .video-area .video-item .title { font-size: 50px; line-height: 60px } } .video-area .video-thumb-1 { position: absolute; top: -40px; left: 30px; text-align: left } .video-area .video-thumb-1 img { width: 100% } @media only screen and (min-width:768px) and (max-width:991px) { .video-area .video-thumb-1 img { width: 65% } } @media(max-width:767px) { .video-area .video-thumb-1 img { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .video-area .video-thumb-1 img { width: 40%; display: inline-block } } .video-area .video-thumb-2 { position: absolute; top: -70px; right: 30px; text-align: right } .video-area .video-thumb-2 img { width: 100% } @media only screen and (min-width:768px) and (max-width:991px) { .video-area .video-thumb-2 img { width: 65% } } @media(max-width:767px) { .video-area .video-thumb-2 img { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .video-area .video-thumb-2 img { width: 50%; display: inline-block } } @keyframes play-btn-1 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes play-btn-2 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } } .portfolio-area { padding-bottom: 85px; margin-top: -250px; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-area { margin-top: -196px } } @media only screen and (min-width:768px) and (max-width:991px) { .portfolio-area { margin-top: -223px } } @media(max-width:767px) { .portfolio-area { margin-top: -189px } } @media only screen and (min-width:576px) and (max-width:767px) { .portfolio-area { margin-top: -345px } } .portfolio-area .single-portfolio .portfolio-thumb img { width: 100% } .portfolio-area .single-portfolio .portfolio-content { padding: 40px; box-shadow: 0 8px 16px 0 rgba(60, 110, 203, .1) } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-area .single-portfolio .portfolio-content { padding: 40px 20px } } @media(max-width:767px) { .portfolio-area .single-portfolio .portfolio-content { padding: 40px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .portfolio-area .single-portfolio .portfolio-content { padding: 40px } } .portfolio-area .single-portfolio .portfolio-content span { font-size: 14px; font-weight: 400; text-transform: uppercase; color: #ff0015; letter-spacing: 2px; padding-bottom: 5px } .portfolio-area .single-portfolio .portfolio-content .title { font-size: 23px; line-height: 34px; padding-bottom: 15px } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-area .single-portfolio .portfolio-content .title { font-size: 19px } } @media only screen and (min-width:768px) and (max-width:991px) { .portfolio-area .single-portfolio .portfolio-content .title { font-size: 19px } } @media(max-width:767px) { .portfolio-area .single-portfolio .portfolio-content .title { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .portfolio-area .single-portfolio .portfolio-content .title { font-size: 26px } } .portfolio-area .portfolio-active .slick-arrow { position: absolute; top: 54%; height: 70px; width: 70px; text-align: center; color: #fff; text-align: center; line-height: 70px; z-index: 99; background-color: transparent; border-radius: 50%; border: 2px solid #f4f8ff; cursor: pointer; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .portfolio-area .portfolio-active .slick-arrow:hover { background: #ff0015; border-color: #ff0015} .portfolio-area .portfolio-active .slick-arrow:hover i { color: #fff } .portfolio-area .portfolio-active .slick-arrow i { color: #ff0015; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .portfolio-area .portfolio-active .slick-arrow.prev { left: -70px } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-area .portfolio-active .slick-arrow.prev { left: -270px } } .portfolio-area .portfolio-active .slick-arrow.next { right: -70px } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-area .portfolio-active .slick-arrow.next { right: -270px } } .faq-area { padding-bottom: 120px } .faq-area .section-title .title { padding-bottom: 10px } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-area .section-title .title { font-size: 56px } } @media(max-width:767px) { .faq-area .section-title .title { font-size: 34px } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-area .section-title .title { font-size: 54px } } .faq-area .faq-accordion .accordion { border: 2px solid #e3eeff } .faq-area .faq-accordion .accordion .card { border-radius: 0; border: 0; border-top: 2px solid #e3eeff } .faq-area .faq-accordion .accordion .card:first-child { border-top: 0 } .faq-area .faq-accordion .accordion .card .card-header { border-bottom: 0; padding: 0; margin: 0; background-color: transparent } .faq-area .faq-accordion .accordion .card .card-header a { line-height: 60px; padding: 0 0 0 40px; text-decoration: none; font-weight: 400; color: #002249; font-size: 16px; width: 100%; color: #ff0015; position: relative } @media(max-width:767px) { .faq-area .faq-accordion .accordion .card .card-header a { padding: 10px 30px 10px 20px; line-height: 20px; font-size: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-area .faq-accordion .accordion .card .card-header a { padding: 0 0 0 40px; line-height: 60px; font-size: 16px } } .faq-area .faq-accordion .accordion .card .card-header a.collapsed { color: #002249 } .faq-area .faq-accordion .accordion .card .card-header a.collapsed::before { content: '\f063'; color: #cddae8 } .faq-area .faq-accordion .accordion .card .card-header a::before { position: absolute; content: '\f062'; right: 36px; font-family: 'font awesome 5 pro' } @media(max-width:767px) { .faq-area .faq-accordion .accordion .card .card-header a::before { right: 18px } } .faq-area .faq-accordion .accordion .card .card-body { padding: 0 40px 14px !important } @media(max-width:767px) { .faq-area .faq-accordion .accordion .card .card-body { padding: 0 40px 14px 20px !important } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-area .faq-accordion .accordion .card .card-body { padding: 0 40px 14px !important } } .faq-area .faq-accordion .accordion .card .card-body p { margin-top: -10px; font-size: 14px } .faq-area .faq-accordion .accordion .card.show .card-body { padding: 0 40px 14px !important } .faq-area .faq-accordion .accordion .card.show .card-body p { margin-top: -10px; font-size: 14px } .faq-area .single-faq { border: 2px solid #e3eeff; padding: 34px 38px; position: relative; z-index: 10; overflow: hidden } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-area .single-faq { padding: 34px 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .faq-area .single-faq { margin-top: 40px } } @media(max-width:767px) { .faq-area .single-faq { margin-top: 40px } } .faq-area .single-faq .title { color: #ff0015; font-size: 16px } .faq-area .single-faq .title span { font-size: 50px } .faq-area .single-faq>span { font-size: 25px; font-weight: 700 } .faq-area .single-faq p { font-size: 14px; padding-top: 15px } .faq-area .single-faq i { font-size: 120px; position: absolute; top: 10px; right: 15px; color: #f6fbff; z-index: -1 } .faq-area.faq-area-3 .section-title .title::before { display: none } .faq-area.faq-area-3 .faq-thumb { margin-top: 35px } .faq-area.faq-area-3 .faq-thumb .faq-thumb-1 { padding-right: 40px; position: relative } .faq-area.faq-area-3 .faq-thumb .faq-thumb-1::before { position: absolute; content: ''; height: 90px; width: 90px; border-radius: 50%; background: #edf4ff; right: -6px; bottom: -43px; z-index: -1 } .faq-area.faq-area-3 .faq-thumb .faq-thumb-2 { margin-top: -220px; position: relative; z-index: 5 } .faq-area.faq-area-3 .faq-thumb .faq-thumb-2 img { border: 15px solid #f5faff } .team-area { padding-bottom: 300px } .team-area .section-title .title { margin-bottom: 45px } .team-area .section-title .title::before { content: 'Team'; color: #eaf2f8 } .team-area .single-team .team-thumb { position: relative; text-align: center } .team-area .single-team .team-thumb img { border: 15px solid #fff; border-radius: 50%; width: 100% } .team-area .single-team .team-thumb::before { position: absolute; content: ''; height: 100%; width: 100%; border-radius: 50%; top: 0; left: 0; z-index: 5; border-left: 5px solid #ff0015; border-bottom: 5px solid #ff0015; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; transform: rotate(0deg) } .team-area .single-team .team-content .title { font-size: 24px; padding-top: 33px } @media only screen and (min-width:768px) and (max-width:991px) { .team-area .single-team .team-content .title { font-size: 20px } } @media only screen and (min-width:992px) and (max-width:1200px) { .team-area .single-team .team-content .title { font-size: 20px } } .team-area .single-team .team-content span { font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; color: #ff0015; padding-top: 6px; padding-bottom: 15px } .team-area .single-team:hover .team-thumb::before { transform: rotate(180deg) } .action-area { padding-left: 30px; padding-right: 30px; } @media(max-width:767px) { .action-area { padding-left: 0; padding-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .action-area { padding-left: 30px; padding-right: 30px } } .action-area .action-overlay { background: #002249; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 30px; padding: 93px 0 83px } .action-area .action-bg { padding-left: 35px; padding-right: 35px } @media(max-width:767px) { .action-area .action-bg { padding-left: 0; padding-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .action-area .action-bg { padding-left: 30px; padding-right: 30px } } .action-area .action-bg .action-content span { color: #fff } .action-area .action-bg .action-content .title { font-size: 70px; color: #fff } @media only screen and (min-width:992px) and (max-width:1200px) { .action-area .action-bg .action-content .title { font-size: 54px } } @media only screen and (min-width:768px) and (max-width:991px) { .action-area .action-bg .action-content .title { font-size: 54px } } @media(max-width:767px) { .action-area .action-bg .action-content .title { font-size: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .action-area .action-bg .action-content .title { font-size: 46px } } @media only screen and (min-width:768px) and (max-width:991px) { .action-area .action-bg .action-btn { margin-top: 20px } } @media(max-width:767px) { .action-area .action-bg .action-btn { margin-top: 20px } } .action-area .action-bg .action-btn i { padding-right: 6px } .blog-area .section-title .title::before { content: 'news' } .blog-area .single-blog { border: 10px solid #e3eeff; padding: 40px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-area .single-blog { padding: 40px 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-area .single-blog { padding: 40px 20px } } @media(max-width:767px) { .blog-area .single-blog { padding: 40px 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-area .single-blog { padding: 40px } } .blog-area .single-blog ul li { display: inline-block; font-size: 14px; padding-right: 15px } .blog-area .single-blog ul li i { color: #ff0015; padding-right: 6px } .blog-area .single-blog .title { font-size: 22px; padding-top: 8px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-area .single-blog .title { font-size: 19px } } @media(max-width:767px) { .blog-area .single-blog .title { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-area .single-blog .title { font-size: 22px } } .blog-area .single-blog .title a { color: #002249 } .blog-area .single-blog p { font-size: 14px; padding-top: 20px; padding-bottom: 7px } .blog-area .single-blog>a { color: #81a3bb; font-weight: 400; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .blog-area .single-blog:hover { border-color: #ff0015} .blog-area .single-blog:hover>a { color: #ff0015} .footer-area .widget-item-1 p { padding-right: 20px; padding-top: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .footer-area .widget-item-1 p { padding-right: 0 } } @media only screen and (min-width:768px) and (max-width:991px) { .footer-area .widget-item-1 p { padding-right: 0 } } @media(max-width:767px) { .footer-area .widget-item-1 p { padding-right: 0 } } .footer-area .widget-item-2 .title { text-transform: capitalize; font-weight: 400; font-size: 25px; padding-bottom: 17px } .footer-area .widget-item-2 .footer-list { display: flex } .footer-area .widget-item-2 .footer-list ul { display: inline-block } .footer-area .widget-item-2 .footer-list ul li { line-height: 35px; } @media only screen and (min-width:992px) and (max-width:1200px) { .footer-area .widget-item-2 .footer-list ul li { margin-right: 20px } } .footer-area .widget-item-2 .footer-list ul li a { color: #81a3bb; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .footer-area .widget-item-2 .footer-list ul li a i { padding-right: 6px } .footer-area .widget-item-2 .footer-list ul li a:hover { color: #ff0015} .footer-area .widget-item-2.widget-item-3 ul { margin-top: 7px } .footer-area .widget-item-2.widget-item-3 ul li { line-height: 36px; font-size: 20px; font-weight: 400 } @media only screen and (min-width:992px) and (max-width:1200px) { .footer-area .widget-item-2.widget-item-3 ul li { font-size: 18px } } @media(max-width:767px) { .footer-area .widget-item-2.widget-item-3 ul li { font-size: 18px } } .footer-area .widget-item-2.widget-item-3 p { padding-top: 0px } @media only screen and (min-width:768px) and (max-width:991px) { .footer-area .widget-item-2.widget-item-3 p { padding-right: 40px } } .footer-area .widget-item-2.widget-item-3 p span { font-weight: 400; color: #002249 } .footer-area .widget-item-2.widget-item-3 a { margin-top: 8px; color: #81a3bb; font-weight: 700 } .footer-area .widget-item-2.widget-item-3 a i { padding-right: 6px } .footer-area .widget-item-2.widget-item-3 a:hover { color: #ff0015; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .footer-area .footer-copyright { border-top: 1px solid #e2edf3; margin-top: 100px; text-align: center } .footer-area .footer-copyright p span { font-weight: 400; color: #002249; line-height: 55px } .footer-area.footer-area-2 { overflow: hidden } .footer-area.footer-area-2 .footer-overlay { background: #a7a7a7a8; padding-top: 25px } .gray-bg { background: #f7f7f7; } .footer-area.footer-area-2 .footer-overlay .widget-item-1 p { color: #c2d1e2; line-height: 23px; } .footer-area.footer-area-2 .footer-overlay .widget-item-2 .title { color: #fff } .footer-area.footer-area-2 .footer-overlay .widget-item-2 .footer-list ul li a { color: #c2d1e2 } .footer-area.footer-area-2 .footer-overlay .widget-item-2 .footer-list ul li a:hover { color: #fff; } .footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 ul li { color: #c2d1e2 } .footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 p { color: #c2d1e2; line-height: 23px; } .footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 p span { color: #fff } .footer-area.footer-area-2 .footer-overlay .widget-item-2.widget-item-3 a { color: #ff0015} .footer-area.footer-area-2 .footer-copyright { border-top: 1px solid rgba(255, 255, 255, .2) } .footer-area.footer-area-2 .footer-copyright p { color: #c2d1e2; padding: 10px 0px; } .footer-area.footer-area-2 .footer-copyright p span { color: #fff } .footer-area.footer-area-2 .shape-1 { position: absolute; left: -50%; bottom: -85%; height: 700px; width: 700px; border-radius: 50%; background: #a7a7a7b6; } .footer-area.footer-area-2 .shape-2 { position: absolute; right: -10%; bottom: 14%; height: 105px; width: 105px; border-radius: 50%; background: #a7a7a7b6; } @media(max-width:767px) { .footer-area.footer-area-2 .shape-2 { right: -30% } } @media only screen and (min-width:576px) and (max-width:767px) { .footer-area.footer-area-2 .shape-2 { bottom: 5% } } .footer-area.footer-area-2 .shape-3 { position: absolute; right: -3%; bottom: 33%; height: 33px; width: 33px; border-radius: 50%; background-color: #ff001575; } .footer-area.footer-area-2.footer-area-3 .footer-overlay { background-color: #00152e } .footer-area.footer-area-2.footer-area-1 .footer-overlay { background-color: #00152e } .back-to-top { position: fixed; right: 30px; bottom: 30px; display: none; z-index: 999999 } .back-to-top a { color: #fff; background: #ff0015; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 20px } .about-area .about-thumb { position: relative; z-index: 5 } @media only screen and (min-width:992px) and (max-width:1200px) { .about-area .about-thumb::before { height: 500px; width: 500px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-area .about-thumb::before { height: 500px; width: 500px; top: 85px } } @media(max-width:767px) { .about-area .about-thumb::before { display: none } } .about-area .about-item { padding-left: 30px; position: relative } @media(max-width:767px) { .about-area .about-item { padding-left: 0 } } .about-area .about-item>span { color: #ff0015; font-weight: 400; letter-spacing: 2px; text-transform: uppercase } .about-area .about-item .title { font-size: 45px; padding-bottom: 15px; color: #757575; font-weight:400; } @media(max-width:767px) { .about-area .about-item .title { font-size: 38px; line-height: 48px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-area .about-item .title { font-size: 50px; line-height: 60px } } .about-area .about-item p { color: #69a1bb } .about-area .about-item .about-experience { display: flex; align-items: center; margin-top: 10px; margin-bottom: 28px } .about-area .about-item .about-experience h3 { font-weight: 400; color: #ff0015; font-size: 100px; font-family: 'Exo 2', sans-serif; padding-right: 15px; position: relative } .about-area .about-item .about-experience h3::before { position: absolute; content: ''; width: 0; height: 0; border-top: 30px solid #ff0015; border-right: 30px solid transparent; left: -48px; top: 23px } .about-area .about-item .about-experience span { font-size: 30px; line-height: 40px; font-family: 'Exo 2', sans-serif; font-weight: 400; color: #002249; text-transform: capitalize } @media(max-width:767px) { .about-area .about-item .about-experience span { font-size: 26px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-area .about-item .about-experience span { font-size: 30px } } .about-area .about-item ul li { display: inline-block } .about-area .about-item ul li a { border-radius: 0; background: #ff0015; color: #fff; border-color: #ff0015} @media only screen and (min-width:992px) and (max-width:1200px) { .about-area .about-item ul li a { padding: 0 35px } } .about-area .about-item ul li a:hover { border-color: #b7c3d6; background: #b7c3d6 } .about-area .about-item ul li a.main-btn-2 { background: #b7c3d6; border-color: #b7c3d6; margin-left: 18px } @media(max-width:767px) { .about-area .about-item ul li a.main-btn-2 { margin-left: 0; margin-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-area .about-item ul li a.main-btn-2 { margin-left: 18px; margin-top: 0 } } .about-area .about-item ul li a.main-btn-2:hover { border-color: #ff0015; background: #ff0015} .what-we-do-area .what-we-do-item { background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 109, 232, .04) } .what-we-do-area .what-we-do-item a { height: 100px; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; position: relative; z-index: 5 } .what-we-do-area .what-we-do-item a h6 { font-size: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .what-we-do-area .what-we-do-item a i { font-size: 20px; color: #6c90b9; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .what-we-do-area .what-we-do-item a:hover { background: #ff0015} .what-we-do-area .what-we-do-item a:hover h6 { color: #fff } .what-we-do-area .what-we-do-item a:hover i { color: #fff } .what-we-do-area .what-we-do-item a::before { position: absolute; content: '\f41b'; font-family: 'font awesome 5 brands'; font-size: 80px; top: -20px; left: 5px; color: #fff; z-index: -1; opacity: .1 } .intro-video-area .intro-overlay { background-color: rgba(0, 21, 45, .9); padding-top: 90px; padding-bottom: 145px } .intro-video-area .intro-overlay .intro-video-content span { color: #ff0015; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; margin-top: -7px } .intro-video-area .intro-overlay .intro-video-content span.bar { position: relative } .intro-video-area .intro-overlay .intro-video-content span.bar::before { position: absolute; content: ''; right: -100px; top: 10px; height: 2px; width: 70px; background: #ff0015} .intro-video-area .intro-overlay .intro-video-content .title { font-size: 60px; color: #fff; line-height: 70px; padding-right: 22px; padding-top: 20px; padding-bottom: 16px } @media only screen and (min-width:992px) and (max-width:1200px) { .intro-video-area .intro-overlay .intro-video-content .title { font-size: 56px } } @media(max-width:767px) { .intro-video-area .intro-overlay .intro-video-content .title { font-size: 34px; line-height: 46px } } @media only screen and (min-width:576px) and (max-width:767px) { .intro-video-area .intro-overlay .intro-video-content .title { font-size: 56px; line-height: 70px } } .intro-video-area .intro-overlay .intro-video-content .text-1 { font-size: 24px; color: #a1bbd7; line-height: 36px; padding-bottom: 25px } @media(max-width:767px) { .intro-video-area .intro-overlay .intro-video-content .text-1 { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .intro-video-area .intro-overlay .intro-video-content .text-1 { font-size: 24px } } .intro-video-area .intro-overlay .intro-video-content .text-2 { color: #c5d5e7; padding-right: 30px } @media(max-width:767px) { .intro-video-area .intro-overlay .intro-video-content .text-2 { padding-right: 0 } } .intro-video-area .intro-overlay .intro-video-content a { border-radius: 0; margin-top: 45px } .intro-video-area .intro-overlay .intro-thumb { position: relative; z-index: 10 } @media only screen and (min-width:768px) and (max-width:991px) { .intro-video-area .intro-overlay .intro-thumb img { width: 100% } } @media(max-width:767px) { .intro-video-area .intro-overlay .intro-thumb img { width: 100% } } .intro-video-area .intro-overlay .intro-thumb a { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 120px; width: 120px; border-radius: 50%; text-align: center; line-height: 120px; background: #ff0015; z-index: 5 } .intro-video-area .intro-overlay .intro-thumb a i { font-size: 20px; color: #c5d5e7 } .intro-video-area .intro-overlay .intro-thumb a::after { position: absolute; content: ''; height: 100%; width: 100%; border-radius: 50%; background: #fff; top: 0; left: 0; z-index: -1; opacity: .6; animation: play-btn-1 1.5s linear infinite } .intro-video-area .intro-overlay .intro-thumb::before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 400px solid #ff0015; border-left: 400px solid transparent; right: 0; bottom: -42px; z-index: -1 } @media only screen and (min-width:992px) and (max-width:1200px) { .intro-video-area .intro-overlay .intro-thumb::before { right: -30px; bottom: -30px } } @media only screen and (min-width:768px) and (max-width:991px) { .intro-video-area .intro-overlay .intro-thumb::before { right: -30px; bottom: -30px } } @media(max-width:767px) { .intro-video-area .intro-overlay .intro-thumb::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .intro-video-area .intro-overlay .intro-thumb::before { right: -30px; bottom: -30px; display: block } } .leadership-area .leadership-item { position: relative; padding-bottom: 60px } .leadership-area .leadership-item img { width: 100%; border: 10px solid #fff } .leadership-area .leadership-item .leadership-content { position: absolute; right: 0; bottom: 0; width: 90%; background: #fff; padding-top: 20px; padding-bottom: 23px; padding-left: 40px; box-shadow: 0 8px 16px 0 rgba(132, 190, 255, .1) } @media only screen and (min-width:576px) and (max-width:767px) { .leadership-area .leadership-item .leadership-content { padding-left: 20px } } .leadership-area .leadership-item .leadership-content .title { font-size: 24px } @media only screen and (min-width:576px) and (max-width:767px) { .leadership-area .leadership-item .leadership-content .title { font-size: 20px } } .leadership-area .leadership-item .leadership-content span { color: #ff0015; font-weight: 400; padding-top: 9px } .leadership-area .leadership-active .slick-arrow { position: absolute; transform: translateX(-50%); bottom: -140px; height: 80px; width: 80px; background: #fff; text-align: center; line-height: 80px; box-shadow: 0 8px 16px 0 rgba(132, 190, 255, .1); cursor: pointer } .leadership-area .leadership-active .slick-arrow i { font-size: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .leadership-area .leadership-active .slick-arrow.prev { left: 48% } .leadership-area .leadership-active .slick-arrow.next { right: 39% } .leadership-area .leadership-active .slick-arrow.next::before { position: absolute; content: ''; width: 2px; height: 50px; left: -1px; bottom: -12%; background: #e9f1ff; transform: translate(-50%, -50%) } @media only screen and (min-width:992px) and (max-width:1200px) { .leadership-area .leadership-active .slick-arrow.next { right: 36% } } .leadership-area .leadership-active .slick-arrow:hover i { color: #ff0015} .leadership-area.padding { padding-bottom: 252px } .Progress-bar-area .Progress-bar-item { position: relative; display: flex; justify-content: center } .Progress-bar-area .Progress-bar-item canvas { transform: rotate(90deg) } .Progress-bar-area .Progress-bar-item .Progress-bar-content { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%) } @media only screen and (min-width:992px) and (max-width:1200px) { .Progress-bar-area .Progress-bar-item .Progress-bar-content { left: 50% } } .Progress-bar-area .Progress-bar-item .Progress-bar-content i { color: #ff0015; font-size: 70px } .Progress-bar-area .Progress-bar-item .Progress-bar-content .title { font-size: 70px; color: #f2f8ff; z-index: -1; line-height: 0; position: relative; white-space: nowrap } .quote-area { background-attachment: fixed } .quote-area .quote-overlay { background-color: rgba(0, 18, 34, .8); padding-top: 105px; padding-bottom: 120px } .quote-area .quote-overlay .section-title-2 .title { color: #fff } .quote-area .quote-overlay .section-title-2 p { color: #fff } .quote-area .quote-overlay .quote-form .input-box { position: relative } .quote-area .quote-overlay .quote-form .input-box input { width: 100%; background-color: transparent; border: 2px solid rgba(255, 255, 255, .2); padding-left: 40px; line-height: 80px; color: #c1d0de } .quote-area .quote-overlay .quote-form .input-box input::placeholder { opacity: 1; color: #c1d0de } .quote-area .quote-overlay .quote-form .input-box textarea { width: 100%; height: 200px; background-color: transparent; border: 2px solid rgba(255, 255, 255, .2); padding-top: 30px; padding-left: 40px; color: #c1d0de; resize: none } .quote-area .quote-overlay .quote-form .input-box textarea::placeholder { opacity: 1; color: #c1d0de } .quote-area .quote-overlay .quote-form .input-box button { margin-top: 38px; border-radius: 0 } .quote-area .quote-overlay .quote-form .input-box i { position: absolute; top: 35px; right: 40px } .faq-accordion-2 .accordion { border: 2px solid transparent } .faq-accordion-2 .accordion .card { border-radius: 0; border: 0; border-top: 2px solid transparent; margin-bottom: 20px; box-shadow: 0 8px 16px 0 rgba(132, 190, 255, .1) } .faq-accordion-2 .accordion .card:first-child { border-top: 0 } .faq-accordion-2 .accordion .card .card-header { border-bottom: 0; padding: 0; margin: 0; background-color: transparent } .faq-accordion-2 .accordion .card .card-header a { line-height: 80px; padding: 0 0 0 40px; text-decoration: none; font-weight: 400; font-size: 16px; width: 100%; color: #002249; position: relative } @media(max-width:767px) { .faq-accordion-2 .accordion .card .card-header a { padding: 10px 30px 10px 20px; line-height: 20px; font-size: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-accordion-2 .accordion .card .card-header a { padding: 0 0 0 40px; line-height: 60px; font-size: 16px } } .faq-accordion-2 .accordion .card .card-header a.collapsed { color: #7a95b4 } .faq-accordion-2 .accordion .card .card-header a.collapsed::before { content: '\f107'; color: #cddae8 } .faq-accordion-2 .accordion .card .card-header a::before { position: absolute; content: '\f106'; right: 36px; font-family: 'font awesome 5 pro' } @media(max-width:767px) { .faq-accordion-2 .accordion .card .card-header a::before { right: 18px } } .faq-accordion-2 .accordion .card .card-body { padding: 0 40px 14px !important } @media(max-width:767px) { .faq-accordion-2 .accordion .card .card-body { padding: 0 40px 14px 20px !important } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-accordion-2 .accordion .card .card-body { padding: 0 40px 14px !important } } .faq-accordion-2 .accordion .card .card-body p { margin-top: -10px; font-size: 14px } .faq-accordion-2 .accordion .card.show .card-body { padding: 0 40px 14px !important } .faq-accordion-2 .accordion .card.show .card-body p { margin-top: -10px; font-size: 14px } .asnwers-area .section-title-2 p { padding-right: 42px } .asnwers-area .answers-thumb { margin-top: 100px } .asnwers-area .answers-thumb .answers-thumb-2 { margin-top: -220px } .asnwers-area .answers-thumb .answers-thumb-2 img { border: 15px solid #f5faff } .action-2-area .action-overlay { background-color: rgba(0, 109, 232, .9); padding-top: 85px; padding-bottom: 120px } .action-2-area .action-overlay .action-item span { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 2px } .action-2-area .action-overlay .action-item .title { color: #fff; font-size: 60px } @media(max-width:767px) { .action-2-area .action-overlay .action-item .title { font-size: 46px } } @media only screen and (min-width:576px) and (max-width:767px) { .action-2-area .action-overlay .action-item .title { font-size: 60px } } @media(max-width:767px) { .action-2-area .action-overlay .action-support { display: block !important } } @media only screen and (min-width:576px) and (max-width:767px) { .action-2-area .action-overlay .action-support { display: flex !important } } .action-2-area .action-overlay .action-support .action-support-item { background: #ff5f6e; text-align: center; padding: 20px 45px; position: relative; z-index: 5 } .action-2-area .action-overlay .action-support .action-support-item i { position: absolute; top: 8px; left: 10px; opacity: .05; color: #fff; font-size: 60px; z-index: -1 } .action-2-area .action-overlay .action-support .action-support-item p { color: #fff; font-size: 14px } .action-2-area .action-overlay .action-support .action-support-item span { color: #fff; font-weight: 400; font-size: 23px } @media only screen and (min-width:992px) and (max-width:1200px) { .action-2-area .action-overlay .action-support .action-support-item span { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .action-2-area .action-overlay .action-support .action-support-item span { font-size: 18px } } .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 { background: #0058bb; margin-left: 30px } @media(max-width:767px) { .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 { margin-left: 0; margin-top: 30px } } @media only screen and (min-width:576px) and (max-width:767px) { .action-2-area .action-overlay .action-support .action-support-item.action-support-item-2 { margin-left: 20px; margin-top: 0 } } .news-area { background: #f4fbff; padding-top: 20px; padding-bottom: 20px } .news-area .section-title-2 .title { color: #000 } .news-area .section-title-2 p { color: #000 } .news-area .single-news { position: relative; overflow: hidden } .news-area .single-news img { width: 100%; transform: scale(1) rotate(0deg); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .news-area .single-news .single-news-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 21, 46, .4); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; padding: 240px 40px 37px } @media only screen and (min-width:992px) and (max-width:1200px) { .news-area .single-news .single-news-overlay { padding: 175px 40px 37px } } @media only screen and (min-width:768px) and (max-width:991px) { .news-area .single-news .single-news-overlay { padding: 205px 40px 37px } } @media(max-width:767px) { .news-area .single-news .single-news-overlay { padding: 140px 20px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .news-area .single-news .single-news-overlay { padding: 260px 20px 20px } } .news-area .single-news .single-news-overlay span { font-weight: 400; color: #fff; font-size: 14px } .news-area .single-news .single-news-overlay .title { font-size: 24px; padding-top: 0px } @media only screen and (min-width:992px) and (max-width:1200px) { .news-area .single-news .single-news-overlay .title { font-size: 20px } } .news-area .single-news .single-news-overlay .title a { color: #fff } .news-area .single-news .single-news-overlay>a { color: #fff; margin-top: 180px; font-size: 30px } @media only screen and (min-width:992px) and (max-width:1200px) { .news-area .single-news .single-news-overlay>a { margin-top: 105px } } @media only screen and (min-width:768px) and (max-width:991px) { .news-area .single-news .single-news-overlay>a { margin-top: 135px } } @media(max-width:767px) { .news-area .single-news .single-news-overlay>a { margin-top: 85px } } @media only screen and (min-width:576px) and (max-width:767px) { .news-area .single-news .single-news-overlay>a { margin-top: 185px } } .news-area .single-news:hover img { transform: scale(1.2) rotate(5deg) } .news-area .single-news:hover .single-news-overlay { padding: 37px 40px; background-color: rgba(0, 109, 232, .9) } @media(max-width:767px) { .news-area .single-news:hover .single-news-overlay { padding: 20px } } .news-area.news-area-2 { padding-top: 90px } .features-area .features-item { border: 16px solid #f5faff; padding: 92px 85px 100px 535px; position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .features-item { padding: 92px 85px 100px 345px } } @media only screen and (min-width:768px) and (max-width:991px) { .features-area .features-item { padding: 92px 85px 100px 100px } } @media(max-width:767px) { .features-area .features-item { padding: 20px; border-width: 10px } } @media only screen and (min-width:576px) and (max-width:767px) { .features-area .features-item { padding: 50px } } .features-area .features-item strong { font-weight: 400; color: #ff0015; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 8px; display: block } .features-area .features-item .title { font-size: 70px; line-height: 80px; padding-bottom: 15px } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .features-item .title { font-size: 62px; line-height: 70px } } @media only screen and (min-width:768px) and (max-width:991px) { .features-area .features-item .title { font-size: 62px; line-height: 70px } } @media(max-width:767px) { .features-area .features-item .title { font-size: 28px; line-height: 38px } } @media only screen and (min-width:576px) and (max-width:767px) { .features-area .features-item .title { font-size: 43px; line-height: 53px } } .features-area .features-item span { font-size: 24px; color: #6f8aa9; padding-bottom: 25px } @media(max-width:767px) { .features-area .features-item span { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .features-area .features-item span { font-size: 16px } } .features-area .features-item p { color: #69a1bb } .features-area .features-item ul { margin-top: 35px } .features-area .features-item ul li { display: inline-block } .features-area .features-item ul li a { background: #ff0015; border-radius: 0; color: #fff; margin-right: 20px; border-color: #ff0015} @media(max-width:767px) { .features-area .features-item ul li a { padding: 0 30px; margin-bottom: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .features-area .features-item ul li a { padding: 0 30px } } .features-area .features-item ul li a i { padding-right: 6px } .features-area .features-item ul li a:hover { background: #b7c3d6; border-color: #b7c3d6 } .features-area .features-item ul li a.main-btn-2 { background: #b7c3d6; border-color: #b7c3d6 } .features-area .features-item ul li a.main-btn-2:hover { background: #ff0015; border-color: #ff0015} .features-area .features-item img { position: absolute; top: -15px; left: -15px; width: 466px } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .features-item img { width: 320px } } .features-area .single-features { border: 16px solid #f5faff; padding: 45px 38px } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .single-features { padding: 45px 24px } } @media(max-width:767px) { .features-area .single-features { padding: 30px 15px; border-width: 10px } } .features-area .single-features .title { font-size: 36px; padding-top: 32px; padding-bottom: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .single-features .title { font-size: 28px } } @media only screen and (min-width:768px) and (max-width:991px) { .features-area .single-features .title { font-size: 30px } } @media(max-width:767px) { .features-area .single-features .title { font-size: 30px } } .features-area .single-features a { color: #81a3bb; font-weight: 400; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; margin-top: 18px } .features-area .single-features a i { padding-right: 3px } .features-area .single-features a:hover { color: #ff0015} .features-area .features-sub { padding: 60px 60px 71px; background: #006de8 } @media only screen and (min-width:992px) and (max-width:1200px) { .features-area .features-sub { padding: 60px 24px 93px } } @media only screen and (min-width:768px) and (max-width:991px) { .features-area .features-sub { padding: 60px 30px 93px } } @media(max-width:767px) { .features-area .features-sub { padding: 20px } } .features-area .features-sub .title { text-transform: capitalize; color: #fff; font-size: 30px; padding-bottom: 7px } .features-area .features-sub p { color: #fff; padding-bottom: 25px } .features-area .features-sub .input-box input { background-color: transparent; border: 2px solid rgba(255, 255, 255, .3); width: 100%; line-height: 60px; padding-left: 30px; color: #fff; font-size: 14px } .features-area .features-sub .input-box input::placeholder { font-size: 14px; opacity: 1; color: #fff } .features-area .features-sub .input-box button { background: #005ec9; color: #fff; border-color: #005ec9; border-radius: 0; margin-top: 10px; width: 100%; padding: 0 } .choose-area { padding-top: 113px; padding-bottom: 120px; background: #f5f7ff } .choose-area .section-title .title { padding-bottom: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .choose-area .section-title .title { font-size: 50px } } @media only screen and (min-width:768px) and (max-width:991px) { .choose-area .section-title .title { font-size: 50px } } .choose-area .section-title .title::before { display: none } .choose-area .choose-cat .choose-cat-item { position: relative; padding-left: 80px } @media(max-width:767px) { .choose-area .choose-cat .choose-cat-item { padding-left: 60px } } .choose-area .choose-cat .choose-cat-item .title { font-size: 24px } @media(max-width:767px) { .choose-area .choose-cat .choose-cat-item .title { font-size: 18px } } .choose-area .choose-cat .choose-cat-item p { color: #81a3bb; padding-top: 13px; padding-right: 80px } @media(max-width:767px) { .choose-area .choose-cat .choose-cat-item p { padding-right: 0 } } .choose-area .choose-cat .choose-cat-item i { height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50%; background: #fff; box-shadow: 0 4px 8px 0 rgba(160, 194, 255, .2); font-size: 20px; color: #ff0015; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; position: absolute; top: -10px; left: 0 } @media(max-width:767px) { .choose-area .choose-cat .choose-cat-item i { top: -15px } } @media only screen and (min-width:576px) and (max-width:767px) { .choose-area .choose-cat .choose-cat-item i { top: -10px } } .choose-area .choose-cat .choose-cat-item:hover i { background: #ff0015; color: #fff } .choose-area .choose-thumb-area { position: relative } .choose-area .choose-thumb-area .choose-thumb-2 { position: absolute; right: 0; bottom: -150px; z-index: 55 } @media(max-width:767px) { .choose-area .choose-thumb-area .choose-thumb-2 { position: inherit; top: 30px } } .choose-area .choose-thumb-area .choose-thumb-2::before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 370px solid #ff0015; border-left: 370px solid transparent; z-index: -1; right: -20px; bottom: -20px } @media(max-width:767px) { .choose-area .choose-thumb-area .choose-thumb-2::before { display: none } } .choose-area .choose-video-thumb { position: relative } @media only screen and (min-width:768px) and (max-width:991px) { .choose-area .choose-video-thumb { margin-top: 200px } } @media(max-width:767px) { .choose-area .choose-video-thumb { margin-top: 60px } } @media only screen and (min-width:576px) and (max-width:767px) { .choose-area .choose-video-thumb { margin-top: 200px } } .choose-area .choose-video-thumb a { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100px; width: 100px; text-align: center; line-height: 100px; color: #fff; border-radius: 50%; background: #ff0015} .choose-area .choose-video-thumb a::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; border: 2px solid #e3eeff; -webkit-animation: play-btn-1 2.5s linear infinite; -moz-animation: play-btn-1 2.5s linear infinite; -o-animation: play-btn-1 2.5s linear infinite; animation: play-btn-1 2.5s linear infinite } .choose-area .choose-video-thumb a::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; border: 2px solid #e3eeff; -webkit-animation: play-btn-2 1.5s linear infinite; -moz-animation: play-btn-2 1.5s linear infinite; -o-animation: play-btn-2 1.5s linear infinite; animation: play-btn-2 1.5s linear infinite } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-3-area .section-title .title { font-size: 60px; line-height: 70px } } @media only screen and (min-width:768px) and (max-width:991px) { .portfolio-3-area .section-title .title { font-size: 62px; line-height: 70px } } .portfolio-3-area .section-title .title::before { display: none } .portfolio-3-area .single-portfolio { box-shadow: 0 8px 16px 0 rgba(60, 110, 203, .1) } .portfolio-3-area .single-portfolio .portfolio-content { padding: 35px 33px } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-3-area .single-portfolio .portfolio-content { padding: 35px 20px } } @media(max-width:767px) { .portfolio-3-area .single-portfolio .portfolio-content { padding: 20px } } .portfolio-3-area .single-portfolio .portfolio-content span { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #ff0015; font-weight: 700 } .portfolio-3-area .single-portfolio .portfolio-content a .title { font-size: 23px; line-height: 34px } @media only screen and (min-width:992px) and (max-width:1200px) { .portfolio-3-area .single-portfolio .portfolio-content a .title { font-size: 19px; line-height: 28px } } @media only screen and (min-width:768px) and (max-width:991px) { .portfolio-3-area .single-portfolio .portfolio-content a .title { font-size: 20px; line-height: 26px } } @media(max-width:767px) { .portfolio-3-area .single-portfolio .portfolio-content a .title { font-size: 18px; line-height: 28px } } @media only screen and (min-width:576px) and (max-width:767px) { .portfolio-3-area .single-portfolio .portfolio-content a .title { font-size: 18px; line-height: 28px } } .counter-area .counter-item { position: relative; padding-left: 80px } @media only screen and (min-width:992px) and (max-width:1200px) { .counter-area .counter-item { padding-left: 55px } } @media only screen and (min-width:576px) and (max-width:767px) { .counter-area .counter-item { padding-left: 70px } } .counter-area .counter-item .title { font-size: 16px; color: #fff; font-weight: 400 } .counter-area .counter-item .title span { font-size: 50px; font-weight: 700 } .counter-area .counter-item p { font-size: 14px; font-weight: 400; text-transform: capitalize; color: #fff; opacity: .6 } @media only screen and (min-width:992px) and (max-width:1200px) { .counter-area .counter-item p { font-size: 13px } } .counter-area .counter-item i { position: absolute; left: 0; top: 12px; color: #fff; font-size: 50px } @media only screen and (min-width:992px) and (max-width:1200px) { .counter-area .counter-item i { font-size: 34px } } .get-in-touch-area { padding-top: 113px; padding-bottom: 120px; background: #f7fcff } .get-in-touch-area .section-title .title { font-size: 60px; line-height: 70px } @media(max-width:767px) { .get-in-touch-area .section-title .title { font-size: 34px; line-height: 44px } } @media only screen and (min-width:576px) and (max-width:767px) { .get-in-touch-area .section-title .title { font-size: 52px; line-height: 62px } } .get-in-touch-area .section-title .title::before { display: none } .get-in-touch-area .form-area .input-box input { width: 100%; border: 1px solid #fff; line-height: 70px; padding-left: 30px; color: #6b93aa } .get-in-touch-area .form-area .input-box input::placeholder { opacity: 1; color: #6b93aa } .get-in-touch-area .form-area .input-box textarea { width: 100%; border: 1px solid #fff; height: 170px; padding-top: 30px; padding-left: 30px; color: #6b93aa; resize: none } .get-in-touch-area .form-area .input-box textarea::placeholder { opacity: 1; color: #6b93aa } .get-in-touch-area .form-area .input-box button { border-radius: 0; margin-top: 20px; background: #ff0015; border-color: #ff0015; color: #fff } .get-in-touch-area .get-map { position: relative } .get-in-touch-area .get-map iframe { width: 530px; height: 560px; position: absolute; right: 0; top: 55px } @media only screen and (min-width:992px) and (max-width:1200px) { .get-in-touch-area .get-map iframe { width: 100% } } .get-in-touch-area .get-map::before { position: absolute; content: ''; height: 0; width: 0; border-bottom: 400px solid #ff0015; border-left: 400px solid transparent; right: -20px; bottom: -635px } .get-in-touch-area.get-in-touch-area-2 .get-map { position: relative; z-index: 3 } .get-in-touch-area.get-in-touch-area-2 .get-map::before { right: 20px; bottom: -20px; z-index: -1 } .get-in-touch-area.get-in-touch-area-2 .get-map a { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 120px; width: 120px; text-align: center; line-height: 120px; color: #fff; font-size: 24px; z-index: 5; border-radius: 50% } .get-in-touch-area.get-in-touch-area-2 .get-map a::before { position: absolute; content: ''; height: 100%; width: 100%; border-radius: 50%; background: #fff; top: 0; left: 0; z-index: -2; opacity: .6; animation: play-btn-1 1.5s linear infinite } .get-in-touch-area.get-in-touch-area-2 .get-map a::after { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: #ff0015; border-radius: 50%; z-index: -1 } .get-in-touch-area.get-in-touch-area-2 .form-area .input-box { position: relative } .get-in-touch-area.get-in-touch-area-2 .form-area .input-box i { position: absolute; right: 30px; top: 25px } .about-experience-area { padding-top: 113px } .about-experience-area .experience-item { margin-bottom: 50px } .about-experience-area .experience-item span { color: #ff0015; font-weight: 400; position: relative } .about-experience-area .experience-item span::before { position: absolute; content: ''; right: -100px; top: 10px; height: 2px; width: 70px; background: #ff0015} .about-experience-area .experience-item .title { font-size: 60px; line-height: 70px; padding-top: 24px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-experience-area .experience-item .title { font-size: 46px; line-height: 56px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-experience-area .experience-item .title { padding-right: 130px } } @media(max-width:767px) { .about-experience-area .experience-item .title { font-size: 34px; line-height: 44px } } .about-experience-area .experience-item p { color: #69a1bb } .about-experience-area .experience-item a { font-weight: 400; color: #ff0015; margin-top: 17px } .about-experience-area .single-experience { position: relative } .about-experience-area .single-experience .experience-overlay { padding: 40px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 34, 73, .4); padding-top: 275px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 5 } @media only screen and (min-width:992px) and (max-width:1200px) { .about-experience-area .single-experience .experience-overlay { padding-top: 170px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-experience-area .single-experience .experience-overlay { padding-top: 205px } } @media(max-width:767px) { .about-experience-area .single-experience .experience-overlay { padding: 40px 20px; padding-top: 165px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-experience-area .single-experience .experience-overlay { padding-top: 210px; padding: 40px } } .about-experience-area .single-experience .experience-overlay .title { color: #fff; font-size: 22px; padding-bottom: 10px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-experience-area .single-experience .experience-overlay .title { font-size: 18px } } @media(max-width:767px) { .about-experience-area .single-experience .experience-overlay .title { font-size: 20px } } .about-experience-area .single-experience .experience-overlay p { color: #cadef6; font-size: 14px } .about-experience-area .single-experience .experience-overlay a { color: #fff; font-size: 14px; font-weight: 400; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .about-experience-area .single-experience .experience-overlay i { position: absolute; top: 10px; right: 20px; font-size: 200px; color: #fff; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: -1 } @media only screen and (min-width:992px) and (max-width:1200px) { .about-experience-area .single-experience .experience-overlay i { font-size: 130px } } @media(max-width:767px) { .about-experience-area .single-experience .experience-overlay i { font-size: 150px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-experience-area .single-experience .experience-overlay i { font-size: 150px } } .about-experience-area .single-experience:hover .experience-overlay { background: rgba(12, 89, 219, .9); padding-top: 255px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-experience-area .single-experience:hover .experience-overlay { padding-top: 140px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-experience-area .single-experience:hover .experience-overlay { padding-top: 175px } } @media(max-width:767px) { .about-experience-area .single-experience:hover .experience-overlay { padding-top: 135px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-experience-area .single-experience:hover .experience-overlay { padding-top: 180px } } .about-experience-area .single-experience:hover .experience-overlay a { opacity: 1 } .about-experience-area .single-experience:hover .experience-overlay i { opacity: .1 } .about-intro-area { background: #f5faff; padding-bottom: 128px } .about-intro-area .intro-thumb { position: relative; z-index: 5 } @media only screen and (min-width:768px) and (max-width:991px) { .about-intro-area .intro-thumb img { width: 100% } } @media(max-width:767px) { .about-intro-area .intro-thumb img { width: 100%; margin-bottom: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-intro-area .intro-thumb img { width: 100% } } .about-intro-area .intro-thumb a { position: absolute; top: 50%; left: 50%; transform: translate(-75%, -50%); height: 120px; width: 120px; text-align: center; border-radius: 50%; line-height: 120px; background: #ff0015; color: #c5d5e7; font-size: 20px } @media only screen and (min-width:768px) and (max-width:991px) { .about-intro-area .intro-thumb a { transform: translate(-50%, -50%) } } @media(max-width:767px) { .about-intro-area .intro-thumb a { transform: translate(-50%, -50%) } } .about-intro-area .intro-thumb::before { position: absolute; content: ''; bottom: -20px; left: -20px; width: 0; height: 0; border-bottom: 400px solid #4f9fff; border-right: 400px solid transparent; z-index: -1 } @media(max-width:767px) { .about-intro-area .intro-thumb::before { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .about-intro-area .intro-thumb::before { display: block; bottom: 20px } } .about-intro-area .intri-content { margin-top: -7px } .about-intro-area .intri-content span { color: #ff0015; font-weight: 400; position: relative; padding-bottom: 20px } .about-intro-area .intri-content span::before { position: absolute; content: ''; right: -100px; top: 10px; height: 2px; width: 70px; background: #ff0015} .about-intro-area .intri-content .title { font-size: 60px; line-height: 70px; padding-bottom: 18px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-intro-area .intri-content .title { font-size: 50px; line-height: 60px } } @media(max-width:767px) { .about-intro-area .intri-content .title { font-size: 36px; line-height: 46px } } .about-intro-area .intri-content .text-1 { font-size: 24px; color: #4f859e; line-height: 36px; margin-bottom: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-intro-area .intri-content .text-1 { font-size: 18px } } @media(max-width:767px) { .about-intro-area .intri-content .text-1 { font-size: 16px } } .about-intro-area .intri-content a { border-radius: 0; padding: 0 45px; margin-top: 45px; background: #ff0015; color: #fff; border-color: #ff0015} .about-intro-area .intri-content a:hover { background-color: transparent; color: #ff0015} .about-history-area { padding-top: 100px; padding-bottom: 170px } .about-history-area .section-title { padding-bottom: 15px } .about-history-area .section-title .title { margin-bottom: 13px } .about-history-area .section-title .title::before { display: none } @media(max-width:767px) { .about-history-area .section-title p { font-size: 15px } } .about-history-area .history-item { box-shadow: 0 8px 16px 0 rgba(132, 190, 255, .1); margin-top: 85px; margin-right: 55px; position: relative } @media(max-width:767px) { .about-history-area .history-item { padding-top: 0; margin-right: 0 } } .about-history-area .history-item .history-thumb img { width: 100% } .about-history-area .history-item .history-content { padding: 33px 40px 38px } @media only screen and (min-width:768px) and (max-width:991px) { .about-history-area .history-item .history-content { padding: 25px 20px } } @media(max-width:767px) { .about-history-area .history-item .history-content { padding: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-history-area .history-item .history-content { padding: 33px 40px 38px } } .about-history-area .history-item .history-content span { color: #ff0015; font-weight: 700 } .about-history-area .history-item .history-content .title { font-size: 26px; padding-top: 9px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-history-area .history-item .history-content .title { font-size: 22px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-history-area .history-item .history-content .title { font-size: 17px } } @media(max-width:767px) { .about-history-area .history-item .history-content .title { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .about-history-area .history-item .history-content .title { font-size: 26px } } .about-history-area .history-item.history-item-2 { margin-right: 0; margin-left: 55px } @media(max-width:767px) { .about-history-area .history-item.history-item-2 { margin-left: 0 } } .about-history-area .history-item.history-item-2::after { left: -72px } .about-history-area .history-item.history-item-2 .number-box { left: -100px } .about-history-area .history-item::after { position: absolute; content: ''; right: -70px; top: 0; height: 100%; width: 2px; background: #e3eeff } @media(max-width:767px) { .about-history-area .history-item::after { display: none } } .about-history-area .history-item .number-box { height: 60px; width: 60px; border-radius: 50%; border: 4px solid #9edbff; position: absolute; top: -25px; right: -99px; background: #fff; z-index: 5; text-align: center } @media(max-width:767px) { .about-history-area .history-item .number-box { display: none } } .about-history-area .history-item .number-box span { line-height: 55px; font-weight: 400; color: #002249 } .about-history-area .history-item .number-box-2 { height: 60px; width: 60px; text-align: center; border-radius: 50%; background: #ff0015; position: absolute; right: -99px; bottom: -50px; z-index: 9 } @media(max-width:767px) { .about-history-area .history-item .number-box-2 { display: none } } .about-history-area .history-item .number-box-2 i { color: #fff; font-size: 20px; line-height: 60px } .pt-240 { padding-top: 240px } .about-faq-area { padding-top: 50px; } .about-faq-area .faq-video-thumb { position: relative } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area .faq-video-thumb img { width: 100% } } @media(max-width:767px) { .about-faq-area .faq-video-thumb img { width: 100% } } .about-faq-area .faq-video-thumb a { position: absolute; left: 45%; top: 50%; transform: translate(-50%, -50%); height: 120px; width: 120px; border-radius: 50%; text-align: center; line-height: 120px; background: #ff0015; color: #fff; font-size: 20px } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area .faq-video-thumb a { left: 50% } } @media(max-width:767px) { .about-faq-area .faq-video-thumb a { left: 50% } } .about-faq-area .about-faq-content span { font-size: 16px; color: #ff0015; font-weight: 400; position: relative } .about-faq-area .about-faq-content span::before { position: absolute; content: ''; height: 2px; width: 70px; background: #ff0015; right: -100px; top: 10px } .about-faq-area .about-faq-content .title { font-size: 60px; line-height: 70px; padding-top: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .about-faq-area .about-faq-content .title { font-size: 52px; line-height: 62px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area .about-faq-content .title { padding-right: 170px } } @media(max-width:767px) { .about-faq-area .about-faq-content .title { font-size: 32px; line-height: 42px } } .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 { margin-bottom: -210px } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 { margin-bottom: 30px } } @media(max-width:767px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 { margin-bottom: 30px } } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 img { width: 100% } } @media(max-width:767px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-1 img { width: 100% } } @media only screen and (min-width:768px) and (max-width:991px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-2 img { width: 100% } } @media(max-width:767px) { .about-faq-area.about-faq-area-page .faq-video-thumb-area .faq-video-thumb-2 img { width: 100% } } .about-faq-area.about-faq-area-page .faq-accordion-3 .accordion .card { border-radius: 0 !important; border: 2px solid #e3eeff; box-shadow: none } .faq-accordion-3 { padding-top: 35px } .faq-accordion-3 .accordion { border: 2px solid transparent } .faq-accordion-3 .accordion .card { border-radius: 40px !important; border: 0; border-top: 2px solid transparent; margin-bottom: 20px; box-shadow: 0 8px 16px 0 rgba(132, 190, 255, .1) } .faq-accordion-3 .accordion .card:first-child { border-top: 0 } .faq-accordion-3 .accordion .card .card-header { border-bottom: 0; padding: 0; margin: 0; background-color: transparent } .faq-accordion-3 .accordion .card .card-header a { line-height: 80px; padding: 0 0 0 40px; text-decoration: none; font-weight: 400; font-size: 16px; width: 100%; color: #7a95b4; position: relative } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-accordion-3 .accordion .card .card-header a { padding: 0 0 0 20px; font-size: 14px } } .faq-accordion-3 .accordion .card .card-header a i { color: #ff0015; padding-right: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-accordion-3 .accordion .card .card-header a i { padding-right: 10px } } @media(max-width:767px) { .faq-accordion-3 .accordion .card .card-header a { padding: 10px 30px 10px 20px; line-height: 20px; font-size: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-accordion-3 .accordion .card .card-header a { padding: 0 0 0 40px; line-height: 60px; font-size: 16px } } .faq-accordion-3 .accordion .card .card-header a.collapsed { font-size: 16px; color: #436584 } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-accordion-3 .accordion .card .card-header a.collapsed { padding: 0 0 0 20px; font-size: 14px } } .faq-accordion-3 .accordion .card .card-header a.collapsed::before { content: '\f067'; color: #99b1c8 } .faq-accordion-3 .accordion .card .card-header a::before { position: absolute; content: '\f068'; right: 36px; font-size: 16px; font-family: 'font awesome 5 pro'; color: #99b1c8 } @media(max-width:767px) { .faq-accordion-3 .accordion .card .card-header a::before { right: 18px } } .faq-accordion-3 .accordion .card .card-body { padding: 0 30px 14px 40px !important } @media only screen and (min-width:992px) and (max-width:1200px) { .faq-accordion-3 .accordion .card .card-body { padding: 0 30px 14px 45px !important } } @media(max-width:767px) { .faq-accordion-3 .accordion .card .card-body { padding: 10px 40px 20px 20px !important } } @media only screen and (min-width:576px) and (max-width:767px) { .faq-accordion-3 .accordion .card .card-body { padding: 0 40px 14px !important } } .faq-accordion-3 .accordion .card .card-body p { margin-top: -10px; font-size: 14px } .faq-accordion-3 .accordion .card.show .card-body { padding: 0 40px 14px !important } .faq-accordion-3 .accordion .card.show .card-body p { margin-top: -10px; font-size: 14px } .services-item-area .section-title .title { font-size: 60px; margin-bottom: 13px } @media(max-width:767px) { .services-item-area .section-title .title { font-size: 30px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-item-area .section-title .title { font-size: 46px } } .services-item-area .section-title .title::before { display: none } .services-item-area .section-title p { padding: 0 22px 45px } .services-item-area .single-services-item { position: relative; overflow: hidden } .services-item-area .single-services-item img { width: 100% } .services-item-area .single-services-item .services-overlay { position: absolute; bottom: -110px; left: 0; width: 100%; height: 180px; background-color: rgba(0, 34, 73, .7); padding: 20px 40px 40px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .services-item-area .single-services-item .services-overlay { padding: 20px 10px 40px } } @media only screen and (min-width:768px) and (max-width:991px) { .services-item-area .single-services-item .services-overlay { padding: 20px 30px 40px } } @media(max-width:767px) { .services-item-area .single-services-item .services-overlay { padding: 20px 5px 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-item-area .single-services-item .services-overlay { padding: 20px 26px 40px } } .services-item-area .single-services-item .services-overlay i { position: absolute; top: -20px; left: 20px; height: 70px; width: 70px; background: #ff0015; text-align: center; line-height: 70px; color: #fff; font-size: 30px } .services-item-area .single-services-item .services-overlay p { color: #fff; font-size: 14px; padding-top: 20px; } .services-item-area .single-services-item .services-overlay .title { padding-left: 80px; color: #fff; font-size: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-item-area .single-services-item .services-overlay .title { padding-left: 90px } } @media(max-width:767px) { .services-item-area .single-services-item .services-overlay .title { padding-left: 95px; font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-item-area .single-services-item .services-overlay .title { padding-left: 80px; font-size: 20px } } .services-item-area .single-services-item:hover .services-overlay { bottom: 0; background: #ff0015de; } @media only screen and (min-width:576px) and (max-width:767px) { .services-item-area .single-services-item:hover .services-overlay { bottom: -20px } } .services-plans-area { padding-top: 111px; padding-bottom: 120px; background: #f5f9ff } .services-plans-area .services-title span { color: #ff0015; font-weight: 400; letter-spacing: 2px; position: relative } .services-plans-area .services-title span::before { position: absolute; content: ''; right: -100px; top: 10px; height: 2px; width: 70px; background: #ff0015} .services-plans-area .services-title .title { font-size: 60px; padding-top: 25px } @media only screen and (min-width:768px) and (max-width:991px) { .services-plans-area .services-title .title { font-size: 50px } } @media(max-width:767px) { .services-plans-area .services-title .title { font-size: 42px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-plans-area .services-title .title { font-size: 60px } } .services-plans-area .plans-item { position: relative; z-index: 5; padding: 55px 30px 60px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-plans-area .plans-item { padding: 55px 10px 60px } } @media only screen and (min-width:768px) and (max-width:991px) { .services-plans-area .plans-item { padding: 55px 41px 60px } } .services-plans-area .plans-item::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item b { font-weight: 400; color: #ff0015; font-size: 14px; text-transform: capitalize; display: block; padding-bottom: 10px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item .title { font-size: 16px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item .title span { font-size: 70px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item>span { color: #88a2bf; font-size: 14px; text-transform: capitalize; position: relative; margin-bottom: 33px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item>span::before { position: absolute; content: ''; height: 2px; width: 42px; left: 50%; bottom: -20px; background: #cde4ff; transform: translateX(-50%); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item p { font-size: 14px; color: #69a1bb; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-item a { background-color: transparent; border-color: #e3eeff; color: #ff0015; border-radius: 0; font-size: 14px; margin-top: 35px; padding: 0; width: 100% } .services-plans-area .plans-item:hover::before { background: rgba(0, 102, 255, .9) } .services-plans-area .plans-item:hover b { color: #fff } .services-plans-area .plans-item:hover .title { color: #fff } .services-plans-area .plans-item:hover span { color: #fff } .services-plans-area .plans-item:hover span::before { width: 100px; background: #fff } .services-plans-area .plans-item:hover p { color: #fff } .services-plans-area .plans-item:hover a { background: #003d95; border-color: #003d95; color: #fff; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-plans-area .plans-tab-btn .nav { background: #fff; padding: 10px } .services-plans-area .plans-tab-btn .nav li a { border-radius: 0; padding: 0 35px; line-height: 60px; color: #69a1bb; font-weight: 700 } .services-plans-area .plans-tab-btn .nav li a.active { color: #fff; background: #ff0015} .services-plans-area.services-plans-dark-area { background: #002249 } .services-plans-area.services-plans-dark-area .services-title .title { font-size: 60px; padding-top: 25px; color: #fff } .services-plans-area.services-plans-dark-area .plans-tab-btn .nav { background: #002c5f } .services-plans-area.services-plans-dark-area .plans-item::before { background: #00152e } .services-plans-area.services-plans-dark-area .plans-item b { color: #ffc78a } .services-plans-area.services-plans-dark-area .plans-item b.item-2 { color: #69a1bb } .services-plans-area.services-plans-dark-area .plans-item b.item-3 { color: #ff578e } .services-plans-area.services-plans-dark-area .plans-item b.item-4 { color: #bb72ff } .services-plans-area.services-plans-dark-area .plans-item .title { color: #fff } .services-plans-area.services-plans-dark-area .plans-item>span::before { background: #13335a } .services-plans-area.services-plans-dark-area .plans-item a { border-color: #1d3d63 } .services-plans-area.services-plans-dark-area .plans-item:hover::before { background: rgba(0, 102, 255, .9) } .services-plans-area.services-plans-dark-area .plans-item:hover b { color: #fff } .services-plans-area.services-plans-dark-area .plans-item:hover span::before { width: 100px; background: #fff } .services-plans-area.services-plans-dark-area .plans-item:hover p { color: #fff } .services-plans-area.services-plans-dark-area .plans-item:hover a { background: #003d95; border-color: #003d95; color: #fff; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .services-optimization-area .services-optimization-thumb-2 { margin-top: -170px; margin-right: 20px; text-align: right } @media(max-width:767px) { .services-optimization-area .services-optimization-thumb-2 { margin-top: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .services-optimization-area .services-optimization-thumb-2 { margin-top: -170px } } .services-optimization-area .services-optimization-thumb-2 img { border: 14px solid #fff } .services-optimization-area .services-optimization-content>span { color: #ff0015; font-weight: 400; letter-spacing: 2px; position: relative; padding-bottom: 28px } .services-optimization-area .services-optimization-content>span::before { position: absolute; content: ''; top: 10px; right: -90px; height: 2px; width: 70px; background: #ff0015} @media(max-width:767px) { .services-optimization-area .services-optimization-content>span::before { display: none } } .services-optimization-area .services-optimization-content .title { font-size: 60px; line-height: 70px; padding-bottom: 35px } @media(max-width:767px) { .services-optimization-area .services-optimization-content .title { font-size: 42px; line-height: 50px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-optimization-area .services-optimization-content .title { font-size: 60px } } .services-optimization-area .services-optimization-content>p { padding-right: 100px } @media(max-width:767px) { .services-optimization-area .services-optimization-content>p { padding-right: 0 } } .services-optimization-area .services-optimization-content .action-support-item { margin-top: 40px; background: #ff5f6e; text-align: center; padding: 20px 40px; position: relative; display: inline-block; z-index: 5 } .services-optimization-area .services-optimization-content .action-support-item i { position: absolute; top: 8px; left: 10px; opacity: .05; color: #fff; font-size: 60px; z-index: -1 } .services-optimization-area .services-optimization-content .action-support-item p { color: #fff; font-size: 14px } .services-optimization-area .services-optimization-content .action-support-item span { color: #fff; font-weight: 400; font-size: 23px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-optimization-area .services-optimization-content .action-support-item span { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-optimization-area .services-optimization-content .action-support-item span { font-size: 18px } } .case-details-area .case-details-thumb { position: relative } .case-details-area .case-details-thumb img { width: 100% } .case-details-area .case-details-thumb .case-live { box-shadow: 0 8px 16px 0 rgba(0, 26, 55, .3); position: absolute; background: #fff; top: 20px; right: 20px; padding: 45px 0 45px 40px } @media(max-width:767px) { .case-details-area .case-details-thumb .case-live { left: 0; top: 0; position: inherit } } @media only screen and (min-width:576px) and (max-width:767px) { .case-details-area .case-details-thumb .case-live { left: 0; top: 0; position: inherit } } @media(max-width:767px) { .case-details-area .case-details-thumb .case-live .case-live-item-area { display: block !important; margin-top: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .case-details-area .case-details-thumb .case-live .case-live-item-area { display: flex !important } } .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item { padding-left: 30px; padding-right: 40px; position: relative } @media(max-width:767px) { .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item { padding-bottom: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item { padding-bottom: 0 } } .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item .title { font-size: 20px } .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item span { font-size: 14px; color: #69a1bb } .case-details-area .case-details-thumb .case-live .case-live-item-area .case-live-item i { position: absolute; top: 2px; left: 0; font-size: 20px; color: #ff0015} .case-details-area .case-details-thumb .case-live .case-live-btn { margin-right: 40px; margin-top: 37px } .case-details-area .case-details-thumb .case-live .case-live-btn a { border-radius: 0; background: #ff0015; color: #fff; border-color: #ff0015} .case-details-area .case-details-content .case-details-case { position: relative } .case-details-area .case-details-content .case-details-case img { position: absolute; left: 0; top: 5px } @media(max-width:767px) { .case-details-area .case-details-content .case-details-case img { position: inherit; top: 0; left: 0; width: 100% } } .case-details-area .case-details-content .case-details-case p { padding-left: 265px } @media(max-width:767px) { .case-details-area .case-details-content .case-details-case p { padding-left: 0; margin-top: 20px } } .case-details-area .case-content-2 .title { font-size: 24px; padding-top: 13px; padding-bottom: 14px } .case-details-area .case-video-thumb { position: relative } .case-details-area .case-video-thumb a { height: 120px; width: 120px; border-radius: 50%; text-align: center; line-height: 120px; background: #ff0015; font-size: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } @media(max-width:767px) { .case-details-area .case-video-thumb a { height: 80px; width: 80px; line-height: 80px } } .case-details-area .case-next-prev { position: relative } .case-details-area .case-next-prev .case-prev span { font-weight: 400; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #90b5c0 } .case-details-area .case-next-prev .case-prev .title { font-size: 28px } .case-details-area .case-next-prev .case-next span { font-weight: 400; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #90b5c0 } .case-details-area .case-next-prev .case-next .title { font-size: 28px } .case-details-area .case-next-prev>a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%) } @media(max-width:767px) { .case-details-area .case-next-prev>a { display: none } } @media(max-width:767px) { .case-details-area .case-details-item img { width: 100% } } .team-join { margin-top: -135px; position: relative; z-index: 99 } .team-join .join-bg { background: #dcecff; border-radius: 30px; padding: 120px 160px 0 } @media only screen and (min-width:992px) and (max-width:1200px) { .team-join .join-bg { padding: 120px 100px 0 } } @media only screen and (min-width:768px) and (max-width:991px) { .team-join .join-bg { padding: 120px 60px 0 } } @media(max-width:767px) { .team-join .join-bg { padding: 120px 5px 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .team-join .join-bg { padding: 120px 60px 0 } } .team-join .join-bg .team-join-title span { font-size: 14px; font-weight: 400; color: #ff0015; position: relative } .team-join .join-bg .team-join-title span::before { position: absolute; content: ''; right: -100px; top: 10px; height: 2px; width: 70px; background: #ff0015} .team-join .join-bg .team-join-title .title { font-size: 60px; line-height: 70px; padding-top: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .team-join .join-bg .team-join-title .title { font-size: 46px; line-height: 56px } } @media(max-width:767px) { .team-join .join-bg .team-join-title .title { font-size: 32px; line-height: 42px } } @media only screen and (min-width:576px) and (max-width:767px) { .team-join .join-bg .team-join-title .title { font-size: 46px; line-height: 56px } } @media only screen and (min-width:768px) and (max-width:991px) { .team-join .join-bg .team-join-btn { margin-top: 30px } } @media(max-width:767px) { .team-join .join-bg .team-join-btn { margin-top: 30px } } .team-join .join-bg .team-join-btn a { border-radius: 0; background: #ff0015; border-color: #ff0015; color: #fff } .team-join .join-bg .team-join-btn a:hover { background-color: transparent; color: #ff0015} .team-join .join-bg .team-join-thumb { margin-bottom: -6px } .team-details-area .team-details-thumb img { width: 100% } .team-details-area .team-details-content { padding-left: 50px } @media only screen and (min-width:768px) and (max-width:991px) { .team-details-area .team-details-content { margin-top: 30px; padding-left: 0 } } @media(max-width:767px) { .team-details-area .team-details-content { margin-top: 30px; padding-left: 0 } } .team-details-area .team-details-content .title { font-size: 34px; padding-bottom: 5px } @media(max-width:767px) { .team-details-area .team-details-content .title { font-size: 22px } } @media only screen and (min-width:576px) and (max-width:767px) { .team-details-area .team-details-content .title { font-size: 32px } } .team-details-area .team-details-content span { font-weight: 400; color: #ff0015; padding-bottom: 24px } .team-details-area .team-details-content p { color: #69a1bb } .team-details-area .team-details-content ul { margin-top: 35px } .team-details-area .team-details-content ul li { display: inline-block } .team-details-area .team-details-content ul li a { height: 60px; width: 60px; text-align: center; line-height: 60px; border-radius: 50%; background: #e5f6ff; color: #69a1bb; margin-right: 8px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media(max-width:767px) { .team-details-area .team-details-content ul li a { width: 45px; height: 45px; line-height: 45px; margin-right: 7px } } .team-details-area .team-details-content ul li a:hover { background: #ff0015; color: #fff } .shop-area .shop-sidebar-area { padding: 33px 40px 30px } @media only screen and (min-width:992px) and (max-width:1200px) { .shop-area .shop-sidebar-area { padding: 33px 20px 30px } } .shop-area .shop-sidebar-area .sidebar-title .title { font-size: 20px; position: relative } .shop-area .shop-sidebar-area .sidebar-title .title::before { height: 4px; width: 4px; position: absolute; content: ''; background: #ff0015; left: 30px; top: 12px } .shop-area .shop-sidebar-area .sidebar-title .title::after { height: 4px; width: 18px; position: absolute; content: ''; background: #ff0015; left: 8px; top: 12px } .shop-area .shop-sidebar-area .sidebar-list { padding-top: 17px } .shop-area .shop-sidebar-area .sidebar-list ul li a { color: #75a1af; font-size: 14px; line-height: 35px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .shop-area .shop-sidebar-area .sidebar-list ul li a i { padding-right: 15px } .shop-area .shop-sidebar-area .sidebar-list ul li a:hover { color: #002249 } .shop-area .shop-sidebar-area .sidebar-tag { padding-top: 21px } .shop-area .shop-sidebar-area .sidebar-tag ul li { display: inline-block } .shop-area .shop-sidebar-area .sidebar-tag ul li a { color: #ff0015; text-decoration: underline; margin: 0 8px; font-size: 14px; font-weight: 400; padding-top: 3px; padding-bottom: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .shop-area .shop-sidebar-area .sidebar-tag ul li a { margin: 0 5px } } .shop-area .shop-sidebar-area .sidebar-subscribe p { font-size: 14px; line-height: 24px; padding-top: 18px; padding-bottom: 15px } .shop-area .shop-sidebar-area .sidebar-subscribe .input-box input { width: 100%; line-height: 50px; padding-left: 30px; border: 2px solid #edf1ff; color: #7585af; font-size: 14px } .shop-area .shop-sidebar-area .sidebar-subscribe .input-box input::placeholder { opacity: 1; color: #7585af; font-size: 14px } .shop-area .shop-sidebar-area .sidebar-subscribe .input-box button { padding: 0; width: 100%; line-height: 50px; border-radius: 0; margin-top: -2px; margin-bottom: 10px; background: #ff0015; border-color: #ff0015; font-size: 14px } .shop-area .shop-top-bar { position: relative } .shop-area .shop-top-bar .input-box { position: relative; display: inline-block; margin-left: 120px } @media only screen and (min-width:992px) and (max-width:1200px) { .shop-area .shop-top-bar .input-box { margin-left: 0 } } @media only screen and (min-width:768px) and (max-width:991px) { .shop-area .shop-top-bar .input-box { margin-left: 0 } } @media(max-width:767px) { .shop-area .shop-top-bar .input-box { margin-left: 0 } } .shop-area .shop-top-bar .input-box input { line-height: 60px; border: 0; border-radius: 30px; width: 270px; padding-left: 30px; color: #94aebf } .shop-area .shop-top-bar .input-box button { position: absolute; top: 0; right: 0; height: 60px; width: 60px; border-radius: 50%; background: #fff; border: 0; color: #ff0015} .shop-area .shop-top-bar .nice-select { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 160px; border: 0; line-height: 60px; height: auto; border-radius: 30px; padding-left: 35px; color: #42495b; font-weight: 400; font-size: 14px; z-index: 99 } @media(max-width:767px) { .shop-area .shop-top-bar .nice-select { left: 0; right: auto; top: -50px } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-area .shop-top-bar .nice-select { right: 0; left: auto; top: 50% } } .shop-area .shop-top-bar .nice-select::after { width: 8px; height: 8px; right: 40px; border-bottom: 2px solid #ff0015; border-right: 2px solid #ff0015} .shop-area .shop-top-bar p { color: #002249; font-weight: 700 } @media(max-width:767px) { .shop-area .shop-top-bar p { padding-top: 30px } } .shop-area .shop-item { overflow: hidden } .shop-area .shop-item .shop-thumb { position: relative } .shop-area .shop-item .shop-thumb img { width: 100% } .shop-area .shop-item .shop-thumb .shop-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 40, 72, .6); opacity: 0; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s } .shop-area .shop-item .shop-thumb .shop-overlay ul { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); white-space: nowrap; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; opacity: 0 } .shop-area .shop-item .shop-thumb .shop-overlay ul li { display: inline-block } .shop-area .shop-item .shop-thumb .shop-overlay ul li a { height: 50px; width: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: #fff; margin: 0 5px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .shop-area .shop-item .shop-thumb .shop-overlay ul li a:hover { color: #fff; background: #ff0015} .shop-area .shop-item .shop-content { padding: 25px 0 } .shop-area .shop-item .shop-content .title { font-size: 18px } @media only screen and (min-width:992px) and (max-width:1200px) { .shop-area .shop-item .shop-content .title { font-size: 17px } } .shop-area .shop-item .shop-content ul { padding-top: 5px } .shop-area .shop-item .shop-content ul li { display: inline-block; margin: 0 8px } .shop-area .shop-item .shop-content ul li:first-child { text-decoration: line-through; font-size: 14px; color: #b2c0d3 } .shop-area .shop-item .shop-content ul li:last-child { font-weight: 400; color: #ff0015; font-size: 14px } .shop-area .shop-item:hover .shop-thumb .shop-overlay { opacity: 1 } .shop-area .shop-item:hover .shop-thumb .shop-overlay ul { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sidebar-add { position: relative } .sidebar-add img { width: 100% } .sidebar-add span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; line-height: 60px; padding: 0 40px; font-size: 14px; font-weight: 400; text-transform: capitalize; white-space: nowrap; color: #ff0015} .page-link:focus { box-shadow: none } nav .pagination li a { border-radius: 1% !important; padding: 0; height: 50px; width: 50px; text-align: center; line-height: 48px; border-color: #fff; margin: 0 7px; border: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; color: #000; font-size: 14px; font-weight: 700 } @media(max-width:767px) { nav .pagination li a { height: 45px; width: 45px; line-height: 45px; font-size: 14px } } nav .pagination li a:hover { background: #ff0015; color: #fff; border-color: #ff0015} nav .pagination li a.active { color: #fff; background: #ff0015} nav .pagination li:first-child a { color: #002249 } nav .pagination li:first-child a:hover { color: #fff } nav .pagination li:last-child a { color: #002249 } nav .pagination li:last-child a:hover { color: #fff } nav .pagination.pagination-2 li a { background: #a7a7a7} nav .pagination.pagination-2 li a:hover { background: #ff0015} nav .pagination.pagination-2 li a.active { background: #ff0015; color: #fff } @media only screen and (min-width:768px) and (max-width:991px) { .shop-details-area .shop-product-area { margin-left: 0 } } @media(max-width:767px) { .shop-details-area .shop-product-area { margin-left: 0 } } .shop-details-area .shop-product-area .shop-product-item img { width: 100% } @media only screen and (min-width:768px) and (max-width:991px) { .shop-details-area .shop-details-content { margin-left: 0 } } @media(max-width:767px) { .shop-details-area .shop-details-content { margin-left: 0 } } .shop-details-area .shop-details-content .review { margin-top: 12px } .shop-details-area .shop-details-content .review ul { padding-bottom: 25px } .shop-details-area .shop-details-content .review ul li { display: inline-block; margin-right: 2px } .shop-details-area .shop-details-content .review ul li i { color: #ffb400 } .shop-details-area .shop-details-content .review ul li span { font-size: 14px; color: #63688e } .shop-details-area .shop-details-content .review>span { color: #ff0015; font-size: 14px; font-weight: 400; padding-bottom: 5px } .shop-details-area .shop-details-content .review .title { font-size: 30px } .shop-details-area .shop-details-content .price { margin-bottom: 12px; margin-top: 15px } .shop-details-area .shop-details-content .price ul li { display: inline-block; font-size: 50px; color: #ff0015; margin-right: 18px } .shop-details-area .shop-details-content .list .list-1 li { color: #002249; font-weight: 400; line-height: 30px } .shop-details-area .shop-details-content .list .list-2 { margin-left: 30px } .shop-details-area .shop-details-content .list .list-2 li { color: #63688e; line-height: 30px } .shop-details-area .shop-details-content .list .list-2 li ul { } .shop-details-area .shop-details-content .list .list-2 li ul li { float: left; list-style-type: none; display: inline-block; color: #aaa; } .shop-details-area .shop-details-content .list .list-2 li ul li a { color: #aaa; } .shop-details-area .shop-details-content .list .list-2 li ul li:after { content: ' / '; display: inline-block; color: #aaa; margin: 0 5px; } .shop-details-area .shop-details-content .list .list-2 li ul li:last-child:after{ content: none; } .shop-details-area .shop-details-content .overview .title { font-size: 30px; padding-bottom: 13px; padding-top: 23px } .shop-details-area .shop-details-content .overview p { padding-right: 30px; color: #5a5a5a; } .shop-details-area .shop-details-content .overview .list-2 { align-items: center; margin-top: 35px } .shop-details-area .shop-details-content .overview .list-2 ul li { display: inline-block } .shop-details-area .shop-details-content .overview .list-2 ul li a { height: 50px; width: 50px; background: #d1edff; text-align: center; line-height: 50px; color: #7fb8dc; margin-left: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .shop-product-item{ max-height:450px; text-align: center !important; justify-content: center!important; } .shop-product-item img{ max-height:450px; width: auto !important; margin-left: auto; margin-right: auto; } .shop-product-thumb .slick-slide{ max-height:100px; text-align: center !important; justify-content: center!important; } .shop-product-thumb .slick-slide img{ max-height:100px; width: auto !important; margin-left: auto; margin-right: auto; } @media(max-width:767px) { .shop-details-area .shop-details-content .overview .list-2 ul li a { margin-left: 0; margin-right: 10px; margin-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-details-area .shop-details-content .overview .list-2 ul li a { margin-left: 20px; margin-right: 0; margin-top: 0 } } .shop-details-area .shop-details-content .overview .list-2 ul li a:hover { color: #fff; background: #ff0015} .shop-details-area .shop-details-content .overview form>button { background: #ff0015; border-color: #ff0015; border-radius: 0; padding: 0 70px; margin-top: 30px } .shop-details-area .tab-content .shop-descriptions-area .title { font-size: 30px; padding-top: 15px; padding-bottom: 12px } @media(max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .title { font-size: 24px } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .title { font-size: 30px } } .shop-details-area .tab-content .shop-descriptions-area p { padding-right: 66px } @media only screen and (min-width:768px) and (max-width:991px) { .shop-details-area .tab-content .shop-descriptions-area p { padding-right: 0 } } @media(max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area p { padding-right: 0 } } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list { border-bottom: 1px solid #cbeaff } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 { width: 22% } @media only screen and (min-width:768px) and (max-width:991px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 { width: 40% } } @media(max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 { width: 50% } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 { width: 50% } } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-1 li { color: #002249; font-weight: 400; line-height: 60px } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 { width: 78% } @media only screen and (min-width:768px) and (max-width:991px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 { width: 60% } } @media(max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 { width: 50% } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 { width: 50% } } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list .shop-list-2 li { color: #63688e; line-height: 60px } .shop-details-area .tab-content .shop-descriptions-area .shop-descriptions-list:last-child { border-bottom: 0 } .shop-tab { position: relative; z-index: 5 } .shop-tab img { position: absolute; top: 25px; z-index: -1 } .shop-tab .nav li a { background: #fff; line-height: 50px; padding: 0 65px; border-radius: 0; margin: 0 10px; border: 2px solid #e7ecf0; color: #63688e; font-weight: 700 } @media only screen and (min-width:768px) and (max-width:991px) { .shop-tab .nav li a { padding: 0 40px; } } @media(max-width:767px) { .shop-tab .nav li a { margin-bottom: 20px } .shop-tab .nav li { width:100%; text-align:center; } } @media only screen and (min-width:576px) and (max-width:767px) { .shop-tab .nav li a { padding: 0 30px; margin-bottom: 0 } } .shop-tab .nav li a.active { background: #ff0015; border-color: #ff0015} .product-quantity button { width: 50px; height: 50px; padding: 0; background-color: #fff; font-size: 18px; color: #838b97; border: 1px solid #dce1e5 } @media(max-width:767px) { .product-quantity button { width: 40px; height: 40px } } .product-quantity input { width: 60px; height: 50px; border: 1px solid #dce1e5; padding: 0 10px; text-align: center; margin: 0; color: #838b97 } @media(max-width:767px) { .product-quantity input { height: 40px } } .blog-grid-area { overflow: hidden } .blog-grid-area .blog-grid-item { position: relative } .blog-grid-area .blog-grid-item img { width: 100% } .blog-grid-area .blog-grid-item .blog-grid-overlay { background-image: -moz-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%); background-image: -webkit-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%); background-image: -ms-linear-gradient(-90deg, rgba(0, 34, 73, 0.1) 0%, rgba(0, 34, 73, 0.01) 1%, rgba(0, 34, 73, 0.6) 100%); height: 100%; width: 100%; top: 0; left: 0; position: absolute; padding: 40px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-grid-area .blog-grid-item .blog-grid-overlay { padding: 20px } } @media(max-width:767px) { .blog-grid-area .blog-grid-item .blog-grid-overlay { padding: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-grid-area .blog-grid-item .blog-grid-overlay { padding: 40px } } .blog-grid-area .blog-grid-item .blog-grid-overlay>span { background: #ff0015; color: #fff; line-height: 26px; padding: 0 15px; font-size: 12px; font-weight: 700 } .blog-grid-area .blog-grid-item .blog-grid-overlay .title { font-size: 24px; color: #fff; padding-top: 165px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-grid-area .blog-grid-item .blog-grid-overlay .title { font-size: 22px; padding-top: 137px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-grid-area .blog-grid-item .blog-grid-overlay .title { padding-top: 130px } } @media(max-width:767px) { .blog-grid-area .blog-grid-item .blog-grid-overlay .title { padding-top: 130px; font-size: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-grid-area .blog-grid-item .blog-grid-overlay .title { padding-top: 135px; font-size: 24px } } .blog-grid-area .blog-grid-item .blog-grid-overlay ul { display: flex; justify-content: space-between; padding-top: 10px } .blog-grid-area .blog-grid-item .blog-grid-overlay ul li { display: inline-block; color: #fff; opacity: .7 } .blog-sidebar-area .blog-sidebar-item { padding: 35px 40px; background: #f5f8fd; } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .blog-sidebar-item { padding: 35px 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-sidebar-area .blog-sidebar-item { padding: 35px 20px } } @media(max-width:767px) { .blog-sidebar-area .blog-sidebar-item { padding: 35px 20px } } .blog-sidebar-area .blog-sidebar-item .sidebar-title .title { font-size: 20px; padding-left: 45px; position: relative } .blog-sidebar-area .blog-sidebar-item .sidebar-title .title::before { position: absolute; content: ''; height: 4px; width: 4px; left: 21px; top: 12px; background: #ff0015} .blog-sidebar-area .blog-sidebar-item .sidebar-title .title::after { position: absolute; content: ''; height: 4px; width: 18px; left: 0; top: 12px; background: #ff0015} .blog-sidebar-area .sidebar-about-contnent .title { font-size: 18px; padding-top: 25px } .blog-sidebar-area .sidebar-about-contnent p { font-size: 14px; padding: 10px 5px 15px } .blog-sidebar-area .sidebar-about-contnent ul li { display: inline-block } .blog-sidebar-area .sidebar-about-contnent ul li a { color: #b3bed3; font-size: 14px; margin: 0 10px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .blog-sidebar-area .sidebar-about-contnent ul li a:hover { color: #ff0015} .blog-sidebar-area .sidebar-search-item .input-box { padding-bottom: 5px; position: relative } .blog-sidebar-area .sidebar-search-item .input-box input { width: 100%; line-height: 60px; padding-left: 30px; background: #f6f4ff; border: 0; font-size: 12px; color: #69a1bb } .blog-sidebar-area .sidebar-search-item .input-box input::placeholder { opacity: 1; color: #69a1bb; font-size: 12px } .blog-sidebar-area .sidebar-search-item .input-box button { position: absolute; right: 0; top: 0; line-height: 60px; width: 60px; text-align: center; border: 0; background: #ff0015; color: #fff } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item { position: relative; border-bottom: 1px solid #e3eeff; display: flex; align-items: center; height: 75px; } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item { padding-left: 95px } } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item .title { font-size: 14px } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item span { color: #69a1bb; font-size: 12px; padding-top: 10px } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item span i { padding-right: 6px } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item img { position: absolute; left: 0; top: 0; width: 88px; height: 65px; } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item div { width: 70px; height: 50px; background-size: cover; transition: all 0.2s ease 0s; } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item a { width: 180px; } .blog-sidebar-area .sidebar-feeds .sidebar-feeds-item:last-child { border-bottom: 0; padding-bottom: 10px } .blog-sidebar-area .sidebar-categories ul li { margin-top: 10px } .blog-sidebar-area .sidebar-categories ul li a { width: 100%; background: #152136; line-height: 50px; padding-left: 30px; color: #fff; font-size: 14px; position: relative } .blog-sidebar-area .sidebar-categories ul li a span { position: absolute; right: 0; top: 0; height: 100%; width: 50px; line-height: 50px; text-align: center; padding: 0; color: #fff; background: #091222; font-weight: 700 } .blog-sidebar-area .sidebar-social ul li { display: inline-block } .blog-sidebar-area .sidebar-social ul li a { height: 40px; width: 40px; background: #002249; text-align: center; line-height: 40px; color: #fff; margin: 0 4px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-social ul li a { margin: 0 1px } } @media(max-width:767px) { .blog-sidebar-area .sidebar-social ul li a { margin: 0 1px; height: 38px; width: 38px; line-height: 38px } } .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item { border-bottom: 1px solid #e3eeff; padding-left: 35px; position: relative; padding-bottom: 25px; margin-top: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item { padding-left: 20px } } .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item ul li a { font-size: 14px; line-height: 24px; color: #ff0015; font-size: 12px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item ul li a { font-size: 11px } } .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item span { color: #516381; font-size: 12px; font-weight: 700 } .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item i { position: absolute; top: 7px; left: 0; color: #32beff } .blog-sidebar-area .sidebar-twitter-feeds .sidebar-twitter-feeds-item:last-child { border-bottom: 0; padding-bottom: 0 } .blog-sidebar-area .sidebar-instagram ul { margin-top: 13px; display: flex; justify-content: space-between } @media(max-width:767px) { .blog-sidebar-area .sidebar-instagram ul { justify-content: left } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-sidebar-area .sidebar-instagram ul { justify-content: space-between } } .blog-sidebar-area .sidebar-instagram ul li { display: inline-block } .blog-sidebar-area .sidebar-instagram ul li a img { width: 100% } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-instagram ul li a img { width: 84% } } @media(max-width:767px) { .blog-sidebar-area .sidebar-instagram ul li a img { width: 80% } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-sidebar-area .sidebar-instagram ul li a img { width: 100% } } .blog-sidebar-area .sidebar-tags ul { margin-top: 10px } .blog-sidebar-area .sidebar-tags ul li { display: inline-block } .blog-sidebar-area .sidebar-tags ul li a { background: #f5f2ff; color: #81a3bb; font-size: 12px; line-height: 30px; padding: 0 21px; margin: 0 3px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-sidebar-area .sidebar-tags ul li a { padding: 0 16px; margin: 0 1px } } @media(max-width:767px) { .blog-sidebar-area .sidebar-tags ul li a { padding: 0 14px; margin: 0 1px } } .blog-sidebar-add { position: relative } .blog-sidebar-add .add-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ff0015; text-align: center; padding: 20px 40px } .blog-sidebar-add .add-content span { color: #fff; font-weight: 400; font-size: 16px } .blog-sidebar-add .add-content .title { font-size: 24px; color: #fff; white-space: nowrap; padding-top: 5px } .blog-standard .single-blog-standard .blog-standard-thumb { position: relative } .blog-standard .single-blog-standard .blog-standard-thumb img { width: 100% } .blog-standard .single-blog-standard .blog-standard-thumb a { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 80px; width: 80px; text-align: center; line-height: 80px; background: #ff0015; color: #fff; border-radius: 50%; font-size: 20px } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-thumb a { height: 60px; width: 60px; line-height: 60px; font-size: 16px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-thumb a { height: 80px; width: 80px; line-height: 80px; font-size: 20px } } .blog-standard .single-blog-standard .blog-standard-content { border: 2px solid #ededed; border-top: 0; padding: 50px } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content { padding: 50px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content { padding: 50px } } .blog-standard .single-blog-standard .blog-standard-content>span { background: #ff0015; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 3px; padding: 0 15px; line-height: 30px; text-transform: uppercase } .blog-standard .single-blog-standard .blog-standard-content .title { font-size: 32px; line-height: 42px; padding-right: 40px; padding-top: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-standard .single-blog-standard .blog-standard-content .title { padding-right: 0; font-size: 27px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-standard .single-blog-standard .blog-standard-content .title { padding-right: 0; font-size: 30px } } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .title { padding-right: 0; font-size: 18px; line-height: 28px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .title { padding-right: 0; font-size: 21px; line-height: 32px } } .blog-standard .single-blog-standard .blog-standard-content ul { padding: 20px 0 } .blog-standard .single-blog-standard .blog-standard-content ul li { display: inline-block; color: #69a1bb; font-size: 14px; margin-right: 28px } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content ul li { margin-right: 0; margin-bottom: 10px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content ul li { margin-right: 20px; margin-bottom: 0 } } .blog-standard .single-blog-standard .blog-standard-content ul li i { padding-right: 6px } .blog-standard .single-blog-standard .blog-standard-content>p { color: #69a1bb; font-size: 15px; padding-bottom: 35px } .blog-standard .single-blog-standard .blog-standard-content .blog-flex { display: flex; margin-bottom: 7px; justify-content: space-between } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .blog-flex { display: block } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .blog-flex { display: flex } } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left { position: relative; padding-left: 55px } @media(max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left { margin-bottom: 30px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left { margin-bottom: 0 } } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left p { font-weight: 400; color: #002249 } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left span { color: #81a3bb } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-left img { position: absolute; left: 0; top: -5px } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-right a { font-weight: 400; letter-spacing: 2px; color: #ff0015; text-transform: uppercase; font-size: 14px } .blog-standard .single-blog-standard .blog-standard-content .blog-flex .blog-right a i { padding-right: 15px } .blog-standard .single-blog-standard .blog-standard-content.blog-border { border-top: 2px solid #ededed } .blog-dteails-content { padding: 20px; background: #fafbfe; } @media(max-width:767px) { .blog-dteails-content { padding: 50px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content { padding: 50px } } .blog-dteails-content .blog-details-top>span { background: #ff0015; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 3px; padding: 0 15px; line-height: 30px; text-transform: uppercase } .blog-dteails-content .blog-details-top .title { font-size: 32px; line-height: 42px; padding-right: 40px; padding-top: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-top .title { padding-right: 0; font-size: 27px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-dteails-content .blog-details-top .title { padding-right: 0; font-size: 30px } } @media(max-width:767px) { .blog-dteails-content .blog-details-top .title { padding-right: 0; font-size: 18px; line-height: 28px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-top .title { padding-right: 0; font-size: 21px; line-height: 32px } } .blog-dteails-content .blog-details-top ul { padding: 20px 0 } .blog-dteails-content .blog-details-top ul li { display: inline-block; color: #69a1bb; font-size: 14px; margin-right: 28px } @media(max-width:767px) { .blog-dteails-content .blog-details-top ul li { margin-right: 0; margin-bottom: 10px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-top ul li { margin-right: 20px; margin-bottom: 0 } } .blog-dteails-content .blog-details-top ul li i { padding-right: 6px } .blog-dteails-content .blog-details-top>p { color: #69a1bb; font-size: 15px; padding-bottom: 35px } .blog-dteails-content .blog-details-bath img { width: 100% } .blog-dteails-content .blog-details-bath .title { font-size: 30px; padding-top: 40px; padding-bottom: 20px } @media(max-width:767px) { .blog-dteails-content .blog-details-bath .title { font-size: 26px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bath .title { font-size: 26px } } .blog-dteails-content .blog-details-bath p { border-bottom: 1px solid #ededed; padding-bottom: 35px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-bath ul { padding-left: 18px } } @media(max-width:767px) { .blog-dteails-content .blog-details-bath ul { padding-left: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bath ul { padding-left: 30px } } .blog-dteails-content .blog-details-bath ul li { color: #69a1bb; line-height: 30px } @media(max-width:767px) { .blog-dteails-content .blog-details-bath ul li { font-size: 13px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bath ul li { font-size: 15px } } .blog-dteails-content .blog-details-quote { background: #f3f5ff; border-radius: 10px; padding: 50px 50px 57px; position: relative; z-index: 5 } @media(max-width:767px) { .blog-dteails-content .blog-details-quote { padding: 50px 10px 57px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-quote { padding: 50px 50px 57px } } .blog-dteails-content .blog-details-quote p { color: #002249; font-weight: 700 } .blog-dteails-content .blog-details-quote p span { color: #81a3bb } .blog-dteails-content .blog-details-quote .title { line-height: 38px; padding-top: 13px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-quote .title { font-size: 20px } } @media(max-width:767px) { .blog-dteails-content .blog-details-quote .title { font-size: 17px; line-height: 27px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-quote .title { font-size: 19px; line-height: 29px } } .blog-dteails-content .blog-details-quote i { font-size: 190px; color: #e4e9ff; z-index: -1; position: absolute; bottom: 15px; right: 30px } @media(max-width:767px) { .blog-dteails-content .blog-details-quote i { font-size: 90px } } @media(max-width:767px) { .blog-dteails-content .blog-details-confarance .confarance-flex { display: block !important } } .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 { width: 50% } @media(max-width:767px) { .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 { width: 100% } } .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-1 img { width: 100%; padding-top: 10px } .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-2 { width: 83%; padding-left: 35px } @media(max-width:767px) { .blog-dteails-content .blog-details-confarance .confarance-flex .confarance-thumb-2 { padding-left: 0; width: 100%; padding-top: 20px } } @media(max-width:767px) { .blog-dteails-content .blog-details-bar { display: block !important } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar { display: flex !important } } .blog-dteails-content .blog-details-bar .blog-tags .title { font-size: 20px; text-transform: capitalize } .blog-dteails-content .blog-details-bar .blog-tags ul li { display: inline-block } .blog-dteails-content .blog-details-bar .blog-tags ul li a { background: #f5f2ff; color: #002249; font-size: 12px; font-weight: 400; text-transform: uppercase; line-height: 30px; padding: 0 20px; margin-right: 7px; margin-top: 27px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media(max-width:767px) { .blog-dteails-content .blog-details-bar .blog-tags ul li a { margin-right: 2px; padding: 0 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar .blog-tags ul li a { margin-right: 0; padding: 0 10px } } .blog-dteails-content .blog-details-bar .blog-tags ul li a:hover { background: #ff0015; color: #fff } @media(max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social { text-align: left !important } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social { text-align: right !important } } .blog-dteails-content .blog-details-bar .blog-social .title { font-size: 20px; text-transform: capitalize; padding-bottom: 20px } @media(max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social .title { margin-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social .title { margin-top: 0 } } .blog-dteails-content .blog-details-bar .blog-social ul li { display: inline-block } .blog-dteails-content .blog-details-bar .blog-social ul li a { color: #b5becc; font-size: 18px; margin-left: 28px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media(max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social ul li a { margin-left: 0; margin-right: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social ul li a { margin-left: 20px; margin-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-bar .blog-social ul li a { margin-left: 15px } } .blog-dteails-content .blog-details-bar .blog-social ul li a:hover { color: #ff0015} .blog-dteails-content .blog-details-next-prev { border-top: 1px solid #e3eeff; border-bottom: 1px solid #e3eeff; position: relative } .blog-dteails-content .blog-details-next-prev .post-prev a span { color: #6c90b9; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 2px } .blog-dteails-content .blog-details-next-prev .post-prev a .title { font-size: 18px; text-transform: capitalize; padding-top: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-next-prev .post-prev a .title { font-size: 20px } } @media(max-width:767px) { .blog-dteails-content .blog-details-next-prev .post-prev a .title { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-next-prev .post-prev a .title { font-size: 18px } } .blog-dteails-content .blog-details-next-prev .post-next a span { color: #6c90b9; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 2px } .blog-dteails-content .blog-details-next-prev .post-next a .title { font-size: 18px; text-transform: capitalize; padding-top: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-next-prev .post-next a .title { font-size: 20px } } @media(max-width:767px) { .blog-dteails-content .blog-details-next-prev .post-next a .title { font-size: 18px } .action-area .action-overlay { border-radius: 0px; } .footer-area.footer-area-2 { overflow: hidden; background-size: cover; } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-next-prev .post-next a .title { font-size: 18px } } .blog-dteails-content .blog-details-next-prev>a { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } @media(max-width:767px) { .blog-dteails-content .blog-details-next-prev>a { display: none } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-next-prev>a { display: block } } .blog-dteails-content .blog-details-releted-post .title { font-size: 26px; padding-bottom: 5px } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item { box-shadow: 0 8px 16px 0 rgba(93, 93, 93, .06) } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-thumb img { width: 100% } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content { padding: 35px 40px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content { padding: 35px 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content { padding: 35px 20px } } @media(max-width:767px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content { padding: 35px 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content { padding: 35px 40px } } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content span { font-size: 14px; color: #69a1bb; padding-bottom: 5px } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content span i { padding-right: 5px } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title { font-size: 20px; line-height: 30px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title { font-size: 17px } } @media(max-width:767px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title { font-size: 18px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content .title { font-size: 20px } } .blog-dteails-content .blog-details-releted-post .blog-details-releted-item .releted-content p { font-size: 14px; line-height: 26px; padding-top: 3px } .blog-dteails-content .blog-details-written { border: 2px solid #e3eeff; padding: 40px } @media(max-width:767px) { .blog-dteails-content .blog-details-written { padding: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-written { padding: 31px } } @media(max-width:767px) { .blog-dteails-content .blog-details-written .written-area { display: block !important } } .blog-dteails-content .blog-details-written .written-area .written-thumb { width: 100% } .blog-dteails-content .blog-details-written .written-area .written-thumb img { width: 100% } .blog-dteails-content .blog-details-written .written-area .written-content { padding-left: 40px } @media(max-width:767px) { .blog-dteails-content .blog-details-written .written-area .written-content { padding-left: 0 } } .blog-dteails-content .blog-details-written .written-area .written-content span { text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; color: #69a1bb } @media(max-width:767px) { .blog-dteails-content .blog-details-written .written-area .written-content span { padding-top: 20px } } .blog-dteails-content .blog-details-written .written-area .written-content .title { font-size: 36px } @media only screen and (min-width:992px) and (max-width:1200px) { .blog-dteails-content .blog-details-written .written-area .written-content .title { font-size: 30px } } @media(max-width:767px) { .blog-dteails-content .blog-details-written .written-area .written-content .title { font-size: 22px } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-written .written-area .written-content .title { font-size: 30px } } .blog-dteails-content .blog-details-written .written-area .written-content p { font-size: 14px; color: #69a1bb; line-height: 26px; padding-top: 7px } .blog-dteails-content .blog-details-comments { position: relative } .blog-dteails-content .blog-details-comments>.title { font-size: 26px; padding-bottom: 5px } .blog-dteails-content .blog-details-comments .blog-comments-area { margin-top: 40px; padding-left: 130px; position: relative; border-bottom: 1px solid #e3eeff; padding-bottom: 25px } @media(max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area { padding-left: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area { padding-left: 110px } } .blog-dteails-content .blog-details-comments .blog-comments-area .blog-left .title { font-size: 18px } .blog-dteails-content .blog-details-comments .blog-comments-area .blog-left span { font-size: 12px; color: #ff0015; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding-top: 5px; padding-bottom: 15px } .blog-dteails-content .blog-details-comments .blog-comments-area .blog-right a { color: #69a1bb; font-weight: 400; font-size: 14px; line-height: 40px; border: 2px solid #e3eeff; padding: 0 20px; border-radius: 30px } .blog-dteails-content .blog-details-comments .blog-comments-area p { font-size: 14px } .blog-dteails-content .blog-details-comments .blog-comments-area img { position: absolute; left: 0; top: -10px } @media(max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area img { width: 18%; position: inherit; top: 0; padding: 15px 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area img { width: 18%; position: absolute; top: -10px; padding: 0 } } @media(max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area.ml-125 { margin-left: 50px } } @media(max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area .d-flex { display: block !important } } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-comments .blog-comments-area .d-flex { display: flex !important } } .blog-dteails-content .blog-details-post-comments { margin-top: 40px } .blog-dteails-content .blog-details-post-comments .title { font-size: 26px; padding-bottom: 30px } .blog-dteails-content .blog-details-post-comments .post-comments-area { padding: 30px 50px 50px } @media only screen and (min-width:576px) and (max-width:767px) { .blog-dteails-content .blog-details-post-comments .post-comments-area { padding: 30px 50px 50px } } @media(max-width:767px) { .blog-dteails-content .blog-details-post-comments .post-comments-area { padding: 20px } } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box textarea { width: 100%; border: 0; height: 150px; resize: none; padding-top: 20px; padding-left: 30px } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box textarea::placeholder { opacity: 1; font-size: 14px; color: #6b93aa } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box input { width: 100%; border: 0; line-height: 60px; padding-left: 30px } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box input::placeholder { opacity: 1; color: #6b93aa; font-size: 14px } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button { background: #ff4b57; line-height: 60px; padding: 0 60px; border-color: #ff4b57; border-radius: 30px; text-transform: capitalize; font-size: 14px } @media(max-width:767px) { .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button { line-height: 50px; padding: 0 30px } } .blog-dteails-content .blog-details-post-comments .post-comments-area .input-box button i { padding-right: 6px } .error-area { overflow: hidden } .error-area .error-item .title { font-size: 80px; line-height: 90px; padding-top: 45px } @media only screen and (min-width:768px) and (max-width:991px) { .error-area .error-item .title { font-size: 60px; line-height: 70px } } @media(max-width:767px) { .error-area .error-item .title { font-size: 25px; line-height: 35px } } @media only screen and (min-width:576px) and (max-width:767px) { .error-area .error-item .title { font-size: 46px; line-height: 56px } } .error-area .error-item span { font-size: 24px; color: #69a1bb; padding-top: 25px } @media(max-width:767px) { .error-area .error-item span { font-size: 18px } } .error-area .error-item .syotimer .syotimer__body { display: flex; justify-content: space-between } @media(max-width:767px) { .error-area .error-item .syotimer .syotimer__body { display: block !important } } .error-area .error-item .syotimer .syotimer__body .syotimer-cell { display: inline-block; height: 250px; width: 250px; border: 10px solid #f6fcff; border-radius: 50%; position: relative; z-index: 2; padding-top: 75px } @media only screen and (min-width:992px) and (max-width:1200px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell { height: 200px; width: 200px; padding-top: 50px } } @media only screen and (min-width:768px) and (max-width:991px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell { height: 150px; width: 150px; padding-top: 30px } } @media(max-width:767px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell { height: 200px; width: 200px; margin: 20px 0; padding-top: 50px } } @media only screen and (min-width:576px) and (max-width:767px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell { height: 200px; width: 200px; margin: 20px; padding-top: 50px } } .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before { position: absolute; content: ''; height: 108%; width: 108%; border-radius: 50%; border: 10px solid transparent; left: -10px; top: -10px; z-index: -1; border-left-color: #ff0015; border-right-color: #ff0015; transform: rotate(-45deg) } @media only screen and (min-width:992px) and (max-width:1200px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before { height: 110%; width: 110% } } @media only screen and (min-width:768px) and (max-width:991px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before { height: 114%; width: 117% } } @media only screen and (min-width:576px) and (max-width:767px) { .error-area .error-item .syotimer .syotimer__body .syotimer-cell::before { height: 111%; width: 111% } } .error-area .error-item .syotimer .syotimer__body .syotimer-cell .syotimer-cell__value { font-size: 50px; font-weight: 400; font-family: 'Exo 2', sans-serif; color: #002249; line-height: 50px } .error-area .error-item .syotimer .syotimer__body .syotimer-cell .syotimer-cell__unit { font-weight: 400; color: #69a1bb } .contact-details-area .contact-info { border: 1px solid #ededed } @media(max-width:767px) { .contact-details-area .contact-info { margin-right: 0 } } .contact-details-area .contact-info .contact-item-1 { display: flex } @media(max-width:767px) { .contact-details-area .contact-info .contact-item-1 { display: block } } @media only screen and (min-width:576px) and (max-width:767px) { .contact-details-area .contact-info .contact-item-1 { display: flex } } .contact-details-area .contact-info .contact-item-1 .contact-info-item { border: 1px solid #ededed; width: 100%; padding: 55px 0 50px } .contact-details-area .contact-info .contact-item-1 .contact-info-item i { height: 80px; width: 80px; border-radius: 50%; background: #ff0015; text-align: center; line-height: 80px; color: #fff; font-size: 24px } .contact-details-area .contact-info .contact-item-1 .contact-info-item .title { font-size: 24px; padding-top: 25px } .contact-details-area .contact-info .contact-item-1 .contact-info-item p { font-size: 18px; color: #69a1bb; padding-top: 5px } .contact-details-area .map-area iframe { width: 100%; height: 550px } .who-we-are-area { position: relative; z-index: 5 } .who-we-are-area .section-title .title { font-size: 55px; color: #232323; margin-bottom: 38px } @media only screen and (min-width:992px) and (max-width:1200px) { .who-we-are-area .section-title .title { font-size: 42px; line-height: 52px } } @media only screen and (min-width:768px) and (max-width:991px) { .who-we-are-area .section-title .title { font-size: 46px; line-height: 56px; margin-bottom: 0 } } @media(max-width:767px) { .who-we-are-area .section-title .title { font-size: 26px; line-height: 36px; margin-bottom: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .who-we-are-area .section-title .title { font-size: 40px; line-height: 50px; margin-bottom: 0 } } .who-we-are-area .section-title .title::before { display: none } .who-we-are-area .section-title p { font-size: 15px; padding-right: 15px; line-height: 35px; color: #616161; padding-top: 25px } .who-we-are-area .what-we-do-item { box-shadow: 0 10px 29.7px .3px rgba(225, 225, 225, .64); padding: 45px 20px 50px; position: relative; overflow: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background-color: #fff; z-index: 5 } .who-we-are-area .what-we-do-item>i { font-size: 50px; color: #ff0015; padding-bottom: 35px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .who-we-are-area .what-we-do-item .title { font-size: 22px; color: #232323; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:992px) and (max-width:1200px) { .who-we-are-area .what-we-do-item .title { font-size: 18px } } .who-we-are-area .what-we-do-item p { color: #616161; font-size: 15px; padding-top: 10px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .who-we-are-area .what-we-do-item a { height: 40px; width: 40px; text-align: center; line-height: 40px; background: #ff0015; color: #fff; font-size: 14px; right: 0; bottom: 0; position: absolute; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .who-we-are-area .what-we-do-item:hover { background: #ff0015} .who-we-are-area .what-we-do-item:hover i { color: #fff } .who-we-are-area .what-we-do-item:hover .title { color: #fff } .who-we-are-area .what-we-do-item:hover p { color: #fff } .who-we-are-area .what-we-do-item:hover a { background: #fff } .who-we-are-area .what-we-do-item:hover a i { color: #ff0015} .who-we-are-area .what-we-do-item::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/what-we-are-dot.png); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1 } .who-we-are-area .what-we-are-shape-1 { position: absolute; top: 0; left: 0; z-index: -1 } @media(max-width:767px) { .who-we-are-area .what-we-are-shape-1 { width: 40% } } .who-we-are-area .what-we-are-shape-2 { position: absolute; top: 0; right: 0; z-index: -1 } @media(max-width:767px) { .who-we-are-area .what-we-are-shape-2 { width: 40% } } .solution-area .solution-overlay { background-color: rgba(16, 16, 40, .8); padding-bottom: 355px } .solution-area .solution-overlay .solution-content { border: 10px solid rgba(255, 255, 255, .15); padding: 40px 70px 50px; margin-right: 70px } @media only screen and (min-width:768px) and (max-width:991px) { .solution-area .solution-overlay .solution-content { margin-right: 0 } } @media(max-width:767px) { .solution-area .solution-overlay .solution-content { margin-right: 0; padding: 50px 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .solution-area .solution-overlay .solution-content { margin-right: 0; padding: 40px 70px 50px } } .solution-area .solution-overlay .solution-content .title { font-size: 55px; color: #fff; line-height: 65px } @media only screen and (min-width:992px) and (max-width:1200px) { .solution-area .solution-overlay .solution-content .title { font-size: 40px; line-height: 50px } } @media(max-width:767px) { .solution-area .solution-overlay .solution-content .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .solution-area .solution-overlay .solution-content .title { font-size: 36px; line-height: 46px } } .solution-area .solution-overlay .solution-content p { font-size: 15px; color: #fff; padding-top: 20px } @media only screen and (min-width:768px) and (max-width:991px) { .solution-play { text-align: left !important; margin-top: 40px } } @media(max-width:767px) { .solution-play { text-align: center !important; margin-top: 40px; margin-right: 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .solution-play { text-align: left !important; margin-top: 40px } } .solution-play a { height: 80px; width: 80px; background: #fff; color: #ff0015; text-align: center; line-height: 80px; border-radius: 50%; position: relative; z-index: 5 } .solution-play a::before { position: absolute; content: ''; height: 100%; width: 100%; border-radius: 50%; border: 1px solid #fff; top: 0; left: 0; z-index: -1; -webkit-animation: play-btn-1 1.8s linear infinite; -moz-animation: play-btn-1 1.8s linear infinite; -o-animation: play-btn-1 1.8s linear infinite; animation: play-btn-1 1.8s linear infinite } .solution-play a::after { position: absolute; content: ''; height: 100%; width: 100%; border-radius: 50%; border: 1px solid #fff; top: 0; left: 0; z-index: -1; -webkit-animation: play-btn-2 1.5s linear infinite; -moz-animation: play-btn-2 1.5s linear infinite; -o-animation: play-btn-2 1.5s linear infinite; animation: play-btn-2 1.5s linear infinite } .services-title-area { margin-top: 0; background: #ff0015; height: 320px; margin-left: 70px; margin-right: 70px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-title-area { margin-left: 20px; margin-right: 20px; height: 430px } } @media only screen and (min-width:768px) and (max-width:991px) { .services-title-area { margin-left: 20px; margin-right: 20px; height: 450px } } @media(max-width:767px) { .services-title-area { margin-left: 0; margin-right: 0; height: 290px } } @media only screen and (min-width:576px) and (max-width:767px) { .services-title-area { margin-left: 20px; margin-right: 20px; height: 470px } } .services-title-area .services-title-item { padding-top: 40px; position: relative; z-index: 5 } .services-title-area .services-title-item span { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 3px } .services-title-area .services-title-item .title { font-size: 40px; line-height: 65px; color: #fff; padding: 0 210px; padding-top: 15px } @media only screen and (min-width:992px) and (max-width:1200px) { .services-title-area .services-title-item .title { font-size: 40px; line-height: 50px; padding: 0 190px } } @media only screen and (min-width:768px) and (max-width:991px) { .services-title-area .services-title-item .title { font-size: 36px; line-height: 46px; padding: 0 120px } } @media(max-width:767px) { .services-title-area .services-title-item .title { font-size: 30px; line-height: 40px; padding: 20px 0 0 } } @media only screen and (min-width:576px) and (max-width:767px) { .services-title-area .services-title-item .title { font-size: 36px; line-height: 46px; padding: 20px 0 } } .services-title-area .services-title-item::before { position: absolute; content: ''; height: 145px; width: 145px; border: 10px solid rgba(255, 255, 255, .1); top: 110px; left: 10px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); z-index: -1; -webkit-animation: rotate 30s linear infinite; -moz-animation: rotate 30s linear infinite; -o-animation: rotate 30s linear infinite; animation: rotate 30s linear infinite } .services-title-area .services-title-item::after { position: absolute; content: ''; height: 80px; width: 80px; border: 10px solid rgba(255, 255, 255, .1); top: 310px; right: 10px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); z-index: -1; -webkit-animation: rotate-2 30s linear infinite; -moz-animation: rotate-2 30s linear infinite; -o-animation: rotate-2 30s linear infinite; animation: rotate-2 30s linear infinite } .services-title-area .services-title-item .ring-shape { position: absolute; height: 60px; width: 60px; border-radius: 50%; border: 5px solid rgba(255, 255, 255, .1); top: 80px; right: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-animation: scale 15s linear infinite; -moz-animation: scale 15s linear infinite; -o-animation: scale 15s linear infinite; animation: scale 15s linear infinite; z-index: -1 } @keyframes rotate { 0% { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate-2 { 0% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) } } @keyframes scale { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2) } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } } .latest-services-area { margin-bottom: 65px; margin-top: -165px; position: relative; z-index: 10 } @media only screen and (min-width:992px) and (max-width:1200px) { .latest-services-area { margin-top: -170px } } @media only screen and (min-width:768px) and (max-width:991px) { .latest-services-area { margin-top: -200px } } .latest-services-area .single-services .services-thumb img { width: 100% } .latest-services-area .single-services .services-content .title { font-size: 26px; color: #232323; padding-top: 45px; border-bottom: 2px #e3eeff solid; padding-bottom: 25px; position: relative } .latest-services-area .single-services .services-content .title::before { position: absolute; content: ''; width: 80px; height: 3px; background: #ff0015; left: 0; bottom: -3px } .latest-services-area .single-services .services-content p { font-size: 15px; color: #616161; line-height: 32px; padding-top: 32px } .latest-services-area .single-services .services-content a { font-weight: 400; color: #232323; line-height: 50px; padding: 0 30px; border: 1px solid #ff0015; border-radius: 5px; margin-top: 37px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .latest-services-area .single-services .services-content a:hover { background: #ff0015; color: #fff; border-color: #ff0015} .why-choose-area { background: #101028; padding-top: 113px; padding-bottom: 113px; position: relative; overflow: hidden; z-index: 9 } .why-choose-area .section-title span { color: #fff } .why-choose-area .section-title .title { color: #fff; font-size: 55px; line-height: 66px; padding-bottom: 3px } @media only screen and (min-width:992px) and (max-width:1200px) { .why-choose-area .section-title .title { font-size: 44px; line-height: 56px } } @media only screen and (min-width:768px) and (max-width:991px) { .why-choose-area .section-title .title { font-size: 44px; line-height: 56px } } @media(max-width:767px) { .why-choose-area .section-title .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .why-choose-area .section-title .title { font-size: 36px; line-height: 46px } } .why-choose-area .section-title .title::before { display: none } .why-choose-area .single-choose .icon-box { height: 175px; width: 175px; border-radius: 50%; text-align: center; line-height: 200px; border: 2px solid #252543; background: radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%); position: relative; display: inline-block; z-index: 5 } .why-choose-area .single-choose .icon-box i { font-size: 60px; color: #fff } .why-choose-area .single-choose .icon-box span { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 50%; z-index: -1; -webkit-animation: rotate-2 30s linear infinite; -moz-animation: rotate-2 30s linear infinite; -o-animation: rotate-2 30s linear infinite; animation: rotate-2 30s linear infinite } .why-choose-area .single-choose .icon-box span::before { position: absolute; content: ''; height: 15px; width: 15px; background: #fff; top: -8px; left: 50%; transform: translateX(-50%); border-radius: 50% } .why-choose-area .single-choose .icon-box span::after { position: absolute; content: ''; height: 7px; width: 7px; background: #fff; bottom: -4px; left: 50%; transform: translateX(-50%); border-radius: 50% } .why-choose-area .single-choose h4 { font-size: 26px; color: #fff; padding-top: 50px } .why-choose-area .single-choose p { font-size: 15px; line-height: 32px; color: #c7c7ff; padding: 0 20px; padding-top: 20px } @media only screen and (min-width:992px) and (max-width:1200px) { .why-choose-area .single-choose p { padding: 0 } } @media only screen and (min-width:768px) and (max-width:991px) { .why-choose-area .single-choose p { padding: 0; padding-top: 20px } } @media(max-width:767px) { .why-choose-area .single-choose p { padding: 0; padding-top: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .why-choose-area .single-choose p { padding: 0 20px; padding-top: 20px } } .why-choose-area .choose-dot { position: absolute; top: 0; right: 0; z-index: -1 } .why-choose-area .choose-dot img { width: 100% } .why-choose-area .choose-shape { position: absolute; left: 0; top: -170px; z-index: -1 } .why-choose-area .choose-shape img { width: 100% } .case-studies-area { padding-top: 30px; padding-bottom: 30px; overflow: hidden } .case-studies-area .section-title span { letter-spacing: 3px } .case-studies-area .section-title .title { font-size: 38px; line-height: 65px; padding-bottom: 5px } @media only screen and (min-width:992px) and (max-width:1200px) { .case-studies-area .section-title .title { font-size: 44px; line-height: 54px } } @media only screen and (min-width:768px) and (max-width:991px) { .case-studies-area .section-title .title { font-size: 44px; line-height: 54px; padding-right: 200px } } @media(max-width:767px) { .case-studies-area .section-title .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .case-studies-area .section-title .title { font-size: 36px; line-height: 46px; padding-right: 120px } } .case-studies-area .section-title .title::before { display: none } .case-studies-area .single-case-studies { position: relative; margin-left: 8px; margin-right: 8px } .case-studies-area .single-case-studies img { width: 100% } .case-studies-area .single-case-studies .case-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%) } .case-studies-area .single-case-studies .case-overlay span { color: #fff; font-weight: 700 } .case-studies-area .single-case-studies .case-overlay .title { font-size: 26px; color: #fff; line-height: 36px } .case-studies-area .single-case-studies .case-overlay a { position: absolute; right: 0; bottom: 0; background: #ff0015; color: #fff; font-size: 20px; height: 60px; width: 60px; text-align: center; line-height: 60px } .case-studies-area .single-case-studies .case-overlay .item { position: absolute; left: 50px; bottom: 50px } @media only screen and (min-width:1200px) and (max-width:1600px) { .case-studies-area .single-case-studies .case-overlay .item { bottom: 60px; left: 20px } } @media only screen and (min-width:992px) and (max-width:1200px) { .case-studies-area .single-case-studies .case-overlay .item { bottom: 70px; left: 20px } } @media only screen and (min-width:768px) and (max-width:991px) { .case-studies-area .single-case-studies .case-overlay .item { bottom: 70px; left: 20px } } @media(max-width:767px) { .case-studies-area .single-case-studies .case-overlay .item { bottom: 70px; left: 20px } } .case-studies-area .case-studies-active .col-lg-3 { padding-left: 0; padding-right: 0 } .case-studies-area .case-studies-active .slick-arrow { position: absolute; top: -110px; right: 20px; height: 60px; width: 60px; text-align: center; line-height: 58px; border: 2px solid #ededed; border-radius: 50%; color: #ff0015; background: #fff; font-size: 20px; cursor: pointer; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } .case-studies-area .case-studies-active .slick-arrow:hover { background: #ff0015; color: #fff; border-color: #ff0015} .case-studies-area .case-studies-active .slick-arrow.next { right: 305px } @media only screen and (min-width:1200px) and (max-width:1600px) { .case-studies-area .case-studies-active .slick-arrow.next { right: 20px } } @media only screen and (min-width:992px) and (max-width:1200px) { .case-studies-area .case-studies-active .slick-arrow.next { right: -40px } } .case-studies-area .case-studies-active .slick-arrow.prev { right: 380px } @media only screen and (min-width:1200px) and (max-width:1600px) { .case-studies-area .case-studies-active .slick-arrow.prev { right: 95px } } @media only screen and (min-width:992px) and (max-width:1200px) { .case-studies-area .case-studies-active .slick-arrow.prev { right: 40px } } .case-studies-area .container-fluid { padding-left: 0; padding-right: 0 } .team-member-area { padding-bottom: 120px; overflow: hidden } .team-member-area .section-title .title { font-size: 55px; margin-bottom: 48px } @media only screen and (min-width:992px) and (max-width:1200px) { .team-member-area .section-title .title { font-size: 44px; line-height: 54px } } @media only screen and (min-width:768px) and (max-width:991px) { .team-member-area .section-title .title { font-size: 46px; line-height: 56px; padding: 0 40px } } @media(max-width:767px) { .team-member-area .section-title .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .team-member-area .section-title .title { font-size: 36px; line-height: 46px } } .team-member-area .section-title .title::before { display: none } .team-member-area .single-team-member { position: relative } .team-member-area .single-team-member img { width: 100% } .team-member-area .single-team-member .team-member-overlay { position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 6px; background: #ff0015; text-align: center; padding: 25px 0; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:1200px) and (max-width:1600px) { .team-member-area .single-team-member .team-member-overlay { padding: 15px 0 } } @media only screen and (min-width:992px) and (max-width:1200px) { .team-member-area .single-team-member .team-member-overlay { padding: 15px 0 } } .team-member-area .single-team-member .team-member-overlay ul li { display: inline-block } .team-member-area .single-team-member .team-member-overlay ul li a { font-size: 15px; color: #87b4ff; margin: 0 7px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } @media only screen and (min-width:1200px) and (max-width:1600px) { .team-member-area .single-team-member .team-member-overlay ul li a { margin: 0 4px } } @media only screen and (min-width:992px) and (max-width:1200px) { .team-member-area .single-team-member .team-member-overlay ul li a { margin: 0 3px; font-size: 13px } } .team-member-area .single-team-member .team-member-overlay ul li a:hover { color: #fff } .team-member-area .single-team-member .team-member-overlay .title { color: #fff; font-size: 24px; text-transform: capitalize; padding-top: 7px } @media only screen and (min-width:1200px) and (max-width:1600px) { .team-member-area .single-team-member .team-member-overlay .title { font-size: 18px } } @media only screen and (min-width:992px) and (max-width:1200px) { .team-member-area .single-team-member .team-member-overlay .title { font-size: 14px } } .team-member-area .single-team-member .team-member-overlay span { font-size: 14px; color: #9cbef7; font-weight: 400; text-transform: uppercase; letter-spacing: 3px } @media only screen and (min-width:1200px) and (max-width:1600px) { .team-member-area .single-team-member .team-member-overlay span { font-size: 12px } } @media only screen and (min-width:992px) and (max-width:1200px) { .team-member-area .single-team-member .team-member-overlay span { font-size: 10px } } .team-member-area .single-team-member:hover .team-member-overlay { left: 20px; bottom: -20px; opacity: 1 } @media only screen and (min-width:768px) and (max-width:991px) { .team-member-area .container-fluid { padding-left: 30px; padding-right: 30px } } @media(max-width:767px) { .team-member-area .container-fluid { padding-left: 30px; padding-right: 30px } } .contact-us-area { margin-bottom: 247px } .contact-us-area .contact-overlay { padding-top: 112px; background-color: rgba(12, 90, 219, .9) } .contact-us-area .contact-overlay .section-title span { color: #fff; letter-spacing: 3px } .contact-us-area .contact-overlay .section-title .title { font-size: 55px; line-height: 65px; color: #fff; padding-bottom: 35px } @media only screen and (min-width:992px) and (max-width:1200px) { .contact-us-area .contact-overlay .section-title .title { font-size: 44px; line-height: 54px } } @media(max-width:767px) { .contact-us-area .contact-overlay .section-title .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .contact-us-area .contact-overlay .section-title .title { font-size: 36px; line-height: 46px } } .contact-us-area .contact-overlay .section-title .title::before { display: none } .contact-us-area .contact-overlay .contact-details { background: #fff; box-shadow: 0 16px 32px 0 rgba(228, 228, 228, .56); padding: 60px; margin-bottom: -165px } @media only screen and (min-width:768px) and (max-width:991px) { .contact-us-area .contact-overlay .contact-details { display: block !important } } @media(max-width:767px) { .contact-us-area .contact-overlay .contact-details { display: block !important; padding: 30px } } @media(max-width:767px) { .contact-us-area .contact-overlay .contact-details { display: block !important } } .contact-us-area .contact-overlay .contact-details .contact-thumb { width: 80% } @media only screen and (min-width:992px) and (max-width:1200px) { .contact-us-area .contact-overlay .contact-details .contact-thumb { width: 100% } } @media only screen and (min-width:768px) and (max-width:991px) { .contact-us-area .contact-overlay .contact-details .contact-thumb { width: 100% } } @media(max-width:767px) { .contact-us-area .contact-overlay .contact-details .contact-thumb { width: 100% } } .contact-us-area .contact-overlay .contact-details .contact-thumb img { width: 100% } .contact-us-area .contact-overlay .contact-details .contact-form-area { margin-left: 40px } @media only screen and (min-width:768px) and (max-width:991px) { .contact-us-area .contact-overlay .contact-details .contact-form-area { margin-left: 0 } } @media(max-width:767px) { .contact-us-area .contact-overlay .contact-details .contact-form-area { margin-left: 0 } } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title { margin-top: -13px } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title { font-size: 40px; color: #232323; line-height: 50px; padding-right: 40px } @media only screen and (min-width:992px) and (max-width:1200px) { .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title { font-size: 34px; line-height: 44px } } @media only screen and (min-width:768px) and (max-width:991px) { .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title { padding-right: 0; padding-top: 40px } } @media(max-width:767px) { .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title { padding-right: 0; padding-top: 30px; font-size: 26px; line-height: 36px } } @media only screen and (min-width:576px) and (max-width:767px) { .contact-us-area .contact-overlay .contact-details .contact-form-area .input-title .title { padding-right: 0; padding-top: 40px; font-size: 30px; line-height: 40px } } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box { position: relative } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box input { width: 100%; border: 0; border-bottom: 2px solid #e3eeff; line-height: 45px } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box input::placeholder { opacity: 1; color: #616161; display: 700px; text-transform: capitalize } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box textarea { width: 100%; height: 90px; border: 0; border-bottom: 2px solid #e3eeff; resize: none } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box textarea::placeholder { opacity: 1; color: #616161; display: 700px; text-transform: capitalize } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button { margin-top: 30px; line-height: 60px; padding: 0 40px; font-size: 15px; background: #ff0015; color: #fff; border-color: #ff0015} .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box button i { padding-left: 5px } .contact-us-area .contact-overlay .contact-details .contact-form-area .input-box>i { position: absolute; right: 0; top: 15px; color: #ff0015} .our-choose-area { padding-bottom: 90px } .our-choose-area .section-title span { letter-spacing: 3px } .our-choose-area .section-title .title { font-size: 55px; margin-bottom: 46px } @media(max-width:767px) { .our-choose-area .section-title .title { font-size: 30px; line-height: 40px; margin-right: 70px } } @media only screen and (min-width:576px) and (max-width:767px) { .our-choose-area .section-title .title { font-size: 36px; line-height: 46px; margin-right: 70px } } .our-choose-area .section-title .title::before { display: none } .our-choose-area .accordion { border: 2px solid transparent } .our-choose-area .accordion .card { border-radius: 0; border: 0 } .our-choose-area .accordion .card:first-child { border-top: 0 } .our-choose-area .accordion .card .card-header { border-bottom: 0; padding: 0; margin: 0; padding-bottom: 13px; background-color: transparent } .our-choose-area .accordion .card .card-header a { line-height: 50px; padding: 0 0 0 0; text-decoration: none; font-weight: 400; font-size: 18px; font-family: 'Exo 2', sans-serif; width: 100%; color: #ff0015; position: relative } .our-choose-area .accordion .card .card-header a i { padding-right: 5px } @media(max-width:767px) { .our-choose-area .accordion .card .card-header a { font-size: 15px } } @media only screen and (min-width:576px) and (max-width:767px) { .our-choose-area .accordion .card .card-header a { line-height: 60px; font-size: 16px } } .our-choose-area .accordion .card .card-header a.collapsed { color: #616161 } .our-choose-area .accordion .card .card-body { padding: 0 9px 4px 0 !important } @media(max-width:767px) { .our-choose-area .accordion .card .card-body { padding: 0 9px 4px 0 !important } } @media only screen and (min-width:576px) and (max-width:767px) { .our-choose-area .accordion .card .card-body { padding: 0 9px 4px 0 !important } } .our-choose-area .accordion .card .card-body p { margin-top: -10px; font-size: 15px; padding-left: 25px; color: #616161 } .our-choose-area .accordion .card.show .card-body { padding: 0 40px 14px !important } .our-choose-area .accordion .card.show .card-body p { margin-top: -10px; font-size: 14px } .our-choose-area .our-choose-counter-area .our-choose-counter sub { font-size: 55px; font-weight: 500; color: #ff0015; font-family: 'Exo 2', sans-serif; line-height: 33px } .our-choose-area .our-choose-counter-area .our-choose-counter>span { font-size: 18px; color: #232323; display: block; font-weight: 400; padding-top: 20px } .our-choose-area .our-choose-counter-area .our-choose-counter p { font-size: 15px; color: #616161; padding-right: 30px; padding-top: 18px; line-height: 26px } .meet-us-area { padding-bottom: 120px } .meet-us-area .meet-us-item { height: 300px; padding-left: 100px; padding-right: 100px } @media(max-width:767px) { .meet-us-area .meet-us-item { padding-left: 30px; padding-right: 30px; display: block !important; padding-top: 40px } } .meet-us-area .meet-us-item .title { font-size: 50px; color: #fff; line-height: 60px } @media only screen and (min-width:768px) and (max-width:991px) { .meet-us-area .meet-us-item .title { font-size: 28px; line-height: 40px } } @media(max-width:767px) { .meet-us-area .meet-us-item .title { font-size: 24px; line-height: 34px } } @media only screen and (min-width:576px) and (max-width:767px) { .meet-us-area .meet-us-item .title { font-size: 40px; line-height: 50px } } .meet-us-area .meet-us-item a { font-size: 15px; line-height: 60px; padding: 0 40px; background: #ff0015; color: #fff; border-color: #ff0015} @media(max-width:767px) { .meet-us-area .meet-us-item a { margin-top: 30px } } .meet-us-area .meet-us-item a i { padding-left: 5px } .latest-news-area { padding-top: 112px; padding-bottom: 120px } .latest-news-area .section-title span { letter-spacing: 3px } .latest-news-area .section-title .title { font-size: 55px; line-height: 65px; color: #232323; margin-bottom: 80px } @media only screen and (min-width:768px) and (max-width:991px) { .latest-news-area .section-title .title { font-size: 40px; line-height: 50px; padding: 0 135px } } @media(max-width:767px) { .latest-news-area .section-title .title { font-size: 30px; line-height: 40px } } @media only screen and (min-width:576px) and (max-width:767px) { .latest-news-area .section-title .title { font-size: 36px; line-height: 46px; padding: 0 80px } } .latest-news-area .section-title .title::before { display: none } .latest-news-area .letast-news-grid { padding-bottom: 80px; padding-top: 42px; box-shadow: 0 16px 32px 0 rgba(228, 228, 228, .56) } @media(max-width:767px) { .latest-news-area .letast-news-grid { margin-left: 20px; margin-right: 20px } } @media only screen and (min-width:576px) and (max-width:767px) { .latest-news-area .letast-news-grid .letest-news-item { padding: 0 65px } } .latest-news-area .letast-news-grid .letest-news-item span { font-size: 14px; color: #ff0015; font-weight: 400; padding-bottom: 7px } .latest-news-area .letast-news-grid .letest-news-item .title { font-size: 24px; line-height: 35px; padding-bottom: 25px } @media only screen and (min-width:992px) and (max-width:1200px) { .latest-news-area .letast-news-grid .letest-news-item .title { font-size: 18px; line-height: 30px } } @media only screen and (min-width:768px) and (max-width:991px) { .latest-news-area .letast-news-grid .letest-news-item .title { font-size: 22px; line-height: 32px } } @media(max-width:767px) { .latest-news-area .letast-news-grid .letest-news-item .title { font-size: 17px; line-height: 27px } } @media only screen and (min-width:576px) and (max-width:767px) { .latest-news-area .letast-news-grid .letest-news-item .title { font-size: 24px; line-height: 35px } } .latest-news-area .letast-news-grid .letest-news-item .title a { color: #232323 } .latest-news-area .letast-news-grid .letest-news-item p { color: #616161; font-size: 15px; line-height: 32px } .latest-news-area .letast-news-grid .letest-news-item>a { font-size: 15px; color: #232323; background-color: transparent; border-color: #ff0015; padding: 0 40px; margin-top: 32px } .latest-news-area .letast-news-grid .letest-news-item>a:hover { background: #ff0015; color: #fff } .brand-2-area { padding-top: 120px } .brand-2-area .brand-item { text-align: center } .brand-2-area .brand-item img { opacity: .2; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; display: inline-block } .brand-2-area .brand-item img:hover { opacity: 1 } .whatsapp { position: fixed; left: 15px; bottom: 15px; transition: all .5s ease-in-out; z-index: 999; } .whatsapp a { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); font-size: 28px; display: block; text-align: center; line-height: 50px; color: white; background: #4dc247; } .whatsapp .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; line-height: normal; font-size: 15px; top: 13px; left: 105%; height: auto; } .whatsapp:hover a { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .whatsapp:hover .tooltiptext { visibility: visible; } .navbar-brand img{ width:auto; } .kapak { height: 310px; background-size: cover; transition: all 0.2s ease 0s; } .projekapak { height: 330px; background-size: cover; transition: all 0.2s ease 0s; } .kapak:hover { opacity: .7; } .projekapak:hover { opacity: .7; } .button-border { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 150px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: 500; margin-right: 10px; -webkit-transition: .3s; transition: .3s; border: 2px solid #d5e3f6; color: #152136; width:100%; } .col-sidebar__box-content { padding: 20px 30px; background: #f5f8fd; } .col-sidebar__box-content .title { color: #333; font-size: 28px; font-weight: 400; line-height: 1.2; margin-bottom: 10px; } .col-sidebar__box-content .text { color: #777; font-size: 13px; margin-bottom: 30px; line-height: 1.5; } .gallery.list .gallery-card { margin-bottom: 20px; } .gallery-card a { position: relative; display: block; } .gallery-card a:hover .gallery-body { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to( rgb(204, 105, 71))); background: linear-gradient(transparent, rgb(204, 105, 71)); } .gallery-card a:hover .gallery-cover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .gallery-card a:hover .gallery-photo img { -webkit-transform: scale(1.3); transform: scale(1.3); } .gallery-card a:hover .gallery-overlay { opacity: 1; visibility: visible; } .gallery-photo { overflow: hidden; height: 190px; } @media (max-width: 991px) { .gallery-photo { height: 175px; } } .gallery-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .7s ease; transition: .7s ease; } .gallery-footer { padding-top: 15px; } .gallery-footer .title { color: #0dbbc2; font-size: 20px; font-weight: 400; line-height: 1.5; overflow: hidden; } .gallery-footer .text { color: #6f6f6f; font-size: 14px; line-height: 1.7; overflow: hidden; max-height: 45px; } .gallery-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; background: rgba(255, 255, 255, 0.5); padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; } .gallery-overlay .icon { font-size: 42px; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gallery-overlay .text { color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; } .gallery-body { left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.3)); padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .gallery-body { padding: 30px; } } .gallery-body .title { color: #fff; font-size: 28px; font-weight: 400; line-height: 1.2; overflow: hidden; max-height: 67px; padding-right: 0px; margin-top:0; } .gallery-body .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 42px; height: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ebf2fb; border-radius: 100%; color: #000; font-size: 18px; margin-bottom: 20px; position: absolute; left: 20px; top: 20px; } .gallery-cover { overflow: hidden; height: 260px; } .gallery-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: ease .7s; transition: ease .7s; } .inner-page__content { background: rgba(255,255,255,.5); -webkit-box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); min-height: calc(100% + 30px); padding: 25px; position: relative; z-index: 1; } .page-content__header { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-bottom: 15px; } .page-content__header:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid rgb(208, 224, 245); } .page-content__header .title { color: #002249; font-size: 24px; font-weight: 400; letter-spacing: .5px; line-height: 1.3; margin: 0; } .page-content__header:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 30px; height: 2px; background: #002249; } .breadcrumb-wrap { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 15px; } .breadcrumb { align-items: center; background: #a7a7a7; border-radius: 0; color: inherit; display: flex; font-size: 13px; font-weight: 400; justify-content: center; letter-spacing: 0; margin: 0; padding: 10px 20px; text-transform: capitalize; } .breadcrumb-item a{ color:#fff; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #ffffff; content: "/"; } .tablo-dokuman { overflow: hidden; border: 1px solid #eef7fa; } .tablo-dokuman table tr:first-child { background: #eef7fa; } .tablo-dokuman.gecmis.mavi-th.norm tr th:first-child { width: 50%!important; padding-left: 10px; } .tablo-dokuman.gecmis.mavi-th.norm tr th:nth-child(2) { width: 25%!important; padding-left: 20px; } .tablo-dokuman.gecmis.mavi-th.norm tr th:last-child { width: 15%!important; padding-left: 20px; } .tablo-dokuman table tr:first-child th { width: 33.33%; font-size: 15px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 3.2; letter-spacing: normal; text-align: left; padding: 0; color: #a0c9da; } .tablo-dokuman tr td { width: 33.33%; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #008e9b; border-right: 1px solid #eef7fa; border-bottom: 1px solid #eef7fa; padding: 0; padding-left: 5px; } .tablo-dokuman tr td:last-child a:hover { color: #a0c9da!important; } .tablo-dokuman tr td:first-child a { font-size: 15px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 3.27; letter-spacing: normal; text-align: left; color: #f47524; padding-left: 29px; display: inline-block!important; } .tablo-dokuman tr td:last-child a { font-size: 15px; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #f47524; } .tablo-dokuman table tr:first-child th:first-child a { padding-left: 20px; color: #a0c9da; } .comment_box { width: 100%; padding: 30px; border-radius: 10px; margin-bottom: 20px; box-sizing: border-box; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .comment_box_left { width: 100px; float: left; } .comment_profile_box { position: relative; } .icon_quote { position: absolute; top: -10px; right: -10px; } .profile_box { border-radius: 100%; overflow: hidden; } .profile_box img { float: left; width: 100px; height: 100px; } .clear, .clearfix { clear: both; } .comment_box_right { width: calc(100% - 140px); float: right; } .comment_box_right .comment_box_right_title { font-size: 22px; font-weight: 400; margin-bottom: 20px; font-size: 24px; color: #000; } .comment_box_right .comment_box_right_title span { font-size: 18px; font-weight: 200; color: #999; display: inline-block; margin-left: 20px; } .thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; height: 150px; } .thumbnail:hover{ border: 1px solid #000; } .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto; max-height: 140px; transition: all 0.15s ease-in-out 0s; } a:hover>img { opacity: .7; } .video-detail__wrapper { background: #002249; min-height: 600px; padding-top: 50px; padding-bottom: 150px; } .video-detail__header { margin-top: 20px; margin-bottom: 20px; } .video-detail__header .title { color: #fff; font-size: 28px; font-weight: 400; } .video-detail__player iframe { width: 100%; height: 530px; } @media (max-width: 767px) { .video-detail__player iframe { height: auto; } } @media (min-width: 768px) and (max-width: 991px) { .video-detail__player iframe { height: 400px; } } .video-detail__other-videos .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: rgba(0, 0, 0, 0.2); height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 16px; font-weight: 400; } .video-detail__other-videos .heading .all-videos { text-transform: capitalize; font-size: 12px; color: #fff; opacity: .7; font-weight: 400; } .video-detail__other-videos .heading .all-videos:hover { text-decoration: underline; } .video-detail__list { overflow-y: auto; background: #001b3a9c; height: calc(530px - 60px); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } @media (min-width: 768px) and (max-width: 991px) { .video-detail__list { height: 340px; } } .video-detail__list li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); -webkit-transition: .3s; transition: .3s; } .video-detail__list li:last-child { border-bottom: 0 none; } .video-detail__list li:hover { background: rgba(0, 0, 0, 0.2); } .video-detail__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-detail__list .video-left { width: 110px; height: 70px; position: relative; margin-left: 10px; margin-right: 10px; } .video-detail__list .video-left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-detail__list .video-left .icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 16px; } .video-detail__list .video-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 15px; } .video-detail__list .video-right .title { color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; } .media-links { bottom: 115px; left: 0; position: absolute; right: 0; text-align: center; height: 55px; } .media-links:before { background-color: rgba(255,255,255,.5); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s linear; } .media-links span.social-icons { align-items: center; border-radius: 5em; display: flex; flex-wrap: wrap; justify-content: center; left: 50%; padding: 20px 15px; position: absolute; top: 69%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100%; } .media-links span.social-icons a.fab { align-items: center; background: #fff; border-radius: 50%; color: #09445a; display: flex; height: 40px; justify-content: center; margin: 0 5px; width: 40px; } .btn.btn-with-border { border-bottom: 1px solid #042b3d; border-radius: 0; min-width: auto; padding: 0; } .turkey-map__drawing { text-align: center; } .turkey-map__drawing svg { width: 100%; height: auto; } .turkey-map__drawing g.is-completed path { fill: #ff0015; } .turkey-map__drawing path { cursor: pointer; fill: #a7a7a7; -webkit-transition: .2s; transition: .2s; } .turkey-map__drawing path:hover { fill: #333 !important; } .turkey-map__name { position: absolute; z-index: 2; } .turkey-map__name div { display: inline-block; background: #003861; color: #fff; font-size: 13px; font-weight: 500; padding: 8px 16px; border-radius: 2px; } .box.list ul li { margin-bottom: 20px; } .box.style--1 .box-card__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-card__wrapper { background: #fff; height: 230px; padding: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-transition: .3s; transition: .3s; } .box-card__wrapper:hover { background: #fff; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .box-card__wrapper>.icon { position: absolute; right: 15px; top: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; width: 37px; height: 37px; border: 2px solid currentColor; color: #000; opacity: .3; } .box-card .title { color: #ff0015; font-size: 20px; font-weight: 600; line-height: 1.3; } .box-card .title.small { font-size: 12px; font-weight: 400; margin-bottom:0px; } .box-footer .name { color: #777; font-size: 16px; font-weight: 500; display: block; } .box-card .text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #939393; font-size: 13px; margin-top: 5px; } .box-footer .text .icon { margin-right: 10px; font-size: 13px; } .box-card__wrapper:hover:before { width: 100%; } .box-card__wrapper:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: 0; height: 3px; -webkit-transition: width .3s; transition: width .3s; background: #002249; } .product .inner-page__content { min-height: calc(100% + 30px); box-shadow: none; padding: 0; position: relative; z-index: 1; padding-bottom: 95px; background:#fff; -webkit-box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); box-shadow: 0 1px 50px 0 rgba(56, 56, 56, 0.05); } .col-sidebar>div { margin-bottom: 20px; } .col-sidebar>div:last-child { margin-bottom: 0; } .col-sidebar__nav { background: #ff0015; } @media (max-width: 767px) { .col-sidebar__nav { margin-top: 30px; } } .col-sidebar__nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 300; padding: 15px 20px; color: #fff; position: relative; -webkit-transition: .3s; transition: .3s; } .col-sidebar__nav ul li a:hover { background: #003861; padding-left: 25px; color: #fff; } .col-sidebar__nav ul li a:before { content: ""; position: absolute; z-index: 12; top: 50%; right: 20px; width: 8px; height: 8px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 1px solid currentColor; border-right: 1px solid currentColor; } .col-sidebar__box { position: relative; } .col-sidebar__box-content { padding: 20px 30px; background: #f7f7f7; } .col-sidebar__box-content .title { color: #333; font-size: 28px; font-weight: 400; line-height: 1.2; margin-bottom: 10px; } .col-sidebar__box-content .text { color: #777; font-size: 13px; margin-bottom: 30px; line-height: 1.5; } .col-sidebar__box-content .text strong { font-weight: 400; } .col-sidebar__items ul { margin-top: 20px; } .col-sidebar__items ul li:last-child { margin-bottom: 0; } .col-sidebar__items ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: #f7f7f7; padding: 5px; -webkit-transition: .3s; transition: .3s; } .col-sidebar__items ul li a:hover { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .col-sidebar__items .item-photo { width: 100px; height: 70px; overflow: hidden; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .col-sidebar__items .item-photo { width: 80px; height: 60px; } } .col-sidebar__items .item-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .col-sidebar__items .item-desc { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s; transition: .3s; } .col-sidebar__items .item-desc .title { color: #333; font-weight: 500; font-size: 16px; overflow: hidden; max-height: 48px; line-height: 1.5; } .col-sidebar__items .button-border { width: 100%; } .col-sidebar__categories { padding: 20px 10px; margin-top: 0px; } @media (max-width: 767px) { .col-sidebar__categories { margin-top: 20px; } .comment-form-uclu{ width:100% !important; order: 3; } } .col-sidebar__category { margin-bottom: 20px; } .col-sidebar__category:last-child { margin-bottom: 0; } .col-sidebar__category ul li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding:0px; } .col-sidebar__category ul li:last-child { border-bottom: 0 none; } .col-sidebar__category ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; font-size: 14px; padding-top: 7px; padding-bottom: 7px; -webkit-transition: .2s; transition: .2s; position: relative; } .col-sidebar__category ul li a:after { content: attr(data-count); font-style: italic; opacity: .55; margin-left: 10px; font-size: 13px; } .col-sidebar__category ul li a:hover { color: #e16327; } .col-sidebar__category .active { color: #002249; } .page-content__heading { color: #ff0015; font-weight: 400; font-size: 24px; padding-bottom: 10px; position: relative; border-bottom: 1px solid rgb(208, 224, 245); margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-content__heading:before { content: ""; position: absolute; bottom: -1px; width: 50px; height: 1px; background: currentColor; } .page .page-content .pro-list .item, .page .page-content .pro-lists .item { position: relative; } .product-someone .list .item { float: left; width: 100%; margin: 0 0 30px 0 } .product-someone .list .item .hovers { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; border: 1px dashed #707070; width: 141px; height: 141px; border-radius: 50%; position: absolute; left: 50%; margin-left: -75px; top: 50%; margin-top: -100px; z-index: 9; text-align: center; padding: 45px 0; font-size: 19px; color: #363636 } .product-someone .list .item .hovers:before { content: '\f067'; font-family: 'font awesome 5 pro'; width: 39px; height: 35px; display: block; margin: -20px auto 5px auto } .product-someone .list .item a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; float: left; width: 100%; padding: 5px 10px; position: relative; top: 0; left: 0; border: 1px solid #edf3fb; } .product-someone .list .item a:hover i.right { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100% } .product-someone .list .item a:hover i.top { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100% } .product-someone .list .item a:hover i.left { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100% } .product-someone .list .item a:hover i.bottom { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100% } .product-someone .list .item a i.right { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; right: 0; width: 1px; height: 0; background: #707070; top: 0 } .product-someone .list .item a i.top { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; right: 0; width: 0; height: 1px; background: #707070; top: 0 } .product-someone .list .item a i.left { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; width: 1px; height: 0; background: #707070; bottom: 0 } .product-someone .list .item a i.bottom { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; width: 0; height: 1px; background: #707070; bottom: 0 } .product-someone .list .item a:hover { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s } .product-someone .list .item a:hover .hovers { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; padding: 65px 0 } .product-someone .list .item a:hover .images:after { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0.6 } .product-someone .list .item a .images { height: 258px; margin: 15px 0; position: relative } .product-someone .list .item a .images img { max-width: 100%; max-height: 100% } .product-someone .list .item a .images:after { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; content: ""; background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0 } .product-someone .list .item a .images .resim-att { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s } .product-someone .list .item a .images .resim-att { width: 100%; height: 100%; position: relative; float: left; padding: 0; text-align: center } .product-someone .list .item a .images .resim-att .resim-att-pre { width: 100%; height: 100%; position: relative } .product-someone .list .item a .images .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100% } .product-someone .list .item a .images .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%) } .product-someone .list .item a .images .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .product-someone .list .item a .text { float: left; width: 100%; height: 100px; overflow: hidden } .product-someone .list .item a .text .tp { float: left; width: 100%; margin: 5px 0 20px 0 } .product-someone .list .item a .text .tp ul li { float: left; font: 16px camptonmedium; color: #fff; padding: 4px 13px 1px 13px; margin: 0 5px 0 0 } .product-someone .list .item a .text .tp ul li.plus { background: #60C923 } .product-someone .list .item a .text .tp ul li.new { background: #02B0FE } .product-someone .list .item a .text .tp ul li.campaign { background: #FEC302; float: right } .product-someone .list .item a .text .name { float: left; width: 100% } .product-someone .list .item a .text .name .left { width: 60%; float: left } .product-someone .list .item a .text .name .left span { font-size: 12px; color: #959595; margin: 3px 0 0 0; display: -webkit-box; height: 15px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .product-someone .list .item a .text .name .left b { font-size: 16px; color: #363636; display: -webkit-box; -webkit-box-orient: vertical } .product-someone .list .item a .text .name .right { width: 40%; float: right; text-align: right; margin: 0 } .product-someone .list .item a .text .name .right span { display: block; font-size: 16px; color: #BEBEBE; margin: 0 0 2px 0; position: relative; float: right } .product-someone .list .item a .text .name .right span:after { content: ""; width: 100%; position: absolute; height: 1px; background: #BEBEBE; left: 0; top: 50%; margin-top: -3px } .product-someone .list .item a .text .name .right b { font-size: 19px; color: #363636; display: block; overflow: hidden; width: 100% } .product-someone .list .item a .text .cont { float: left; width: 100%; margin: 12px 0 0 0 } .product-someone .list .item a .text .cont ul { float: left; width: 100%; height: 55px; overflow: hidden } .product-someone .list .item a .text .cont ul li { font-size: 12px; color: #959595; float: left; width: 100%; padding: 2px 0 } .product-tags { display: block; margin-top: 15px; border-top: 1px solid #eee; padding: 20px 5px 0 5px; } .product-share { background: #f5f8fd; border-radius: 5px; padding: 20px 15px; } .product-tags span { font-size: 15px; font-weight: 500; color: #111; line-height: 2; } .product-tags ul { display: inline-block; padding-left: 20px; margin-bottom: 0; } .product-tags ul a{ color:#5a5a5a; } .leadership-area{ overflow:hidden; } .shop-details-area{ overflow:hidden; } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .comment-form .comment-form-author { order: 1; width: 49.5%; } @media (max-width: 575px) { .comment-form .comment-form-author { width: 100%; } } .comment-form .comment-form-rating { width: 100%; } .comment-form .comment-form-email { order: 2; width: 49.5%; } @media (max-width: 575px) { .comment-form .comment-form-email { width: 100%; } } .comment-form .comment-form-comment { order: 3; } .comment-form .form-submit { margin-bottom: 0; order: 4; } .comment-form .form-submit input { margin-bottom: 0; } .comment-form .comment-form-cookies-consent { display: none; } .comment-form label { display: none; } .comment-form p { margin-bottom: 10px; width: 100%; } .comment-form input[type=checkbox] { margin: 0; visibility: hidden; } .ls input[type="text"], .ls input[type="email"], .ls input[type="url"], .ls input[type="password"], .ls input[type="search"], .ls input[type="tel"], .ls input[type="number"], .ls textarea, .ls select, .ls .form-control { background-color: #fff; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, .form-control { border: 2px solid #f2f5f7; box-shadow: none; color: #999; font-size: 16px; font-weight: 300; height: auto!important; line-height: 30px; padding: 8px 15px; width: 100%; } .comment-form .comment-form-email { order: 2; width: 49.5%; } .comment-form p{ padding-right: 0 !important; } .logo{ display:block; } .logo2{ display:none; } .sticky .logo{ display:none !important; } .sticky .logo2{ display:block !important; } @media (min-width: 767px){ .comment-form-uclu { width: 33%!important; order: 3; } } .hizmet-cover { height: 270px; background-size: cover; transition: all 0.2s ease 0s; } .alert-warning { color: #856404; background-color: #fff3cd78; border-color: #ffeeba; } .alignleft { float: left; margin: 0 30px 30px 0; max-width: 50%; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2em + .75rem + 2px); line-height: 36px; font-weight: 400; color: #495057; background-color: #fff; border-radius: .25rem; border: 0; padding-left: 80px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(2.1em + .75rem); padding: 15px 15px; line-height: normal; color: #495057; content: "Seçiniz"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0; margin-right: 0px; } .contact { margin-top: 50px; } @media (max-width: 767px) { .contact { margin-top: 30px; } .comment-form-email { width: 100% !important; } } .contact-address ul li { position: relative; } @media (max-width: 479px) { .contact-address ul li { margin-bottom: 40px; } .contact-address ul li:last-child { margin-bottom: 0; } } .contact-address .icon { margin-right: 0; background: #ff0015; width: 40px; height: 40px; position: absolute; right: 20px; top: -16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 18px; } .contact-address__info { background: #f7f7f7; padding-right: 20px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; } .contact-address__info .title { color: #444; font-size: 18px; font-weight: 400; } .contact-address__info .text { color: #999; font-size: 14px; padding-top: 5px; line-height: 1.3; } .contact-address__cards .item { margin-bottom: 20px; } .contact-address__cards .item:last-child { margin-bottom: 0; } .contact-address__wrapper { height: 116px; background: #f1f1f1; padding-left: 20px; padding-right: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-address__wrapper .icon { width: 65px; height: 65px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; color: #33c3dc; background: #fff; margin-right: 20px; } .contact-address__summary .title { color: #222; font-size: 18px; font-weight: 400; } @media (max-width: 991px) { .contact-address__summary .title { font-size: 16px; } } .contact-address__summary .address { font-size: 14px; font-weight: 300; margin-top: 7px; margin-bottom: 7px; } .contact-address__summary .address, .contact-address__summary .phone { color: #6f6f6f; } .contact-social__content { background-image: url("../images/social-cover.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 181px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contact-social__content a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 48px; width: 80px; height: 80px; margin-left: 10px; margin-right: 10px; border: 1px solid transparent; -webkit-transition: .3s; transition: .3s; } @media (max-width: 479px) { .contact-social__content a { font-size: 32px; width: 60px; height: 60px; } } .contact-social__content a:hover { border: 1px solid #fff; } .contact-map iframe { height: 500px; width: 100%; } .section-header.center { text-align: center; } .margin-top-50 { margin-top: 50px; } .section-header.dark .title, .section-header.dark .text { color: #6f6f6f; } .section-header.small .title { font-size: 36px; } .section-header .title { font-size: 42px; font-weight: 400; line-height: 1.1; color: #fff; } .section-header.dark .title, .section-header.dark .text { color: #6f6f6f; } .section-header .text { font-size: 18px; margin-top: 10px; color: #fff; font-weight: 300; } .form-custom ul li input, .form-custom ul li textarea { width: 100%; height: 60px; padding-right: 20px; padding-left: 20px; font-family: inherit; color: #222; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; font-weight: 300; -webkit-transition: .3s; transition: .3s; } .margin-top-30 { margin-top: 30px; } .form-custom ul li .icon { width: 65px; height: 48px; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6f6f6f; font-size: 18px; left: 10px; z-index: 2; } .form-custom ul li { margin-bottom: 20px; } .icon { font-size: 18px; color: currentColor; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; } .form-custom ul li .icon:before { position: absolute; right: 0; content: ""; background: rgba(0, 0, 0, 0.15); width: 1px; height: 20px; } .form-custom ul li input { padding-left: 80px; } .form-custom .send input { background: #6f6f6f; height: 60px; border: 0 none; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 16px; font-weight: 500; font-family: inherit; cursor: pointer; border: 2px solid transparent; -webkit-transition: .3s; transition: .3s; position: relative; width: 100%; } .form-custom .send { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-right: 10px; } .form-custom.form-contact .send { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-custom.form-contact .send input { width: 170px; } .form-custom .send input:hover { background: #ffc600; color: #fff; } .margin-top-30 { margin-top: 30px; } .services-item-area { overflow: hidden; } .contact-details-area { overflow: hidden; } .custom-file { height: calc(2.1em + .75rem + 2px); border: 1px solid #ddd; } #bulten input { background-color: #c2d1e236; float: left; width: 100%; padding: 8px 10px; margin-bottom: 5px; font-size: 15px; color: #000; border:0; } #bulten input::-webkit-input-placeholder { /* Edge */ color: #000; } #bulten input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } #bulten input::placeholder { color: #000; } #bulten .btn { padding: 10px 10px; color:#fff; background:#a7a7a7; } #bulten .btn:hover { color: #a7a7a7; background: none; border: 1px solid #a7a7a7; } a[class*='fa-'].rounded-icon { border-radius: 50%; } .bg-icon { background-color: #fff; color: #042b3d; margin-left: 2px; margin-right: 2px; display: inline-flex; text-align: center; } .bg-icon:hover { background-color: #042b3d; color: #fff; } .bg-icon:before { height: 2.3em; line-height: 2.3em; width: 2.3em; } .widget-info>h4>a { color: #ffffff; font-size: 20px; margin-bottom: 20px; font-weight: 600; } .info-lst li { display: block; color: #c2d1e2; font-size: 15px; margin-bottom: 5px; line-height: 24px; } .info-lst li a { display: inline-block; color: #c2d1e2; border-bottom: 1px solid #c2d1e2; line-height: 16px; margin-bottom: 8px; } .info-lst li:last-child { margin-bottom: 0; } .beyazfiltre { } .urunbaslik{ color:#a9a9a9; font-size:38px !important; } .breadcrumb-item.active { color: #000000; } .lang {float:left;width:100%;} .lang img { display: inline-block; height: 16px; margin-right: 8px; margin-top: 0px; margin-bottom: -3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .lang .currencyitems a {width:24%;} .activelang {opacity:0.45; filter:alpha(opacity=45);} .lang h4 {float:left;width:100%;padding-bottom:10px;margin-bottom:15px; font-size: 24px; font-weight: 600;} .lang a { display: inline-block; vertical-align: top; /* width: 32%; */ margin: 5px; font-size: 16px; color: #9d9d9d; padding: 10px; border: 1px solid #0000004d; border-radius: 50px; } .lang a:hover { border: 1px solid #000; color: #000; } table { margin: 10px 0; max-width: 100%; width: 100%; } table th { color: #09445a; font-weight: 400; padding: 13px 13px; vertical-align: middle; } table td, table th { border: 1px solid #f2f5f7; line-height: 1.42857143; padding: 20px 13px; text-align: left; vertical-align: middle; }