| Server IP : 217.18.85.50 / Your IP : 3.140.185.250 Web Server : LiteSpeed System : Linux server50.tr85.dhs.com.tr 3.10.0-962.3.2.lve1.5.85.el7.x86_64 #1 SMP Thu Apr 18 15:18:36 UTC 2024 x86_64 User : ferhatgenc ( ) PHP Version : 7.2.34 Disable Function : restore_ini,mail,openbasedir,f_open,system,dl,array_compare,array_user_key_compare,passthru,cat,exec,popen,proc_close,proc_get_status,proc_nice,proc_open,escapeshellcmd,escapeshellarg,show_source,posix_mkfifo,ini_restore,mysql_list_dbs,getmyuid,pconnect,link,symlink,fin,passthruexec,fileread,shell_exec,pcntl_exec,ini_alter,leak,apache_child_terminate,chown,posix_kill,posix_setpgid,posix_setsid,posix_setuid,proc_terminate,syslog,allow_url_fopen,fpassthru,execute,shell,chgrp,passthru,socket_select,socket_create,socket_create_listen,socket_create_pair,socket_listen,socket_accept,socket_bind,foreach,socket_strerror,pcntl_fork,pcntl_signal,pcntl_waitpid,pcntl_wexitstatus,pcntl_wifexited,pcntl_wifsignaled,pcntl_wifstopped,pcntl_wstopsig,pcntl_wtermsig,openlog,apache_get_version,apache_getenv,apache_note,apache_setenv,virtualal MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/ferhatgenc/public_html/public/css/ |
Upload File : |
/** Web Site Special Variables **/
@import url(animate.css);
@import url(customanimate.css);
@import url(jquery.fancybox.min.css);
@import url(lightslider.css);
@import url(helper.css);
/*@import "font-awesome.min.css";
@import "animate.css";
@import "jquery.fancybox.min.css";
@import "lightslider.css";*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
text-decoration: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body > article {
padding: 40px 0 50px; }
p {
font-size: 16px;
line-height: 22px;
margin-top: 0;
margin-bottom: 22px; }
body {
font-family: "Montserrat", sans-serif;
line-height: 1;
font-size: 14px;
background: #fff; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
a {
-webkit-transition: all 0.2s;
transition: all 0.2s; }
strong {
font-weight: 600; }
a:hover {
text-decoration: none; }
h2 {
font-size: 28px; }
.breadcrumb {
background: rgba(255, 255, 255, 0);
border: 0px solid whitesmoke;
border-radius: 4px;
padding: 8px 0;
display: block;
margin-bottom: 0; }
.breadcrumb li {
font-size: 14px;
line-height: 22px; }
.breadcrumb a {
font-size: 14px;
color: #5ca0db; }
.breadcrumb a:hover {
color: #2a6496; }
.breadcrumb > .active {
color: #999999; }
.breadcrumb > li + li:before {
color: #48e850;
content: "\2771\00a0"; }
/*********** BODY ELEMENTS *************/
*:hover > .slide-to-left {
margin-right: 15px;
margin-left: 0px;
opacity: 1; }
*:hover > .slide-to-right {
margin-left: 15px;
margin-right: 0px;
opacity: 1; }
.slide-to-left {
opacity: 0;
margin-right: 5px;
margin-left: 10px;
transition: ease-out 0.2s; }
.slide-to-right {
opacity: 0;
margin-left: 5px;
margin-right: 10px;
transition: all ease-out 0.2s; }
h2.section-title {
text-align: center;
font-family: "Montserrat";
font-size: 28px;
color: #b6cf01;
position: relative;
margin: 0 0 14px 0;
font-weight: 500; }
h1.product-title {
text-align: center;
font-family: "Montserrat";
font-size: 48px;
color: #b6cf01;
position: relative;
margin: 0 0 14px 0;
font-weight: 700; }
.divider {
width: 96px;
height: 3px;
background-color: #b6cf01;
margin: 0 auto 30px auto; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: #fff; }
header .logo {
float: left; }
header .logo a {
display: block; }
header .container {
padding-top: 28px;
padding-bottom: 20px;
border-bottom: 10px solid #b6cf01;
transition: all ease-out 0.2s; }
header.compact {
background-color: #fff; }
header.compact.menu-open {
background-color: transparent; }
header.compact .container {
padding-top: 8px;
padding-bottom: 8px; }
header.compact .menu {
padding-top: 20px; }
header.menu-open .container {
border-bottom: none; }
header.menu-open .menu {
margin-top: -140px; }
header.menu-open .menu > .mobile-menu {
top: 130px;
right: 22px; }
.btn-genc {
border-radius: 0;
border: none;
padding: 13px 23px;
font-size: 22px;
text-transform: uppercase;
transition: linear 0.2s; }
.btn-genc .slide-to-left {
color: #fff; }
.btn-genc .slide-to-right {
color: #fff; }
.btn-genc.btn-xs {
padding: 3px 23px;
font-size: 12px; }
.btn-genc.btn-sm {
padding: 6px 23px;
font-size: 14px; }
.btn-genc.btn-md {
padding: 9px 23px;
font-size: 18px; }
.btn-genc.btn-lg {
padding: 13px 23px;
font-size: 22px; }
.btn-genc.btn-pri {
background: #fff;
color: #59acff;
border: 7px solid #59acff;
font-weight: 500; }
.btn-genc.btn-pri:hover {
background: #59acff;
color: #fff; }
/*
.slider {
overflow: hidden;
position: relative; //height: 640px;
.fullwidthbanner-container {
.fullwidthbanner {
ul {
padding: 0;
li {
list-style: none;
position: absolute;
visibility: hidden;
.tp-caption {
position: absolute;
left: 0 !important;
right: 0 !important;
max-width: 1400px;
margin: 0 auto !important;
padding: 0 15px !important;
top: 0;
height: 100%;
z-index: 22;
.capBig {
position: absolute;
left: 50px;
top: 100px;
max-width: 542px;
h1 {
font-weight: 400;
color: #363636;
font-size: 60px;
margin: 0 0 30px 0;
line-height: 63px;
}
p {
font-weight: 300;
color: #363636;
font-size: 25px;
margin: 0 0 30px 0;
line-height: 25px;
}
a {
display: inline-block;
font-weight: 300;
color: $whiteColor;
font-size: 17px;
background-color: $blueColor;
padding: 19px 44px;
margin-top: 25px;
&:hover {
text-decoration: none;
}
}
}
}
}
}
}
.tp-bullets {
display: none;
}
}
}
*/
div.logo a {
outline: none; }
div.slider-wrapper {
padding: 0 25px; }
div.slider-wrapper .slick-prev:before, div.slider-wrapper .slick-next:before {
color: #b6cf01; }
div.slider-wrapper .slider-nav {
padding: 10px 0; }
/** Menu **/
.menu-dropdown-icon:before {
content: "\f489";
font-family: "Ionicons";
display: none;
cursor: pointer;
float: right;
padding: 1.5em 2em;
background: #fff;
color: #333; }
.menu {
float: right;
padding: 12px 0 0 0; }
@media (min-width: 768px) {
.menu {
padding: 12px 0 0 0; } }
@media (min-width: 992px) {
.menu {
padding: 18px 0 0 0; } }
@media (min-width: 1200px) {
.menu {
padding: 16px 0 0 0; } }
@media (min-width: 1350px) {
.menu {
padding: 15px 0 0 0; } }
.menu > ul {
margin: 0 auto;
display: inline-block;
float: right;
list-style: none;
padding: 0;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.menu > ul:before, .menu > ul:after {
content: "";
display: table; }
.menu > ul:after {
clear: both; }
.menu > ul > li {
float: left;
padding: 0;
margin: 0 10px; }
.menu > ul > li a {
color: #59acff;
font-size: 18px;
text-decoration: none;
display: block;
font-weight: 500; }
@media (min-width: 768px) {
.menu > ul > li a {
font-size: 16px; } }
@media (min-width: 992px) {
.menu > ul > li a {
font-size: 17px; } }
@media (min-width: 1200px) {
.menu > ul > li a {
font-size: 18px; } }
@media (min-width: 1350px) {
.menu > ul > li a {
font-size: 20px; } }
.menu > ul > li a .line {
width: 0;
display: inherit;
height: 4px;
margin-top: 5px;
background-color: #b6cf01;
-webkit-transition: width 0.3s;
transition: width 0.3s; }
.menu > ul > li a:hover > .line {
width: 100%; }
.menu > ul > li > div {
display: none;
background: #fff;
padding: 20px;
position: absolute;
z-index: 99;
/*right: 20px;*/
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 3px 4px #cacaca;
box-shadow: 0 3px 4px #cacaca; }
.menu > ul > li > div:before, .menu > ul > li > div:after {
content: "";
display: table; }
.menu > ul > li > div:after {
clear: both; }
.menu > ul > li > div.normal-sub {
width: 300px;
left: auto;
padding: 10px 20px; }
.menu > ul > li > div.normal-sub > li {
width: 100%; }
.menu > ul > li > div.normal-sub > li a {
border: 0;
padding: 1em 0; }
@media only screen and (max-width: 1050px) {
.menu > ul {
display: none; } }
.menu > .mobile-menu {
display: none;
top: -10px; }
@media only screen and (max-width: 1050px) {
.menu > .mobile-menu {
background: #59acff;
display: block !important;
float: right;
right: 5px;
width: 39px;
height: 39px;
position: relative;
z-index: 99999999; }
.menu > .mobile-menu button {
display: block;
background-color: #24bae3;
border-radius: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0;
padding: 8px; }
.menu > .mobile-menu button .icon-bar {
background-color: #fff;
width: 22px;
height: 3px;
border-radius: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; } }
#filter-panel {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #24bae3;
z-index: 22;
display: none;
overflow-y: auto; }
@media only screen and (min-width: 1050px) {
#filter-panel {
display: none; } }
#filter-panel .filter-menu {
position: relative;
padding: 130px 0; }
#filter-panel .filter-menu ul {
margin: 0;
padding: 0; }
#filter-panel .filter-menu ul li {
list-style-type: none;
text-align: center; }
#filter-panel .filter-menu ul li a {
display: inline-block;
font-family: montserrat;
text-transform: uppercase;
font-size: 25px;
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: 0 0;
padding: 10px; }
#filter-panel .filter-menu ul li a .fa {
font-size: 18px;
margin: 0 0 0 15px;
position: relative;
top: -3px; }
#filter-panel .filter-menu ul li a:hover {
background-color: #fff;
color: #24bae3;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
#filter-panel .filter-menu ul.subv1 {
display: none;
padding: 20px 0;
margin: 20px;
background-color: #2badd1; }
#filter-panel .filter-menu ul.subv1 li a {
font-size: 18px;
padding: 5px !important; }
#filter-panel .filter-menu ul.subv2 {
display: none;
padding: 20px 0; }
#filter-panel .filter-menu ul.subv2 li a {
font-size: 14px;
padding: 5px !important; }
#panel {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #24bae3;
z-index: 22;
display: none;
overflow-y: auto; }
@media only screen and (min-width: 1050px) {
#panel {
display: none; } }
#panel .mobile-menu {
position: relative;
padding: 130px 0; }
#panel .mobile-menu ul {
margin: 0;
padding: 0; }
#panel .mobile-menu ul li {
list-style-type: none;
text-align: center; }
#panel .mobile-menu ul li a {
display: inline-block;
font-family: montserrat;
text-transform: uppercase;
font-size: 25px;
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: 0 0;
padding: 10px; }
#panel .mobile-menu ul li a .fa {
font-size: 18px;
margin: 0 0 0 15px;
position: relative;
top: -3px; }
#panel .mobile-menu ul li a:hover {
background-color: #fff;
color: #24bae3;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
#panel .mobile-menu ul.subv1 {
display: none;
padding: 20px 0;
margin: 20px;
background-color: #2badd1; }
#panel .mobile-menu ul.subv1 li a {
font-size: 18px;
padding: 5px !important; }
#panel .mobile-menu ul.subv2 {
display: none;
padding: 20px 0; }
#panel .mobile-menu ul.subv2 li a {
font-size: 14px;
padding: 5px !important; }
.openMenuList {
float: left; }
.openMenuList h3 {
color: #383838;
font-weight: 600;
font-size: 14px; }
.openMenuList ul {
float: left;
width: 100%; }
.openMenuList ul li {
float: left;
margin-top: 10px; }
.openMenuList ul li a {
float: left;
position: relative;
width: 100%;
height: 100px;
overflow: hidden; }
.openMenuList ul li a span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 5px;
color: #fff;
font-size: 14px;
font-weight: 400;
background: rgba(0, 0, 0, 0.5); }
.openMenuList ul li a img {
width: 100%; }
/** Slider Bottom Menu **/
.titlebar {
background: url("/images/statistics.jpg"); }
.titlebar .titlebar-inner {
background-color: rgba(255, 255, 255, 0.6);
min-height: 75px; }
.titlebar .titlebar-inner .page-header {
font-family: "Montserrat";
text-transform: uppercase;
border-bottom: none;
font-size: 28px;
color: #b6cf01;
/*text-shadow: 2px 2px 0 #fff;*/
position: relative;
margin: 15px 0 0 0;
line-height: 50px;
font-weight: 700;
padding: 15px 5px 20px 5px; }
.dropdown-menu {
z-index: 991; }
.dropdown-menu form {
padding: 10px; }
.topBar {
/*float: left;*/
width: 100%;
padding: 1px 0;
/* background: #f9f9f9;*/
font-size: 16px; }
.topBar .speedminimenu {
padding: 8px 15px;
float: right;
display: inline-block;
line-height: 22px; }
@media (max-width: 767px) {
.topBar .speedminimenu {
text-align: center;
float: none;
display: block;
background-color: #54acff; }
.topBar .speedminimenu:first-child {
margin-left: 2%; }
.topBar .speedminimenu .btn-speedminimenu {
color: #fff !important;
font-size: 16px; }
.topBar .speedminimenu .dropdown-menu {
left: 0;
width: 100%;
font-size: 14px;
z-index: 991; } }
.topBar .speedminimenu .btn-speedminimenu {
color: #54acff;
font-size: 16px;
text-decoration: none; }
.topBar .speedminimenu.filters-speedminimenu li {
line-height: 18px;
padding: 3px 5px;
min-width: 300px; }
.topBar .speedminimenu.filters-speedminimenu li:not(.title):not(.subtitle):not(.actions) {
float: left;
min-width: auto; }
.topBar .speedminimenu.filters-speedminimenu li.title {
margin-top: -20px;
margin-bottom: 20px;
font-size: 18px;
padding: 20px 5px;
text-align: center;
background-color: #59acff;
font-weight: 700;
color: #fff; }
.topBar .speedminimenu.filters-speedminimenu li.subtitle {
color: #54acff;
padding-bottom: 5px;
margin-top: 15px; }
.topBar .speedminimenu.filters-speedminimenu li.actions {
color: #54acff;
padding-bottom: 5px;
text-align: center;
padding-left: 5px; }
.topBar .speedminimenu.filters-speedminimenu li.title, .topBar .speedminimenu.filters-speedminimenu li.subtitle, .topBar .speedminimenu.filters-speedminimenu li.actions {
clear: both;
font-weight: 700; }
.topBar .speedminimenu.filters-speedminimenu li a {
color: #666; }
.topBar .speedminimenu.filters-speedminimenu li > a > i.fa {
font-size: 22px;
vertical-align: middle; }
.topBar .speedminimenu.filters-speedminimenu li input.m2input {
width: 70px;
padding: 3px 6px;
height: 28px; }
.topBar .speedminimenu.filters-speedminimenu li .btn-genc {
font-weight: 700; }
.topBar .product-filters-button {
padding: 8px 15px;
float: right;
display: inline-block;
line-height: 22px; }
.topMenu {
float: left;
width: 100%;
padding: 20px 0;
background: #f9f9f9; }
.topMenu ul {
width: 100%;
float: left; }
.topMenu ul li {
float: left; }
@media (max-width: 767px) {
.topMenu ul li {
width: 50%; } }
.topMenu ul li a {
float: left;
width: 100%;
padding: 30px 0 15px 0;
text-align: center;
background: #59acff;
color: #fff;
font-weight: 600;
font-size: 18px;
border-bottom: 15px solid #b6cf01; }
.topMenu ul li a:hover {
background: #b6cf01; }
/*******/
.productDetail {
float: left;
width: 100%;
padding: 40px 0 80px 0;
background: #fff; }
.housingList {
float: left;
width: 100%;
padding: 70px 0 10px 0;
background: #fff; }
.housingList ul {
/*float:left;*/ }
.housingList ul li {
/*float:left;*/
background: #fff;
margin-top: 0;
margin-bottom: 35px;
background: #fff;
overflow: hidden; }
.housingList ul li a {
position: relative;
float: left;
width: 100%;
/*&:hover {
img {
margin-left: -10%;
margin-top: -10%;
width: 120%;
}
}*/ }
.housingList ul li a span.title {
position: relative;
z-index: 1;
top: 11px;
/*left:-10;*/
right: 0;
width: 100%;
color: #fff;
font-weight: 700;
padding: 6px 20px 0;
text-align: center;
background: #b6cf01;
font-size: 24px;
text-shadow: #666 1px 1px 2px;
border-bottom: #59acff 5px solid; }
.housingList ul li a span.title div.border {
border-right: 30px solid transparent;
position: absolute;
right: -29px;
display: inline-block;
bottom: 0;
border-top: 35px solid #b6cf01; }
.housingList ul li a .img {
position: relative;
z-index: 0;
width: 100%;
overflow: hidden;
top: -20px;
/*height: 290px;*/ }
.housingList ul li a .img img {
width: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.housingList ul li a .options {
position: relative;
z-index: 1;
float: left;
width: 100%;
height: 46px;
overflow: hidden;
margin-top: -22px;
background: #b6cf01;
padding: 2px 0px 4px;
border-bottom: 4px solid #59acff;
border-top: 1px solid #fff; }
@media (max-width: 991px) {
.housingList ul li a .options {
height: 60px; } }
.housingList ul li a .options span {
text-align: center;
color: #fff;
font-weight: 700;
font-size: 16px;
padding: 0;
text-shadow: #666 1px 1px 2px;
width: 44%;
display: inline-block; }
.housingList ul li a .options span:first-child {
width: 32%; }
.housingList ul li a .options span:last-child {
width: 22%; }
.housingList ul li a .options span div {
/* width: 100px; */
padding: 5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
/* background: #59acff; */
margin: 0 auto;
/* border: 5px solid #59acff; */ }
.housingList ul li a .options span i {
/*color:$greenColor;*/
font-size: 24px; }
.housingList ul li a .options span p {
/*color:#383838;*/
padding: 2px 5px;
display: inline;
font-family: oswald; }
@media (max-width: 991px) {
.housingList ul li a .options span p {
display: block; } }
.housingList ul li a .options span p sup {
font-size: 12px; }
.homeStatistics {
margin-top: 40px;
float: left;
width: 100%;
background: url("/images/statistics.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.homeStatistics div.row-fluid {
height: 100%;
padding: 60px 0 40px 0;
background: rgba(182, 207, 1, 0.4); }
.homeStatistics div.row-fluid ul {
float: left;
text-align: center;
width: 100%;
background: rgba(255, 255, 255, 0.8);
border-bottom: 15px solid #59acff;
padding-top: 50px; }
.homeStatistics div.row-fluid ul li {
padding: 0 0 10px 0;
text-align: center;
/*background: $whiteColor;*/ }
.homeStatistics div.row-fluid ul li sup {
font-size: 20px; }
.homeStatistics div.row-fluid ul li i {
display: inherit;
font-size: 48px;
color: #383838;
margin-bottom: 10px; }
.homeStatistics div.row-fluid ul li .title {
display: inherit;
width: 100%;
height: 54px;
overflow: hidden;
text-overflow: clip;
font-size: 23px;
font-weight: 400;
color: #383838;
margin-top: 15px; }
section.categories {
float: left;
width: 100%;
padding: 70px 0 20px 0; }
section.categories ul {
float: left; }
section.categories ul li {
float: left;
background: #fff;
margin-bottom: 20px; }
section.categories ul li a {
float: left;
width: 100%; }
section.categories ul li a .img {
position: relative;
width: 100%;
height: 160px;
overflow: hidden;
border-top: 10px solid #59acff; }
@media (min-width: 480px) {
section.categories ul li a .img {
height: 200px; } }
@media (min-width: 560px) {
section.categories ul li a .img {
height: 230px; } }
@media (min-width: 768px) {
section.categories ul li a .img {
height: 260px; } }
@media (min-width: 1200px) {
section.categories ul li a .img {
height: 234px; } }
@media (min-width: 1350px) {
section.categories ul li a .img {
height: 260px; } }
section.categories ul li a .img span.title {
display: block;
font-size: 16px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
height: 50px;
line-height: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
background: #b6cf01;
color: #fff;
text-align: center;
transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
text-shadow: #666 1px 1px 2px; }
@media (min-width: 768px) {
section.categories ul li a .img span.title {
font-size: 20px; } }
@media (min-width: 992px) {
section.categories ul li a .img span.title {
font-size: 18px; } }
@media (min-width: 1200px) {
section.categories ul li a .img span.title {
font-size: 18px; } }
section.categories ul li a .img span.title span.line {
display: block;
position: relative;
top: 0;
left: 0;
height: 25px;
width: 0;
background-color: #59acff;
transition: 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
section.categories ul li a .img:hover span.title {
/*white-space: normal;*/
height: 100%;
line-height: 225px;
background: rgba(182, 207, 1, 0.7);
/*@media (min-width: 768px) {
font-size: 25px;
}
@media (min-width: 992px) {
font-size: 25px;
}
@media (min-width: 1200px) {
font-size: 25px;
}*/ }
section.categories ul li a .img:hover span.title span.line {
width: 100%; }
section.categories ul li a .img img {
width: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
section.categories ul li a:hover img {
margin-left: -10%;
margin-top: -10%;
width: 120%; }
article.productDetail .slider-nav .hold-img {
width: 100%;
height: 100px;
position: relative;
float: left;
padding: 0;
text-align: center;
/*@media (min-width: 992px) {
}
@media (min-width: 1200px) {
height: 234px;
}
@media (min-width: 1350px) {
height: 260px;
}*/ }
article.productDetail .slider-nav .hold-img .hold-img-pre {
width: 100%;
height: 100px;
position: relative; }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb {
width: 100%;
height: 100px;
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
max-height: 100%; }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb .img-centered {
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(50%, 50%);
-moz-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
-o-transform: translate(50%, 50%);
transform: translate(50%, 50%); }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb .img-centered img {
max-width: 100%;
max-height: 100px;
position: absolute;
top: 0;
left: 0;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px; }
@media (min-width: 768px) {
article.productDetail .slider-nav .hold-img {
height: 105px; }
article.productDetail .slider-nav .hold-img .hold-img-pre {
height: 105px; }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb {
height: 105px; }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb .img-centered {
height: 105px; }
article.productDetail .slider-nav .hold-img .hold-img-pre .img-thumb .img-centered img {
max-height: 105px; } }
.hold-img {
width: 100%;
height: 165px;
position: relative;
float: left;
padding: 0;
text-align: center;
/*@media (min-width: 992px) {
}
@media (min-width: 1200px) {
height: 234px;
}
@media (min-width: 1350px) {
height: 260px;
}*/ }
.hold-img .hold-img-pre {
width: 100%;
height: 165px;
position: relative; }
.hold-img .hold-img-pre .img-thumb {
width: 100%;
height: 165px;
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
max-height: 100%; }
.hold-img .hold-img-pre .img-thumb .img-centered {
width: 100%;
height: 165px;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(50%, 50%);
-moz-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
-o-transform: translate(50%, 50%);
transform: translate(50%, 50%); }
.hold-img .hold-img-pre .img-thumb .img-centered img {
max-width: 100%;
max-height: 165px;
position: absolute;
top: 0;
left: 0;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px; }
@media (min-width: 768px) {
.hold-img {
height: 235px; }
.hold-img .hold-img-pre {
height: 235px; }
.hold-img .hold-img-pre .img-thumb {
height: 235px; }
.hold-img .hold-img-pre .img-thumb .img-centered {
height: 235px; }
.hold-img .hold-img-pre .img-thumb .img-centered img {
max-height: 235px; } }
.main_page_gallery, .gallery_section {
float: left;
width: 100%;
padding: 70px 0 70px 0;
background: #fff; }
.main_page_gallery ul.image-list, .gallery_section ul.image-list {
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden; }
.main_page_gallery ul.image-list li, .gallery_section ul.image-list li {
margin-top: 10px;
margin-bottom: 10px; }
.main_page_gallery ul.image-list li a img, .gallery_section ul.image-list li a img {
opacity: 0.8;
border-left: 10px solid #b6cf01;
transition: all 100ms linear;
box-sizing: border-box; }
.main_page_gallery ul.image-list li:hover a img, .gallery_section ul.image-list li:hover a img {
border-left-width: 0;
opacity: 1; }
.gallery_section {
float: left;
width: 100%;
padding: 10px 0 10px 0;
background: #fff; }
footer {
position: relative;
float: left;
width: 100%;
background: #59acff; }
footer > .scroll-up {
position: fixed;
display: none;
bottom: 75px;
right: 25px;
z-index: 999;
-webkit-box-shadow: 0 5px 10px;
box-shadow: 0 1px 5px; }
footer > .scroll-up a {
display: block;
background-color: #b6cf01;
color: #fff;
padding: 10px;
cursor: pointer; }
footer .line {
float: left;
width: 100%;
height: 1px;
background: #bbb;
margin-top: 8px; }
footer ul.fMenu {
float: left;
margin-top: 30px;
padding: 0 15px; }
footer ul.fMenu h2 {
color: #fff;
font-weight: 400;
font-size: 20px;
margin: 20px 0;
text-align: center; }
@media (min-width: 768px) {
footer ul.fMenu h2 {
text-align: left; } }
footer ul.fMenu h2::after {
content: '';
display: block;
position: relative;
height: 4px;
left: 45%;
width: 10%;
background: #fff;
margin-top: 15px;
margin-bottom: 20px; }
@media (min-width: 768px) {
footer ul.fMenu h2::after {
width: 40px;
left: 0; } }
footer ul.fMenu li {
float: left;
width: 100%;
margin-bottom: 5px;
transition: all 100ms linear; }
footer ul.fMenu li a {
text-align: center;
float: left;
width: 100%;
color: #fff;
font-size: 18px;
line-height: 24px; }
@media (min-width: 768px) {
footer ul.fMenu li a {
font-size: 14px;
line-height: 18px;
text-align: left; } }
@media (min-width: 992px) {
footer ul.fMenu li a {
font-size: 14px;
line-height: 18px; } }
@media (min-width: 1200px) {
footer ul.fMenu li a {
font-size: 14px;
line-height: 18px;
color: #eee; } }
@media (min-width: 1350px) {
footer ul.fMenu li a {
font-size: 14px;
line-height: 18px; } }
footer ul.fMenu li a:hover {
color: #eee; }
footer .fRight {
float: right;
margin-top: 20px; }
footer .fRight .socials {
float: left;
width: 100%;
margin-top: 30px; }
footer .fRight .socials li {
float: left;
margin-left: 5px;
transition: background-color,color 0.3s; }
footer .fRight .socials li a {
float: left;
width: 40px;
padding: 10px 0;
color: #fff;
text-align: center;
font-size: 20px;
border-radius: 10px;
background: #fff; }
footer .fRight .socials li:hover a {
background: none;
color: #fff !important; }
footer .fRight .socials li.social-li-facebook a {
color: #3b5998; }
footer .fRight .socials li.social-li-facebook:hover a {
background-color: #3b5998; }
footer .fRight .socials li.social-li-twitter a {
color: #00aced; }
footer .fRight .socials li.social-li-twitter:hover a {
background-color: #00aced; }
footer .fRight .socials li.social-li-google-plus a {
color: #dd4b39; }
footer .fRight .socials li.social-li-google-plus:hover a {
background-color: #dd4b39; }
footer .fRight .socials li.social-li-instagram a {
color: #517fa4; }
footer .fRight .socials li.social-li-instagram:hover a {
background-color: #517fa4; }
footer .fRight .socials li.social-li-vimeo a {
color: #aad450; }
footer .fRight .socials li.social-li-vimeo:hover a {
background-color: #aad450; }
footer .fRight .socials li.social-li-youtube a {
color: #bb0000; }
footer .fRight .socials li.social-li-youtube:hover a {
background-color: #bb0000; }
footer .fRight .information {
float: left;
width: 100%;
color: #fff;
margin-top: 10px; }
footer .fRight .information li {
width: 100%;
margin: 10px 0; }
footer .fRight .information li a, footer .fRight .information li span {
font-size: 16px;
line-height: 22px;
color: #eee !important;
text-align: center;
float: left;
width: 100%;
color: #fff;
font-size: 18px;
line-height: 24px; }
@media (min-width: 768px) {
footer .fRight .information li a, footer .fRight .information li span {
font-size: 14px;
line-height: 18px;
text-align: left; } }
@media (min-width: 992px) {
footer .fRight .information li a, footer .fRight .information li span {
font-size: 14px;
line-height: 18px; } }
@media (min-width: 1200px) {
footer .fRight .information li a, footer .fRight .information li span {
font-size: 14px;
line-height: 18px;
color: #eee; } }
@media (min-width: 1350px) {
footer .fRight .information li a, footer .fRight .information li span {
font-size: 14px;
line-height: 18px; } }
footer .fRight .information li a:hover, footer .fRight .information li span:hover {
color: #eee; }
footer .footBottom {
float: left;
width: 100%; }
footer .footBottom p {
float: left;
color: #fff;
margin: 15px 0; }
footer .footBottom a {
color: #fff; }
.circle {
width: 200px;
margin: 6px 6px 20px;
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2; }
.circle canvas {
vertical-align: top; }
.circle strong {
position: absolute;
top: 35px;
left: 0;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 30px; }
/** Sub Page **/
.subpage {
margin-top: 120px;
padding: 20px 0;
min-height: 420px; }
.anaResim {
width: 100%;
/*height: 450px;*/
overflow: hidden; }
.anaResim img {
/*height: 100%;*/ }
.resimList {
margin-top: 10px; }
.resimList li {
float: left;
height: 150px;
overflow: hidden;
border: 2px solid #ccc;
padding: 0;
cursor: pointer; }
.resimList li img {
height: 100%; }
.houseOptions li {
float: left;
width: calc((100% / 2) - 10px);
padding: 20px;
margin: 0 10px 20px;
background: #eee;
text-align: center;
font-size: 20px; }
.houseOptions li:nth-child(even) {
margin-right: 0; }
.houseOptions li:nth-child(odd) {
margin-left: 0; }
.houseOptions li i {
display: inline; }
.houseOptions li p {
display: inline;
margin-left: 10px;
font-weight: 600; }
.houseText {
/*margin-top: 20px;*/
font-size: 14px;
line-height: 26px;
display: inline-block; }
.houseText h2 {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
color: #54acff; }
.houseText h2:first-child {
margin-top: 0; }
.houseText ul {
padding: 10px 10px 10px 30px; }
.houseText ul li {
margin-bottom: 10px; }
.houseText ul li i.fa:first-child {
color: #b6cf01;
margin-right: 10px; }
.houseText div.divider {
margin-bottom: 5px; }
.referancesHouse {
float: lefT;
width: 100%;
margin-top: 10px; }
.referancesHouse li {
float: lefT;
width: 100%;
padding: 10px 0; }
.referancesHouse li a {
color: #383838; }
.referancesHouse li a p {
float: left; }
.referancesHouse li a span {
float: right; }
h3.titleOptions {
font-weight: 600;
margin: 10px 0;
font-size: 18px; }
.productWarnings {
float: left;
margin-top: 20px;
padding: 20px;
background: #ccc; }
.productWarnings i {
float: left;
font-size: 96px;
margin: 20px; }
.productWarnings .text {
float: left;
margin-left: 20px; }
.productWarnings .text h5 {
float: left;
width: 100%;
font-weight: 600;
margin: 10px 0;
font-size: 18px; }
.productWarnings .text ul {
float: left; }
.productWarnings .text ul li {
float: left;
list-style: disc;
margin-left: 20px; }
.reference-detail {
padding-top: 20px; }
.reference-detail .ref-detail-col {
margin-bottom: 20px; }
.reference-detail .ref-detail-col p.reference-detail-text {
font-size: 20px;
line-height: 24px; }
.reference-detail .ref-data-list li.ref-data {
padding: 20px;
margin: 5px 15px 5px 0;
background-color: #eee;
border: 4px solid #59acff;
font-size: 18px;
font-weight: 700; }
.reference-detail .ref-data-list li.ref-data:hover {
color: #fff;
background-color: #59acff;
transition: all 0.3s; }
.reference-detail .section-title {
margin-top: 30px; }
.reference-detail .ref-gallery-col, .reference-detail .ref-product-col {
margin-bottom: 30px; }
.reference-detail .ref-product-col .ref-product-image a {
display: block;
margin-bottom: 20px; }
.reference-detail .ref-product-col .ref-product-image a > img {
width: 100%; }
.reference-detail span.ref-product-name {
display: block;
padding: 20px;
margin: 20px 0;
background: #eee;
text-align: center;
font-size: 20px;
font-weight: 600; }
.reference-detail .ref-gallery-col .gallery_section {
padding-top: 0; }
.reference-detail .ref-gallery-col .gallery_section ul.image-list {
padding-top: 0; }
.reference-detail .ref-gallery-col .gallery_section ul.image-list li {
margin-top: 0; }
.reference-detail .ref-gallery-col .gallery_section ul.image-list li .hold-img {
background-color: #ddd; }
section.reference-list {
/* -------------------------------------
7.6 Blog section
------------------------------------- */ }
section.reference-list .container {
padding-top: 20px; }
section.reference-list .blog-item .blog-title, section.reference-list .blog-item .blog-title > a, section.reference-list .blog-item .blog-desc p, section.reference-list .blog-item .read-more a, section.reference-list .blog-item .blog-meta li a {
color: #fefefe; }
section.reference-list .blog-title {
text-transform: uppercase;
margin-bottom: 20px; }
section.reference-list .blog-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
section.reference-list .blog-img > a {
display: block; }
section.reference-list .blog-img img {
width: 100%; }
section.reference-list .blog-title {
font-weight: 700;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
section.reference-list .blog-desc p {
margin-bottom: 25px;
position: relative;
overflow: hidden;
max-height: 38%; }
section.reference-list .blog-desc p > span.limiter {
width: 130%;
left: -15%;
height: 100%;
position: absolute;
bottom: 0;
-webkit-box-shadow: inset 0px -18px 51px 0px #54acff;
-moz-box-shadow: inset 0px -18px 51px 0px #54acff;
box-shadow: inset 0px -18px 51px 0px #54acff; }
section.reference-list .blog-item .read-more {
margin-bottom: 7%; }
section.reference-list .read-more a {
display: inline-block;
font-weight: 500;
line-height: 14px; }
section.reference-list .blog-meta {
line-height: 1; }
section.reference-list .blog-meta li {
display: inline-block;
margin-right: 15px;
max-width: 48%; }
section.reference-list .blog-meta li:first-child, section.reference-list .blog-meta li:last-child {
max-width: 100%; }
section.reference-list .blog-meta li:last-child {
margin-right: 0; }
section.reference-list .blog-meta li a {
display: block;
font-size: 16px;
font-weight: 500;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%; }
section.reference-list .blog-meta li a i {
font-size: 13px;
margin-right: 10px; }
section.reference-list .blog-item {
margin-bottom: 30px;
overflow: hidden;
position: relative; }
section.reference-list .blog-item img {
width: 100%; }
section.reference-list .blog-item .blog-desc {
backface-visibility: hidden;
background: rgba(84, 172, 255, 0.95) none repeat scroll 0 0;
height: 100%;
left: 0;
padding: 40px;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: all 0.5s ease 0s; }
section.reference-list .blog-item .blog-desc::before, section.reference-list .blog-item .blog-desc::after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
pointer-events: none;
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; }
section.reference-list .blog-item .blog-desc::before {
border-bottom: 3px solid #b6cf01;
border-top: 6px solid #b6cf01;
transform: scale(0, 1); }
section.reference-list .blog-item .blog-desc::after {
border-left: 6px solid #b6cf01;
border-right: 3px solid #b6cf01;
transform: scale(1, 0); }
section.reference-list .blog-item:hover .blog-desc::before, section.reference-list .blog-item:hover .blog-desc::after {
opacity: 1;
transform: scale(1); }
section.reference-list .blog-item:hover .blog-desc {
opacity: 1; }
section.reference-list .blog-title {
text-transform: uppercase; }
section.reference-list .blog-item .blog-title,
section.reference-list .blog-item .blog-desc p,
section.reference-list .blog-item .read-more a,
section.reference-list .blog-item .blog-meta li a {
color: #fefefe; }
section.reference-list .blog-item .blog-title:hover a,
section.reference-list .blog-item .read-more a:hover,
section.reference-list .blog-item .blog-meta li a:hover {
color: #ccc; }
section.productList .container {
padding-top: 20px; }
section.productList .container .housingList {
padding-top: 0; }
.sidebar-wrapper .sidebar > ul {
padding: 20px 0;
border: 8px solid #59acff;
/*border-radius: 5px;*/
margin-bottom: 20px;
clear: both;
overflow: hidden; }
.sidebar-wrapper .sidebar > ul.categories li {
float: none !important; }
.sidebar-wrapper .sidebar > ul.categories li ul.sub {
padding-left: 10px;
margin-top: 10px; }
.sidebar-wrapper .sidebar > ul.categories li > a i.fa {
position: relative;
left: 10px;
transition: all 100ms ease-in; }
.sidebar-wrapper .sidebar > ul.categories li > a:hover {
color: #000;
font-weight: bold; }
.sidebar-wrapper .sidebar > ul.categories li > a:hover i.fa {
left: 0px; }
.sidebar-wrapper .sidebar > ul.categories li.active > a {
color: #59acff;
font-weight: 700;
text-transform: uppercase; }
.sidebar-wrapper .sidebar > ul.filters li > a > i.fa {
font-size: 22px;
vertical-align: middle; }
.sidebar-wrapper .sidebar > ul li {
line-height: 18px;
padding: 10px 5px 10px 10px; }
.sidebar-wrapper .sidebar > ul li:not(.title):not(.subtitle):not(.actions) {
float: left; }
.sidebar-wrapper .sidebar > ul li.title {
margin-top: -20px;
margin-bottom: 20px;
font-size: 18px;
padding: 20px 5px;
text-align: center;
background-color: #59acff;
font-weight: 700;
color: #fff; }
.sidebar-wrapper .sidebar > ul li.subtitle {
color: #54acff;
padding-bottom: 5px; }
.sidebar-wrapper .sidebar > ul li.actions {
color: #54acff;
padding-bottom: 5px;
text-align: center;
padding-left: 5px; }
.sidebar-wrapper .sidebar > ul li.title, .sidebar-wrapper .sidebar > ul li.subtitle, .sidebar-wrapper .sidebar > ul li.actions {
clear: both;
font-weight: 700; }
.sidebar-wrapper .sidebar > ul li a {
color: #666; }
.sidebar-wrapper .sidebar > ul li input.m2input {
width: 70px;
padding: 3px 6px;
height: 28px; }
.sidebar-wrapper .sidebar > ul li .btn-genc {
font-weight: 700; }
section.contact-info {
/*.divider{
width:100px;
}*/ }
section.contact-info div.map {
min-height: 500px; }
section.contact-info .contact .social-media {
display: block;
margin: 40px 0 20px;
padding-top: 10px;
clear: both;
overflow: hidden; }
section.contact-info .contact .social-media div#follow-us-up > img {
margin: 10px 0; }
@media (max-width: 768px) {
section.contact-info .contact .social-media div#follow-us-up > img {
margin: 30px 0 20px; } }
section.contact-info .contact .social-media ul li {
float: left;
padding: 5px;
text-align: center; }
section.contact-info .contact .social-media ul li a {
opacity: 0.5;
color: #dcdcdc; }
section.contact-info .contact .social-media ul li.facebook a {
color: #3b5999; }
section.contact-info .contact .social-media ul li.instagram a {
color: #e4405f; }
section.contact-info .contact .social-media ul li.twitter a {
color: #55acee; }
section.contact-info .contact .social-media ul li.youtube a {
color: #cd201f; }
section.contact-info .contact .social-media ul li.vimeo a {
color: #1ab7ea; }
section.contact-info .contact .social-media ul li.google-plus a {
color: #dd4b39; }
section.contact-info .contact .social-media ul li:hover a {
opacity: 1; }
section.contact-info .contact .form-sonuc .alert {
margin-bottom: 6px; }
section.contact-info .contact .form-sonuc .alert h4 {
font-family: montserrat;
font-weight: 500; }
section.contact-info .contact .form-sonuc .alert ul li {
font-family: montserrat;
font-weight: 500; }
section.contact-info .contact form {
float: left;
width: 100%; }
section.contact-info .contact form .form-group {
margin: 0 0 6px; }
section.contact-info .contact form .form-group .row {
margin: 0 -9px 0 -15px; }
section.contact-info .contact form .form-group input[type=text] {
width: 100%;
background-color: #f5f5f5;
padding: 20px;
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20;
border: 0;
outline: 0; }
section.contact-info .contact form .form-group input[type=text]::-webkit-input-placeholder {
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20; }
section.contact-info .contact form .form-group input[type=email] {
width: 100%;
background-color: #f5f5f5;
padding: 20px;
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20;
border: 0;
outline: 0; }
section.contact-info .contact form .form-group input[type=email]::-webkit-input-placeholder {
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20; }
section.contact-info .contact form .form-group textarea {
width: 100%;
background-color: #f5f5f5;
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20;
min-height: 195px;
padding: 20px;
border: 0;
outline: 0;
resize: none; }
section.contact-info .contact form .form-group textarea::-webkit-input-placeholder {
font-family: montserrat;
font-weight: 300;
font-size: 17px;
color: #231f20; }
section.contact-info .contact form .form-group input[type=submit] {
float: right;
background-color: #59acff;
font-family: montserrat;
font-weight: 300;
font-size: 18px;
color: #fff;
padding: 30px 60px;
border: 0;
outline: 0; }
section.contact-info .contact form .form-group input[type=submit]:hover {
color: #24bae3;
background-color: #fff;
border-color: #24bae3;
-webkit-transition: all, .3s ease-in-out;
-o-transition: all, .3s ease-in-out;
transition: all, 0.3s ease-in-out; }
section.contact-info .contact form .form-group button.eski[type=submit] {
float: right;
background-color: #59acff;
font-family: montserrat;
font-weight: 300;
font-size: 18px;
color: #fff;
padding: 24px 54px;
outline: 0;
border: 3px solid transparent; }
section.contact-info .contact form .form-group button.eski[type=submit]:hover {
color: #24bae3;
background-color: #fff;
border-color: #24bae3;
-webkit-transition: all, .3s ease-in-out;
-o-transition: all, .3s ease-in-out;
transition: all, 0.3s ease-in-out; }
section.contact-info div.after-map {
padding-top: 35px; }
section.contact-info div.addresses, section.contact-info div.contact {
padding-top: 5px; }
section.contact-info div.addresses .address {
margin-bottom: 50px; }
section.contact-info div.addresses .address h3.address-title {
color: #59acff;
text-transform: uppercase; }
section.contact-info div.addresses .address h3.address-text {
margin-top: 20px;
margin-bottom: 15px; }
section.contact-info div.addresses .address .contact-item {
display: inline-block;
font-size: 16px;
padding: 5px;
margin: 5px;
color: #444; }
section.contact-info div.contact h3.form-title {
color: #59acff;
text-transform: uppercase; }
/*# sourceMappingURL=style.css.map */