/*------------------------------------------------------
CSS overview:
1. Reset
2. Main Content
3. Navigation
4. Social Bookmarks
5. Section
6. Footer
7. Twitter
8. Flickr Photostream
9. Columns
10. Footer Columns
11. Icon Box
12. Services Graph
13. Team
14. Buttons
15. Highlights
16. Toggle
17. Accordion
18. Portfolio
19. Portfolio Thumbnail Hover
20. Portfolio Filter Navigation
21. Portfolio Page Navigation
22. Contact
23. Search
---------------------------------------------------------*/
/*--------------------------------------------------
RESET
---------------------------------------------------*/
pre,code{
font-family:"Times New Roman", Times, serif;
white-space:pre;
padding:20px;
letter-spacing: 0.1em;
}
pre{
padding:5px;
}
code{
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#f5f5f5;
font-size:11px;
color: #666666;
padding: 3px;
padding-left: 10px;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
.clear {clear: both;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
text-decoration:none;
}
html, body {
height: 100%;
width: 100%;
}
::-moz-selection{ color: #fff; background: #707070; }
::selection { color: #fff; background: #707070; }
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 17px;
color: #062a4c;
text-align:justify;
background: url(../gorsel/bg-3.png) repeat fixed #fff;
border-top: 7px solid #35478c;
}
h1,h2,h3,h4,h5,h6{
margin-bottom: 12px;
font-weight: normal;
}
h1{
font-size:42px;
line-height: 44px;
}
h2{
font-size: 32px;
line-height: 34px;
}
h3{
font-size:24px;
line-height: 29px;
}
h4{
font-size:20px;
line-height: 25px;
}
h5{
font-size:16px;
line-height: 21px;
}
h6{
font-size:14px;
line-height: 17px;
}
ul, ol {
display: block;
padding: 0px;
margin: 0 0 14px 17px;
}
blockquote {
float: left;
width: 60%;
margin: 10px 15px 15px 0;
color: #aaaaaa;
background: url(../gorsel/open-quote.png) no-repeat scroll 0 0 transparent;
}
blockquote.right {
float: right;
margin: 10px 0 15px 15px;
}
blockquote p {
font: 16px/17px Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: italic;
padding-left: 40px;
}
p {
margin-bottom: 14px;
}
p:last-child {
margin-bottom: 0;
}
em {
font-style: italic;
}
strong, b {
font-weight: bold;
}
.section-title1 {
overflow: hidden;
margin: 0 0 0px 0;
}
.section-title1.home1 {
}
.section-title2 {
overflow: hidden;
margin: 0 0 0px 0;
padding-left:5px;
padding-right:6px;
}
input, textarea, select {
outline: medium none;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color: #bbb;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
background-color: #fcfcfc;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #8DC5C5;
background-color: #fff;
color: #676767;
box-shadow:0 0 4px rgba(82,168,236,.5);
-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
cursor:pointer;
text-align:center;
text-transform: uppercase;
font-size:11px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-decoration:none !important;
padding: 7px;
background: #657383;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;
box-shadow:0 0 0;
-moz-box-shadow:0 0 0;
-webkit-box-shadow:0 0 0;
}
input.submit:hover {
background-color: #707070;
}
a {
-webkit-transition:all 0.14s ease 0s;
-moz-transition:all 0.14s ease 0s;
-o-transition:all 0.14s ease 0s;
outline:none;
color: #657383;
}
a:hover {
color: #676767;
}
.title, .title a {
text-decoration: none;
}
.title a:hover {
color: #657383;
}
img, iframe {
max-width:100%;
}
.alignleft {
float:left;
margin: 10px 20px 10px 0;
}
.alignright {
float:right;
margin: 10px 0 10px 20px;
}
.aligncenter {
display: block;
margin: 10px auto 10px auto;
}
.divider {
float: left;
width: 100%;
height: 70px;
}
.divider-border {
background-color: #ccc;
float: left;
width: 100%;
height: 1px;
margin: 40px 0;
}
/*--------------------------------------------------
MAIN CONTENT
---------------------------------------------------*/
#wrapper {
width: 960px;
margin: 0 auto;
}
.content-wrapper {
padding: 120px 0 0 0;
margin: 0 0 0px 0;
width: 960px;
}
.content-wrapper.last {
margin-bottom: 0;
}
.divider-heading {
padding: 30px 0 0 0;
border-top: 4px solid #888888;
}
#header {
width:960px;
margin: 0 auto 0px auto;
height:400px;
}
#logo, #logo a {
float: left;
margin-top: 10px;
}
#home, #archive, #blog-post{
padding: 0;
}
/*--------------------------------------------------
NAVIGATION
---------------------------------------------------*/
#menuust {
margin-bottom:30px;
}
#menu, .menu {
z-index:20000;
padding: 0;
float: right;
margin: 0px 0 0 0;
}
#menu ul, .menu ul {
padding: 0;
margin: 0;
}
#menu ul li, .menu ul li {
display: inline;
margin: 0 0 0 0px;
}
#menu ul li a, .menu ul li a {
font-size:24px;
color: #999;
text-decoration: none;
font-family: 'Dosis', sans-serif;
text-transform: uppercase;
}
#menu ul li a:hover, #menu ul li a.current, .menu ul li a:hover, .menu ul li a.current {
color: #657383;
}
#menu ul li a.logo {
display: none;
margin: 0;
}
#menu.pinned {
text-align:right;
width: 100%;
margin: 0;
position:fixed;
top:0;
left: 0;
z-index: 999;
border-top: 7px solid #657383;
}
#menu.pinned ul {
color: #fff;
margin: 0 auto;
background-color: #657383;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
overflow: hidden;
padding: 35px 15px 25px;
width: 940px;
}
#menu.pinned ul li a {
color: #fff;
}
#menu.pinned ul li a:hover, #menu.pinned ul li a.current {
color: #333;
}
#menu.pinned ul li a.logo {
display: inline;
float: left;
margin-top: -25px;
}
.content-wrapper .menu {
margin: -60px 0 20px 0;
border-bottom: 1px dotted #888888;
overflow: hidden;
float: none;
}
.content-wrapper .menu ul li {
display: inline;
float: left;
margin: 0 20px 15px 0;
}
.content-wrapper .menu ul li a {
font-size:24px;
}
/*--------------------------------------------------
SOCIAL-BOOKMARKS
---------------------------------------------------*/
.social-bookmarks {
margin-bottom: 20px;
overflow: hidden;
}
.social-bookmarks ul {
float: right;
color: #fff;
margin: 0;
padding: 0 10px;
background-color: #657383;
list-style-type: none;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
}
.social-bookmarks li {
float: left;
padding: 5px 2px 10px 2px !important;
}
.social-bookmarks li a img {
display: block;
}
.social-bookmarks li a {
text-indent: -9999px;
}
.social-bookmarks li a:hover {
}
.social-bookmarks li.text {
margin-right: 20px;
}
/*--------------------------------------------------
SECTION
---------------------------------------------------*/
.section-title {
overflow: hidden;
color: #888888;
margin: 5px 0 0px 0;
}
.section-title.home {
color: #fff;
background: #cb1c21;
text-align: center;
padding: 5px;
}
.section-title.home2 {
color: #fff;
background: #fff;
text-align: center;
padding: 0px;
}
.section-title .title, .section-title .title a {
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
display: inline;
word-spacing: 5px;
font-size:31px;
}
.section-title .title a {
color: #fff;
}
.section-title .title a:hover {
color: #333;
}
.section-title h1.title {
font-size:78px;
line-height: 70px;
font-weight: bold;
}
.section-title p,.specialdesc {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 14px;
}
.section-nav {
margin: 0 0 18px 0;
padding: 0 0 15px 0;
border-bottom: 1px dotted #ccc;
overflow: hidden;
}
.section-nav ul {
margin: 0;
padding: 0;
}
/*--------------------------------------------------
FOOTER
---------------------------------------------------*/
#footer {
margin: 0px 0 0 0;
width: 100%;
float: left;
position: relative;
color: #fff;
}
#footer a {
color: #fff;
font-size:10px;
font-weight:lighter;
}
#footer a:hover {
color: #4e7ac7;
border-bottom: none;
}
#footer h3 {
font-size: 12px;
display: block;
}
#footer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#footer ul li {
display:block;
margin-bottom:10px;
}
.footer-content-wrapper {
width: 100%;
position: absolute;
display: none;
left: 0;
}
.footer-content, #footer-bottom {
padding: 5px;
margin: 0 auto;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-right-radius:2px;
-webkit-border-top-left-radius:2px;
border-top-right-radius:2px;
border-top-left-radius:2px;
background-color: #121466;
overflow: hidden;
border-bottom: 1px dotted #fff;
}
#footer-bottom {
margin: 0;
padding-bottom: 5px;
border-bottom: none;
}
#footer-bottom p {
margin-bottom: 0;
}
#footer-bottom .trigger-footer {
margin: 20px 0 0 0;
text-align: right;
}
#footer-bottom .trigger-footer a {
padding-right: 20px;
background: url(../gorsel/bullet-toggle-footer.png) no-repeat right 0;
border-bottom: none;
}
#footer-bottom .trigger-footer a.active {
background: url(../gorsel/bullet-toggle-footer.png) no-repeat right -20px;
}
/*--------------------------------------------------
TWITTER
---------------------------------------------------*/
.tweets ul, #footer .tweets ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.tweets li, #footer .tweets li {
margin-bottom: 30px;
word-wrap: break-word;
}
.tweet_even:last-child, .tweet_odd:last-child {
margin-bottom: 0;
}
.tweets ul span, #footer .tweets ul span {
}
.tweets .tweet_text, #footer .tweets .tweet_text{
list-style-type: none;
display: block;
}
.tweets .tweet_text a, #footer .tweets .tweet_text a {
display: inline;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.tweets .tweet_time {
display: block;
margin-top: 5px;
}
.tweets .tweet_time a, #footer .tweets .tweet_time a {
font-family: Helvetica, Arial, sans-serif;
font-style: italic;
font-size: 11px;
padding: 5px 0 5px 17px;
border-bottom: none;
background: url(../gorsel/sprite.png) no-repeat 0 -123px;
}
.tweets a:hover , #footer .tweets a:hover, .tweets .tweet_time a:hover, #footer .tweets .tweet_time a:hover {
}
/*--------------------------------------------------
FLICKR PHOTOSTREAM
---------------------------------------------------*/
#flickr_badge_wrapper {
float: left;
margin-left: -10px;
}
.flickr_badge_image {
float: left;
margin: 0 0 10px 10px;
}
.flickr_badge_image img {
height: 45px;
width: 45px;
background-color: #fff;
padding: 5px;
}
#footer .flickr_badge_image a {
border-bottom: none;
}
/*--------------------------------------------------
COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; }
.one { width: 960px;margin-right: 0; }
.one-half { width:800px; }
.two-third { width:634px;margin-right:20px; }
.one-third { width:306px;margin-right:21px; }
.one-fourth { width:225px; margin-right:20px; }
.last { margin-right: 0 !important; }
/*--------------------------------------------------
FOOTER COLUMNS
---------------------------------------------------*/
#footer .one { width: 910px;margin-right: 0; }
#footer .one-half { width:445px;margin-right:20px; }
#footer .two-third { width:634px;margin-right:20px; }
#footer .one-third { width:290px; margin-right:20px; }
#footer .one-fourth { width:212px; margin-right:20px; }
/*--------------------------------------------------
ICON BOX
---------------------------------------------------*/
.icon-box {
padding:0;
margin:0 0 0 -5px;
list-style-type: none;
overflow: hidden;
}
.icon-box li {
width: 185px;
overflow: hidden;
float:left;
background: #f4f4f4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
padding: 25px;
text-align: center;
margin: 0 0 6px 6px;
-webkit-transition:all 0.14s ease 0s;
-moz-transition:all 0.14s ease 0s;
-o-transition:all 0.14s ease 0s;
/*height:170px; */
}
.icon-box li:hover{
background: #657383;
z-index:99;
color: #fff;
}
.icon-box li:hover h2 a {
color: #fff;
}
.icon-box span, .icon-box h2, .icon-box .icon {
display: block;
margin: 0 0 20px 0;
}
.icon-box span.desc {
margin: 0;
}
.icon-box h2 {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.icon-box h2 a {color:#707070}
.icon-box h2 a:hover {color:#fff;}
/*--------------------------------------------------
SERVICES GRAPH
---------------------------------------------------*/
#services-graph {
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#services-graph li, #services-graph li span {
-moz-border-radius-bottomright:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
}
#services-graph li {
margin-bottom: 5px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
position: relative;
height: 40px;
background: url(../gorsel/stripes-dark.png) repeat #f4f4f4;
}
#services-graph li p {
position: absolute;
left: 10px;
top: 12px;
}
#services-graph li strong {
color: #333;
margin-left: 5px;
font-size: 11px;
}
#services-graph li span {
height: 40px;
background: url(../gorsel/stripes-white.png) repeat #657383;
text-align: right;
}
/*--------------------------------------------------
TEAM
---------------------------------------------------*/
.team {
background-color: #f4f4f4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
margin-bottom:10px;
}
.team .team-member {
padding: 15px;
overflow:hidden;
margin-bottom:10px;
}
.team-member p { }
.team .team-member-info {
float: left;
margin-bottom: 13px;
padding-bottom: 13px;
border-bottom: 1px dotted #CCCCCC;
width: 100%;
}
.team .team-member-info h2 {
font-size: 17px;
font-weight: bold;
line-height: 20px;
margin: 0px;
padding: 0px;
}
.team .team-member-info h3 {
font-size:11px;
font-weight: bold;
text-transform: uppercase;
line-height: 17px;
margin-bottom: 0;
}
.team ul {
margin: 0;
padding: 0;
list-style-type: none;
/*width: 50%;*/
float: left;
}
.team .contact {
text-align: right;
}
.team .contact li {
display: inline;
}
/*--------------------------------------------------
BUTTONS
---------------------------------------------------*/
.button {
cursor:pointer;
text-align:center;
display:inline-block;
margin-right: 5px;
margin-bottom: 5px;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.button.right {
float:right;
}
.button, .button:hover {
font-weight: bold;
color: #FFFFFF;
text-transform:uppercase;
}
.button:hover {
background-color: #707070;
}
.button.grey:hover {
background-color: #555;
}
.button.grey:hover {
background-color: #555;
}
.small {
padding:0 6px;
font-size: 11px;
line-height: 16px;
}
.medium {
font-size:11px;
padding: 7px 14px !important;
}
.large {
padding: 11px 19px 11px 19px !important;
font-size: 17px;
}
.rounded {
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;
}
.grey { background-color:#707070; }
.yellow { background-color:#FEEB43; color: #707070; }
.orange { background-color:#ff8850; }
.green { background-color:#89C758; }
.tealgreen { background-color:#3ea9a1; }
.blue { background-color: #7CC0CB; }
.navyblue { background-color: #657383; }
.purple { background-color:#9a86a2; }
.magenta {background-color:#C25283; }
.pink { background-color:#F9A7B0; }
.red { background-color:#dc4f49; }
.cream { background-color:#C9C299; }
/*--------------------------------------------------
HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
background-color: #657383;
color: #FFFFFF;
}
.highlight2 {
background-color: #707070;
color: #FFFFFF;
}
.highlight3 {
border-bottom: 1px dotted;
}
/*--------------------------------------------------
TOGGLE
---------------------------------------------------*/
.toggle-wrap {
float: left;
width: 100%;
margin-bottom: 6px;
}
.trigger {
}
.trigger a {
display: block;
padding: 10px;
padding-left: 15px;
text-decoration: none;
font-weight: bold;
color: #676767;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
background: url(../gorsel/bullet-toggle.png) no-repeat right 15px #f4f4f4;
}
.trigger.active a {
background: url(../gorsel/bullet-toggle.png) no-repeat right -20px #f4f4f4;
}
.toggle-container {
overflow: hidden;
float: left;
padding: 15px;
}
/*--------------------------------------------------
ACCORDION
---------------------------------------------------*/
.trigger-button {
float: left;
width: 100%;
padding: 10px 0 10px 0;
margin-bottom: 6px;
text-decoration: none;
font-weight: bold;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
background: url(images/bullet-toggle.png) no-repeat right 15px #f4f4f4;
cursor:pointer;
}
.trigger-button span {
padding-left: 15px;
}
.trigger-button.active {
background: url(../gorsel/bullet-toggle.png) no-repeat right -20px #f4f4f4;
}
.accordion {
float: left;
padding: 8px 15px 22px 15px;
}
/*--------------------------------------------------
PORTFOLIO
---------------------------------------------------*/
.portfolio-grid ul li a.hide {
display: none;
}
.portfolio-grid {
width: 966px;
margin: 0 0 0 -6px;
padding: 0;
}
.portfolio-grid ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.paginate {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}
.portfolio-grid ul li {
float: left;
position: relative;
margin: 0 0 6px 6px;
padding: 0;
background-color: #f4f4f4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
}
.portfolio-grid ul li.item {
width: 235px;
height: 245px;
text-align: center;
}
.portfolio-grid ul li img {
float: left;
}
.portfolio-grid .item-info {
width: 205px;
padding: 15px;
float: left;
}
.portfolio-grid .item-info h3, .portfolio-grid .item-info-overlay h3 {
font-size: 16px;
font-weight: bold;
line-height: 17px;
margin-bottom: 0;
}
.portfolio-grid .item-info h4, .portfolio-grid .item-info-overlay h4 {
font-size:11px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
}
/*--------------------------------------------------
PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.portfolio-grid .item-info-overlay {
background-color: #657383;
color: #fff;
font-size:11px;
}
.portfolio-grid .item-info-overlay {
position:absolute;
width:195px;
height:205px;
left: 0;
top: 0;
padding: 20px;
display: none;
}
.portfolio-grid .item-info-overlay p {
border-top: 1px dotted #fff;
margin-top: 10px;
padding-top: 10px;
}
.portfolio-grid a.preview, .portfolio-grid a.view {
position: absolute;
bottom: 10px;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
text-indent: -9999px;
height: 30px;
width: 30px;
}
.portfolio-grid a.view {
background: url(../gorsel/sprite.png) no-repeat scroll 8px 10px #555;
right: 10px;
}
.portfolio-grid a.view:hover {
background: url(../gorsel/sprite.png) no-repeat scroll 8px -21px #555;
}
.portfolio-grid a.preview {
background: url(../gorsel/sprite.png) no-repeat scroll 9px -53px #555;
right: 5px;
}
.portfolio-grid a.preview:hover {
background: url(../gorsel/sprite.png) no-repeat scroll 9px -86px #555;
}
/*--------------------------------------------------
PORTFOLIO FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable li {
background: none;
display: inline;
float: left;
margin:0 20px 5px 0;
}
.filterable li a {
text-decoration: none;
text-transform: uppercase;
font-size:11px;
font-weight: bold;
line-height: 16px;
color: #707070;
float: left;
padding:0 6px;
}
.filterable li a:hover {
}
.filterable li.current a, .filterable li a:hover {
color: #fff;
background-color: #657383;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;
}
/*--------------------------------------------------
PORTFOLIO PAGE NAVIGATION
---------------------------------------------------*/
.page_navigation {
padding-top: 15px;
overflow: hidden;
}
.section-nav .page_navigation {
padding: 0;
margin: 0;
border-top: none;
}
.page_navigation a {
text-decoration: none;
text-transform: uppercase;
font-size:11px;
font-weight: bold;
line-height: 16px;
color: #707070;
float: left;
padding:0 5px;
margin-right: 10px;
}
.page_navigation a.active_page, .page_navigation a:hover {
color: #fff;
background-color: #657383;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;
}
.page_navigation a.next_link:hover, .page_navigation a.previous_link:hover {
background-color: #707070;
}
.page_navigation a.next_link {
margin-left: 10px;
}
/*--------------------------------------------------
CONTACT
---------------------------------------------------*/
.contact-map{
margin-bottom: 30px;
}
.form, .contact-success {
background-color: #f4f4f4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
overflow: hidden;
}
.contact-success {
background-color: #657383;
color: #fff;
font-size:11px;
}
.form ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.form li {
position: relative;
}
.form input, .form textarea, .form select {
width: 85%;
margin-bottom: 12px;
position: relative;
padding: 2%;
}
.form textarea {
width: 85%;
height: 150px;
}
.form input.submit {
width: 110px;
}
.form li p, .form input.submit {
margin-bottom: 0;
}
.form em {
color:#aaaaaa;
display: inline;
font-size: 11px;
font-style: normal;
font-weight: bold;
}
.form .contact-error {
color: #EC5B43;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
position: absolute;
top: 0;
right: 60px;
}
.contact-info {
list-style-type: none;
padding: 0;
margin: 0;
}
.register { padding:15px; padding-left:60px; border:1px solid #ddd; width:100%;}
.register th {text-align:left; width:180px;}
.register input,.register select,.register textarea {padding:7px; width:175px;}
.register td.radio input {width:auto;}
.register input.submit {margin:10px 0;}
.register em {color:#D13434;}
/*--------------------------------------------------
SEARCH
---------------------------------------------------*/
#search {
float: right;
}
#search input {
width: 160px;
background-color: #f4f4f4;
border: medium none;
margin: 0;
padding: 9px;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#search input:focus {
box-shadow:0 0 0;
-moz-box-shadow:0 0 0;
-webkit-box-shadow:0 0 0;
}
#search input.submit {
background: #657383;
width: 50px;
height: 19px;
padding: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper { width: 748px; }
.content-wrapper { width: 748px; }
#header { width:100%; }
#menu.pinned { display:none; }
.section-title.home { margin: 0 0 15px 0; }
.section-title h1.title { font-size:58px; line-height: 60px; }
.icon-box li { width: 132px; }
.portfolio-grid { width: 754px; }
.portfolio-grid ul li.item { width: 245px; height: 250px;}
.portfolio-grid ul li img { float: left; }
.portfolio-grid .item-info { width: 215px; }
.portfolio-grid .item-info-overlay { width:205px; height:210px; }
.one { width: 748px;margin-right: 0; }
.one-half { width:364px;margin-right:20px; }
.two-third { width:496px;margin-right:20px; }
.one-third { width:232px;margin-right:21px; }
.one-fourth { width:167px; margin-right:20px; }
#footer .one { width: 698px;margin-right: 0; }
#footer .one-half { width:339px;margin-right:20px; }
#footer .two-third { width:469px;margin-right:20px; }
#footer .one-third { width:209px; margin-right:20px; }
#footer .one-fourth { width:154px; margin-right:20px; }
.flickr_badge_image img { height: 37px; width: 37px; }
.flickr_badge_image { margin: 0 0 7px 7px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper { width: 420px; }
.content-wrapper { width: 420px; }
#header { width:100%; }
#logo, #logo a { float: none; text-align: center; margin: 30px 0; }
#menu.pinned { display:none; }
#menu { float: none; margin: 0; text-align:center; }
#menu ul li { margin: 0 10px; }
.social-bookmarks ul { width: 400px; }
.section-title { margin: 0; }
.section-title.home { margin: 0 0 15px 0; }
.section-title h1.title { font-size:58px; line-height: 60px; }
#footer-bottom { padding-bottom:0; text-align: center; }
#footer .trigger-footer { margin: 0; text-align: center; }
.one, .one-half, .two-third, .one-third, .one-fourth, #footer .one, #footer .one-half, #footer .two-third, #footer .one-third, #footer .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.icon-box li { width: 156px; }
.portfolio-grid { width: 100%;margin: 0 }
.portfolio-grid ul li.item { width: 420px; height: 370px; margin: 0 0 6px 0; }
.portfolio-grid ul li img { float: left; }
.portfolio-grid .item-info { width: 390px; }
.portfolio-grid .item-info-overlay { width:380px; height:330px; font-size:12px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#wrapper { width: 300px; }
.content-wrapper { width: 300px; }
#header { width:100%; }
#logo, #logo a { float: none; text-align: center; margin: 30px 0; }
#menu.pinned { display:none; }
#menu { float: none; margin: 0; text-align:center; }
#menu ul li { margin: 0 10px; }
.social-bookmarks ul { width: 280px; }
.section-title { margin: 0; }
.section-title.home { margin: 0 0 15px 0; }
.section-title h1.title { font-size:58px; line-height: 60px; }
#footer-bottom { padding-bottom:0; text-align: center; }
#footer .trigger-footer { margin: 0; text-align: center; }
.one, .one-half, .two-third, .one-third, .one-fourth, #footer .one, #footer .one-half, #footer .two-third, #footer .one-third, #footer .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.icon-box li { width: 90%; padding: 5%; margin:0 0 6px 0; height:auto; }
.portfolio-grid { width: 100%;margin: 0 }
.portfolio-grid ul li.item { width: 300px; height: 290px; margin: 0 0 6px 0; }
.portfolio-grid ul li img { float: left; }
.portfolio-grid .item-info { width: 270px; }
.portfolio-grid .item-info-overlay { width:260px; height:250px; font-size:12px; }
}
div.tpres {width:306px; overflow:hidden; height:138px;}
div.tpres img {width:306px;}
.form input.captcha {width:auto;}
div#tabs ul.tab {list-style-type:none; margin:0; display:inline-block; width:100%; margin-bottom:5px; background:url('px.jpg') repeat-x left bottom; padding-left:3px;}
div#tabs ul.tab li {}
div#tabs ul.tab li a {float:left;background:#657383; border:1px solid #657383; border-bottom:none; color:#fff; padding:8px 10px; margin-right:2px; font-size:14px; font-weight:bold; border-radius:3px 3px 0 0; }
div#tabs ul.tab li a:hover {background:#8290A0;}
div#tabs ul.tab li.active a { border:1px solid #657383; color:#657383; background:#fff; border-bottom:none;}
div#tabs div {clear:both;}
div#tabs div ul li {padding-bottom:5px;}
a.registerbtn {background:url('register.png') no-repeat; display:block; width:250px; height:43px;}
a.registerbtn span {display:none;}
a.registerbtn:hover {background:url('registerover.png') no-repeat; display:block; width:250px; height:43px;}
.prosesinfo {
background:#FFFFCC;
border:1px solid #FFCC00;
color:#c00;
margin:10px 0 10px 0;
padding:7px 10px 7px 50px;
font-weight: normal;
border-radius:4px;
}
.span9{width:500px;
height:5px;
margin-left:220px;
position:absolute;
}
.social-icons {
margin:0;
}
.social-icons li {
float:left;
display:inline;
list-style:none;
margin-right:5px;
margin-bottom:5px;
text-indent:-9999px;
}
.social-icons li a, a.social-icon {
width:20px;
height:20px;
display:block;
background-position:0 0;
background-repeat:no-repeat;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
background-position:0 -27px;
}
.social_facebook {background: url(../../icerik/social/facebook.png) no-repeat;}
.social_ins {background: url(../../icerik/social/ins.png) no-repeat;}
.social_googleplus {background: url(../../icerik/social/googleplus.png) no-repeat;}
.social_rss {background: url(../../icerik/social/rss.png) no-repeat;}
.social_twitter {background: url(../../icerik/social/twitter.png) no-repeat;}
.booking-blocks {
overflow: hidden;
padding: 15px 20px;
margin-bottom: 5px;
background: #fff;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.booking-blocks:hover {
border-radius:2px;
background: #fafafa;
box-shadow:0 0 8px #ddd;
}
.booking-blocks p a {
color: #e20a17;
}
.booking-blocks .booking-img {
width: 67px;
margin-right: 10px;
}
.booking-blocks .booking-img li {
color: #777;
}
.booking-blocks .booking-img li i {
color: #78ccf8;
font-size: 12px;
margin-right: 5px;
}
.booking-blocks .booking-img img {
float: left;
width: 140px;
height: auto;
margin: 5px 10px 10px 0;
border:#a8a8a8 1px solid;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.booking-blocks h2 {
margin-top: 0;
font-size: 16px;
line-height: 16px;
}
.booking-blocks ul.inline li {
padding: 0;
}
.booking-blocks ul.inline li i {
color: #f8be2c;
cursor: pointer;
font-size: 16px;
}
.booking-blocks ul.inline li i:hover {
color: #f8be2c;
}
.booking-blocks1 {
overflow: hidden;
padding: 15px 20px;
margin-bottom: 5px;
background: #fff;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.booking-blocks1:hover {
border-radius:2px;
background: #fafafa;
box-shadow:0 0 8px #ddd;
}
.booking-blocks1 p a {
color: #e20a17;
}
.booking-blocks1 .booking-img {
width: 67px;
margin-right: 10px;
}
.booking-blocks1 .booking-img li {
color: #777;
}
.booking-blocks1 .booking-img li i {
color: #78ccf8;
font-size: 10px;
margin-right: 5px;
}
.booking-blocks1 .booking-img img {
float: left;
width: 40px;
height: auto;
margin: 5px 10px 10px 0;
border:#a8a8a8 1px solid;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.booking-blocks1 h2 {
margin-top: 0;
font-size: 16px;
line-height: 14px;
}
.booking-blocks1 ul.inline li {
padding: 0;
}
.booking-blocks1 ul.inline li i {
color: #f8be2c;
cursor: pointer;
font-size: 16px;
}
.booking-blocks1 ul.inline li i:hover {
color: #f8be2c;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden; /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #fff;
}
#carousel_ul {
position:relative;
left:-243px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:201px; /* fixed width, important */
/* just styling bellow*/
padding:14px;
height:390px;
background: #fff;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border:#666 1px solid;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll
{
position:absolute;
float:left;
height:130px;
margin-top:150px;
margin-left:-20px;
z-index:1111;
}
#right_scroll{
float:left;
height:130px;
width:60px;
margin-top:150px;
z-index:1111;
position:absolute;
margin-left:930px;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
hr {
border: 0;
border-bottom: 1px dashed #ccc;
margin-top:-10px;
}
#carousel_ul1 {
list-style-type: none; /* removing the default styling for unordered list items */
margin-left:0px;
padding: 0px;
}
#carousel_ul1 li{
float: left; /* important for inline positioning of the list items */
width:90px; /* fixed width, important */
/* just styling bellow*/
padding:1px;
background: #fff;
margin-top:10px;
text-align:center;
margin-left:13px;
}
#carousel_ul1 li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#screenshot{
position:absolute;
border:1px solid #d6342e;
background:#d6342e;
padding:5px;
display:none;
color:#fff;
width:150px;
}
#fade{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#light{
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 310px;
margin-left: -150px;
margin-top: -100px;
border: 2px solid #FFF;
background: #FFF;
z-index:1002;
overflow:visible;
padding-left:10px;
}
#koli
{
overflow:hidden;
width:100%
}
#koli div
{
float:left;
margin:0 0px
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#koli { width: 748px; }
#koli div { width: 748px; height: auto; }
#slider2_container { overflow:hidden; -moz-overflow: hidden; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#koli { width: 420px; }
#koli div { width: 420px; height: auto; }
#slider2_container { overflow:hidden; -moz-overflow: hidden;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#koli { width: 300px; margin-bottom:10px;}
#koli div { width: 300px; height: auto; padding-bottom:5px; border-top:#FFF solid 1px; }
#slider2_container { overflow:hidden; -moz-overflow: hidden;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#minibar { width: 748px; }
.yenimenu1 { width: 748px; height: auto; }
#gizli { display: none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#minibar { width: 420px; }
.yenimenu1 { width: 20px; height: auto;}
#koli1 { width: 200px; height: auto;}
#gizli { display: none;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#minibar { width: 300px; margin-bottom:10px;}
.yenimenu1 { display: none;}
.yenimenu2 { display: none;}
#koli1 { width: 300px; height: auto;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#search-box { width: 748px; }
#search-box input[type="text"] { width: 420px; height: auto; }
#search-form { width: 748px; height: auto; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#search-box { width: 100px; }
#search-box input[type="text"] { width: 420px; height: auto; }
#search-form { width: 420px; height: auto; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#search-box { width: 300px; }
#search-box input[type="text"] { width: 300px; height: auto; padding-bottom:5px; bottom:10px; }
#search-form { width: 300px; height: auto; }
#search-button { display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#carousel_container { width: 748px; }
#carousel_inner { width: 748px; height: auto; }
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#carousel_container{ width: 100px; }
#carousel_inner { width: 420px; height: auto; }
#carousel_ul { width: 420px; height: auto; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#carousel_container{ width: 300px; }
#carousel_inner { width: 300px; height: auto; }
#carousel_ul { width: 300px; height: auto; }
#left_scroll { width: 300px; }
#right_scroll { width: 300px; margin-left:280px;}
#carousel_ul li{ width: 300px;height: auto; float:left; }
}
.resimler { padding: 5px; border: solid 1px #EFEFEF; } a:hover img.resimler { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }
#search-box1 {
position: relative;
width: 80%;
margin-top:20px;
margin-bottom:10px;
}
#search-form1 {
height: 28px;
border: 1px solid #999;
background-color: #fcfcfc;
overflow: hidden;
background: url('menu_06.png') no-repeat;
}
#search-text1 {
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box1 input[type="text"] {
width: 90%;
padding-left:30px;
padding-top:4px;
padding-bottom:5px;
color: #333;
outline: none;
}
#search-button1 {
position: absolute;
top: 1;
right: 0;
height: 29px;
width: 60px;
font-size: 14px;
color: #fff;
text-align: center;
border-width: 0;
background-color: #999;
cursor: pointer;
background: url('ara_03.png') no-repeat;
border-left:1px solid #999;
}
#search-box {
position: relative;
width: 100%;
margin-top:20px;
margin-bottom:10px;
}
#search-form {
height: 28px;
border: 1px solid #999;
background-color: #fcfcfc;
overflow: hidden;
background: url('menu_06.png') no-repeat;
}
#search-text {
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"] {
width: 90%;
padding-left:30px;
padding-top:4px;
padding-bottom:5px;
color: #333;
outline: none;
}
#search-button {
position: absolute;
top: 1;
right: 0;
height: 29px;
width: 60px;
font-size: 14px;
color: #fff;
text-align: center;
border-width: 0;
background-color: #999;
cursor: pointer;
background: url('ara_03.png') no-repeat;
border-left:1px solid #999;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden; /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #fff;
}
#carousel_ul {
position:relative;
left:-243px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:201px; /* fixed width, important */
/* just styling bellow*/
padding:14px;
height:380px;
background: #fff;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border:#666 1px solid;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll
{
position:absolute;
float:left;
height:130px;
margin-top:150px;
margin-left:-20px;
z-index:1111;
}
#right_scroll{
float:left;
height:130px;
width:60px;
margin-top:150px;
z-index:1111;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
#floatingbar,#minibar{
width:100%
margin-right: auto;
margin-left: auto;
padding-bottom:20px;
}
#floatingbar ul, #minibar ul{
list-style-type:none;
margin-top:-3px;
margin-left:-37px;
width:400px
float:right;
}
#floatingbar ul li,#minibar ul li{
padding:10px;
}
#floatingbar ul li a,#minibar ul li a{
text-decoration:none;
}
#minibar { display:none;}
.floater{
position:fixed;
top:0px;
z-index:999;
height:15px;
width:960px;
border-top:none;
background-color: #141667;
color:#ccc;
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
float:left;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: .4em 0 1.4em 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 1.8em auto;
}
.alignright {
float:right;
margin: .3em 0 2em 2em;
}
.alignleft {
float: left;
margin: .3em 2em 2em 0;
}
.aligncenter {
display: block;
margin: 1.8em auto;
}
a img.alignright {
float: right;
margin: .3em 0 2em 2em;
}
a img.alignnone {
margin: 1em 0;
}
a img.alignleft {
float: left;
margin: .3em 2em 2em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
color:#777;
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
text-align: center;
}
.wp-caption.alignnone {
margin: 1.4em 0;
}
.wp-caption.alignleft {
margin: .3em 1.6em 1em 0;
}
.wp-caption.alignright {
margin: .3em 0 1em 1.5em;
}
.wp-caption img {
border: 0 none;
/* height: auto;*/
margin: 0;
/* max-width: 98.5%;*/
padding: 0;
}
.wp-caption p.wp-caption-text {
font-size:.80em;
margin: 0;
padding: .2em .4em;
}
.alignleft:first-child, .alignright:first-child { margin-top:1.2em; }
h1, h2, h3, h4, h5, h6 { line-height:1.5; font-weight:400; }
a { color: #cb1c21; text-decoration:none; }
a:hover { color:#f2666a; }
a:focus { outline: none; }
h1 a { color:#333; }
.yenimenu {font-family:SegoePrintRegular; font-size:18px; background-color:#121466;height:23px; padding-left:5px; padding-right:5px; padding-top:9px; text-align:center;
cursor:pointer;}
.yenimenu a{ color:#FFF; }
.yenimenu:hover{
background: #fff;
}
.yenimenu a:hover{
color:#121466;
}
.yenimenu1 {font-family:SegoePrintRegular; font-size:16px; background-color:#121466;height:26px; padding-left:5px; padding-right:5px; padding-top:9px; text-align:center;
cursor:pointer;}
.yenimenu1 a{ color:#FFF; }
.yenimenu1:hover{
background: #fff;
}
.yenimenu1 a:hover{
color:#121466;
}
.yenimenu2 {font-family:SegoePrintRegular; font-size:16px; background-color:#4e7ac7;height:26px; padding-left:5px; padding-right:5px; padding-top:9px; text-align:center;
cursor:pointer;}
.yenimenu2 a{ color:#FFF; }
.yenimenu2:hover{
background: #cb1c21;
}
.yenimenu2 a:hover{
color:#121466;
}
.yenimenu3 {font-family:SegoePrintRegular; font-size:17px; background-color:#4e7ac7; height:23px; padding-left:5px; padding-right:5px; padding-top:6px; text-align:center;
cursor:pointer;}
.yenimenu3 a{ color:#FFF; }
.yenimenu3:hover{
background: #fff;
}
.yenimenu3 a:hover{
color:#121466;
}
#icerik {float:left; width:528px;}
#diger1 {border: #d6342e 1px solid; height:210px; }
#diger2 {border: #d6342e 1px solid; height:100%; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
#icerik{ width: 748px; height: auto; }
#diger1{ width: 748px; height: auto; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#icerik { width: 420px; height: auto; }
#diger1{ width: 420px; height: auto; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#icerik{ width: 300px; height: auto;}
.tmb-caption{ display:none;}
#diger1{ width: 300px; height:auto; display:inline-block; }
#carousel_ul1 { width:300px; }
}