/*--
Author: Bedir AKKOYUNLU
--*/
html, body{
font-family: 'Roboto Condensed', sans-serif;
font-size: 100%;
background: #e5e5e5;
}
body a,.grid_1,plan_1,plan_1.one,plan_1.two,i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
@font-face {
font-family: 'Raleway-Regular';
src: url(../fonts/Raleway-Regular.ttf)format('truetype');
}
a:hover{
text-decoration:none;
}
input[type="button"],input[type="submit"],li.parallelogram{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-family: 'Roboto Condensed', sans-serif;
}
p{
margin:0;
font-family: 'Open Sans', sans-serif;
}
ul{
margin:0;
padding:0;
}
label{
margin:0;
}
.header-top {
padding: 1.5em 0;
background:#fff;
margin-top:50px;
}
/*--logo--*/
.logo {
float: left;
}
.logo a{
display:block;
}
.logo a h1 {
font-size: 2em;
font-weight: 700;
color: #fff;
background: #464646;
padding: 0.2em 0.5em;
}
.logo a h1:hover{
text-decoration:none;
}
/*--logo--*/
/*--social--*/
.technology {
position:relative;
}
.social {
float: right;
width: 26.33%;
padding: 0.32em 0;
}
.social ul{
padding:0;
margin:0;
}
.social ul li{
display: inline-block;
margin: 0;
}
.social ul li a.facebook{
background: url(../images/social.png) no-repeat 0px 0px;
width: 32px;
height: 32px;
display: block;
}
.social ul li a.twitter{
background: url(../images/social.png) no-repeat -34px 0px ;
}
.social ul li a.chrome{
background: url(../images/social.png) no-repeat -68px 0px ;
}
.social ul li a.in{
background: url(../images/social.png) no-repeat -102px 0px ;
}
.social ul li a.beh{
background: url(../images/social.png) no-repeat -136px 0px ;
}
.social ul li a.vem{
background: url(../images/social.png) no-repeat -169px 0px ;
}
.social ul li a.yout{
background: url(../images/social.png) no-repeat -202px 0px ;
}
.social ul li a.facebook:hover{
opacity:.5;
}
/*--social--*/
/*--search--*/
.search {
float: right;
width: 25%;
margin: 0.2em 0;
}
.search {
position: relative;
border: 2px solid #333333;
padding: 0.5em 0;
background: #fff;
}
.search input[type="text"]{
width: 80%;
outline: none;
padding: 0em 0.6em;
font-size: 1em;
color: #333333;
position: relative;
border: none;
}
.search input[type="submit"]{
background: url(../images/search-icon.png) no-repeat 0px 2px #fff;
border: none;
height: 26px;
width: 26px;
display: inline-block;
position: absolute;
outline: none;
cursor: pointer;
top: 6px;
right: 2px;
}
.uyari {margin:15px 5px 15px 5px;}
/*--search--*/
.logo a span {
font-size: 0.9em;
margin-left: 5em;
padding-top: 0.5em;
}
.head-bottom {
background: #464646;
padding:10px 0px;
}
/*--navigation--*/
ul.nav.navbar-nav li.active a {
background:#464646 ! important;
color: #fff ! important;
text-transform: uppercase ! important;
font-weight:700;
}
ul.nav.navbar-nav li a:hover{
background:#464646 ! important;
color: #fff ! important;
}
ul.nav.navbar-nav li a {
color: #464646;
text-transform: uppercase ! important;
font-weight: 700 ! important;
padding: 15px 23px ! important;
border-right: 1px solid rgba(255, 255, 255, 0.32) ! important;
font-size: 1em;
}
.head-bottom ul.dropdown-menu li a {
color: #000 ! important;
padding:8px 15px ! important;
font-size:0.9em ! important;
}
.navbar-collapse {
padding-left: 0px ! important;
padding-right: 0px ! important;
}
.collapse {
display: none;
}
/*--navigation--*/
/*--banner--*/
.banner{
background: url(../images/banner.jpg) no-repeat 0px 0px;
background-size:cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
min-height: 550px;
}
.banner a {
font-size: 1em;
color: #fff;
font-weight: 600;
padding: 0.8em 2em;
border: 2px solid #fff;
background: rgba(255, 255, 255, 0.32);
}
.banner a:hover {
border: 2px solid #464646;
color: #fff;
background: rgba(70, 70, 70, 0.67);
}
.banner h2 {
font-size:2.5em;
font-weight: 600;
color: #fff;
}
.banner {
padding: 10em 0 0;
text-align: center;
}
.banner p {
font-size: 1.2em;
color: rgba(255, 255, 255, 0.46);
font-weight: 400;
line-height: 1.8em;
margin: 1em auto 2em;
width: 70%;
}
/*--banner--*/
/*--technology-left--*/
.blog-poast-info {
border-top: 1px solid #aeaeae;
padding: 1em 0;
text-align: left;
}
.blog-poast-info ul li {
display:inline-table;
margin-right: 1em;
}
.blog-poast-info ul li{
color: #000;
font-size:0.8125em;
vertical-align:middle;
}
.blog-poast-info li i {
font-size:1.5em;
color: #aeaeae;
margin-right: 0.3em;
margin-top: 0px;
vertical-align:middle;
}
i.glyphicon.glyphicon-comment {
vertical-align: middle;
}
.blog-poast-info ul li a {
color:#000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
vertical-align:middle;
}
.blog-poast-info ul li a:hover{
text-decoration:none;
}
.blog-poast-info ul li a:hover {
color:#fa4b2a;
}
.blog-section {
padding: 4em 0;
position: relative;
}
.tc-ch h3 a {
color: #fa4b2a;
font-weight: 700;
font-family: 'Roboto Condensed', sans-serif;
}
.tc-ch p {
color: #777;
font-size: 0.875em;
line-height: 1em;
margin: 1px 0;
}
.tc-ch h3 {
margin: -40px 0 0;
font-size:1.7em;
}
.tc-ch {
background: #fff;
padding:5px 3em 3em 3em;
margin-bottom: 1em;
position: relative;
}
a.blog{
position: absolute;
top: 4em;
background: #386ecf;
padding: 0.3em 1.8em;
color: #fff;
}
a.blog.pink{
background: #d43d7d;
}
a.blog.gren{
background: #42d948;
}
a.blog.orn{
background: #c75830;
}
.tech-no {
}
.tc-ch {
float: left;
width: 100%;
}
.soci {
float: left;
padding-top: 2.025em;
}
.soci li {
display: block;
}
.soci ul li a.facebook-1{
background: url(../images/111.png) no-repeat 0px 0px;
width: 42px;
height: 42px;
display: block;
}
.soci ul li a.twitter{
background: url(../images/111.png) no-repeat -42px 0px ;
}
.soci ul li a.chrome{
background: url(../images/111.png) no-repeat -84px 0px ;
}
i.glyphicon.glyphicon-envelope {
background: #738a8d;
width: 42px;
height: 42px;
top: -1px;
text-align: center;
padding: 0.5em 0;
color: #fff;
font-size: 1.3em;
}
i.glyphicon.glyphicon-print {
background: #738a8d;
width: 42px;
height: 42px;
top: -1px;
text-align: center;
padding: 0.5em 0;
color: #fff;
font-size: 1.3em;
}
i.glyphicon.glyphicon-plus{
background: #f8694d;
width: 42px;
height: 42px;
top: -1px;
text-align: center;
padding: 0.5em 0;
color: #fff;
font-size: 1.3em;
}
/*--technology-left--*/
/*--technology-right--*/
.blo-top form input[type="text"] {
width: 100%;
color: #333333 ! important;
outline: none;
font-size: 16px;
padding: .5em;
border: 2px solid #333333;
-webkit-appearance: none;
}
.blo-top form input[type="submit"] {
background:#f53f1a;
padding: .3em 1em;
color: #fff;
font-size: 14px;
font-weight: 400;
display: block;
outline: none;
border: none;
width: 100%;
}
.blo-top form input[type="submit"]:hover{
background:#333333;
}
.button {
margin: 1em 0 0;
float: left;
}
.blog-grid-left {
float: left;
width: 36%;
}
.blog-grid-right {
float: left;
width: 60%;
margin-left: 0.5em;
}
.tech-btm p {
margin: 1em 0;
font-size: 0.875em;
color: #777;
line-height:1.8em;
}
.tech-btm h4 {
font-size: 1.5em;
color: #333333;
font-weight: 700;
margin-bottom: 1px;
}
.tech-btm h5 {
font-size: 1.1em;
line-height: 1.4em;
font-weight: 700;
}
.blog-grid-right h5 a {
color: #4A4747;
}
.blo-top {
border-bottom: 1px solid #aeaeae;
}
.tech-btm {
padding: 0.5em;
background:#fff;
}
.technology-right{
width:30%;
position:static;
}
.technology-right-1 {
width: 30%;
}
.technology-left{
width:70%
}
.blog-grids {
border-bottom: 1px dotted #aeaeae;
padding: 1px;
}
/*--technology-right--*/
/*--footer--*/
.footer {
background: #121212;
padding: 3em 0;
}
.footer h6 {
font-size: 1.7em;
background: #fa4b2a;
padding: 0.5em 1.7em;
font-weight: 700;
color: #fff;
}
.footer p {
font-size: 0.875em;
color: #fff;
margin: 1em 0;
line-height: 1.8em;
}
.footer-middle p {
margin: 0;
}
.footer-middle a {
color: #fa4b2a;
}
.footer h4 {
font-size: 1.7em;
color: #fff;
border-bottom: 1px solid #fff;
width: 89%;
margin-bottom: 1em;
}
.mid-btm {
margin-bottom: 1em;
}
.footer-middle {
padding-left: 4em;
}
.footer-right li a {
color: #fff;
font-size: 0.875em;
line-height: 1.8em;
}
.footer-right li a:hover{
color: #fa4b2a;
}
.footer-right li {
display:block;
}
.footer-right {
padding-left: 8em;
}
/*--footer--*/
/*--footer-bottom--*/
.foot-nav ul li{
display:inline-block;
float:left;
}
.foot-nav li a{
color:#fff;
font-size:1em;
padding:0.5em 1em;
text-decoration: none;
font-weight:700;
}
.foot-nav {
background: #fa4b2a;
}
.foot-nav ul {
padding: 0.65em 0;
}
.foot-nav li a {
color: #fff;
font-size: 0.95em;
padding: 0.7em 1.5em;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
border-right: 1px solid rgba(255, 255, 255, 0.32) ! important;
}
/*--footer-bottom--*/
.copyright {
background: #fece14;
padding: 1em 0;
text-align: center;
}
.banner1{
background: url(../images/banner.jpg) no-repeat 0px 0px;
background-size:cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
min-height: 300px;
}
.technology-1 {
margin: 2em 0;
}
.vide {
padding: 2em;
background: #fff;
margin-bottom: 1em;
}
.vide-1 {
padding: 2em 2em 1.6em;
background: #fff;
}
.rev-img {
float: left;
width: 40%;
}
.rev-info {
float: right;
width: 57%;
}
.rev h3 {
margin: 0 ! important;
}
.rev {
margin-bottom: 1.6em;
}
.technology-1 h3 {
margin: 0.5em 0 0;
font-size: 1.7em;
}
.technology-1 h3 a {
color: #fa4b2a;
font-weight: 700;
font-family: 'Roboto Condensed', sans-serif;
}
.technology-1 p {
color: #777;
font-size: 0.875em;
line-height: 1.8em;
margin: 1em 0;
}
/*--business--*/
.business {
padding: 2em 2em 1.8em;
background: #fff;
}
.business li {
display: block;
}
.business li a {
color: #333333;
font-size: 1em;
line-height: 2em;
}
.business h3 {
color: #f53f1a;
font-size: 1.7em;
font-weight: 700;
margin: 0 0 0.5em;
}
.business h2 {
color: #f53f1a;
font-size: 1.7em;
font-weight: 700;
margin: 0.5em 0;
}
.business h2 a{
color: #f53f1a;
}
.business h4{
color: #f53f1a;
font-size: 1.7em;
font-weight: 700;
margin: 0.5em 0;
text-align: center;
}
.business-bottom {
margin-top: 3em;
}
.business-top {
padding-bottom: 3em;
border-bottom: 1px solid #aeaeae;
}
/*--business--*/
.design-left {
margin-top: 2em;
}
.design-top {
margin-top: 3.7em;
}
.rev-1 {
padding-bottom: 2em;
margin-bottom: 1.55em;
border-bottom: 1px solid #aeaeae;
}
/*--contact--*/
.map iframe {
width: 100%;
height: 400px;
}
.contact-grids h2{
color: #ed645c;
font-weight: 600;
margin-bottom: 0.5em;
font-size: 2.1em;
margin-top: 1.5em;
font-family: 'Audiowide', cursive;
}
.contact-grids p.design{
margin: .2em 0 0 0;
color: #999999;
font-size: 25px;
text-align: center;
font-weight: 300;
}
.contact-grid{
float:left;
width:25%;
text-align:center;
}
.contact-grid p{
color:#898888;
font-size:15px;
margin:1em 0 0;
}
.contact-grid p span{
display:block;
margin:.3em 0 0;
}
.glyphicon-phone-alt:before,.glyphicon-map-marker:before {
color:#C2C4C5;
font-size:22px;
}
.glyphicon-envelope2:before {
content: "\2709";
color:#C2C4C5;
font-size:22px;
}
.contact-grid p a{
color:#898888;
font-size:15px;
}
.contact-grid p a:hover{
text-decoration:none;
color:#7EC259;
}
.contact-grid:nth-child(2){
margin:0 4em;
}
.contact-grids input[type="text"],.contact-grids textarea{
outline:none;
border:1px solid #a1a1a1;
background:none;
padding:15px 10px;
font-size:15px;
}
.contact-grids input[type="text"] {
width: 32%;
float: left;
}
.contact-grids input[type="text"]:nth-child(2){
margin:0 0.8em;
}
.contact-grids textarea{
width:100%;
height:285px;
margin:1.5em 0;
resize:none;
}
.contact-grids input[type="submit"]{
outline:none;
border:none;
background:#f53f1a;
width: 16%;
display: block;
padding: 8px 0px;
border:2px solid #f53f1a;
color:#fff;
font-size:16px;
font-weight:700;
transition:.5s all;
-webkit-transition:.5s all;
-moz-transition:.5s all;
-o-transition:.5s all;
-ms-transition:.5s all;
}
.contact-grids input[type="submit"]:hover{
background:#fff;
color:#333333;
border:2px solid #333333;
}
.contact-icons{
padding:3em 0 4em;
}
.map{
margin-top:3em;
}
span.glyphicon.glyphicon-download-alt,span.glyphicon.glyphicon-file,span.glyphicon.glyphicon-qrcode,span.glyphicon.glyphicon-globe,span.glyphicon.glyphicon-screenshot,span.glyphicon.glyphicon-link,span.glyphicon.glyphicon-share,span.glyphicon.glyphicon-record{
font-size: 4em;
padding-top:0.25em;
}
.servc-grid-right h4 {
text-align: left;
margin:0;
}
.servc-grid {
margin-bottom: 2.22em;
}
.grid_3.grid_5 {
margin-top: 2em;
}
/*--single--*/
h4.media-heading {
font-size: 1.5em;
color: #333333;
text-align:left;
margin:0;
font-weight:400;
}
.media-body p {
color: #9E9E9E;
font-size: 0.875em;
line-height: 1.8em;
}
.comment-bottom input[type="text"],.comment-bottom textarea {
background: none;
width: 100%;
outline: none;
border: 1px solid #e2e2e2;
padding:1em 0.8em;
font-size: 1em;
color: #e2e2e2;
margin:0 0 0.7em ;
float:left;
}
.comment-bottom textarea{
resize:none;
margin: 0em 0 0.5em;
min-height: 180px;
-webkit-appearance: none;
}
.comment-bottom input[type="submit"] {
width: 11%;
font-size: 1.1em;
background: #fa4b2a;
padding: 0.5em 1em;
text-align: center;
color: #fff;
border: none;
outline: none;
margin: 0 auto;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
cursor:pointer;
}
.comment-bottom input[type="submit"]:hover {
background:#333333;
}
.comment h3, .comment-top h2 {
color: #f53f1a;
font-size: 2.5em;
text-align: left;
padding: 0 0 0.5em;
font-weight:400;
}
.comment {
padding: 3em 0 0;
}
.blog-text h5 {
font-size: 1.7em;
margin: 0.6em 0;
color:#f53f1a;
font-weight:700;
}
/*--//single--*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color:#464646 ! important;
}
.copyright p {
font-size: 0.875em;
color: #000;
line-height: 1.8em;
}
.copyright p a{
color: #000;
font-weight:700;
}
.copyright p a:hover{
color:#fa4b2a;
}
/*-- responsive-design --*/
@media (min-width: 1280px) and (max-width: 2000px) {
.vitrinFirma{width:25%;
float:left;
}
}
@media (max-width: 1280px){
.vitrinFirma{width:33.333%;
float:left;
}
.fetablo {
width:50%;
}
}
@media (max-width: 1024px){
.fetablo {
width:50%;
}
.vitrinFirma{width:33.333%;
float:left;
}
ul.nav.navbar-nav li a {
padding: 15px 14px ! important;
}
.banner {
padding: 8em 0 0;
}
.banner h2 {
font-size: 2em;
}
.banner p {
font-size: 1em;
}
.banner {
min-height: 500px;
}
.tech-btm h4 {
font-size: 1.17em;
margin-bottom: 0.5em;
}
.blog-grid-right {
width: 59%;
}
.tech-btm h5 {
font-size: 0.9em;
}
.footer h6 {
font-size: 1.5em;
}
.footer-middle {
padding-left: 7em;
}
.footer-right {
padding-left: 6em;
}
.footer h4 {
font-size: 1.6em;
}
.foot-nav li a {
padding: 0.7em 1.15em;
}
.comment-bottom input[type="submit"] {
width: 16%;
font-size: 1em;
padding: 0.4em 1em;
}
.contact-grid p {
font-size: 13px;
}
.contact-grids input[type="text"]:nth-child(2) {
margin: 0 0.7em;
}
}
/*-- responsive-design --*/
@media (max-width: 966px){
.fetablo {
width:50%;
}
ul.nav.navbar-nav li a {
padding: 12px 5px ! important;
font-size:0.95em;
}
.search {
width: 23%;
}
.social {
width: 36.33%;
}
.logo a h1 {
font-size: 1.8em;
}
.technology-left {
width: 70%;
float:left;
}
.technology-right {
width: 30%;
float: right;
}
.tc-ch {
float: left;
width: 91%;
padding:1em;
}
.tech-btm {
padding: 1em;
}
.tech-btm h4 {
text-align: center;
line-height: 1.2em;
}
.tech-btm p {
font-size: 0.8125em;
line-height: 1.5em;
}
.tc-ch p {
font-size: 0.8125em;
line-height: 1.5em;
}
.blog-poast-info li i {
font-size: 1.1em;
margin-top:-3px;
}
.blog-poast-info ul li {
margin-right: 0.3em;
}
.blog-grid-right {
width: 58%;
}
.tech-btm h5 {
font-size: 0.875em;
}
.footer-left {
float: left;
width: 33.33%;
}
.footer-middle {
padding-left: 3em;
float: left;
width: 33.33%;
}
.footer-right {
padding-left: 3em;
float: left;
width: 33.33%;
}
.footer p {
font-size: 0.8125em;
line-height: 1.5em;
}
.footer-right li a {
font-size: 0.825em;
}
.footer h6 {
font-size: 1.3em;
padding:0.5em 1em;
}
.footer {
padding: 3em 0 2em;
}
.foot-nav li a {
padding: 0.7em 0.6em;
font-size:0.9em;
}
.technology-1 p {
font-size: 0.8125em;
}
.technology-1 h3 {
font-size: 1.5em;
}
.vide {
padding: 1em;
}
.technology-right-1 {
width: 30%;
float: right;
}
.vide-1 {
padding: 1em 1em;
}
.business {
padding: 1em 1em 1em;
}
.comment h3, .comment-top h2 {
font-size: 2em;
}
h4.media-heading {
font-size: 1.3em;
}
.contact-grids input[type="text"]:nth-child(2) {
margin: 0 0.5em;
}
.contact-grid {
width: 31%;
}
.contact-grid:nth-child(2) {
margin: 0 0em;
}
}
/*-- responsive-design --*/
@media (max-width: 768px){
.banner {
min-height: 440px;
padding:6em 0 0;
}
span.glyphicon.glyphicon-file, span.glyphicon.glyphicon-qrcode, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-screenshot, span.glyphicon.glyphicon-link, span.glyphicon.glyphicon-share, span.glyphicon.glyphicon-record {
font-size: 3em;
}
.business-left {
margin-top: 2em;
}
}
/*-- responsive-design --*/
@media (max-width: 736px){
.logo a h1 {
font-size: 1.4em;
margin-top:0.2em;
}
.social {
width: 42.33%;
}
.header-top {
padding: 1em 0;
}
.banner {
min-height: 330px;
padding: 4em 0 0;
}
.banner h2 {
font-size: 1.7em;
}
.banner p {
font-size: 0.875em;
width:100%;
}
.technology-left {
width: 100%;
}
.technology-right {
width: 100%;
float: none;
}
.technology-right {
width: 100%;
float: left;
margin: 3px; 0 0;
}
.tech-btm {
padding: 2em;
}
.footer {
margin-top: 2em;
}
.footer h6 {
font-size: 1.2em;
padding: 0.5em 0.3em;
}
.footer h4 {
font-size: 1.5em;
}
.blog-grid-left {
float: left;
width: 18%;
}
.tc-ch {
float: left;
width: 91.5%;
padding: 2em;
}
.navbar-nav {
margin: 7.5px 0px;
}
.technology-right-1 {
width: 100%;
float: right;
margin-top: 1em;
}
.banner1 {
min-height: 150px;
}
.navbar-toggle .icon-bar {
background: #fff ! important;
}
.foot-nav li a {
padding: 0.5em 0.6em;
font-size: 0.85em;
}
}
/*-- responsive-design --*/
@media (max-width: 667px){
.foot-nav li a {
padding: 0.5em 0.4em;
}
}
/*-- responsive-design --*/
@media (max-width: 600px){
.foot-nav li a {
padding: 0.5em 0.2em;
}
}
/*-- responsive-design --*/
@media (max-width: 568px){
.technology-right {
padding: 0;
float:left;
}
.vitrinFirma{width:100%;
}
.logo {
float: left;
width: 40%;
text-align: center;
}
.social {
width: 100%;
float: right;
text-align: right;
margin-top: 1em;
padding: 0;
}
.logo a h1 {
margin-top:0;
padding: 0.35em 0.5em;
}
.search {
width: 40%;
}
.banner {
padding: 3em 0 0;
}
.rev-img {
float: left;
width: 100%;
}
.rev-info {
float: right;
width: 100%;
margin-top: 1em;
}
.contact-grid {
width: 100%;
margin-bottom: 1em;
text-align:left;
}
.contact-icons {
padding: 1em 0 1em;
}
.contact-grids input[type="text"] {
width: 100%;
float: left;
margin-bottom: 0.5em;
}
.contact-grids input[type="text"]:nth-child(2) {
margin: 0 0 0.5em;
}
.contact-grids textarea {
height: 200px;
}
.contact-grids input[type="submit"] {
width: 31%;
padding: 7px 0px;
}
.foot-nav li a {
font-size: 0.8em;
}
}
/*-- responsive-design --*/
@media (max-width: 480px){
.technology-right {
padding: 0;
float:left;
}
.vitrinFirma{width:100%;
}
.footer-left {
float: none;
width: 100%;
}
.footer-middle {
float: none;
width: 100%;
margin:1.5em 0;
padding-left:1em;
}
.footer-right{
float: none;
width: 100%;
padding-left:1em;
}
.technology-1 h3 {
font-size: 1.2em;
}
.servc-grid-left {
float: left;
width: 100%;
text-align: center;
padding: 0;
margin-bottom: 1em;
}
.servc-grid-right {
float: left;
width: 100%;
padding: 0;
}
.servc-grid {
margin-bottom: 1em;
}
.servc-grid-right h4 {
font-size: 1.5em;
}
.blog-text h5 {
font-size: 1.4em;
}
.business li a {
font-size: 0.875em;
}
.map iframe {
width: 100%;
height: 210px;
}
.map {
margin-top: 2em;
}
.foot-nav ul li {
margin-bottom: 0.5em;
}
.foot-nav li a {
padding: 0.5em 0.84em;
border-right:none ! important;
}
}
/*-- responsive-design --*/
@media (max-width: 414px){
.technology-right {
padding: 0;
float:left;
}
.vitrinFirma{width:100%;
}
.tc-ch {
float: left;
width: 100%;
padding: 1em;
}
.banner h2 {
font-size: 1.2em;
}
.banner p {
font-size: 0.8em;
line-height: 1.4em;
}
.banner {
min-height:280px;
}
.banner a {
font-size: 0.9em;
padding: 0.5em 1em;
}
.tech-btm {
padding: 1em;
}
.logo {
width: 100%;
}
.logo a h1 {
padding: 0.6em 0.5em;
font-size:1.2em;
}
.vide iframe {
min-height: 150px ! important;
}
.servc-grid-right h4 {
font-size: 1.25em;
}
.media-left, .media-right, .media-body {
float: left ! important;
width: 100% ! important;
}
h4.media-heading {
text-align: left;
margin: 1em 0;
}
.comment-bottom input[type="submit"] {
width: 25%;
}
.business h2 {
font-size: 1.4em;
}
.design-top {
margin-top: 1.7em;
}
}
/*-- responsive-design --*/
@media (max-width: 384px){
.technology-right {
padding: 0;
float:left;
}
.vitrinFirma{width:100%;
}
.logo {
width: 100%;
}
.logo a h1 {
font-size:1.2em;
padding: 0.55em 0.5em;
}
.search {
margin: 0;
}
.tc-ch {
width: 100%;
}
.foot-nav li a {
padding: 0.5em 0.55em;
}
}
/*-- responsive-design --*/
@media (max-width: 320px){
.vitrinFirma{width:100%;
}
.logo a h1 {
font-size: 1em;
padding: 0.5em 0.5em;
}
.search {
width: 43%;
border: 1px solid #333333;
padding: 0.3em 0;
}
.social {
text-align: center;
}
.header-top {
padding: 0.8em 0 0;
}
.search input[type="submit"] {
top: 2px;
}
.banner {
padding: 2em 0 0;
}
.navbar-toggle {
margin-top: 4px;
margin-bottom: 4px;
}
.technology-left {
padding-left: 0%;
}
.tc-ch {
width: 100%;
}
.tech-no {
top: -23px;
}
.banner p {
margin: 1em auto 1.5em;
}
.banner a {
font-size: 0.85em;
padding: 0.4em 0.8em;
}
.soci {
padding-top: 1.42em;
}
.tc-ch h3 {
font-size: 1.2em;
}
.technology-right {
padding: 0;
float:left;
}
.blog-grid-left {
width: 30%;
}
.blog-grid-right {
width: 65%;
}
.footer-left,.footer-middle,.footer-right {
padding: 0;
}
.footer {
margin-top: 1em;
}
.footer {
padding: 2em 0 2em;
}
.footer h4 {
margin-bottom: 0.5em;
}
.copyright {
padding: 0.5em 0;
}
.banner1 {
min-height: 130px;
}
.technology-right-1 {
padding: 0;
}
.blog-text h5 {
font-size: 1.2em;
}
.business-left {
margin-top: 1em;
padding: 0;
}
.foot-nav li a {
padding: 0.5em 0.35em;
font-size: 0.75em;
}
}
.eleman {margin-top:2px;}
.tut {position:fixed;}
.thumbnails li> .fff .caption {
background:#fff !important;
padding:0 10px 0 10px;
}
/* Page Header */
.page-header {
background: #f9f9f9;
margin: -30px -40px 40px;
padding: 20px 40px;
border-top: 4px solid #ccc;
color: #999;
text-transform: uppercase;
}
.page-header h3 {
line-height: 0.88rem;
color: #000;
}
ul.thumbnails {
margin-bottom: 0px;
}
/* Thumbnail Box */
.caption h4 {
color: #444;
text-align:center;
}
.caption p {
color: #999;
}
/* Carousel Control */
.control-box {
text-align: right;
width: 100%;
}
.carousel-control{
background: #666;
border: 0px;
border-radius: 0px;
display: inline-block;
font-size: 34px;
font-weight: 200;
line-height: 18px;
opacity: 0.5;
padding: 4px 10px 0px;
position: static;
height: 30px;
width: 15px;
}
/* Mobile Only */
@media (max-width: 767px) {
.page-header, .control-box {
text-align: center;
}
}
@media (max-width: 479px) {
.technology-right {
padding: 0;
float:left;
}
.vitrinFirma{width:100%;
}
.caption {
word-break: break-all;
}
}
li { list-style-type:none;}
::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; }
.productbox {
background-color:#ffffff;
padding:10px;
margin-bottom:10px;
-webkit-box-shadow: 0 8px 6px -6px #999;
-moz-box-shadow: 0 8px 6px -6px #999;
box-shadow: 0 8px 6px -6px #999;
}
.producttitle {
font-weight:bold;
padding:5px 0 5px 0;
text-align:center;
}
.productprice {
border-top:1px solid #dadada;
padding-top:5px;
}
.pricetext {
font-weight:bold;
font-size:1.4em;
}
.v_resim{
margin-top:2px;
padding:2px;
margin-bottom:1px;
}
.fdlogo { margin:0 auto;
background-color:#FFF;
}
.fdband {
margin:5px auto;
background-color:#FFF;
}
.fdustbandreklam {
max-height:150px;
}
.yorta { text-align:center;
vertical-align:central;
}
.fdhakkimizda {
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
background-color:#FFF;
padding:5px;
}
.itemi{color:#fa4b2a;; margin-top:30px; overflow:hidden;}
.block-title{color: #48453d; margin-bottom:0px; font-size:18px; margin-top: 0px; font-weight:700; text-transform:uppercase;}
.item-content-block{padding:20px; border-top:2px solid #f6f6f2; background-color:#FFF; display:block;}
.tags a{background-color:#fa4b2a;; padding:10px; color:#fff; display:inline-block; font-size:11px; text-transform:uppercase; line-height:11px; border-radius:2px; margin-bottom:5px; margin-right:2px; text-decoration:none;}
.tags a:hover{background-color:#a38018;}
.cntfe { padding-top: 40px; }
#details { font-family: "Quicksand", sans-serif; font-size: 60px; }
#home-box > h2 { font-family: "Quicksand", sans-serif; font-weight: 400; line-height: 1.1; color: #75b1ae; }
.price { font-size: 25px; float: left; }
.pricing_header { background: none repeat scroll 0% 0% rgb(44, 62, 80); border-radius: 5px 5px 0px 0px; transition: background 0.4s ease-out 0s; }
.pricing_header h2 { text-align:center; line-height: 25px; padding: 15px 0px; margin: 0px; font-family: "Quicksand", sans-serif; font-weight: 400; color: #75b1ae; }
.list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.btn { float: right; font-family: "Quicksand", sans-serif; font-weight:500;}
.off { text-decoration: line-through; color: rgb(86,86,86); }
.space {height: 2px; background-color: #75b1ae;}
.full{width:98%;}
.ads-list {
width:33.333%;
float:left;
}
.select-box {
background: rgba(1, 161, 133, 0.39);
padding: 30px 30px;
margin: 40px 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.ads-list label {
display: block;
font-size: 14px;
font-weight: 400;
color: #000;
margin-bottom: 6px;
}
.ads-list select {
width: 70%;
outline: none;
color: #000;
font-size: 15px;
border: 1px solid #eee;
padding: 7px 8px;
}
.btn-group.bootstrap-select.show-tick button {
padding: 8px 10px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 260px;
}
#custom-search-input {
padding: 3px;
border: solid 1px #D1E0EE;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
background-color: #fff;
width: 80%;
color: #000;
}
#custom-search-input input{
border: 0;
box-shadow: none;
}
#custom-search-input button{
margin: 2px 0 0 0;
background: none;
box-shadow: none;
border: 0;
color: #666666;
padding: 0 8px 0 10px;
border-left: solid 1px #ccc;
}
#custom-search-input button:hover{
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
#custom-search-input .glyphicon-search{
font-size: 23px;
}
.input-lg {
height: 29px;
padding: 0px 10px;
font-size: 15px;
line-height: 1.3333333;
border-radius: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
#custom-search-input .glyphicon-search {
font-size: 16px;
}
.btn-default {
border-color: #D1E0EE;
}
.btn {
display: inline-block;
}
.search-hotel input[type="text"] {
background:#fff;
border: none;
width: 81%;
outline: none;
padding: 11px 10px 10px 10px;
font-size: 13px;
color: #c4c4c4;
}
.search-hotel form input[type="submit"]{
background: url(../images/search.png) no-repeat 13px 11px rgba(24, 169, 158, 0.47);
width: 44px;
height: 39px;
border: none;
padding:0;
margin-top: 0;
}
.search-grid-left{
padding: 15px;
background:#f5f4f0;
}
h3.sear-head {
color: rgba(1, 161, 133, 0.91);
margin-bottom: 10px;
font-size: 22px;
font-weight: 400;
}
.search-hotel{
padding: 15px 0;
border-bottom: 1px solid #e5e3db;
}
padding2{
padding-right:2px;
padding-left:2px;
}
/*Sağ kategori */
.baslik {
color: #FFF;
background-color: #fa4b2a;
border-color: #464646;
font-weight:bold;
text-transform: capitalize;
}
/*vitrin firma */
.event-list {
list-style: none;
font-family: 'Lato', sans-serif;
margin: 0px;
padding: 0px;
}
.event-list > li {
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 5px rgb(51, 51, 51);
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
padding: 0px;
margin: 0px 0px 20px;
}
.event-list > li > time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
background-color: rgb(197, 44, 102);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.event-list > li:nth-child(even) > time {
background-color: rgb(165, 82, 167);
}
.event-list > li > time > span {
display: none;
}
.event-list > li > time > .day {
display: block;
font-size: 56pt;
font-weight: 100;
line-height: 1;
}
.event-list > li time > .month {
display: block;
font-size: 14pt;
font-weight: 900;
line-height: 1;
margin-top:auto;
margin-bottom:auto;
margin-top:20px;
}
.event-list > li > img {
width: 100%;
}
.event-list > li > .info {
padding-top: 5px;
text-align: center;
}
.event-list > li > .info > .title {
font-size: 17pt;
font-weight: 700;
margin: 0px;
vertical-align:middle;
}
.event-list > li > .info > .desc {
font-size: 13pt;
font-weight: 300;
margin: 0px;
}
.event-list > li > .info > ul,
.event-list > li > .social > ul {
display: table;
list-style: none;
margin: 10px 0px 0px;
padding: 0px;
width: 100%;
text-align: center;
}
.event-list > li > .social > ul {
margin: 0px;
}
.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
display: table-cell;
cursor: pointer;
color: rgb(30, 30, 30);
font-size: 11pt;
font-weight: 300;
padding: 3px 0px;
}
.event-list > li > .info > ul > li > a {
display: block;
width: 100%;
color: rgb(30, 30, 30);
text-decoration: none;
}
.event-list > li > .social > ul > li {
padding: 0px;
}
.event-list > li > .social > ul > li > a {
padding: 3px 0px;
}
.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
color: rgb(30, 30, 30);
background-color: rgb(200, 200, 200);
}
.facebook a,
.twitter a,
.google-plus a {
display: block;
width: 100%;
color: rgb(75, 110, 168) !important;
}
.twitter a {
color: rgb(79, 213, 248) !important;
}
.google-plus a {
color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(221, 75, 57) !important;
}
@media (min-width: 768px) {
.event-list > li {
position: relative;
display: block;
width: 100%;
height: 140px;
padding: 0px;
}
.event-list > li > time,
.event-list > li > img {
display: inline-block;
}
.event-list > li > time,
.event-list > li > img {
width: 120px;
float: left;
}
.event-list > li > .info {
background-color:#FFFFFF;
overflow: hidden;
}
.event-list > li > time,
.event-list > li > img {
width: 150px;
height:140px;
padding: 0px;
margin: 0px;
}
.event-list > li > .info {
position: relative;
height: 140px;
text-align: left;
padding-right: 40px;
}
.event-list > li > .info > .title,
.event-list > li > .info > .desc {
padding: 0px 10px;
}
.event-list > li > .info > ul {
position: absolute;
left: 0px;
bottom: 0px;
}
.event-list > li > .social {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 40px;
}
.event-list > li > .social > ul {
border-left: 1px solid rgb(230, 230, 230);
}
.event-list > li > .social > ul > li {
display: block;
padding: 0px;
}
.event-list > li > .social > ul > li > a {
display: block;
width: 40px;
padding: 10px 0px 9px;
}
}
/* vitrin firma*/
.solsifir {margin-left:1px;}
/*gelenler*/
.credit-card-box .panel-title {
display: inline;
font-weight: bold;
}
.credit-card-box .form-control.error {
border-color: red;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}
.credit-card-box label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box .payment-errors {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box label {
display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
display: table;
}
.credit-card-box .display-tr {
display: table-row;
}
.credit-card-box .display-td {
display: table-cell;
vertical-align: middle;
width: 50%;
}
/* Just looks nicer */
.credit-card-box .panel-heading img {
min-width: 180px;
}
.itemi {
width: 200px;
float: left;
}
.item img {
display: block;
width: 100%;
}
.twt {float:right; margin-right:5px;}
/*gelenler sonu*/
.katlink {padding:2px 15px!important; background-color:#F5f5f5; border:#464646 1px solid; border-radius:2px;}
/*Sağ ilanlar*/
body
{
margin-top: 50px;
}
a:hover { text-decoration:none; }
.btn
{
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.btn-read-more
{
padding: 5px;
text-align: center;
border-radius: 0px;
display: inline-block;
border: 2px solid #fa4b2a;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color:#fa4b2a;
}
.btn-read-more:hover
{
color: #FFF;
background: #fa4b2a;
}
.post { border-bottom:1px solid #DDD }
.post-title { color:#464646; }
.post .glyphicon { margin-right:5px; }
.post-header-line { border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding:5px 0px 5px 15px;font-size: 12px; }
.post-content { padding-bottom: 15px;padding-top: 15px;}
/*Sağ ilanlar*/
/*Haber Slider*/
/*//Haber Slider///*/
@media (max-width: 640px) {
.xssfull{padding-left:5px; padding-right:5px;}
.xsfull{padding-left:3px; padding-right:3px;}
}
/*======================================
13. Best Seller Area styles
========================================*/
.best-seller-area {
padding: 90px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.best-seller-area {
padding: 70px 0 80px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.best-seller-area {
padding: 60px 0 70px;
}
}
@media only screen and (max-width: 479px) {
.best-seller-area {
padding: 50px 0 60px;
}
}
@media only screen and (max-width: 479px) {
.best-seller-area .owl-nav .owl-prev {
left: 0;
}
}
@media only screen and (max-width: 479px) {
.best-seller-area .owl-nav .owl-next {
right: 0;
}
}
.best-seller-area .best-seller-box .media {
margin-top: 30px;
}
.best-seller-area .best-seller-box .media:first-child {
margin-top: 0;
}
.best-seller-area .best-seller-box .media > a {
padding-right: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.best-seller-area .best-seller-box .media > a {
padding-right: 10px;
}
}
@media only screen and (max-width: 479px) {
.best-seller-area .best-seller-box .media > a {
padding-right: 10px;
}
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3 {
font-size: 18px;
text-transform: capitalize;
letter-spacing: 1px;
margin-bottom: 10px;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3 a {
color: #212121;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3 a:hover {
color: #111111;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-content span {
color: #111111;
font-size: 16px;
font-weight: 600;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-content span span {
margin-right: 15px;
color: #727272;
text-decoration: line-through;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart {
margin-top: 16px;
}
@media only screen and (max-width: 479px) {
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart {
margin-top: 10px;
}
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li {
display: inline-block;
height: 40px;
width: 42px;
border: 1px solid #b6b6b6;
background: transparent;
margin: 0 1px;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media only screen and (max-width: 479px) {
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li {
margin: 0;
}
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li a {
display: block;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li a i {
line-height: 40px;
color: #212121;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li:hover {
border: 1px solid #111111;
background: #111111;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li:hover i {
color: #ffffff;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.best-seller2-area {
padding: 87px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.best-seller2-area {
padding: 67px 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.best-seller2-area {
padding: 57px 0;
}
}
@media only screen and (max-width: 479px) {
.best-seller2-area {
padding: 47px 0;
}
}
.best-seller2-area .owl-dots {
margin-top: 30px;
}
.best-seller2-area .owl-dots .active span {
background: #111111 !important;
}
.best-seller2-area .owl-dots .owl-dot span {
margin: 0 10px!important;
}
.best-seller2-area .owl-dots .owl-dot:hover span {
background: #111111;
}
@media only screen and (max-width: 479px) {
.best-seller2-area .owl-nav .owl-prev {
left: 0;
}
}
@media only screen and (max-width: 479px) {
.best-seller2-area .owl-nav .owl-next {
right: 0;
}
}
@media only screen and (max-width: 991px) {
.padding-top-0-after-desk {
padding-top: 0!important;
}
}
.list-group-horizontal .list-group-item {
display: inline-block;
}
@media only screen and (max-width: 480px) {
.list-group-horizontal .list-group-item {
width:50%;
}
.ustx {margin-top: 160px;}
.sabit_reklam {position: fixed; top: 60px; height:100px!important; width: 100%; z-index: 3; overflow: hidden;}
}
@media only screen and (min-width: 480px) {
.list-group-horizontal .list-group-item {
width:25%;
}
}
.list-group-horizontal .list-group-item {
margin-bottom: 0;
margin-left:-4px;
margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-right-radius:0;
border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
border-top-right-radius:4px;
border-bottom-left-radius:0;
}
.link {height:30px; line-height:30px; background-color: #FFFFFF; border:2px solid #aaaaaa; padding:5px; width:100%}
.rklm { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
/*ust sabit reklam*/
----------------------------------------------------------------------------------------------------------------------