@charset "utf-8";
/*-----------------------------------------------------------------------------

Table of Contents:

 1) General
 2) Typography
 3) Backgrounds
 4) Home Sections
 5) Home Revolution Slider Section
 6) Header
 7) Features Section
 8) About Section
 9) Team Section
10) Skills Section
11) Fun Facts Section
12) Quote Section
13) Portfolio Section
14) Get Connected Section
15) Services Section
16) Call to Action 1
17) Price List Section
18) Clients Section
19) Testimonials Section
20) Contact Form Section
21) Google Map Section
22) Video Popup Section
23) Footer 1
24) Subscribe Form - Twitter Feed
25) Shortcodes

------------------------------------------------------------------------------*/


/*----- Stylesheets -----*/
@import "bootstrap.min.css";
@import "settings.css";
@import "owl.carousel.css";
@import "animate.css";
/*----- Fonts -----*/
/* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); */
@import "fonts.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import "form.css";
/*----- General ----*/
html, body { height: 100%; min-height: 100%; }
html { -webkit-font-smoothing: antialiased; }
body { font-family: Open sans, sans-serif; font-weight: 400; color: #1c1c1c; overflow-x: hidden; }

a { background: transparent; outline: none; text-decoration: none; -webkit-transition: .2s cubic-bezier(0.25, .46, .45, .94); transition: .2s cubic-bezier(0.25, .46, .45, .94); -webkit-transition-property: background-color, color; transition-property: background-color, color; }

a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
 outline : 0;
}

@media only screen and (min-width: 1600px) {
.yontem1 { padding: 20px 15px 80px 110px!important; }
.yontem2 { padding: 25px 15px 80px 135px!important; }
.yontem3 { padding: 25px 15px 80px 135px!important; }
.gd_mobile { margin-top: -137px!important; }
}

@media only screen and (min-width: 1200px) {
.container { max-width: 1365px; width: 100%; padding: 0 90px; position: relative; height: inherit; }
}
@media (min-width: 768px) and (max-width: 992px)) {
 .container {
 width: 100%;
 padding: 0 120px;
}
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: 2;/* color: #1c1c1c; */ }
h1.logo { text-indent: -999em; margin: 0px; padding: 0px; }
h1 small, h2 small, h3 small { font-weight: 200; color: #1c1c1c; }
h4 small, h5 small, h6 small { font-weight: 300; color: #1c1c1c; }
h4 { font-size: 18px; letter-spacing: 0px; }
p { color: #7a7a7a; font-size: 14px; line-height: 20px; font-weight: 400; }
.section-title { /* text-transform: uppercase; */ letter-spacing: 0px; letter-spacing: -3px; font: normal 45px/normal 'geometosregular', sans-serif; margin-bottom: 20px; }
.subheading { font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 42px; }
.subheading:after { position: relative; display: block; content: ""; height: 2px; margin: 20px auto 20px; width: 115px; background: #7a7a7a; }
.subheading.grey:after { background: #fff!important; opacity: .4; }
.content-title { text-transform: uppercase; font-weight: 700; letter-spacing: 2px; margin-top: 0; margin-bottom: 22px; font-family: 'Open Sans', sans-serif; font-size: 30px; }
.project-title { text-transform: uppercase; font-weight: 700; letter-spacing: 0px; margin-top: 30px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 50px; }

@media (max-width:600px) {
.project-title { font-size: 24px; }
}
.project-subtitle { margin-bottom: 50px; font-size: 14px; }
.uppercase { text-transform: uppercase; }
.p-info { line-height: 1.8; font-size: 14px; }
/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; }
.loader { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -60px; }

/*----- Typography -----*/
@media (min-width: 992px) {
h1 { font-size: 66px; letter-spacing: 0px; }
h1 small { font-size: 66px; letter-spacing: 0px; }
.lead { font-size: 16px; font-weight: 400; color: #7a7a7a; margin-bottom: 50px; }
h2 { font-size: 50px; letter-spacing: 0px; }
h2 small { font-size: 50px; letter-spacing: 0px; }
}
.white { color: #fff; }
.grey { color: #d3d3d3; }
.size-8x { font-size: 8em }
.size-7x { font-size: 7em }
.size-6x { font-size: 6em }
.size-5x { font-size: 5em }
.size-4x { font-size: 4em }
.size-3x { font-size: 3em }
.size-2x { font-size: 2.5em }
.size-1x { font-size: 1em }
/*----- Backgrounds ------*/
 
#home-parallax-fullscreen { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
#home-parallax-fullwidth { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
#home-landing { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
.parallax-section-1 { background-image: url(../img/backgrounds/bg-1.jpg); }
.parallax-section-2 { background-image: url(../img/backgrounds/bg-2.jpg); }
.parallax-section-3 { background-color: #3e4e5a; }
.parallax-section-4 { background-image: url(../img/backgrounds/bg-4.jpg); }
.parallax-section-5 { background-image: url(../img/backgrounds/bg-5.jpg); background: #e6e6e6; }
.parallax-section-6 { background-image: url(../img/backgrounds/bg-6.jpg); }
.parallax-section-7 { background-image: url(../img/backgrounds/bg-7.jpg); }
.parallax-section-8 { background-image: url(../img/backgrounds/bg-8.jpg); }
/*----- Home Sections -----*/
#home-parallax-fullscreen, .parallax-section-1, .parallax-section-2, .parallax-section-3, .parallax-section-4, .parallax-section-5, .parallax-section-6, .parallax-section-7, .parallax-section-8 { background-position: 50% 0; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; width: 100%; height: auto; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; display: block; position: relative; }
#home-parallax-fullwidth { background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; display: table; width: 100%; min-height: 400px; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; }

@media (min-width:768px) {
#home-parallax-fullwidth { height: 600px; }
}

@media (max-width:768px) {
#home-parallax-fullwidth { height: 400px; }
}
#home-parallax-fullscreen:after, .parallax-section-1:after, .parallax-section-2:after, .parallax-section-4:after, .parallax-section-6:after, .parallax-section-7:after, .parallax-section-8:after { content: ""; position: absolute; background: url(../img/assets/dot-pattern.png) repeat; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }
#home-landing:after, #home-parallax-fullwidth:after, #page-top .hero:after { content: ""; position: absolute; background: url(../img/assets/dot-pattern.png) repeat; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.tp-banner li:after { content: ""; position: absolute; /* background: url(../img/assets/gridtile.png) repeat; */ top: 0; left: 0; bottom: 0; right: 0; z-index: 0!important; }
.tp-banner-video li:after { content: ""; position: absolute; background: url(../img/assets/gridtile.png) repeat; top: 0; left: 0; bottom: 0; right: 0; z-index: 2!important; }
#page-hero { height: 400px; }
#home-landing { background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; }
#home-parallax-fullscreen { display: table; }
.home-container { position: relative; display: table-cell; vertical-align: middle; z-index: 3; }
.home-title { position: relative; text-transform: uppercase; color: #1c1c1c; z-index: 3; margin-top: 80px; margin-left: auto; margin-right: auto; }
#home-parallax-fullwidth .home-title { margin-top: 130px; }
.home-title h1 { letter-spacing: 2px; }
.home-heading { font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; color: #fff; }

@media (min-width:992px) {
.home-heading { font-size: 72px; }
}

@media (min-width:768px) and (max-width:992px) {
.home-heading { font-size: 55px; }
}

@media (max-width:600px) {
.tp-banner .home-subheading { display: none; }
}

@media (max-width:500px) {
.tp-banner .btn { display: none; }
}
.home-subheading { font-family: 'Open Sans', sans-serif; font-size: 18px; letter-spacing: .5px; font-weight: 400; color: #FFF; z-index: 999!important; }
.tp-banner .home-subheading { line-height: 40px!important; }
.home-button { margin-top: 80px; }
.home-bottom { position: absolute; z-index: 99; width: 100%; left: 0; bottom: 0; text-align: center; opacity: 0.9; }
.move { width: 40px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.bounce { -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.home-bottom a { padding-top: 7px; padding-bottom: 17px; padding-left: 7px; padding-right: 7px; color: #FFFFFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home-bottom a:hover { opacity: .9; }
.home-bottom a { font-size: 22px; }
/*----- Home Revolution Slider -----*/
#home-revolution-slider { width: 100%; height: 100%; height: 550px !important; }
.hero { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; height: 400px !important; overflow: hidden; background: url(../img/backgrounds/bg-shortcodes.jpg); background-size: cover; }
.content { position: relative; z-index: 3; background-color: #fff; }
.home-heading, .home-subheading, .home-button { position: relative; z-index: 1; text-align: center; transform: translateY(0px);/*-webkit-transition: 1s opacity ease-in-out;*/ }
.tp-loader.spinner1 { width: 40px; height: 40px; background: url(../img/assets/rev-loader.gif) no-repeat center center; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; margin-top: -20px; margin-left: -20px; -webkit-animation: none; animation: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.tp-banner-container { width: 100%; position: relative; padding: 0; margin-top: 0; }
.tparrows.preview4:after { background: #fff; background: rgba(255,255,255,.05); }
.tp-caption a { color: #fff; padding: 9px 22px; box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; margin: 0 7px 0 7px; text-transform: uppercase; }
.tp-caption a:hover { color: #fff; }
.html5-video-container video { width: 100%!important; height: auto!important; left: 0!important }
/*----- Header -----*/ 


nav { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

@media (min-width: 1360px) {
nav { /*max-width: 1903px;*/ }
}

@media (max-width: 1360px) {
nav { max-width: 1343px; }
}
.navbar { min-height: 55px; border: none; }
.navbar-default { position: fixed; background-color: #fff; border-radius: 0; border-color: none; border-bottom: none; top: 0; left: 0; width: 100%; padding: 0; z-index: 4;/*border-bottom: 1px solid rgba(255,255,255,0.25);*/ }
.navbar-alt { /* background-color: transparent; */ background: rgba(62, 78, 90, 0.85); }
.navbar-small { background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); background: rgba(62, 78, 90, 0.95); }
.navbar-default .container { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar-small .container { padding-top: 0px; position: relative; }

@media (min-width: 992px) {
.navbar-alt .container { margin-top: 10px; }
.navbar-small .container { margin-top: 0px; }
}
.navbar-default .navbar-right { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 100%; margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-alt .navbar-right { margin-top: 25px; margin-bottom: 0px; }
.navbar-small .navbar-right { height: 100%; margin-top: 0px; margin-bottom: 0px; }
.navbar-alt .navbar-nav > li > a, .navbar-alt .navbar-nav > li > span { color: #fff !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;/* padding: 10px 10px; */ }
.navbar-small .navbar-nav > li > a, .navbar-small .navbar-nav > li > span { color: #1C1C1C; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 20px 10px; }
.navbar-nav>li>a, .navbar-nav>li>span { margin-top: 0px; padding-top: 26px; padding-bottom: 23px; }
.nav>li>a, .nav>li>span { padding-left: 10px; padding-right: 10px; }
.nav > li > span { position: relative; display: block; cursor: pointer; }
.navbar-nav .caret { margin-left: 3px; margin-top: -3px; }
/*Navbar Toggle*/
.navbar-default .navbar-toggle { position: relative; float: right; padding: 9px 2px; margin-top: 26px; margin-right: 0px; margin-bottom: 8px; background-color: transparent; background-image: none; border: none; border-radius: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar-small .navbar-toggle { position: relative; float: right; padding: 9px 0px; margin-top: 11px; margin-right: 0px; margin-bottom: 8px; background-color: transparent; background-image: none; border: none; border-radius: none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; outline: none; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 3px; border-radius: 2px; }
/*Navbar Collapse Menu*/
.navbar-collapse { padding-right: 0px; padding-left: 0px; color: #3a3a3a; }
.navbar-default .navbar-nav>li>a:focus { color: #f5f5f5; }
.navbar-small .navbar-nav>li>a:focus { color: #1c1c1c; }

/*Navbar Collapse*/  
@media (max-width: 992px) {
.navbar-default .navbar-collapse { margin-top: 18px; padding-right: 0px; padding-left: 0px; }
.navbar-small .navbar-collapse { margin-top: 0px; }
.navbar-header { float: none; }
.navbar-left, .navbar-right { float: none !important; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-default .navbar-collapse { background-color: #1c1c1c; }
.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; padding-left: 25px; padding-right: 25px; }
.container>.navbar-header { margin-right: 0; margin-left: 0; padding-left: 35px; padding-right: 35px; }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin: 0; }
.navbar-default .navbar-toggle { margin-top: 44px; }
.navbar-small .navbar-toggle { margin-top: 11px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a, .navbar-nav>li>span { padding-top: 12px; padding-bottom: 12px; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > span:hover { background: rgba(255,255,255, 0.03); }
.collapse.in { display: block !important; }
.navbar-default .container { width: 100%; }
.navbar-small .container { padding-right: 0px; padding-left: 0px; width: 100%; }
.navbar-default ul.nav li { border-bottom: 1px dotted #2A2A2A; }
.navbar-default ul li:last-child { border-bottom: none; }
.navbar-default .navbar-right { margin-top: 7px; margin-bottom: 3px; }
.index-iletisim { width: 100%!important; margin: 0!important; height: auto!important; padding: 20px!important; }
.form-holder { width: 100%!important; float: left!important; margin-top: 5%!important; }
.iletisim-title { width: 80%!important; }
.gd_mobile { display: none!important; }
.iletisim-telefon { padding: 0!important; padding-top: 22px!important; width: 80%; text-align: center; }
.iletisim-telefon a { padding: 0 20px!important; font-size: 17pt!important; line-height: 40px!important; }
.bilinmesi-gerekenler.aktif2 .col-md-4:nth-child(n+4)::before { display: block!important; }
}

@media (min-width: 768px) {
.navbar-nav.navbar-right:last-child { margin-right: 0; }
}
.navbar>.container .navbar-brand { margin-left: 0; }
.navbar-brand { float: left; height: 55px; padding: 15px 0 15px 0px; font-size: 30px; line-height: 20px; }
/* Logo Big White */

.navbar-default .navbar-brand .logo-big { position: absolute; opacity: 1; width: 180px; margin-top: 11px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-default .navbar-brand .logo-small { position: absolute; width: 180px; margin-top: 11px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-alt .navbar-brand .logo-big { margin-top: 35px; }
.navbar-alt .navbar-brand .logo-small { margin-top: 30px; }
/* End Logo Big White */
/* Logo Small Black */
.navbar-small .navbar-brand .logo-big { position: absolute; opacity: 0; width: 170px; margin-top: 3px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-small .navbar-brand .logo-small { position: absolute; opacity: 1; width: 170px; margin-top: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

/* End Logo Small Black */

 
@media (max-width: 768px) {
.navbar-collapse { max-height: none; overflow-x: hidden; }
}

/*Dropdown*/  
@media (min-width: 992px) {
.navbar-small .dropdown { margin-top: .49999999px; }
.navbar-default .container { max-width: 1245px; padding-left: 15px; padding-right: 15px; }
.navbar-right .dropdown-menu { right: auto; left: 0; }
ropdown-menu > li > a { color: #CCC; font-size: 12px; font-weight: 400; text-transform: none; position: relative; padding: 11px 25px 11px 20px; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); font-weight: 600; }
.dropdown-menu > li:last-child > a { border-bottom: 0; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { text-decoration: none; background-color: #E72F32; }
.dropdown-menu { margin-top: 20px; }
.dropdown > ul.dropdown-menu { visibility: hidden; display: block; margin-top: 0px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.dropdown:hover > ul.dropdown-menu { visibility: visible; opacity: 1; display: block; margin: 2px 0 0px; }
.dropdown-menu > .active > a { text-decoration: none; background-color: transparent; outline: 0; }
.navbar-collapse.collapse { height: auto!important; padding-bottom: 0; overflow: visible!important; }
}

@media (max-width: 992px) {
.dropdown-menu { float: none; position: static; background-color: transparent; box-shadow: none; border: none; margin-left: 15px; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { color: #fff; }
.navbar-default ul li.open ul li { border-bottom: 0; padding: 5px; float: none!important; }
.navbar-default ul li.open ul li a:hover { background-color: transparent; }
.dropdown-menu li a { color: #f5f5f5; font-weight: 400; font-size: 12px; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: transparent; }
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #CCC; }
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: transparent; }
.dropdown .arrow { font-size: 9px; }
.menu-padding { padding-top: 70px; }
.content { margin-top: 0px; }
.navbar .icon { font-size: 18px; }
.navbar .social-icon { padding-left: 15px; padding-right: 0; }
/*----- Features -----*/
#features { padding-top: 90px; padding-bottom: 80px; }

@media (min-width: 992px) {
.features-row { margin-bottom: 70px; text-align: left }
.feature-column { margin-bottom: 0px; }
.back-icon { z-index: -1; color: #f8f8f8; position: absolute; padding-left: 40px; left: 0; top: 0; width: 134px; height: 134px; line-height: 134px; font-size: 134px; }
}

@media (max-width: 992px) {
.feature-column { margin-bottom: 15px; }
.back-icon { z-index: -1; color: #f8f8f8; position: absolute; padding-left: 30px; left: 0; top: 0; width: 80px; height: 80px; line-height: 80px; font-size: 80px; }
}
.feature-info h4 { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; font-weight: 700; letter-spacing: 1px; font-size: 18px; margin-top: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.feature-icon { float: left; }
.feature-info { padding-left: 55px; padding-top: 5px; }
.feature-description { line-height: 23px; padding-right: 10px; }
.ion-2-5x { font-size: 2.5em; }
.feature-buttons { margin-top: 40px; }
/*----- About Section -----*/
#about { padding-top: 60px; padding-bottom: 60px; }
.about-text { margin-top: 20px; padding-right: 60px; }
#about p { line-height: 1.8; }
.video-container {position: relative;padding-bottom: 65%;padding-top: 0px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
/*----- Skills -----*/
#skills { padding-top: 80px; padding-bottom: 60px; }

@media (max-width: 992px) {
.skills-row { margin-bottom: 40px; }
}
.progress { border-radius: 3px; height: 17px; background-color: #ebebeb; overflow: visible; margin-bottom: 25px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
.progress-bar { position: relative; border-radius: 3px; box-shadow: none; }
.progress-bars p { line-height: .5; }
#skills .progress-bars p { color: #dedede; }
.progress-bar-tooltip { position: absolute; background-color: #343434; top: -30px; padding: 1px 6px; font-size: 11px; right: -10px; border-radius: 3px; color: #dedede; }
.progress-bar-tooltip:after { position: absolute; border-color: #343434 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; left: 35%; }
/*----- Team -----*/
#team { padding-top: 80px; padding-bottom: 65px; }
.team-member { padding: 10px; }
.member-info { margin-top: 20px; }
.member-info h4 { line-height: .6; letter-spacing: -0.6px; }
.member-info h5 { font-weight: 700; }
.member-info p { margin-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.member-list { list-style: none; }
.member-list li { font-size: 17px; margin-right: 5px; }
.member-list a { color: #1c1c1c; }
/* Img Hover Effect */
.effects .img { position: relative; overflow: hidden; }
.effects .img a { display: inline; margin: auto; padding: 0; max-width: 100%; height: auto; color: #fff; }
.overlay { display: block; margin: 0 auto; position: absolute; z-index: 3; background: rgba(0, 0, 0, 0.8); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all .5s; }
.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 20px; list-style: none; padding: 0; }
.expand .social-icon { display: inline; margin-left: 5px; margin-right: 5px; }
.expand .cbp-l-icon { display: inline; margin-left: 5px; margin-right: 5px; }
.effect .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
.effect .overlay .expand { left: 0; right: 0; top: 50px; margin: 0 auto; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.effect:hover .img .img-responsive { transform: scale(1.25); }
.effect .img-responsive { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all .25s ease-in-out; }
.effect:hover .img .overlay { opacity: 1; }
.effect:hover .img .overlay .expand { top: 52%; margin-top: -30px; opacity: 1; }
.effect .cbp-item-wrapper .img { position: initial; overflow: hidden; }
.effect:hover .cbp-item-wrapper .img .overlay .expand { top: 50%!important; margin-top: -30px; opacity: 1; }
.cbp-item .img a:hover { opacity: .6; font-size: 24px; }
.cbp-item .img a { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }
/*----- Fun Facts -----*/
#fun-facts { display: table; width: 100%; height: 100%; min-height: 100%; z-index: 1; }
.fact-container { padding-top: 40px; padding-bottom: 30px; }
.fact h2 { font-size: 65px; letter-spacing: 0px; margin: 0; line-height: 65px; }
.fact h4 { font-size: 14px; margin-bottom: 0px; }
.fact p { font-size: 13px; margin-top: 3px; }
.counter { font-family: 'Open Sans', sans-serif; font-size: 65px; font-weight: 700; letter-spacing: 0px; margin: 0; line-height: 65px; }
#fun-facts .lead { font-size: 16px; }
/*----- Quote -----*/
#quote { padding-top: 100px; padding-bottom: 50px; padding: 20px 0px 0px; height: 297px; }
#quote #quote-slider { margin: 30px 0 30px 0; }
#quote blockquote { position: relative; display: block; line-height: 1.5; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin: 0; color: #fff; border-left: none; text-align: center; }
#quote blockquote span { padding-left: 33px; }
#quote blockquote span .highlight { padding-left: 0px; }
blockquote strong { font-family: 'Open Sans', sans-serif; font-weight: 700; }
#quote .icon-left { position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); }
#quote .icon-right { position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); }
.quote-author { text-align: center; padding-top: 0px; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff; opacity: .9; }

@media (min-width: 992px) {
#quote blockquote { font-size: 26px; padding-left: 80px; padding-right: 80px; }
}

@media (max-width: 992px) {
#quote blockquote { font-size: 22px; }
}
/*----- Portfolio -----*/
#portfolio { padding-top: 60px; padding-bottom: 100px; }
.cbp-l-filters-alignRight .cbp-filter-item, .cbp-l-filters-alignCenter .cbp-filter-item { background-color: #f6f7f7; color: #7E7B7B; cursor: pointer; font: 400 11px/28px "Montserrat", sans-serif; text-transform: uppercase!important; padding: 3px 20px; position: relative; overflow: visible; margin: 10px 0 0 5px; border: none; border-radius: 3px; text-transform: none; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.cbp-l-filters-alignRight { margin: 20px auto 10px; padding: 10px 0px 20px 0px; text-align: left; background-color: transparent; }
.cbp-l-caption-title { color: #fff; font: 700 16px/18px "Montserrat", sans-serif; margin-bottom: 5px; text-transform: uppercase; }
.cbp-l-caption-desc { color: #7a7a7a; font: 400 12px/16px sans-serif; }
.cbp-l-filters-alignRight .cbp-filter-counter { border-radius: 2px; color: #fff; font-size: 11px; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; }
.cbp-l-filters-alignCenter .cbp-filter-counter { border-radius: 2px; color: #fff; font-size: 11px; margin: 0 auto; margin-bottom: 10px; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; }
.cbp-l-filters-alignCenter { margin: 40px auto 10px; padding: 10px 0px 20px 0px; text-align: center; background-color: transparent; }
.cbp-l-filters-alignRight .cbp-filter-item:hover, .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #fff; }
.cbp-l-filters-alignCenter .cbp-filter-item-active { color: #fff!important; }
.cbp-l-filters-dropdownWrap { width: 150px; position: absolute; right: 0; background: #f6f7f7; }
.cbp-l-filters-dropdownHeader { font: 12px/38px; margin: 0 17px; color: #1c1c1c; cursor: pointer; position: relative; }
.cbp-l-filters-dropdownList .cbp-filter-item { background: none; color: #7a7a7a; width: 100%; text-align: left; font: 12px/40px; margin: 0; padding: 0 17px; cursor: pointer; border: 0; border-top: 1px solid #ccc; }
.cbp-l-filters-dropdownHeader:after { border-color: #7a7a7a rgba(0,0,0,0); border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; }
.cbp-item-w h4 { margin-top: 10px; margin-bottom: 2px; }
.cbp-l-loadMore-button .cbp-l-loadMore-button-link { background: #f6f7f7; border: none; border-radius: 3px; color: #7E7B7B; display: inline-block; font: 400 11px/34px "Montserrat", sans-serif; min-width: 80px; text-decoration: none; padding: 3px 23px; outline: 0; margin-top: 30px; }
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover { color: #fff; }
.cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; height: 56px; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.cbp-popup-singlePage .cbp-popup-close, .cbp-popup-singlePage .cbp-popup-next, .cbp-popup-singlePage .cbp-popup-prev { height: 34px; width: 34px; top: 8px; }
.cbp-popup-singlePage-counter { top: -24px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1c1c1c; }
.cbp-popup-lightbox .cbp-popup-close, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-prev { -webkit-transition: all 0.11s ease-in-out; -moz-transition: all 0.11s ease-in-out; -o-transition: all 0.11s ease-in-out; transition: all 0.11s ease-in-out; }
.cbp-popup-lightbox .cbp-popup-close { opacity: .4; background: url("../img/portfolio/buttons/popup-close-light.html") no-repeat; }
.cbp-popup-lightbox .cbp-popup-close:hover { opacity: 1; background: url("../img/portfolio/buttons/popup-close-light.html") no-repeat; }
.cbp-popup-lightbox .cbp-popup-prev { opacity: .4; background: url("../img/portfolio/buttons/popup-prev-light.html") no-repeat; }
.cbp-popup-lightbox .cbp-popup-prev:hover { opacity: 1; background: url("../img/portfolio/buttons/popup-prev-light.html") no-repeat; }
.cbp-popup-lightbox .cbp-popup-next { opacity: .4; background: url("../img/portfolio/buttons/popup-next-light.html") no-repeat; }
.cbp-popup-lightbox .cbp-popup-next:hover { opacity: 1; background: url("../img/portfolio/buttons/popup-next-light.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-close, .cbp-popup-singlePage .cbp-popup-next, .cbp-popup-singlePage .cbp-popup-prev { top: 17px; -webkit-transition: all 0.11s ease-in-out; -moz-transition: all 0.11s ease-in-out; -o-transition: all 0.11s ease-in-out; transition: all 0.11s ease-in-out; }
.cbp-popup-singlePage .cbp-popup-prev { background: url("../img/portfolio/buttons/popup-prev-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-prev:hover { top: 18px; opacity: .2; background: url("../img/portfolio/buttons/popup-prev-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-next { background: url("../img/portfolio/buttons/popup-next-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-next:hover { top: 18px; opacity: .2; background: url("../img/portfolio/buttons/popup-next-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-close { background: url("../img/portfolio/buttons/popup-close-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-close:hover { top: 18px; opacity: .2; background: url("../img/portfolio/buttons/popup-close-dark.html") no-repeat; }
.cbp-popup-singlePage .cbp-popup-content { margin-top: 0; max-width: 100%; }
.project-video, .project-widget { margin-bottom: 60px; }
.project-big-slider { margin-bottom: 20px; }
.project-big-slider img { min-width: 100%; }
.project-widget h4 { margin-top: 0; }
.project-widget p { color: #7a7a7a!important; }
/* 
.cbp-l-grid-fullScreen {
    visibility: visible;
    overflow: visible;
}
@media (min-width:992px) {
    .cbp-l-grid-fullScreen {
        margin-top: 200px;
    }
}
*/

/*----- Get Connected -----*/
#get-connected { padding-top: 75px; padding-bottom: 70px; }
.connected-icon a span { display: block; }
.connected-icons { display: inline-block; list-style: none; padding: 0; }
.connected-icons li { display: inline-block; padding: 15px 40px; }
.connected-icon a h4 { font-size: 15px; letter-spacing: 1px; margin-bottom: 5px; }
.connected-icon a .grey { font-size: 13px; }
.connected-icon a .icon { line-height: 1!important; }
.connected-icon a h4, .connected-icon a span { -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; }
.connected-icon a .icon { border-radius: 50%; width: 100px; height: 100px; margin: 0 auto 0 auto; -webkit-transition: 0.16s all linear; -moz-transition: 0.16s all linear; -ms-transition: 0.16s all linear; -o-transition: 0.16s all linear; transition: 0.16s all linear; }
.connected-icon a:hover .icon { background: rgba(255,255,255,0.1); font-size: 4em; padding-top: 22px; }

@media (max-width:482px) {
.connected-icons li { padding: 15px 10px; }
.connected-icon a .icon { font-size: 4em; width: 70px; height: 70px; }
.connected-icon a:hover .icon { font-size: 3em; padding-top: 14px; }
}
/*----- Services -----*/
#services { padding: 30px 0; }
.service { margin-top: 20px; }
.service-info i { margin-left: 35%; }
.service_boxing { float: left; box-sizing: border-box; min-height: 100px; }
/*----- Call To Action 1 -----*/
#call-to-action-1 { padding-top: 45px; /*padding-bottom: 53px;*/ background: #dadada; }
#call-to-action-1 p { margin: 23px 0 30px 0; line-height: 1.8; }
/*----- Price List -----*/













#price-list { padding-top: 75px; padding-bottom: 75px; }

@media (max-width:992px) {
#price-list { display: none; }
}
.price-list-box { padding-left: 7px; padding-right: 7px; }
.price-box { padding-top: 15px; padding-bottom: 15px }
.price-table { text-align: center; overflow: hidden; position: relative; margin-bottom: 10px; box-shadow: 0px 5px 5px -5px rgba(255, 255, 255, 0.2); }
.price-table p { margin: 0; }
.price-table .label { display: block; background: rgba(255,255,255,0.09); color: #f0f0f0; padding-top: 27px; padding-bottom: 25px; font-weight: 700; text-transform: uppercase; font-size: 18px; letter-spacing: 2px; margin: 0px; border-radius: 0; }
.price-table { border: 1px solid rgba(255,255,255,0.5); }
.price-table .price { padding: 24px 0; }
.price-table .price .currency { position: relative; right: 5px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; }
.price-table .price .pricing { position: relative; right: 5px; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 55px; line-height: 1; color: #f6f6f6; }
.price-table .price .time-period { display: block; font-size: 14px; font-weight: 400; }
.price-table .features .feature { display: block; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0.75em; height: 1.5em; line-height: 1.5em; }
.price-table .features .option-button { padding: 1em; height: auto; line-height: 1.75; }
.price-table .features .feature { border-top: 1px solid rgba(255, 255, 255, 0.15); }
.price-table .btn { margin-top: 20px; margin-bottom: 20px; }
.btn-effect:focus { color: #fff; }
.price-table .features .no-border { border-top: none; }
.featured .price-box { padding-top: 0px; padding-bottom: 0px; box-shadow: 0px 0px 13px rgba(255,255,255,.4); -moz-box-shadow: 0px 0px 13px rgba(255,255,255,.4); -webkit-box-shadow: 0px 0px 13px rgba(255,255,255,.4); -o-box-shadow: 0px 0px 13px rgba(255,255,255,.4); }
.featured .price-table .price { padding: 30px 0; }
.featured .price-table .label { display: block; background: rgba(255,255,255,0.15); color: #f0f0f0; padding-top: 27px; padding-bottom: 25px; font-size: 22px; }
.featured .price-table h3 span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding-top: 7px; }
.featured .price-table .btn-effect { padding: 10px 24px!important; font-size: 14px; margin: 17px 0 17px 0; }
.btn-effect { display: inline-block; text-align: center; cursor: pointer; color: #d8d8d8; font-family: 'Open Sans', sans-serif; font-weight: 400!important; font-size: 14px; overflow: hidden; position: relative; z-index: 0; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; user-select: none; text-decoration: none; text-shadow: none; border: 0; padding: 8px 22px; border: 2px solid rgba(255,255,255,.7); border-radius: 3px; margin-top: 20px; margin-bottom: 20px; }
.btn-effect:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition: all 0.3s; }
.btn-effect:hover { background: none; opacity: 1!important; color: #fff; }
.btn-effect:hover:after { height: 100%; }
/*----- Clients -----*/
#clients { padding-top: 75px; padding-bottom: 85px; }
.client { padding: 8px; }
.client a { position: relative; display: block; }
.client a img { display: block; margin: auto; }
.clients .client .logo-dark, .clients .client a .logo-dark { background: #f9f9f9; position: relative; z-index: 2; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 100; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.clients .client .logo-light, .clients .client a .logo-light { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.clients .client:hover .logo-dark, .clients .client a:hover .logo-dark { opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; }
/*----- Testimonials -----*/
#testimonials { padding: 30px 0; }
#testimonials .testimonial { position: relative; display: block; background: #fff; padding: 20px; box-sizing: border-box; margin: 10px;/* height: 140px; */ text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; max-height: none; display: inline-block; min-height: 160px; width: 96%; }
#testimonials .testimonial::before { content: ""; position: absolute; height: 30px; width: 40px; background: url(../img/assets/yorum-arrow.png) bottom left; bottom: -20px; left: 50px; }
.testimonial span { font-size: 100%; letter-spacing: 0px; font-weight: 300; line-height: normal; /* color: #fff; */ font-size: 13px; }
#testimonials .testimonial strong { font-family: 'Open Sans', sans-serif; font-weight: 700; }
#testimonials .icon-left { position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; background: #000; }
#testimonials .icon-right { display: none; position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); }
.testimonial-name { margin-top: 25px; margin-bottom: 5px; text-align: left; padding-left: 40px; }
.testimonial-name h4 { padding-top: 5px; margin-bottom: 3px;/* float: left; */ }
.testimonial-name a { font-size: 13px; margin-bottom: 5px; color: #DCDCDC; }
.testimonial-name a:hover { color: #aaa; }
/*----- Contact Form -----*/

#contact { padding-top: 90px; padding-bottom: 80px; }
#contact .section-title { font-size: 55px; text-transform: uppercase; line-height: 55px; margin: 0 auto 31px; text-align: center; }

@media (max-width:482px) {
#contact .section-title { font-size: 35px; line-height: 35px; margin: 0 auto 40px; }
}
#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #fff; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
/* Form style */
#contact input, select, textarea {
    /* font-family:  'Open Sans', sans-serif; */
    /* font-weight: 400; */
    /* width: 100%; */
    max-width:; /* padding: 12.9px; */ /* color: #1c1c1c; */ /* background: #f2f2f2; */ /* border: 1px solid #f0f0f0; */ /* margin: 3px 0px 24px 0; */ -webkit-border-radius: 2px; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: none; box-shadow: none; outline: 0 none; }
textarea { width: 100%; height: 120px; padding: 13px; color: #1c1c1c; background: #f2f2f2; border: 1px solid #f0f0f0; margin-left:;
margin-right: 15px; -webkit-border-radius: 2px; }
::-webkit-input-placeholder {
 font-weight: 400;
}
#contact input:focus, textarea:focus, select:focus { border: 1px solid #f0f0f0; background-color: #f0f0f0; color: #1c1c1c; }
#contact input.submit { width: auto!important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; line-height: 1; letter-spacing: 1px; padding-left: 24px; padding-right: 24px; padding-top: 16px; padding-bottom: 14px; text-align: center; text-transform: uppercase; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; }
#contact input.submit:hover { opacity: .7; }
#contact input[type="submit"][disabled] { background: #888; }
#contact span.required { font-size: 13px; color: #ff0000; }
#message { margin: 10px 0; padding: 0; }
.error_message { top: -10px; margin-left: auto; margin-right: auto; line-height: 22px; padding: 3px 15px 3px 15px; color: #f4f4f4; -webkit-border-radius: 3px; background-color: #c0392b; background-image: url(../img/error.html); background-position: 10px center; background-repeat: no-repeat; }
.loader { padding: 0 10px; }
acronym { border-bottom: 1px dotted #ccc; }
#contact-form .contact-details { list-style: none; margin: 0 0 30px 5px; padding: 0; }
#contact-form .contact-details p { margin-bottom: 3px; }
.contact-details-title { margin-top: 15px; margin-bottom: 10px; }
.contact-details-info { margin-bottom: 30px; }
.contact-details-social { padding-left: 0px; }
.contact-details-social li { display: inline; list-style-type: none; padding-right: 10px; font-size: 22px; }
.contact-details-social li a { color: #7a7a7a; }
/*----- Google maps -----*/
#map { height: 480px; width: 100%; }
/*----- Video Popup Section -----*/
#video-section { padding-top: 20px; padding-bottom: 20px; }
#video-section .row { margin-top: 90px; }
#video-section .logo { margin-bottom: 20px; width: 180px; }
#video-section h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 30px; }
#video-section p { margin-bottom: 10px; }
#video-section .cbp-wrapper, #video-section .cbp .cbp-item { position: relative; height: 110px; }
#video-section .cbp-item-wrapper { top: 20px; }
#video-section .cbp { overflow: visible; }

@media (min-width:992px) {
#video-section .cbp { margin-bottom: 45px; }
}

@media (max-width:992px) {
#video-section .cbp { margin-bottom: 35px; }
}
#video-section .cbp-item { width: 100%; }
.play { position: relative; display: inline-block; top: -10px; width: 70px; height: 70px; border: 7px solid rgba(255,255,255,.9); border-radius: 50%; text-indent: -999em; cursor: pointer; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
#video-section .subheading.grey:after { margin-top: 25px; opacity: .6; }
#video-section .cbp-item-wrapper { padding-left: 20px; }
.play:after { content: ''; position: absolute; left: 50%; top: 50%; height: 0; width: 0; margin: -12px 0 0 -6px; border: solid transparent; border-left-color: rgba(255,255,255,.9); border-width: 12px 20px; pointer-events: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
.play:hover:after { border-left-color: rgba(255,255,255,.7); }
.play:hover { border: 7px solid rgba(255,255,255,.7); }
/*----- Footer 1 -----*/
.footer-widgets { background-color: #252525; color: #7e7e7e; padding: 55px 0px 0 0; margin-bottom: 0px }
.col-footer { margin-bottom: 55px; max-height: 160px; }

@media (max-width:768px) {
.col-twitter { margin-bottom: 55px; max-height: 160px; }
}
footer h4 { font-size: 16px; color: #DDD; margin-bottom: 20px; text-transform: uppercase; }
footer p { font-size: 13px; color: #a0a0a0; }
.tweet ul { list-style: none; padding-left: 0; }
.tweet ul li { margin-bottom: 10px; font-size: 13px; font-weight: 400; color: #a0a0a0; }
.tweet ul li .date { color: #CCC; }
footer .contact-details { list-style: none; margin: 0; padding: 0 }
.contact-details .icon { font-size: 1.2em; margin-right: 8px; }
.footer-copyright { background-color: #41454F; padding-top: 22px; padding-bottom: 20px; color: #fff; }
.footer-copyright p { margin: 0; line-height: 26px; color: #8C8989; }
footer #social-icons { list-style: none; float: right; margin: 0; }

@media (max-width:992px) {
.footer-copyright p { text-align: center; }
footer #social-icons { float: none!important; text-align: center; padding-left: 0px; padding-top: 10px; }
}
footer #social-icons li { font-size: 20px; display: inline-block; margin-left: 10px; margin-right: 10px; }
footer #social-icons li a { color: #46494a; }
footer a:hover { color: #fff; }
/*----- Subscribe Form -----*/
.subscription .form-validation { position: absolute; padding: 8px 13px 8px 13px; border-radius: 3px; top: 63px; z-index: 99; }
.subscription .alert-danger { font-size: 13px; color: #ccc; background-color: #c0392b; border-color: #c0392b; }
.subscription .alert-danger:after { position: absolute; border-color: #c0392b transparent; border-style: solid; border-width: 10px 8px 0; bottom: -10px; content: ""; left: 45%; }
.subscription .alert-success { font-size: 13px; color: #ccc; background-color: #2c3e50; border-color: #2c3e50; }
.subscription .alert-success:after { position: absolute; border-color: #2c3e50 transparent; border-style: solid; border-width: 10px 8px 0; bottom: -10px; content: ""; left: 45%; }
.footer-subscribe-input { width: 100%; background-color: #1c1c1c; border-radius: 4px; margin-top: 10px; margin-bottom: 8px; color: #7e7e7e; line-height: 1 \9; font-size: 14px; padding: 10px 15px; border: none; height: auto; }
.subscription .btn-primary-full { top: 57px; }
.subscribe-form-submit { width: 100%; }

@media ( min-width: 768px ) {
.subscribe-form-input { position: relative; }
.subscribe-form-email { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.subscribe-form-submit { position: absolute; top: 0; right: 0; width: 150px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
}
.subscribe-top ::-webkit-input-placeholder {
 font-family:  'Open Sans', sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 color:#555;
}
.home-signin .btn-primary-full { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
.home-signin .btn-primary-full:hover { opacity: .8; }
.section-links { padding: 0; list-style: none; font-size: 13px; }
.section-links li { margin-bottom: 5px; }
.section-links a { color: #a0a0a0; }
/*---- Home Landing Subscribe Form -----*/
.home-signin .input-group { margin-left: auto; margin-right: auto; }
.subscribe-top { display: table-cell; width: 500px; }
.home-signin .top-subscribe-input { display: table-cell; margin: 0; background: #fff; padding: 18px 20px; border-radius: 0; color: #444; font-size: 13px; font-weight: 800; letter-spacing: 1px; width: 100%; border: none; height: auto; }
.home-signin .sign-btn { display: table-cell; width: 180px; }
.home-signin .btn-primary-full { padding: 27px 20px; border-radius: 0; line-height: 0; box-shadow: none; letter-spacing: 1px; font-size: 13px; }
/*----- Twitter Feed -----*/
#twitter-feed { padding-top: 20px; padding-bottom: 20px; background-color: #f6f7f7; }
.ion-7x { font-size: 7em; }
/*----- Back to Top Button -----*/
#back-to-top { position: fixed; color: #fff; z-index: 100; line-height: 26px; bottom: -50px; right: 20px; display: none; cursor: pointer; border-radius: 2px; height: 30px; width: 30px; display: block; text-align: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; }
#back-to-top:hover { color: #fff; background-color: #121212; }
#back-to-top .icon { font-size: 10px; color: #444; }
#back-to-top:hover, #back-to-top .icon:hover { color: #fff !important; }
.to-top { cursor: pointer; }
/*----- Shortcodes -----*/

/*-- Buttons --*/
.btn-primary { margin-top: 24px; text-transform: uppercase; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; }
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; line-height: 1.6; letter-spacing: 1px; margin: 0 5px 0 5px; padding: 10px 22px; text-align: center; box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.3) inset; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; }
.btn:hover, .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover { border-color: none; opacity: .7; }
.btn:focus, .btn-primary:focus, .btn-success:focus, .btn-info:focus, .btn-warning:focus, .btn-danger:focus { border-color: none; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #1C1C1C; border-color: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active .focus, .btn.active.focus { outline: none; outline-offset: 0; }
.btn-default { color: #1c1c1c; background-color: #fff; border-color: none; border: none; }
.btn-default:hover { color: #fff; }
.btn-primary-full { width: 100%; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 2; margin: 0; padding: 5px 20px; text-align: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; }
.btn-primary-full:hover { background-color: #1c1c1c; }
.open .dropdown-toggle.btn-primary { border-color: none; }
.btn-transparent { padding: 6.5px 20px!important; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400!important; background-color: transparent; border: 2.3px solid rgba(255,255,255,.8); }
.btn-transparent-dark { padding: 6.5px 20px!important; color: #252525; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 700!important; background-color: transparent; border: 2.3px solid rgba(0,0,0,.7); }
.btn-buy { color: #f6f7f7; padding: 2px 6px; font-size: 10px; line-height: 1; border-radius: 2px; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; }
.btn-icon .icon { margin-right: 5px; }
.btn-icon { margin-right: 10px; }
.btn-xs { font-size: 10px; }
.btn-sm { font-size: 13px; }
.btn-md { font-size: 16px; }
.btn-lg { font-size: 18px; }
#page-top img { position:absolute;width: 100%; }
.page-top-title { top: 240px; position: relative; z-index: 99; }
.page-top-title h2 { font: normal 60px/normal 'geometosregular', sans-serif; letter-spacing: -1px; text-shadow: 1px 1px 2px #444; }
.shortcode-heading { margin: 60px 0 60px 0; }
.dark-grey { color: #7a7a7a; }
.shortcode-btns { margin-bottom: 20px; }
ul.check-list-1 li:before, ul.check-list-2 li:before, ul.check-list-3 li:before, ul.chevron-list-1 li:before, ul.chevron-list-2 li:before, ul.dot-circle-list li:before { display: inline-block; width: 40px; margin-left: -40px; text-align: center; line-height: inherit; font-family: 'Ionicons'; }
ul.check-list-1, ul.check-list-2, ul.check-list-3, ul.chevron-list-1, ul.chevron-list-2, ul.dot-circle-list, ul.caret-list { list-style: none; }
ul.check-list-1 li:before { font-size: 13px; content: '\f122'; }
ul.check-list-2 li:before { font-size: 13px; content: '\f120'; }
ul.check-list-3 li:before { font-size: 13px; content: '\f374'; }
ul.chevron-list-1 li:before { font-size: 13px; content: '\f125'; }
ul.chevron-list-2 li:before { font-size: 13px; content: '\f362'; }
ul.dot-circle-list li:before { font-size: 13px; content: '\f14b'; }
ul.caret-list li:before { font-size: 13px; content: '\f152'; }
.btn-link:hover, .btn-link:focus { color: #3a3a3a; text-decoration: underline; background-color: transparent; }
.shortcode-title { padding: 0 0 20px 0; text-align: center; }
.form-control:focus { border-color: #3a3a3a; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control { border-radius: 0px; }
.blog-author { margin: 60px 0 60px 0; }
.author-img { max-height: 100px; float: left; margin-right: 20px }
.action-btn { margin: 20px 0 20px 0; }
.call-action-1 { background: #3a3a3a; padding: 20px; margin: 20px 0 20px 0; }
.call-action-2 { border: 1px solid #CCC; padding: 20px; margin: 20px 0 20px 0; }
.call-action-3 { background: #3a3a3a; padding: 20px 40px 20px 40px; margin: 20px 0 20px 0; }
.call-action-4 { border: 1px solid #CCC; padding: 20px 40px 20px 40px; margin: 20px 0 20px 0; }
.call-action-5 { background: #3a3a3a; padding: 20px 40px 20px 40px; margin: 20px 0 20px 0; vertical-align: middle; display: table; }
.call-action-6 { border: 1px solid #CCC; padding: 20px 40px 20px 40px; margin: 20px 0 20px 0; vertical-align: middle; display: table; }

@media (min-width: 768px) {
.action-5-btn { padding: 20px 0 20px 20px; }
.action-5-info { text-align: left; display: table-cell; vertical-align: middle; text-align: left; padding: 0; }
.action-5-btn { text-align: right; display: table-cell; vertical-align: middle; }
}

@media (max-width: 180px) {
.action-5-btn { padding: 20px 0 20px 20px; }
}

@media (max-width: 480px) {
.btn-responsive { font-size: 90%; }
}

@media (min-width: 769px) and (max-width: 992px) {
.btn-responsive { font-size: 100%; }
}
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 1px; padding: 0px; box-shadow: none; }
.panel-default>.panel-heading { color: #666; background-color: #f0f0f0; padding: 0px; }
.panel-heading i { margin-right: 5px; font-size: 12px }
.panel-title { font-size: 13px; text-transform: uppercase; }
.panel-title:hover { cursor: pointer; }
.panel-body { background-color: #f6f7f7; padding-left: 30px; color: #666; }
.panel-group .panel-heading + .panel-collapse .panel-body { border: none; background: none; }
/*--tabs--*/
.nav-tabs>li>a { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #000; cursor: default; border: 1px dashed #939598; border-radius: 0px; }
.nav-tabs>li>a:hover { color: #fff; cursor: pointer; }
.nav-tabs { border-bottom: none; }
.tab-pane p { line-height: 24px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fff; cursor: default; border: 1px dashed #eeeeee; border-radius: 0px; cursor: pointer; }
.tab-content { padding-top: 0px; }
.separator { color: #fff; background: #000; }
.separator:before, .separator:after { content: ""; display: block; position: absolute; bottom: 100%; z-index: 199; height: 0; width: 50%; border-bottom: 20px solid; }
.separator:before { border-right: 20px solid transparent; left: 0; }
.separator:after { border-left: 20px solid transparent; right: 0; }
.bg-grey { background-color: #f9f9f9; }
/*----- Owl Carousel -----*/  
.owl-theme .owl-controls .owl-buttons div { color: #1C1C1C; display: inline-block; margin: 5px 3px 10px 3px; padding: 0px 10px; font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.owl-carousel .owl-item { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }
/* Applies a "closed-hand" cursor during drag operation. */            
.owl-carousel .owl-item:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.owl-theme .owl-dots .owl-dot span { cursor: pointer; display: inline-block!important; background-color: #bbb!important; border-color: #bbb!important; border: 2px solid transparent!important; height: 12px!important; width: 12px!important; border-radius: 50%!important; margin: 0 3px!important; -moz-background-clip: conten!importantt;
-webkit-background-clip: content!important; background-clip: content-box!important; -moz-transition: all 0.5s!important; -o-transition: all 0.5s!important; -webkit-transition: all 0.5s!important; transition: all 0.5s!important; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border-color: #f0f0f0!important; background-color: transparent!important; }
.owl-carousel { overflow: hidden; }
.owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; background: rgba(0,0,0,.2); opacity: 0; }
.owl-carousel:hover .owl-controls .owl-buttons div { opacity: 1; }
.owl-prev:hover, .owl-next:hover { opacity: .7!important; }
.owl-theme .owl-controls .owl-buttons div, .owl-carousel:hover .owl-controls .owl-buttons div { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.owl-buttons i { font-size: 16px; color: #fff; }
.owl-buttons div { position: absolute; }
.owl-buttons .owl-prev { left: -6px; height: 115px; width: 43px; line-height: 111px; }
.owl-buttons .owl-next { right: -6px; height: 115px; width: 43px; line-height: 111px; }
.blog-post-fullwidth .owl-buttons .owl-prev, .blog-post-fullwidth .owl-buttons .owl-next { margin-top: 10%; }
/*----- Blog -----*/
#blog {padding-top: 60px;padding-bottom: 60px;min-height: 60vh;}
.blog-post { position: relative;/* margin-bottom: 80px; */ }
.blog-post-title { text-transform: uppercase; letter-spacing: 1px; font-size: 30px; }
.blog-post-title a { color: #1c1c1c; }
.blog-post-info { list-style: none; padding: 0; }
.blog-post-info li { display: inline-block; font-size: 13px; margin-right: 15px; }
.blog-post-info li a { color: #888; }
.blog-post-info li a:hover { color: #1c1c1c; }
.blog-post-info li i { font-size: 12px; margin-right: 3px; }
.blog-post-date { position: absolute; right: 5px; top: -7px; text-align: center; }
.blog-post-date h2, .blog-post-date h5 { margin: 0; }
.blog-post .blog-img, .blog-post .video-container { margin-bottom: 20px; }
.blog-post .img-responsive { width: 100%; }
.blog-post .owl-pagination { display: block; width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; z-index: 100 !important; }
.blog-post .owl-theme .owl-controls .owl-page span { cursor: pointer; display: inline-block; background-color: #888; border-color: #888; border: 2px solid transparent; height: 12px; width: 12px; margin: 0 3px; opacity: 1; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.blog-post .owl-theme .owl-controls .owl-page.active span { border-color: #888; background-color: transparent; }
.blog-post .btn { margin-top: 10px; margin-left: 0; }
.pager li>a, .pager li>span { display: inline-block; padding: 8px 13px; background-color: #fff; border: none; border-radius: 2px; font-size: 11px; color: #f3f3f3; }
.blog-post #owl-slider { margin-bottom: 15px; }
.post-title a { color: #3a3a3a; }
.post-img { margin-bottom: 10px; }
.project-img { margin-bottom: 60px; }
.tags-list { list-style: none; padding: 0px; }
.tags-list li { font-size: 13px; margin-top: 5px; display: inline-block; padding: 5px 9px; border: 1px solid #ccc; }
.tags-list li a { color: #888; }
.blog-list { list-style: none; padding: 0; margin: 0; }
.blog-list li { color: #888; font-size: 13px; padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.06); }
.blog-list li a { color: #3a3a3a; }
.blog-list li a:hover { color: #fff; }
.blog-list li:hover a { color: #fff; }
.blog-widget-container { margin-bottom: 60px; }

@media (min-width:992px) {
.blog-sidebar { padding-left: 40px; padding-top: 10px; }
}
.blog-widget-container .form-control { font-size: 14px; font-weight: 400; text-transform: none; box-shadow: none; background: #f3f3f3; border: none; }
.search { height: 40px; }
.search-button { position: absolute; height: 40px; right: 50px; width: 50px; overflow: hidden; background: transparent; border: none; box-shadow: none; font-size: 15px; color: #999; z-index: 6; }
.search-button:hover { border: none; box-shadow: none; border-radius: 0; }
.blog-clean .post-title { font-size: 40px; margin-top: 30px; margin-bottom: 10px; letter-spacing: -2px; }
.blog-clean .post-subtitle { margin: 0; font-size: 24px; font-weight: 300; margin-bottom: 10px; }
.blog-post .lead { margin-bottom: 20px; line-height: 1.6; }
.blog-post p { line-height: 1.8; color: #000; text-indent: 40px; }
pre { background-color: #f3f3f3; border: none; border-radius: 0; color: #888; }
.comments { margin-top: 40px; margin-bottom: 80px; }
.comments-title { text-transform: uppercase; margin-bottom: 20px; }
.comments .avatar { width: 50px; margin-right: 15px; }
.comment { margin-bottom: 20px; }
.comment .media-body { background: #f3f3f3; padding: 20px; }
.comment .time { margin-bottom: 20px; }
.comment .media-body p { color: #888; }
.depth-2 { padding-left: 40px; }
.depth-3 { padding-left: 80px; }
.comment-form { margin-bottom: 80px; }
.comment-form input, select, textarea { font-family: 'Open Sans', sans-serif;     /* font-weight: 400; */     /* width: 100%; */ max-width:;
/* padding: 12.9px; */
color: #1c1c1c;/* background: #f2f2f2; *//* border: 1px solid #f0f0f0; *//* margin: 3px 0px 24px 0; *//* -webkit-border-radius: 2px; */ }
.comment-form input, select, textarea { /* margin: 3px 0px 10px 0; */ /* -webkit-border-radius: 2px; */ }
#masonry .column { padding: 15px; }
#masonry .blog-column { background: #f3f3f3; -o-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); }

@media (min-width:992px) {
.column { width: 33.3%; }
}

@media (min-width:564px) and (max-width:992px) {
.column { width: 50%; }
}

@media (max-width:564px) {
.column { width: 100%; }
}
#masonry .column-info { padding: 15px; }
#masonry img { width: 100%; }
#masonry .blog-column .btn { margin-top: 20px; margin-left: 0; }
.top-bar { height: 35px; background: rgb(30, 51, 58); position: absolute; top: 0px; z-index: 22222; width: 100%; }
.top-bar ul { float: right; }
.top-bar ul li { float: left; font-size: 13px; line-height: 18px; list-style: none; padding: 0 10px; margin: 8px 0px; position: relative; }
.top-bar ul li:last-child { padding-right: 0px; }
.top-bar ul li:before { content: "·"; position: absolute; left: -2px; color: #fff; font-size: 20px; top: 1px; }
.top-bar ul li:first-child:before { display: none; }
.top-bar ul li a { color: #fff; }
.index-form { background: #c41011; display: inline-block; width: 100%; padding: 20px 0; border-top: 6px solid #9F1617; border-bottom: 5px solid #9F1617; transition: 300ms; position: absolute; top: 0px; }
.form-holder { text-align: center; width: 60%; float: right; }
.form-holder .form-title { color: #FFF; text-align: center; font-size: 15px; letter-spacing: 1px; font-weight: 700; /*background: url(../images/form-title-bg.png) center no-repeat; */ box-sizing: border-box; margin-left: 2%; margin-bottom: 3%; }
.form-holder .form-title br { display: none; }
.w98 { width: 98% !important; }
.index-iletisim { float: left; color: #fff; position: relative; margin-top: 50px; width: 240px; margin-left: 40px; }
.index-iletisim::before { content: ""; width: 30px; height: 30px; /*background: url(../images/b1.jpg);*/ position: absolute; left: -40px; top: -12px; }
.index-iletisim-title { font-weight: 700; padding-bottom: 5px; }
.index-iletisim p { font-size: 12px; width: 190px; color: #fff; }
.index-iletisim .social { float: left; position: absolute; right: 0px; top: 0px; }
.index-iletisim .social li { margin-right: 6px; width: 20px; height: 20px; margin-bottom: 2px; list-style: none; }
.index-iletisim { position: relative; float: left; color: #fff; margin-top: -20px; width: 35%; margin-left: 40px; height: 350px; margin-bottom: -20px; padding: 70px 30px 0; box-sizing: border-box; }
.index-iletisim::before { content: ""; width: 30px; height: 30px; /*background: url(../images/b1.jpg); */ position: absolute; left: -40px; top: -12px; }
.index-iletisim-title { font-weight: 700; padding-bottom: 5px; font-size: 14pt; font-family: 'Open Sans', sans-serif; }
.index-iletisim p { font-size: 11pt; width: 90%; line-height: 24px; }
.index-iletisim .social { float: left; position: absolute; right: 0px; top: 0px; }
.index-iletisim .social li { margin-right: 6px; width: 20px; height: 20px; margin-bottom: 12px; }
.videolar { width: 100%; display: inline-block; height: auto; padding: 65px 0px; min-height: 400px !important; }
.videolar ul li img { width: 500px; height: 275px; }
.videolar .controls { position: relative; display: block; width: 100%; margin: 190px 0 0 0; z-index: 9; }
.videolar .previous, .videolar .next { color: #828282; font-size: 200%; cursor: pointer; }
.videolar .previous:hover, .videolar .next:hover { color: #e72f32; }
.videolar .previous { float: left; }
.videolar .next { float: right; }
.videolar ul li i { position: relative; float: left; width: 89%; height: 275px; margin: -275px 0 0 0; padding-top: 100px; font-size: 600%; text-align: center; color: #fff; }
/*
.videolar ul { float: left; width: 100%; }
.videolar ul li { float: left; margin-right: 1%; margin-bottom: 1%; width: 24%; list-style:none;}
.videolar ul li:first-child { float: right; margin-right: 0px; width: 50%; }
.videolar ul li img { width: 100%; height: auto; display: block; }
*/


.iletisim-alani {/*background:url(../images/phone-bg.jpg)  center;*/ height: auto; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
.iletisim-title { color: #fff; font-weight: 700; font-size: 50pt; line-height: 54pt; text-align: center; box-sizing: border-box; float: none; left: 24%; position: absolute; top: 80px; width: 50%; }
.iletisim-title::before { content: ""; background: url(../img/tel-ayrac.png); height: 164px; width: 2px; position: absolute; right: -6%; top: -25px; background: #fff; }
.iletisim-title .cKirmizi { color: #ef3e3e }
.iletisim-title .cSari { color: #ffc413 }
.iletisim-title .cMavi { color: #81b8d0 }
.iletisim-telefon { display: inline-block; padding: 17px 0 0 0; text-align: center; position: absolute; right: 3%; top: 107px; }
.iletisim-telefon a { color: #fff; font-weight: 700; font-size: 32pt; box-sizing: border-box; font-family: 'geometosregular', sans-serif; line-height: 50px; font-weight: normal; }
.testimonial-name img { float: left; margin-right: 20px; margin-left: -30px; }
.btn-siratespit { color: #81BAD8; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 14pt; text-align: right; display: block; margin-right: 110px; }
.btn-serbestyontem { color: #FEC500; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 14pt; text-align: left; display: block; margin-left: 80px; }
.footer-logo { width: 120px; float: left; margin: 0 10px 0 16px; }
.footer-logo img { max-width: 100%; height: auto; border-right: 1px solid #727272; padding-right: 10px; }
.cagri-merkezi { text-align: right; font-size: 12pt; font-weight: 600; }
#video-lightbox { height: auto !important; }
#page-top { height: 290px; }
.yontemler { padding: 60px 0px; position: relative; Z-INDEX: 4; box-sizing: border-box; width: 100%; }
.yontem-aciklama { font-size: 16pt; padding-top: 30px; display: block; }
.form-holder.sidebar { background: #E72F32; width: 100%; padding: 20px 3% 0px 1%; }
.form-holder.sidebar .contact_form LI { width: 48%; text-align: center !important; }
.form-holder.sidebar .form-submit { margin: auto; display: table; max-width: 220px; }
.about-blog { padding-top: 0px; }
.altbaslik { color: #e62e2e; font-family: 'Open Sans', sans-serif; font-size: 20px; margin-top: 20px; }
.img-responsive.resp { width: auto; }
.pdf.text-center { margin-bottom: 10px; }
.yontem1 { background: url(../img/assets/yontem1.png) no-repeat; background-size: 100%; padding: 20px 15px 80px 115px; }
.yontem2 { background: url(../img/assets/yontem2.png) no-repeat; background-size: 100%; padding: 25px 15px 80px 122px; }
.yontem3 { background: url(../img/assets/yontem3.png) no-repeat; background-size: 100%; padding: 25px 15px 80px 125px; }
.yontem_panel { height: 300px; text-align: left; color: #8f8f8f; line-height: normal; }
.yontem_panel .icon { float: left; width: 40px; height: 105px; line-height: 100px; padding-right: 10px; }
.yontem_panel p { float: left; width: 100%; height: 116px; margin: 22px 0 0 0 !important; padding: 0 0 0 10px; font-size: 90%; line-height: 18px !important; }
.devamibtn { font-size: 100%; text-align: right; margin-top: 18px; font-weight: bold; }
.devamibtn a { color: inherit; }
.devamibtn a:hover { color: #BE1622; }
.iletisim_band { float: left; width: 100%; height: 80px; background: #be1622; }
.gd_mobile { box-sizing: border-box; display: inline-block; float: left; width: 15%; bottom: 20px; position: absolute; width: 14%; }
/*.yontemimg {margin-top: 40px;}*/
.item-video { height: 300px; }
.owl-videos { overflow: visible; }
/*.owl-videos .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 41%;
}*/
.owl-videos .owl-prev { position: absolute; bottom: 40%; left: 0; text-indent: -999em; float: left; background-color: transparent!important; background: url(../owl/prev.png) no-repeat!important; background-size: 100%!important; padding: 15px!important; margin-left: -50px!important; }
.owl-videos .owl-next { position: absolute; bottom: 40%; right: 0; text-indent: -999em; float: right; background-color: transparent!important; background: url(../owl/next.png) no-repeat!important; background-size: 100%!important; padding: 15px!important; margin-right: -50px!important; }
/*--------------------------------------------------------------------------*/

.small-page-fix { min-height: 260px; padding: 30px 0; }
.service-info-inner { display: none; position: relative; float: left; width: 100%; min-height: 180px; margin-top: -180px; padding: 15px; background: #E72F32; color: #fff; text-align: center; }
.footer-social { display: inline-block; text-align: center; font-size: 150%; float: right; }
.footer-social li { display: inline-block; padding: 0px 5px; list-style-type: none; }
.footer-social li a { color: #b5b5b5; }
.footer-social li a:hover { color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.flip-container { perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000px; }
.flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.flip-container, .front, .back { width: 100%; height: 180px; }
.flipper { position: relative; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; }
.front, .back { position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -ms-backface-visibility: hidden; ; }
.front { z-index: 2; }
.back { position: relative; width: 100%; height: 180px; padding: 0 20px; color: #fff; background: #e72f32; z-index: 8; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); line-height: 100px; text-align: center; display: table; }
.back a { display: table-cell; vertical-align: middle; line-height: normal; color: #fff; }
.back a:hover { color: #fff; }
.galeri li { list-style-type: none; padding-bottom: 20px; }
.address li { list-style-type: none; padding: 0 0 10px 0; }
.address li i { display: inline-block; font-size: 150%; padding-right: 5px; }
.address li a { color: #444; }
.address li a:hover { color: #e62e31; }
.contact_page_form { float: left; width: 100%; margin-bottom: 30px; padding: 30px; background: #fdfdfd; border: 1px solid #ddd; }
.contact_form fieldset { float: left; width: 100%; margin-bottom: 10px; }
.contact_form input[type='text'], .contact_form input[type='tel'], .contact_form input[type='email'], .contact_form textarea, .contact_form .form-textarea { float: left; width: 100%; color: #111; border: none; text-transform: none; font-size: 13px; }
.contact_form .form-submit { background: #384E5C; height: 45px; }
.contact_form .form-submit:hover { background: #aeaeae; }
.form_title_vertical { display: none; }
.icon-sprite { display: block; width: 90px; height: 90px; background-image: url(../img/icon-sprite.png); background-repeat: no-repeat; }
.icon-sprite-1 { background-position: -5px -5px; }
.icon-sprite-2 { background-position: -105px -5px; }
.icon-sprite-3 { background-position: -5px -105px; }
.icon-sprite-4 { background-position: -105px -105px; }
.icon-sprite-5 { background-position: -205px -5px; }
.icon-sprite-6 { background-position: -205px -105px; }
.icon-sprite-7 { background-position: -5px -205px; }
.icon-sprite-8 { background-position: -105px -205px; }
span.blue { color: #1d71b8; }
span.red { padding-left: 10px; color: #be1622; }
.video-mobile { display: none; }
.video-mobile iframe { width: 100%; }

@media only screen and (max-width: 768px) {
.resp { margin-left: 100px; }
}
.cover-fix { padding-top: 30px; }
.sticky { position: fixed; right: 16.5%; width: 420px; top: 90px; }
.campaign-section { float: left; width: 100%; }
.campaign-section .titles { float: left; width: 100%; height: 38px; margin: 0 0 10px 0; padding: 0 20px; color: #fff; font: normal 110%/38px 'Open Sans', sans-serif; border-radius: 3px; background: #e72f32; }
.campaign-section .nav-tabs { float: left; width: 103%; padding: 0 0 50px 0; }
.campaign-section .nav-tabs li { width: 31.7%; height: 55px; margin-right: 1%; text-align: center; }
.campaign-section .nav-tabs li a { display: inline-block; width: 100%; min-height: 55px; color: #fff; background: #475661; border: 0 none; }
.campaign-section .nav-tabs li:first-child a, .campaign-section .nav-tabs li:nth-child(2) a { padding: 20px 0 0 0; }
.campaign-section .nav-tabs li:hover a, .campaign-section .nav-tabs li.active a { border: 0 none; color: #fff; background: #e72f32 !important; }
.campaign-section .nav-tabs li.active::after { content: ''; float: left; width: 0; height: 0; margin: 0px 0 0 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e72f32; }
.campaign-section section { float: left; width: 49%; }
.campaign-section .head { width: 100%; position: relative; color: #fff; text-align: center; height: 100px; margin: 30px 0px 30px; top: 0px; }
.campaign-section .head p { margin: 0; text-align: center; color: #fff; }
.campaign-section .head:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; padding-bottom: 10%; -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
.campaign-section .head small, .campaign-section .head h3 { display: block; width: 100%; }
.campaign-section .head small { padding-top: 10px; display: block; border-bottom: 2px solid #FFF; padding: 10px; font-size: 16px; font-weight: 600; position: relative; }
.campaign-section .head h3 { display: inline-block; margin: 0; color: #fff; font-family: 'geometosregular', sans-serif; margin-top: 10px; font-size: 40px; line-height: 40px; position: absolute; left: 0px; z-index: 2; }
.campaign-section .list { width: 100%; margin: 50px auto 20px; display: table; left: 0px; padding: 0px; float: left; }
.campaign-section .list li { float: left; width: 100%; min-height: 25px; list-style-type: none; }
.campaign-section .list li label { float: left; width: 50%; min-height: 25px; }
.campaign-section .list li label:first-child { text-align: right; }
.campaign-section .list li label:last-child { text-align: left; }
.campaign-section .list li label em { float: right; color: #fff; padding: 3px 8px; background: #0b9b94; text-align: right; font-size: 13px; font-style: normal; font-weight: normal; }
.campaign-section .list li label span { float: left; margin: 0 0 0 5px; padding: 3px 8px; color: #444; text-align: left; background: #e6e7e8; }
.campaign-section .price { float: left; width: 100%; padding: 10px 0px; text-align: center; }
.campaign-section .price small, .campaign-section .price strong { float: left; width: 100%; color: #fff; padding: 0px; }
.campaign-section .price small { font-size: 14px; padding-left: 37px; }
.campaign-section .price strong { font-size: 43px; line-height: 40px; margin-top: -4px; }
.campaign-section .comment { float: left; width: 100%; padding: 10px 0; color: #787878; list-style-type: none; font-size: 13px; }
.campaign-section .comment li { padding: 4px 0; text-align: left; }
.campaign-section .comment li::before { content: '\f0da'; font-family: 'FontAwesome'; font-size: 110%; padding-right: 5px; }
.icon-red li::before, .color-red { color: #e94c4a; }
.bg-red, .campaign-section .head.bg-red:after { background: #f05753; }
.icon-green li::before, .color-green { color: #a3b408; }
.bg-green, .campaign-section .head.bg-green:after { background: #96b12f; }
.icon-orange li::before, .color-orange { color: #f9af01; }
.bg-orange, .campaign-section .head.bg-orange:after { background: #faae17; }
.icon-blue li::before, .color-blue { color: #1592c8; }
.bg-blue, .campaign-section .head.bg-blue:after { background: #0091c3; }
.nav-tab-sub { float: left; width: 100%; margin: 0 0 15px 0; }
.nav-tab-sub li { float: left; display: inline-block; width: 31.7% !important; margin-right: 1%; height: 60px !important; }
.nav-tab-sub li a { height: 60px !important; }
.nav-tab-sub li:first-child a, .nav-tab-sub li:nth-child(2) a { padding-top: 20px; }
.small-index-form { display: none; position: fixed; width: 100%; height: 5px; top: 135px; left: 0; text-align: center; /* background: #e30613; */ z-index: 999999999; cursor: pointer; }
.small-index-form i { width: 32px; height: 32px; background: #e30613; color: #fff; line-height: 32px; text-align: center; z-index: 99999; }
.static-content { text-align: justify; }
.static-content p { color: #575757; font-size: 13px; }
.static-content p a { color: #000; text-decoration: underline; display: inline-block; }
.static-content p a:hover { color: #E72F32; }
.static-content .panel-title { color: #000000; text-transform: none; font-weight: 600; font-size: 16px; padding: 20px; }
.module { display: inline-block; width: 100%; margin: 0 0 5px 0; }
.module.contact { height: 115px; padding: 10px 20px; background: #f05b5b; }
.module.contact i { float: left; width: 60px; height: 60px; margin: 15px 0 0 0; background: url(../img/phone.png) left center no-repeat; background-size: 100%; }
.module.sms { height: 120px; padding: 10px 10px; background: #bcb297; }
.module.sms i { float: left; width: 60px; height: 60px; margin: 15px 0 0 0; background: url(../img/sms.png) left center no-repeat; background-size: 100%; }
.module.sms p { color: #fff; font-size: 11px; display: block; float: left; width: 77%; text-align: right; margin-bottom: 0px; }
.module.call { height: 260px; padding: 15px 20px; text-align: right; background: #fbb15d url(../img/call.png) left 43px no-repeat; }
.module.contact a { display: inline-block; float: left; width: 77%; text-align: right; font-size: 44px; font-weight: 700; line-height: 44px; }
.module.sms a:hover, .module.contact a:hover { color: #fff; }
.module.sms a { display: inline-block; float: left; width: 77%; text-align: right; font-size: 30PX; font-weight: 700; line-height: 30px; }
.module.branch { height: 115px; padding: 10px; background: #6fcddb; }
.module.branch i { float: left; width: 60px; height: 60px; margin: 15px 0 0 0; background: url(../img/map.png) left center no-repeat; background-size: 100%; }
.logos { float: left; width: 100%; margin: 0 0 0 -15px; text-align: center; }
.logos div img { margin-bottom: 10px; }
.download-button { display: table; width: 275px; height: 48px; text-align: center; line-height: 48px; background: url(../img/download-button.png) left center no-repeat; margin: 20px auto; font-weight: 700; font-size: 15px; }
.download-button:hover { color: #fff; text-decoration: underline; }
.red { color: #E72F32; }
.yontemimg-top { margin-top: -10px; margin-bottom: 20px; letter-spacing: -3px; font: normal 45px/normal 'geometosregular', sans-serif; }
.panel-title { text-align: left; line-height: normal; }
.ik-content .nav-tabs li, .ik-content .nav-tabs a { width: 100%; text-transform: none; text-align: left; margin-bottom: 3px; /* border: none; */ letter-spacing: 0px !important; font-weight: 300; }


.ik-content li.active { background: transparent; text-transform: none; }

.ik-content li.active a { background: rgba(165,175,175,1) !important; font-weight: 400; }


.ik-content .nav-tabs a:hover { /* background: #e0dae2; */ color: #000; font-weight: 400; border-color: #939598; }

.ik-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { text-transform: none; }
.make-a-comment { padding: 10px 20px; background: #e52f32; margin: 20px auto 0px; border-radius: 5px; box-shadow: 0px 3px 1px rgb(191, 0, 3); cursor: pointer; margin-bottom: 1px; display: block; width: 270px; text-align: center; }
.make-a-comment:hover { color: #fff; background: #c71517 !important; }
.padding-content { margin: auto; float: none; }
.campaign-section .nav-tabs li:last-child a { padding: 18px 0 0 0; }
.call_form { padding: 30px; background: #c41011; width: 100%; }
.safari .contact_form input[type='text'], .safari .contact_form input[type='tel'], .safari .contact_form input[type='email'] { line-height: normal; }
.safari .service-info img { height: 70px; }
.form-holder.gorus-belirt { width: 100%; border-radius: 5px; display: none; float: none; margin: 0 auto 0; }
.gorus-belirt form#contact_form2 { padding: 30px 20px; width: 100%; margin: 0 auto 20px; border-radius: 5px; }
.gorus-belirt form#contact_form2 li { margin-left: 0px; width: 100% !important; }
.gorus-belirt form#contact_form2 li:nth-child(1) { width: 100% !important; }
.gorus-belirt form#contact_form2 li:nth-child(2) { width: 70% !important; margin-bottom: 0px; }
.gorus-belirt form#contact_form2 li:nth-child(3) { width: 28% !important; margin-left: 2%; margin-bottom: 0px; }
.gorus-belirt form#contact_form2 li:nth-child(3) .form-submit { background: #384E5C; border: none; height: 38px !important; border: 3px solid #fff; }
.service-info h4 { line-height: 22px; font-size: 17px; }
ul.address { margin-top: 30px; padding-left: 0; }
p.merak-ettikleriniz-title { font-size: 20px; text-align: center; font-weight: 600; margin-bottom: 20px; display: block; }
.yontem-tab { display: table; margin: auto; }
.yontem-tab ul li { width: 344px; float: left; position: relative; height: 74px; }
.yontem-tab ul { margin: 0px; padding: 0px; list-style: none; }
.yontem-tab ul li a { display: block; text-align: center; height: 64px; background-size: cover; background-position: top center; position: absolute; width: 344px; padding: 8px; font-size: 16px; font-weight: 600; color: #fff; margin-top: 10px; }
.yontem-tab ul li a:hover { font-weight: bold; }
.yontem-tab ul li:nth-child(1) a { background-image: url(../img/tab-sari-bg.png); Z-INDEX: 3; }
.yontem-tab ul li:nth-child(2) a { background-image: url(../img/tab-yesil-bg.png); margin-left: -10px; Z-INDEX: 2; }
.yontem-tab ul li:nth-child(3) a { background-image: url(../img/tab-mavi-bg.png); margin-left: -20px; z-index: 1; }
.yontem-tab ul li a.aktif { z-index: 4; color: #fff; height: 74px; margin-top: 0px; padding: 13px; }
.yontemler.aktif1 { border: 2px dotted #FAB05D; }
.yontemler.aktif2 { border: 2px dotted #92B35F; padding: 70px 70px; }
.yontemler.aktif3 { border: 2px dotted #6ECDDB; padding: 40px 100px;/* background: #e6e7e8; */ }
.yontemler.aktif1::before { content: ""; height: 8px; background: #FAB05D; position: absolute; top: -7px; left: -2px; right: -2px; display: block; }
.yontemler.aktif2::before { content: ""; height: 8px; background: #92B35F; position: absolute; top: -7px; left: -2px; right: -2px; display: block; }
.yontemler.aktif3::before { content: ""; height: 8px; background: #6ECDDB; position: absolute; top: -7px; left: -2px; right: -2px; display: block; }
.yontemler.aktif2 .col-md-4 { min-height: 300px; border-right: 2px dotted #92B35F; border-bottom: 2px dotted #92B35F; text-align: center; }
.yontemler.aktif2 .col-md-4 p { width: 270px; text-align: justify; display: table; margin: auto; }
.yontemler.aktif2 .col-md-4:nth-child(3n) { border-right: none; }
.yontemler.aktif2 .col-md-4:nth-child(n+7) { border-bottom: none; }
.yontemler.aktif2 .col-md-4:nth-child(-n+6)::before { content: ""; position: absolute; bottom: 0px; background: url(../img/sira-tespit-arrow.svg); width: 50px; height: 50px; background-size: cover; right: -25px; bottom: -25px; z-index: 2; }
.yontemler.aktif2 .col-md-4:nth-child(3n)::before { display: none; }
.yontemler.aktif2 .col-md-4:nth-child(n+7)::before { display: none; }
.yontemler .sira-tespit span { float: left; width: 90px; margin-left: 60px; }
.yontemler .sira-tespit .service-info { float: left; width: 70%; text-align: left; }
.yontem-page { display: none; }
.yontem-page-open { display: block; }
.yontemler.aktif2 .col-md-12 .sira-tespit-l-arrow { float: left; margin: -20px 20px 0px 0px;/* width: 100px; */ }
.yontemler.aktif2 .col-md-12 .service-description { text-align: left; margin-top: 60px; float: left; }
.yontemler.aktif3 .col-md-6:nth-child(even) { border-bottom: 2px dotted #6ECDDB; padding: 0px 50px; position: relative; }
.yontemler.aktif3 .col-md-6:nth-child(odd) { border-right: 2px dotted #6ECDDB; border-bottom: 2px dotted #6ECDDB; padding: 0px 50px; }
.yontemler.aktif3 .col-md-6:nth-child(n+3) { border-bottom: none; }
.gorus-belirt form#contact_form2 ul { max-width: 1000px; }
.index-form.stikyForm { position: fixed; z-index: 9999999; top: 60px; transition: 300ms; padding: 20px 0px 0px; border: none; background: rgba(196,16,17,0.90); border-bottom: 3px solid #A30C0E; }
.index-form.stikyForm .index-iletisim { display: none; }
.index-form.stikyForm .form-holder { width: 104%; float: none; display: table; margin: auto; margin-left: -40px; }
.index-form.stikyForm .form-holder li { margin-bottom: 10px; width: 39%; }
.index-form.stikyForm .form-holder li.s-hide { display: none; }
.index-form.stikyForm .form-holder li:last-child { float: right; width: 16%; position: absolute; top: 0px; right: 0px; }
.index-form.stikyForm .form-holder li .form-submit { height: 37px; padding: 7px 0px; }
.index-form.stikyForm .form-holder .form-title { display: none; }
.index-form.stikyForm .form-title br { display: block; }
.index-form.stikyForm .form-title { float: left; width: 19%; font-size: 21px; margin-bottom: 0px; margin-top: 0px; line-height: 18px; font-size: 14px; letter-spacing: 0px; }
.index-form.stikyForm ul { width: 79%; }
.index-form.stikyForm.sF-gizle { top: -109px; padding-bottom: 50px; transition: 300ms; }
.small-index-form.sF-gizle-btn { top: 59px; transition: 300ms; }
.index-content { padding-top: 350px; }
.hizliform { display: none; position: absolute; z-index: 2222; width: 360px; right: 80px; top: 45px; -webkit-box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.75); box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.75); }
.hf-aktif { display: block; }
.hizliform::before { content: ""; height: 13px; width: 13px; background: url(../img/form-arrow.png); top: -13px; right: 120px; display: block; position: absolute; }
.cagri-merkezi a { font-weight: 400; }
.bg-shadow { position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; background: rgba(0, 0, 0, 0.37); z-index: 22; display: none; }
.col-md-4.col-sm-6.yontem-son { margin-left: 33.33%; border-left: 2px dotted #92B35F; }
.panel-heading .panel-title { display: block; padding: 0px 30px 0px 10px; }
.panel-heading .panel-title > div { background: url(../img/tab-aktif.png) 10px center no-repeat; padding: 15px 0px 15px 35px; }
.panel-heading .panel-title > div.collapsed { background: url(../img/tab-pasif.png) 10px center no-repeat; }
.iletisim-sol { width: 73%; }
.iletisim-sag { width: 27%; float: left; }
/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
.timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; width: 90%; display: table; margin: auto; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 10px; background: #414142; left: 50%; margin-left: -5px; border-radius: 3px; }
.timeline > li { margin-bottom: 20px; position: relative; width: 50%; float: left; clear: left; height: 250px; }
.timeline > li:nth-child(4n+1):before { content: ""; background: url(../img/avantaj-golge-sol.png); display: block; width: 516px; height: 291px; position: absolute; z-index: -1; right: 15%; top: -33px; }
.timeline > li:nth-child(4n+0):before { content: ""; background: url(../img/avantaj-golge-sag.png); display: block; width: 516px; height: 291px; position: absolute; z-index: -1; left: 15%; top: -49px; }
.timeline > li:after { clear: both; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: calc(100% - 35px); width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 79px); float: left; background: #eeeeee;/* position: relative; */ box-sizing: border-box; padding: 20px 10px 10px; height: 200px; }
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -19px; display: inline-block; }
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -15px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #308abf; border-right: 0 solid #308abf; border-bottom: 14px solid transparent; content: " "; display: none; }
.timeline > li > .timeline-badge { color: #ffffff; font-family: 'klavika_bdbold'; width: 110px; height: 110px; text-align: center; position: absolute; top: 44px; border: 10px solid #ffc900; right: -55px; z-index: 100; border-radius: 60px; box-sizing: border-box; line-height: 83px; font-size: 46px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#585859+1,363636+100 */ background: rgb(88,88,89); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(88,88,89,1) 1%, rgba(54,54,54,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(88,88,89,1) 1%, rgba(54,54,54,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(88,88,89,1) 1%, rgba(54,54,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585859', endColorstr='#363636', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.timeline > li.timeline-inverted > .timeline-panel { float: right; text-align: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -18px; right: auto; }
.timeline li .time { font-size: 33px; color: #fff; border-bottom: 1px solid #87a5b7; float: left; width: 65%; }
.timeline li .time-content { width: 100%; float: left; }
.timeline li.timeline-inverted .time { font-size: 33px; color: #fff; border-bottom: 1px solid #87a5b7; float: right; width: 65%; text-align: right; }
.timeline li.timeline-inverted .time-content { width: 100%; float: right; }
.timeline-badge > a { color: #ffffff !important; display: none; }
.timeline-badge a:hover { color: #dcdcdc !important; }
.timeline-title { margin-top: 0; color: inherit; }
.timeline-heading h4 { font-weight: 400; padding: 0 15px; color: #4679bd; }
.timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; }
.timeline-footer { padding: 5px 15px; background-color: #f4f4f4; }
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a { cursor: pointer; text-decoration: none; }
.timeline > li.timeline-inverted { float: right; clear: right; }
.timeline > li:nth-child(2) { margin-top: 0px; }
.timeline > li.timeline-inverted > .timeline-badge { left: -9px; }
.no-float { float: none !important; }
.time-title { font-weight: 700; font-size: 20px; margin-bottom: 10px; }
.timeline > li > .timeline-panel.f1 { background: url(../img/f1.png); background-size: cover; padding-left: 90px; padding-right: 50px; color: #000; }
.timeline > li > .timeline-panel.f2 { background: url(../img/f2.png); background-size: cover; padding-right: 90px; padding-left: 50px; color: #000; }
.timeline > li > .timeline-panel.f3 { background: url(../img/f3.png); background-size: cover; padding-left: 90px; padding-right: 50px; color: #000; }
.timeline > li > .timeline-panel.f4 { background: url(../img/f4.png); background-size: cover; padding-right: 90px; padding-left: 50px; color: #000; }
.timeline > li .time-firsat { background: #ffc900; border: 4px solid #3f3f3f; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 0px 5px !important; height: auto !important; display: block; -webkit-box-shadow: inset 0px 0px 0px 3px rgba(107, 107, 107, 1); -moz-box-shadow: inset 0px 0px 0px 3px rgba(107, 107, 107, 1); box-shadow: inset 0px 0px 0px 3px rgba(107, 107, 107, 1); font-size: 18px; width: 36%; margin-top: 57px; color: #3f3f3f; margin-left: 32%; text-align: center !important; }
.timeline > li > .time-firsat > .timeline-body { display: inline-block; width: 100%; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; margin-bottom: 0px; padding: 0px; box-sizing: border-box; }
.timeline > li.timeline-inverted > .time-firsat::before { content: ""; height: 4px; background: #3f3f3f; display: block; position: absolute; left: 0px; right: 68%; top: 39%; }
.timeline > li .time-firsat::before { content: ""; height: 4px; background: #3f3f3f; display: block; position: absolute; left: 68%; right: 0px; top: 39%; }
.timeline > li.timeline-inverted > .time-firsat { margin-left: 0px; margin-right: 32%; }

@media (max-width: 767px) {
ul.timeline:before { left: 40px; }
ul.timeline > li { margin-bottom: 0px; position: relative; width: 100%; float: left; clear: left; }
ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); }
ul.timeline > li > .timeline-badge { left: 30px; margin-left: 0; top: 37px; }
ul.timeline > li > .timeline-panel { float: right; }
ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
.timeline > li.timeline-inverted > .timeline-badge { left: 30px; }
}
/*----- Turkiye Timeline -----*/


.turkiye_timeline { position: relative; overflow: hidden; }
.turkiye_timeline:before { content: ''; position: absolute; height: 100%; width: 3px; background: #4d4d4d; left: 0; border: 2px dashed #fff; }
.turkiye_timeline h2 { background: #dddddd; max-width: 6em; margin: 0 auto 1em; padding: 0.5em; text-align: center; position: relative; clear: both; }
.turkiye_timeline ul { list-style: none; padding: 0 0 0 1em; z-index: 1; }
.turkiye_timeline li { background: #dddddd; padding: 2em; margin-bottom: 1em; position: relative; box-sizing: border-box; border-radius: 1.5em; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); }
.turkiye_timeline li:before { content: ''; width: 0; height: 0; position: absolute; right: -1.8em; left: auto; border-style: solid; border-width: 25px 0 25px 25px; border-color: transparent transparent transparent #007bff; top: 40%; }
.turkiye_timeline h3 { margin-top: 0; }
.turkiye_timeline time { font-style: italic; }

@media screen and (min-width: 40em) {
.turkiye_timeline:before { left: 50%; }
.turkiye_timeline ul { padding-left: 0; max-width: 700px; margin: 0 auto; }
.turkiye_timeline li { width: 42%; color: #fff; }
.turkiye_timeline li p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; text-align: left; }
.turkiye_timeline li:nth-child(even) { float: right; }
.turkiye_timeline li:nth-child(odd) { float: left; }
.turkiye_timeline li:nth-child(even):before { left: -1.7em; border-width: 25px 25px 25px 0; border-color: transparent #007bff transparent transparent; }
.turkiye_timeline li:nth-of-type(2n+1) { clear: both; }
}
.turkiye_timeline .baslik { background: #fff; max-width: 3em; margin: 0 auto 1.5em; text-align: center; position: relative; clear: both; font: normal 65pt/52pt 'geometosregular', sans-serif; color: #46535e; padding: 0.5em; box-sizing: border-box; border-radius: 0.3em; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
.turkiye_timeline .baslik span { color: #c42526; font-size: 61pt; }
.turkiye_timeline li .timeline_dot { box-sizing: border-box; position: absolute; width: 2em; height: 2em; border-radius: 2em; right: -25%; top: 43%; }
.turkiye_timeline li:nth-child(even) .timeline_dot { right: auto; left: -23%; }
.turkiye_timeline li .title { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 21px; text-align: left; line-height: 24px; margin-bottom: 10px; }
.turkiye_timeline li.bir { background: #a683a7; }
.turkiye_timeline li.iki { background: #40acb6; }
.turkiye_timeline li.uc { background: #fcc400; }
.turkiye_timeline li.dort { background: #e56266; }
.turkiye_timeline li.bes { background: #71b499; }
.turkiye_timeline li.alti { background: #fcc400; }
.turkiye_timeline li.yedi { background: #f06095; }
.turkiye_timeline li.sekiz { background: #a683a7; }
.turkiye_timeline li.bir:before { border-color: transparent transparent transparent #a683a7; }
.turkiye_timeline li.iki:before { border-color: transparent #40acb6 transparent transparent; }
.turkiye_timeline li.uc:before { border-color: transparent transparent transparent #fcc400; }
.turkiye_timeline li.dort:before { border-color: transparent #e56266 transparent transparent; }
.turkiye_timeline li.bes:before { border-color: transparent transparent transparent #71b499; }
.turkiye_timeline li.alti:before { border-color: transparent #fcc400 transparent transparent; }
.turkiye_timeline li.yedi:before { border-color: transparent transparent transparent #f06095; }
.turkiye_timeline li.sekiz:before { border-color: transparent #a683a7 transparent transparent; }
.turkiye_timeline li.bir .timeline_dot { background: #a683a7; }
.turkiye_timeline li.iki .timeline_dot { background: #40acb6; }
.turkiye_timeline li.uc .timeline_dot { background: #fcc400; }
.turkiye_timeline li.dort .timeline_dot { background: #e56266; }
.turkiye_timeline li.bes .timeline_dot { background: #71b499; }
.turkiye_timeline li.alti .timeline_dot { background: #fcc400; }
.turkiye_timeline li.yedi .timeline_dot { background: #f06095; }
.turkiye_timeline li.sekiz .timeline_dot { background: #a683a7; }
.turkiye_timeline li.ikon_box { background: none; box-shadow: none; border-radius: 0; margin-bottom: 0; }
.turkiye_timeline li.ikon_box .ikon { box-sizing: border-box; padding: 2em; margin-top: 0em; }
.turkiye_timeline li.ikon_box:before { display: none; }
.turkiye_timeline_ikon-mobil { display: none; }
.turkiye_timeline .baslik { letter-spacing: -5px; font-kerning: auto; text-rendering: geometricPrecision; }
.timeline-badge.c1 { color: #ffc900 !important; }
.timeline-badge.c2 { border-color: #ff6c00 !important; color: #ff6c00 !important; }
.timeline-badge.c3 { border-color: #9aac00 !important; color: #9aac00 !important; }
.timeline-badge.c4 { border-color: #be116c !important; color: #be116c !important; }
.avantaj-logo { display: table; margin: 0px auto 20px; padding-left: 22px; box-sizing: content-box; }
.cozumMerkezi ul { margin: 0px; padding: 0px; }
.cozumMerkezi ul li { width: 100%; list-style: none; }
.ik3_comments { float: left; width: 100%; }
.ik3_comments > div { float: left; width: 100%; box-sizing: border-box; margin: 0; padding: 10px; }
.ik3_comments .testimonial { float: left; box-sizing: border-box; background: #fff; padding: 20px; width: 100%; border: 2px solid #ddd; border-radius: 10px; position: relative; }
.ik3_comments .testimonial-name { float: right; width: 100%; margin: 3% 0; }
.ik3_comments .testimonial-name h4 { color: #333; font-size: 11pt; float: right; }
.ik3_comments .testimonial-name img { float: right; margin-right: 20px; margin-left: 20px; }
.ik3_comments .testimonial:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #ddd transparent transparent transparent; position: absolute; bottom: -11px; right: 35px; }
.ik_pic { display: block; text-align: center; margin-bottom: 2%; }
.btn-home a, #filters li span.active, #filters li span:hover, #filters li span:focus, .btn-primary, .label-primary, #contact input.submit, .blog-list li:hover, .cbp-l-filters-button .cbp-filter-item-active, .cbp-l-filters-button .cbp-filter-counter, .nav > li > a:hover, .nav > li > a:focus, .shop-btn-box:hover, .pagination > .active > a, .progress-bar, .btn-primary-full, #back-to-top, .btn-buy, .navbar-default .navbar-toggle .icon-bar, .btn-primary:hover, .cbp-l-filters-alignRight .cbp-filter-item-active, .cbp-l-filters-alignRight .cbp-filter-counter, .cbp-l-filters-alignCenter .cbp-filter-item-active, .cbp-l-filters-alignCenter .cbp-filter-counter, .cbp-l-filters-alignRight .cbp-filter-item:hover, .cbp-l-filters-alignCenter .cbp-filter-item:hover, .clients .client .logo-light, .clients .client a .logo-light, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .home-signin .btn-primary-full:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .pager li>a:hover, .pager li>a:focus { background: #FFFFFF; }
a, .about-icon .fa-circle, .highlight, figure figcaption a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus .navbar-default .navbar-nav > .hovernav:hover > a, .navbar-default .navbar-nav > .hovernav:hover > a:hover, .navbar-default .navbar-nav > .hovernav:hover > a:focus .nav > li > a:hover, .nav > li > span:hover, .nav > li > span:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .portfolio-links a:hover, .portfolio-links .icon:hover, .connected-icon a:focus, .connected-icon a:hover, .btn-link, .post-title a:hover, .post-title a:focus, #main-nav .current, .star-rating span, .twitter-logo .fa, .footer-logo a:hover, .social-icons a:hover, footer #social-icons li a:hover, .mega-list > li > a:hover, .mega-list > li > a:focus, .breadcrumb>li+li:before, .contact-details-social li a:hover, .cbp-l-filters-dropdownList .cbp-filter-item-active, .member-list a:hover, .effects .img a:hover, .connected-icon a:hover h4, .connected-icon a:hover span, .home-bottom a:hover, #notification .success, .cbp-item .img a, .section-links a:hover, .blog-post-title a:hover { color: #FFFFFF; }
.cbp-l-filters-alignRight .cbp-filter-counter:before, .cbp-l-filters-alignCenter .cbp-filter-counter:before, .cbp-l-filters-button .cbp-filter-counter:before { border-top: 4px solid #D40436; }
.btn-primary-full { box-shadow: 0 -3px rgba(0, 0, 0, 0.4) inset; }
.color-overlay, .btn-home a:hover, .btn-home a:focus { background-color: rgba(212, 4, 54, 0.9); }
.label-primary:after { border-bottom-color: #D40436; }
.mega-menu .dropdown-menu { border-bottom: 2px solid #D40436; border-top: none!important; }
.btn-effect:hover, .btn-effect:focus, .btn-effect:active, .btn-effect:after { background: #D40436; }
.btn-effect:hover { background: none; border-color: #D40436; transition: all 0.4s; }
.bilinmesi-gerekenler.aktif2 .col-md-4:nth-child(n+4) { border-bottom: none; }
.bilinmesi-gerekenler.aktif2 .col-md-4:nth-child(n+4)::before { display: none; }
.bilinmesi-gerekenler h4 { font-weight: bold; color: #555; }
.bilinmesi-gerekenler.aktif2 .col-md-4 { min-height: 550px; }
.bilinmesi-gerekenler.aktif2::before { background: #6ecddb; }
.gorus-belirt ul { width: 100%; display: inline-block; margin: auto; max-width: 100%; }
.gorus-belirt ul input { height: 49px !important; }
.gorus-belirt ul li.w98 { width: 63% !important; margin-right: 10px; }
.gorus-belirt ul li { width: 35%; margin-bottom: 11px; margin-left: 0px; }
.gorus-belirt ul li.w98 textarea { height: 109px; margin-right: 0px; }
ul.banks { width: 100%; padding: 0px; margin: 0px; }
ul.banks li { list-style: none; border: 1px dashed #808285; display: table; width: 100%; margin-bottom: 20px; }
.banka-logo { vertical-align: middle; display: table-cell; width: 200px; border-right: 1px dashed #808285; }
ul.banks li p { border-bottom: 1px dashed #808285; margin: 0px; padding: 8px; }
ul.banks li p:last-child { border: none; }
.tab-page { display: none; }
.tab-page-open { display: block; }
.birTab { margin: 0px; padding: 0px; display: inline-block; }
.birTab li { list-style: none; }
.birTab li a { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; cursor: default; border-radius: 0px; cursor: pointer; display: block; padding: 10px 15px; border: 1px dashed #939598; }
.birTab a.aktif { background: #a5afaf; color: #fff; border: 1px dashed #ffffff; }
.birTab a.aktif:hover { border: 1px dashed #ffffff; color: #fff; }
.birTab2 { margin: 0px; padding: 0px; }
.birTab2 li { list-style: none; }
.birTab2 li a { }
.birTab2 a.aktif { }
.birTab2 a.aktif:hover { }
.birTab2 strong { float: right; padding-right: 10px; font-size: 22px; color: #fff; }
.birTab2 strong:active { color: #fff !important; }
.birTab2 strong:hover { color: #fff; }
.form-header { width: 100%; display: inline-block; }
.devami { display: none; }
.gizle { display: none; }
.baskan-text { font-size: 13px; color: #808181; }
.baskan-text strong { font-size: 14px; color: #808181; }
.murat-ciftci { background: url(../assets/baskan-bg.png)top left no-repeat; background-size: cover; margin-top: 25px; color: #fff; padding: 30px 30px 20px; box-sizing: border-box; font-size: 11px; }
.murat-ciftci strong { width: 100%; display: inline-block; margin-bottom: 10px; font-size: 15px; }
.baskan-res { padding: 0px !important; text-align: center; }
.baskan-res img { }
.form-holder.gorus-belirt, .form-inner { width: 100%; margin: 0 auto 0; display: table; }
.form-holder.gorus-belirt { background-color: #c41011; width: 100%; }
.form-inner.gorus-belirt2 { width: 950px; }
.farkli-hesaplamalar { font-size: 14pt; color: #444; width: 100%; padding: 40px 15px 0px; box-sizing: border-box; margin-top: 25px; display: inline-block; border-top: 2px dotted #6ECDDB; text-align: left; }
.farkli-hesaplamalar a { color: #c41718; font-weight: bold; display: inline-block; }
.faizsiz-title { font-size: 17px; font-weight: bold; }
.faizsiz-titleh1 { font-size: 21px; }
#popup { width: 600px; display: none; }
h1.subetitle { font-size: 23px; line-height: 0px; margin-top: 30px; margin-bottom: 0px; text-align: left; width: 100%; display: inline-block; }
.videotop { margin-top: 15px; }
.iframeheight {height: 302px;}
.ft_temsilci_link { color: #fff; font-size: 12px; display: table; text-align: center; margin-top: 7px; padding: 4px 20px; background: #c92728; border-radius: 3px; transition: 300ms; position: relative; z-index: 1; }
.ft_temsilci_link:hover, .ft_temsilci_link:active, .ft_temsilci_link:focus { display: table; background: #5a606d; }
/*========= CAMPAIGN BOXED ===================*/
.campaign_boxed { float: left; width: 100%; }
.campaign_item { float: left; width: 46%; height: 275px; margin: 1% 2%; }
.campaign_item-icon { float: left; width: 30%; height: 100%; padding-right: 40px; padding-top: 14px; }
.campaign_item-icon img { max-width: 100%; display: block; }
.campaign_item-text { float: left; width: 70%; }
.campaign_item-title { font-weight: bold; color: #e94c4a; font-size: 23px; }
.campaign_item-title img.arrow { height: 23px; position: relative; top: -1px; margin-left: 2px; }
.campaign_item-text p { line-height: normal; text-indent: 0; margin-top: 12px; font-size: 14px; }
.campaign_item-info { float: left; width: 100%; margin-top: 20px; }
.campaign_item-info span.date { background: #3b3a3a; color: #fff; float: left; width: 70%; text-align: center; font-size: 14px; line-height: 35px; }
.campaign_item-info a.detail { background: #e94c4a; color: #fff; width: 28%; text-align: center; font-family: 'Helvetica'; font-size: 20px; line-height: 36px; float: right; height: 35px; }
.campaign_item-info a.detail:hover { opacity: 0.85; }
.campaign_item:first-child .campaign_item-title { color: #f7941d; }
.campaign_item:first-child .campaign_item-info a.detail { background: #f7941d; }
.campaign_item:nth-child(2) .campaign_item-title { color: #27aae1; }
.campaign_item:nth-child(2) .campaign_item-title > em { font-weight: 400; font-style: normal; }
.campaign_item:nth-child(2) .campaign_item-info a.detail { background: #27aae1; }
.campaign_item:nth-child(2) .campaign_item-icon { padding-right: 20px; padding-top: 15px; }
.campaign_item:nth-child(3) .campaign_item-title { color: #ff7a00; }
.campaign_item:nth-child(3) .campaign_item-info a.detail { background: #ff7a00; }
.campaign_item:nth-child(3) .campaign_item-icon { padding-right: 0px; margin-top: 30px; }

.campaign_item:nth-child(4) .campaign_item-title { color: #b38c65; }
.campaign_item:nth-child(4) .campaign_item-info a.detail { background: #b38c65; }
.campaign_item:nth-child(4) .campaign_item-icon { padding: 0px 12px 0; }


.campaign_item:nth-child(5) .campaign_item-title { color: #f10b18; }
.campaign_item:nth-child(5) .campaign_item-info a.detail { background: #f10b18; }
.campaign_item:nth-child(5) .campaign_item-icon { padding: 5px 17px 0; }

.campaign_item:nth-child(6) .campaign_item-title { color: #6b9000; }
.campaign_item:nth-child(6) .campaign_item-info a.detail { background: #6b9000; }
.campaign_item:nth-child(6) .campaign_item-icon { padding: 0 20px 0 0; }

.campaign_item:nth-child(6) .campaign_item-title { color: #6b9000; }
.campaign_item:nth-child(6) .campaign_item-info a.detail { background: #6b9000; }
.campaign_item:nth-child(6) .campaign_item-icon { padding: 0 20px 0 0; }

.campaign_item:nth-child(7) .campaign_item-title { color: #00a0bb; }
.campaign_item:nth-child(7) .campaign_item-info a.detail { background: #00a0bb; }
.campaign_item:nth-child(7) .campaign_item-icon { padding: 0 20px 0 0; }

.campaign_item:nth-child(8) .campaign_item-title { color: #e94c4a; }
.campaign_item:nth-child(8) .campaign_item-info a.detail { background: #e94c4a; }
.campaign_item:nth-child(8) .campaign_item-icon {padding: 25px 30px 0 20px;}

.campaign_item:nth-child(9) .campaign_item-title { color: #6cbac3; }
.campaign_item:nth-child(9) .campaign_item-info a.detail { background: #6cbac3; }
.campaign_item:nth-child(9) .campaign_item-icon {padding: 10px 15px 0 0px;}

h4.campaign__text-title { font-weight: bold; font-size: 22px; margin: 0; line-height: normal; margin-bottom: 15px; text-align: left; }
.cpColor1 { color: #f7941d; }
.cpColor2 { color: #27aae1; }
.cpColor3 { color: #ff7a00; }
.cpColor4 { color: #b38c65; }
.cpColor5 { color: #f10b18; }
.cpColor6 { color: #6b9000; }
.cpColor7 { color: #00a0bb; }
.cpColor8 { color: #e94c4a; }
.cpColor9 { color: #6cbac3; }
.tr-ilk-video{margin-top:20px;height:600px;display: inline-block;width: 100%;}



.modal_video_btn {
    display: inline-block;
    position: absolute;
    margin-left: 70px;
    width: 15%;
}