/* B2 Medya HTML Dokuman
/***
====================================================================
1. Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
/***
====================================================================
2. Ek Css Dosyalar Dahil Edildi
====================================================================
***/
@import url("bootstrap.min.css");
@import url("../plugin/flaticon/font/flaticon.css");
@import url("../plugin/fontawesome/css/all.css");
@import url("../plugin/cookiebar/jquery.cookieBar.css");
@import url('../plugin/animate/animate.css');
@import url("../plugin/aos-animate/aos.css");
@import url("../plugin/avalancheslider/avalanche.css");
@import url("../plugin/owlcarousel/dist/assets/owl.carousel.min.css");
/**
* IE10+ doesn't honor `` in some cases
*/
@-ms-viewport {
width: device-width;
}
/**
* general reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/**
* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
display: block;
}
/**
* inherit box model for all elements
*/
*,
*::before,
*::after {
box-sizing: inherit;
}
/**
* html root rules
* 1. set border-box for inheritance
* 2. avoid 300ms click delay on touch devices that support the `touch-action`
* CSS property
* 3. Prevent adjustments of font size after orientation changes in IE, on
* Windows Phone and iOS.
* 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
* so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
* 5. Change the default tap highlight to be completely transparent in iOS.
*/
html {
/* 1 */
box-sizing: border-box;
/* 2 */
touch-action: manipulation;
/* 3 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 4 */
-ms-overflow-style: scrollbar;
/* 5 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* body rules
* 1. reset line-height to 1
* 2. set base font-family to sans-serif
* 3. Set an explicit initial text-align value so that we can later use the
* `inherit` value on things like `| ` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Lists
*/
ol, ul {
list-style: none;
}
/**
* Quotes
*/
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` | ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
*/
th {
/* 1 */
text-align: inherit;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: none;
/* 2 */
text-decoration: underline;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
text-decoration-skip-ink: none;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
:focus {
outline: 0;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="reset"],
[type="submit"],
/* 1 */
[type="button"] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type="radio"],
input[type="checkbox"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ` `s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
output {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
:focus {
outline: 0;
}
html {font-size: 15px;}
body {
background-color: white;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
line-height: 1.55 !important;
color: #15284b !important;
font-size: 15px !important;
overflow-x: hidden;
background: #f8f8f8!important;
}
h1, h2, h3, h4, h5 {
font-family: 'Roboto', sans-serif !important;
color: #15284b !important;
font-weight: 400;
line-height: 1.2;
margin:8px 0 8px;;
}
h1 {
margin-top: 0;
font-size: 43px;
}
h2 {font-size: 2.074em;}
h3 {font-size: 1.728em;}
h4 {font-size: 1.44em;}
h5 {font-size: 1.2em;}
small, .text_small {font-size: 0.833em;}
em {
font-style: italic;
}
i {
font-style: italic;
}
p{
color: #15284b;
margin: 0 0 16px;
font-size: 15px;
}
a {
text-decoration: none !important;
outline: none !important;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.thin{
font-size: 0.833em;
}
.homecase-icon {
position: absolute;
top: 0;
right: 80px;
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
}
a.btn.btn-myborder {
background: transparent;
border: 2px solid #fff;
color: #fff;
padding: 3px 15px;
margin-top: 14px;
}
a.btn.btn-myborder:hover {
background: #96d200;
border: 2px solid #96d200;
color: #fff;
}
.h1_inline_block{
display: inline-block;
}
.section-title>.baslik {
font-size: 43px;
text-align: center;
}
.b2_section {
padding: 50px 0px;
position: relative;
}
.borderbottom{
border-bottom: 1px solid #ddd;
}
.text-tertiary {
color: #2BAAB1 !important;
}
.text-secondary {
color: #e36159 !important;
}
.text-muted {
color: #6b6b6b !important;
}
.alert.alert-default {
background-color: #f2f2f2;
border-color: #eaeaea;
color: #737373;
}
.alert.alert-default .alert-link {
color: #4c4c4c;
}
.alert.alert-dark {
background-color: #383f45;
border-color: #0a0c0d;
color: #d3d8dc;
}
.alert.alert-dark .alert-link {
color: #fefefe;
}
.alert ul {
padding: 0;
margin: 7px 0 0 40px;
}
.alert ul li {
font-size: 0.9em;
}
ul {
list-style-type: disc;
}
.b2grey{
background-color: #f1f3f4;
}
.b2darkblue{
background-color: #202124;
}
.b2darkblue2{
color: #15284b;
}
.b2colordarkblue{
color: #15284b;
}
.b2colorgrey{
color: #bdc1c6;
}
.boxshadow-1{
box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.btn-blue {
color: #fff;
background-color: #1479ff;
border: solid 2px #1479ff !important;
}
.btn-blue:hover, .btn-blue.active {
color: #fff !important;
background-color: transparent !important;
}
.btn-white-border{
color: #fff;
background-color: transparent;
border: 2px solid #fff !important;
border-radius: 5px;
}
.btn-white-border:hover{
color: #1479ff;
background-color: #fff;
border: 2px solid #fff;
border-radius: 5px;
}
.bg-dark-5 {
background-color: #2E3237 !important;
}
.bg-light-5 {
background-color: #f1f3f7 !important;
}
.section {
position: relative;
padding: 73.846px 0;
padding: 4.6153846154rem 0;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.text-color-light {
color: #FFF !important;
}
.text-color-blue{
color: #1479ff; !important;
}
.img-fluid {
max-width:100%;
height: auto;
}
html .bg-primary:not(.no-skin) {
background-color: #2388ed !important;
}
.p-0 {
padding: 0!important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.mt-negative-4 {
margin-top: -72px;
margin-top: -4.5rem;
}
.section.section-background {
background-position: 0 50%;
background-repeat: repeat;
z-index: 1;
}
.mt-5, .my-5 {
margin-top: 3rem!important;
}
.bg--dark {
background: #252525;
}
.bg-mor{
background: #7e54bc;
}
.bgblues{
background:#1479ff;
}
.fw-thin {
font-weight: 300;
}
.fw-semibold {
font-weight: 700;
}
.koyugri{
background: #1d1e1f;
}
.acikgri{
background: #f6f8fa;
}
.color-charcoal-light {
color: #212325;
}
.weight-light {
font-weight: 300;
}
.title-large {
font-size: 5.826rem;
line-height: 1.2;
}
.gray-layout {
background: #F7F9FF;
}
.right-layout .text-container {
margin-left: 30px;
}
.layout-text .text-container h3 {
font-weight: 900;
font-size: 31px;
}
.layout-text h4 {
font-weight: 200;
margin: 35px 0 0;
font-size: 29px;
}
.layout-text h4 i {
font-size: 23px;
margin-right: 10px;
}
.layout-text .buttons {
margin-top: 35px;
}
.layout-text .text-container {
width: 500px;
}
.layout-text .img-absolute{
position: absolute;
top: -30PX;
left: -50px;
width: 110%;
opacity: .13 !important;
border: 0;
z-index: -12;
}
.layout-text img.white-bg {
padding: 10px;
}
.layout-text img {
border-radius: 10px;
}
.layout-text .img-shadow {
box-shadow: 0 0 50px rgba(53, 45, 97, 0.09);
padding: 0;
}
.layout-text .buttons i {
color: #ffffff;
}
.layout-text .buttons .btn {
box-shadow: 0 8px 40px rgba(18, 9, 39, 0.13);
}
.layout-text .text-content {
margin-top: 20px;
}
.layout-text p {
font-size: 15px;
line-height: 25px;
}
.layout-text .text {
overflow: hidden;
}
.layout-text .text-content i {
color: #14d468;
margin: 5px 8px 0 0;
font-size: 18px;
}
.padding-bottom50 {
padding-bottom: 60px;
}
.padding-top50 {
padding-top: 60px;
}
.p70{
padding:100px 0px;
}
.center-gradient {
position: absolute;
width: 100%;
height: 488px;
top: 0;
left: 0;
z-index: 1;
background: #4471fa;
background: -webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -webkit--webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -webkit--moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -webkit--o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -webkit--ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz--webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz--moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz--o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz--ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o--webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o--moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o--o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o--ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms--webkit-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms--moz-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms--o-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms--ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
background: -ms-radial-gradient(50% 55%,circle cover,#59bdfe,#4471fa 50%);
}
/*------------------
2. Button-Design
-------------------*/
.bttn-1 {
display: inline-block;
padding: 10px 20px;
background-color: #28CC8B;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
border-radius: 3px;
font-size: 14px;
letter-spacing: 1.2px;
border: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bttn-1.bttn-ppl {
background-color: #729DFE;
}
.bttn-1.white {
background-color: #ffffff;
color: #28CC8B;
}
.bttn-1:hover {
background-color: #22aa74;
color: #ffffff;
}
.bttn-1.bttn-ppl:hover {
background-color: #4d82fe;
color: #ffffff;
}
.bttn-play-icon-text {
color: #798AB1;
}
.bttn-play-icon-text:hover {
color: #798AB1;
}
.bttn-play-icon-text > i {
color: #97A5C2;
border: 1px solid #97A5C2;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
border-radius: 100%;
padding-left: 2px;
margin-right: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bttn-play-icon-text:hover > i {
color: #ffffff;
background-color: #97A5C2;
}
.bttn-more {
color: #28CC8B;
display: inline-block;
margin-bottom: 0;
margin-top: 5px;
}
.bttn-more.ppl {
color: #3b7ed5;
}
.bttn-more:before {
content: "";
width: 20px;
height: 2px;
margin-right: 5px;
border-radius: 10px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
background-color: #28CC8B;
display: inline-block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bttn-more.ppl:before {
background-color: #3b7ed5;
}
.bttn-more:hover:before {
width: 5px;
}
.bttn-more:after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 16px;
font-size: 16px;
margin-left: 0;
opacity: 0;
-webkit-transform: translateY(1px);
transform: translateY(1px);
display: inline-block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a {
color: #3b7ed5;
text-decoration: none;
}
.cookie-bar__inner {
padding: 15px 0px !important;
}
span.cookie-bar__message {
font-size: 14px;
}
button.cookie-bar__btn {
font-size: 14px;
}
a.cookie-bar__btn.cookie-bar__link.cookie-bar__link--cookies-info {
font-size: 14px;
padding: 2px 5px;
}
.myrightbtn{
float:right;
margin-top:20px;
}
.myrightbtn a{
font-size: 19px;
}
.bttn-more:hover:after {
margin-left: 10px;
opacity: 1;
}
img {
max-width: 100%;
height: auto;
}
#stripes {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%);
display: grid;
grid-template-columns: repeat(12,1fr);
grid-template-rows: repeat(12,1fr);
}
#stripes :nth-child(1) {
grid-area: 1/1/span 4/span 2;
background-color: #53f;
-webkit-clip-path: polygon(0 0,100% 0,100% 60%,0 100%);
clip-path: polygon(0 0,100% 0,100% 60%,0 100%);
}
#stripes :nth-child(2) {
grid-area: 1/3/span 3/span 2;
background-color: #4553ff;
-webkit-clip-path: polygon(0 0,100% 0,100% 74%,0 100%);
clip-path: polygon(0 0,100% 0,100% 74%,0 100%);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
#stripes :nth-child(3) {
grid-area: 1/5/span 2/span 2;
background-color: #4f40ff;
-webkit-clip-path: polygon(0 0,100% 0,99% 5%,0 70%);
clip-path: polygon(0 0,100% 0,99% 5%,0 70%);
}
#stripes :nth-child(4) {
grid-area: 3/11/span 3/span 2;
-webkit-clip-path: polygon(0 23%,100% 0,100% 77%,0 100%);
clip-path: polygon(0 23%,100% 0,100% 77%,0 100%);
background-color: #0dcfff;
}
#stripes :nth-child(5) {
grid-area: 8/1/span 5/span 4;
-webkit-clip-path: polygon(0 23%,100% 0,100% 80%,0 100%);
clip-path: polygon(0 23%,100% 0,100% 80%,0 100%);
-webkit-transform: translateY(10px);
transform: translateY(10px);
background-color: #1fa2ff;
}
.label {
display: inline-block;
padding: 10px;
font-size: 15px !important;
font-weight: 400;
line-height: 0px;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.status {
display: block;
font-size: 0.9em;
line-height: 22px;
border: 1px solid #ddd !important;
border-radius: 3px;
background-color: #fff;
color: #333;
}
.list-group {
font-size: 14px;
}
a.list-group-item, button.list-group-item {
color: #15284b !important;
font-size: 15px !important;
}
.bold{
font-weight: 700;
}
.white{
color: #fff;
}
.yesils{
color: #96d200;
}
.px48{
font-size: 48px;
}
.px42{
font-size: 36px;
}
.px18{
font-size: 18px;
}
.px32{
font-size: 32px;
}
.pb10{
padding:10px 15px !important;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
color: #555555;
background-color: #fff !important;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px;
}
.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
background-color: #011f40;
border-color: #011f40;
color: #fff !important;
}
.header-transparent {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: rgba(0,0,0,0.6) !important;
}
.topbar{
background-color: rgba(0, 0, 0, 0.25);
display: inline-block;
width: 100%;
}
.toprightmenu {
float: right;
margin: 0px;
line-height: 35px;
}
.toprightmenu li{
display: inline-block;
margin-left:25px;
}
.toprightmenu li a{
display: block;
color: #fff;
font-weight:500;
font-size: 17px;
}
.toprightmenu li a:hover{
color: #d8d8d8;
}
.toprightmenu li a i{
color: #3db755;
}
.topleftmenu {
margin: 0px;
line-height: 35px;
}
.topleftmenu span{
color: #616161;
font-weight: 400;
font-size: 14px;
margin-right:15px;
}
.topleftmenu span i:before{
margin:0;
padding-right:5px;
}
.topleftmenu span a{
color: #fff;
font-weight: 500;
font-size: 17px;
}
.responsivetopbar {
background: #ddd;
}
.navbar-brand{
height: auto;
}
a.navbar-brand img {
width: 175px;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #15284b;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #fff;
text-decoration: none;
background-color: #245ba3;
}
.mynavbar {
position: relative;
z-index: 9999;
background: none;
border: none;
margin: 0px;
z-index: 1;
}
.mycollapse {
padding: 0px;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 10px;
}
.mynavbar .navbar-nav > li > a {
cursor: pointer;
color: #d4d4d4;
background: transparent;
font-size: 19px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background-color:transparent;
}
.myulnavbar {
margin: 30px 0px 0px 60px;
}
a.btn.btn-myborder {
background: transparent;
border: 2px solid #fff;
color: #fff;
padding: 3px 15px;
margin-top: 14px;
}
a.btn.btn-myborder:hover {
background: #1c117f;
border: 2px solid #1c117f;
color: #fff;
}
.kl-cart-button{
position: relative;
top: 10px;
padding-right: 20px;
}
.myrightbtn .kl-cart-button .fas {
font-size: 16px;
top: 2px;
margin-right: 7px;
color: #fff;
opacity: 0.8;
}
.myrightbtn .kl-cart-button .fas:after {
content: attr(data-count); font-size: 9px; background-color: #cd2122; color: #fff; width: 15px; height: 15px; display: block; text-align: center; line-height: 13px; border-radius: 50%; position: absolute; top: -8px; left: -12px; font-weight: 600; padding-right: 1px;
}
.mynavbar.colorChange {
margin: 0 auto;
top: 0;
width: 100%;
z-index: 999;
background-color: #1c117f;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
-o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
}
header.transparanheader {
height: 650px;
}
header.header-normal {
background-color: rgb(1, 31, 64);
}
.btn-shine-effect {
position: relative;
overflow: hidden
}
.shine-effect {
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
width: 35%;
height: 100%;
-webkit-transform: skew(-15deg, 0deg);
-moz-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);
-webkit-animation: move 2s;
-moz-animation: move 2s;
animation: move 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
position: absolute;
opacity: 0;
top: 0;
left: 0;
pointer-events: none
}
@-webkit-keyframes move {
0% {
left: 0;
opacity: 0
}
5% {
opacity: .05
}
48% {
opacity: .2
}
80% {
opacity: 0
}
to {
left: 75%
}
}
@-moz-keyframes move {
0% {
left: 0;
opacity: 0
}
5% {
opacity: .05
}
48% {
opacity: .2
}
80% {
opacity: 0
}
to {
left: 75%
}
}
@keyframes move {
0% {
left: 0;
opacity: 0
}
5% {
opacity: .05
}
48% {
opacity: .2
}
80% {
opacity: 0
}
to {
left: 75%
}
}
.hg_section {
padding: 50px 0px;
}
.arac_blok {
border: 1px solid #dcdcdc;
border-bottom: 2px solid #dcdcdc;
-webkit-box-shadow: 0 3px 10px 0 rgba(50,50,50,0.09);
-moz-box-shadow: 0 3px 10px 0 rgba(50,50,50,0.09);
-ms-box-shadow: 0 3px 10px 0 rgba(50,50,50,0.09);
-o-box-shadow: 0 3px 10px 0 rgba(50,50,50,0.09);
box-shadow: 0 3px 10px 0 rgba(50,50,50,0.09);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;
border-radius: 3px!important;
background: #fff;
}
.arac_blok {
margin-bottom: 15px;
}
.image-slider img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding: 10px;
}
.image-slider img:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
h3.arac_baslik a {
font-weight: 600;
font-size: 22px;
color: #1c117f;
}
h3.arac_baslik span {
font-size: 16px;
padding-left: 6px;
font-weight: 500;
color: #1c117f;
}
.arac_blok .subtitle {
color: #222;
font-size: 12px;
margin-bottom: 10px;
}
.arac_blok .class {
height: 30px;
display: inline-block;
}
.arac_blok .class .label {
color: #252525;
font-size: 12px;
padding: 0;
}
.arac_blok .meta ul li {
display: inline-block;
padding: 3px 6px;
margin-right: 2px;
margin-bottom: 5px;
width: 83px;
text-align: center;
background-color: #f0f0f0;
}
.arac_blok .meta ul li i.icon {
vertical-align: -6px;
float:none;
display:inline-block;
margin-right:inherit;
}
.arac_blok .price {
color: #f9a320;
font-weight: 700;
font-size: 21px;
margin-bottom: 10px;
}
.hemenara {
margin-top: 40px;
}
.hemenara a {
display: inline-block;
padding: 10px;
margin-bottom: 10px;
text-align: center;
border-radius: 5px;
box-shadow: 1px 5px 7px 0 rgba(0,0,0,0.05);
transition: all .4s ease-in-out;
}
.turuncu{
background: #f9a320;
}
.wh{
background: #3db755;
}
.beyazyaz{
color: #fff;
font-weight: 600;
font-size: 18px;
}
.rezervasyonBg{
background: #ccc url(../images/rezervasyonBg.jpg) center center no-repeat;
height: auto;
padding: 200px 0;
}
.select-car {
margin-top: 20px;
}
.select-car hr{
margin:5px;
}
.select-car .btn {
width: calc(50% - 10px);
display: block;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, .16);
-moz-box-shadow: 1px 2px rgba(0, 0, 0, .16);
box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
-webkit-transition: transform .2s ease;
-moz-transition: transform .2s ease;
-ms-transition: transform .2s ease;
-o-transition: transform .2s ease;
float: right;
padding: 20px;
}
.ofisOdeButon {
border: 1px solid #d1d1d1!important;
background-color: #fff !important;
-webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .05);
-moz-box-shadow: 1px 3px rgba(0, 0, 0, .05);
box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
margin-bottom: 0;
border-bottom: 2px solid #aaa!important;
}
.select-car .btn {
border-radius: 5px;
margin-bottom: 15px;
font-weight: 700;
}
.select-car .btn {
margin-bottom: 8px;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;
border-radius: 3px!important;
}
.hemenOdeButon {
border: 1px solid #ba3923 !important;
background-color: #d9534f !important;
border-bottom: 2px solid #921e0a!important;
border: 1px solid #20823d !important;
background-color: #29b22e !important;
border-bottom: 2px solid #217e3d!important;
border: 1px solid #289d4b !important;
background-color: #44c249 !important;
border-bottom: 2px solid #239144!important;
border: 1px solid #388638 !important;
background-color: #5eb95e!important;
border-bottom: 2px solid #347434!important;
margin-left: 15px;
}
.select-car .btn:hover {
border: 1px solid #130d4c !important;
background-color: #1c117f !important;
border-bottom: 2px solid #130d4c!important;
}
.select-car .ofisOdeButon a {
color: #666!important;
}
.select-car a {
display: block;
padding: 0;
text-align: center;
font-size: 21px;
}
.select-car .hemenOdeButon a, .select-car .hemenOdeButon a:hover, .select-car .hemenOdeButon a:active, .select-car .ofisOdeButon a:hover {
color: #fefefe!important;
}
.tac {
text-align: center;
}
#footer {
padding: 40px 0px 0px 0px;
background: #1c117f !important
}
.footer h6 {
position: relative;
padding-bottom: 10px;
margin-bottom: 26px;
}
.footer h6:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #db2d2e;
left: 0;
bottom: 0px;
}
.text-white {
color: #fff!important;
font-size: 19px;
}
.about-content p {
color: #fff;
}
.usefull-link ul li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.11); padding: 10px 0px; }
.usefull-link ul li:last-child { border-bottom: 0px; }
.usefull-link ul li a i { padding-right: 10px; }
.usefull-link ul li a { color: #dedede; }
.usefull-link ul li a:hover { color: #f9a320; }
.filetisim a {
color: #fff;
font-size: 16px;
padding-top: 10px;
display: block;
}
.filetisim a:hover {
color: #f9a320;
}
.footer-icons a {
display: inline-block;
width: 38px;
height: 38px;
cursor: pointer;
background-color: #fff;
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 38px;
margin-right: 3px;
margin-bottom: 5px;
border-radius: 5px;
margin-left:5px;
}
.footer-icons a i:before {
color: #1c117f;
font-weight: 600;
}
.footer-icons {
color: #fff;
padding-top: 20px;
}
span.adres{
display: block;
padding-top: 27px;
color: #fff;
}
.midlink{
color: #fff;
padding-top: 27px;
}
.midlink a{
display: inline-block;
color: #fff;
}
.midlink a:hover{
color: #f9a320;
}
.copyright p {
/* text-align: left; */
color: #fff;
/* line-height: 80px; */
margin-top: 30px;
}
a.b2medya {
font-weight: 600;
color: #fff;
display: block;
margin-top: 30px;
text-align: right;
}
.sbaslik {
font-size: 28px;
text-align: center;
padding: 0px 0px 40px 0px;
}
/*************************************
Owl carousel
**************************************/
.owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.owl-carousel .owl-item img { width: auto; }
.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; opacity: 0; }
.owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev i { padding-left: 0px; }
.owl-carousel .owl-nav i { font-size: 20px; border-radius: 50%; width: 44px; height: 44px; line-height: 42px; padding-left: 2px; display: inline-block; color: #db2d2e; background: #ffffff; border: 1px solid #e3e3e3; font-weight: normal; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.owl-carousel .owl-nav i:hover { background: #db2d2e; color: #fff; border-color: #db2d2e; }
.owl-carousel:hover .owl-nav { opacity: 1; }
.owl-carousel:hover .owl-nav .owl-prev { left: -2%; }
.owl-carousel:hover .owl-nav .owl-next { right: -2%; }
.owl-carousel .owl-controls .owl-dot { display: inline-block; margin-top: 20px; }
.owl-carousel .owl-dots { display: inline-block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
.owl-carousel.owl-theme .owl-dots .owl-dot { margin-top: 20px; display: inline-block; }
.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #a5a5a5; border-radius: 30px; display: inline-block; width: 10px; height: 10px; margin: 0px 3px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #db2d2e; }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #db2d2e; width: 24px; }
.feature-box-2{
background:transparent;
}
.our-service .feature-box-2 .content {
display: inline-block;
vertical-align: super;
}
.our-service .feature-box-2 .icon {
display: inline-block;
margin-right: 10px;
}
.our-service .feature-box-2 .icon i{
margin-bottom: 10px;
margin-top: 10px;
}
.owl-carousel .owl-nav{
opacity:1!important;
top: 50%;
margin-top: -20px;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span{
background:#fff;
}
.owl-carousel .owl-dots{
position: absolute;
bottom:0;
}
.owl-carousel .owl-nav i{
width: 35px;
height: 40px;
line-height: 38px;
border-radius:unset;
}
.owl-carousel:hover .owl-nav .owl-prev{
left: 0;
}
.owl-carousel:hover .owl-nav .owl-next{
right: 0;
}
@media(min-width:768px) {
.owl-carousel .owl-nav .owl-prev,.owl-carousel:hover .owl-nav .owl-prev{
left: -2%;
}
.owl-carousel .owl-nav .owl-next,.owl-carousel:hover .owl-nav .owl-next{
right: -2%;
}
}
.kampanyalar{
margin-bottom:30px;
}
.kampanya{
position:relative;
overflow: hidden;
background: #fff;
}
.konu-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 1;
background: rgba(0,0,0,.15);
transition: .5s ease;
}
.overlay-icerik {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.overlay-icerik a {
font-weight: 600;
color: #fff;
text-align: center;
font-size: 19px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 0 0 6px rgba(0,0,0,1);
padding: 30px;
}
.kampanyalar .kampanya:hover a {
opacity: 1;
}
.kampanyalar .owl-item {
padding: 10px;
}
.haber img {
max-height: 200px;
width: 100%;
}
.kampanya:hover .konu-overlay {
background: rgba(0,0,0,.35);
transform: scale(1.1);
}
.owl-carousel .owl-nav i {
font-size: 32px;
color: #ffffff;
background: #db2d2e;
border: none;
}
.krimage{
height: 200px;
padding:15px;
}
.krimage img{
height: 150px;
}
h2.krbaslik_baslik {
font-size: 18px;
text-align: center;
font-weight: 600;
}
h2.krbaslik_baslik span {
font-size: 15px;
font-weight: 500;
padding-left: 5px;
}
.fiyat {
text-align: center;
font-weight: 600;
font-size: 21px;
}
.fiyat span.labels {
font-weight: 600;
color: #15284b;
display: inline-block;
padding-left: 5px;
font-size: 16px;
}
.hara {
padding-bottom: 30px;
padding-top: 20px;
}
a.owlbuttonum {
border-radius: 5px;
background: #db2d2e;
display: block;
margin: 0px 30px;
text-align: center;
padding: 10px 10px;
color: #fff;
font-size: 18px;
}
.kayanarac {
padding: 30px 0px 0px 0px;
}
.innerbaslik{
padding-top: 40px;
padding-bottom: 10px;
}
.innerbaslik h2.hbaslik{
text-align: center;
font-weight: 600;
font-size: 32px;
}
.innerbaslik p{
text-align: center;
font-size: 16px;
}
.b2section{
background: #efefef;
padding: 30px 10px;
}
.tanitimyazi h3 {
color: #db2d2e !important;
font-size: 21px;
font-weight: 600;
}
.das ul li {
position: relative;
padding-left: 18px;
list-style-type: none;
}
.das ul li:before {
content: '\f101';
font-family: 'Font Awesome\ 5 Pro';
width: 9px;
height: 8px;
position: relative;
left: -17px;
color: #15284b;
}
.icon-item {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
padding: 60px 30px 52px 30px;
border-radius: 5px;
margin-bottom: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 767px) {
.icon-item {
padding: 30px 15px;
}
}
.icon-item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}
.icon-item .icon {
width: 80px;
height: 80px;
display: inline-block;
text-align: center;
line-height: 75px;
font-size: 42px;
border: 4px dashed #da1c36;
border-radius: 50%;
color: #da1c36;
}
.icon-item .content {
margin-top: 25px;
}
.icon-item .content .title {
text-transform: capitalize;
margin-bottom: 17px;
}
.section-header .section-title {
text-transform: capitalize;
position: relative;
padding-bottom: 36px;
}
.section-header p {
margin-top: 17px;
}
.section-header .section-title::before {
position: absolute;
content: '';
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 113px;
height: 22px;
background-image: url(../images/header-line.png);
background-repeat: no-repeat;
}
.pb-120 {
padding: 50px 0px 50px 0px;
}
span.no {
display: block;
}
span.no a {
font-size: 21px;
color: #0b2369;
font-weight: 400;
} |