/*
Theme Name: Bizim Tesisatçımız
Theme URI: http://www.sirketlerewebsite.com
Author: Cüneyt TUNÇ
Author URI: http://www.sirketlerewebsite.com
Description: SirketlereWebsite Yazılım ve Web Tasarım
Version: 3.0.1
*/
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, font, 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 { border: 0; font-family: "Poppins", Helvetica, Arial, sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, hgroup, nav, section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left;}men
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a img { border: 0; }
body, button, input, select, textarea { font-family: 'PT Sans', sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.5; color: #000; }
body{ background:#dddddd;}
/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both; margin:0px 0px 10px 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 22px; line-height: 26px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 15px; line-height: 18px; }
h6 { font-size: 14px; line-height: 16px; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
/* Text elements */
p { margin-top: 1.5em; margin-bottom: 1.5em;}
ul, ol { margin: 0 0 1.5em 3em;}
ul { list-style: disc;}
ol { list-style: decimal;}
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 1.5em 1.5em;}
b, strong { font-weight: bold;}
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 1.5em;}
address { margin: 0 0 1.5em;}
pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; }
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup { bottom: 1ex;}
sub { top: .5ex;}
small { font-size: 75%;}
big { font-size: 125%;}
figure { margin: 0;}
table { margin: 0 0 1.5em; width: 100%;}
th { font-weight: bold;}
button,input,select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  background: #fafafa; background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); box-shadow: inset 0 2px 1px #fff; color: rgba(0,0,0,.8); cursor: pointer; -webkit-appearance: button; font-size: 12px; font-size: 1.2rem; padding: 8px 20px;; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #f5f5f5; background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); border-color: #bbb #bbb #aaa #bbb; }
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 2px 3px rgba(0,0,0,.15); }
select { padding: 4px 10px 2px 5px; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type=text], input[type=email], input[type=tel], textarea { color: #666; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus { color: #111;}
input[type=text], input[type=email], input[type=tel] { padding: 7px 10px; }
textarea { overflow: auto; padding-left: 8px 10px; vertical-align: top; width: 98%;}
.clear, .clearfix:after { clear: both; }
/* Links */
a { color:#0075C4; text-decoration: none; }
a:visited { color:#0075C4; }
a:hover, a:focus, a:active { color:#0075C4;  text-decoration:underline; }
/* Alignment */
.fleft{ display: inline; float:left; }
.fright{ display: inline; float:right; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em;}
.aligncenter { clear: both; display: block; margin: 0 auto;}
.clear{ clear:both;}
.block{ display:block; }
.clear, .clearfix:after, .clearfix:before { display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after, .clearfix:before {content: "\0020";}
/* Text meant only for screen readers */
.assistive-text { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
/* Clearfix -----cnt------*/
.cnt:before, .cnt:after { content: " "; display: table;}
.cnt:after { clear: both;}
.cntw{ visibility:hidden; display:none; height:0; position:absolute;  }
/* Çerçeve Boyutları -----cnt------*/
embed,iframe,object { max-width: 100%; }

/* Ana Düzen ----------------------------------------------- */
#page{ margin-left:auto; margin-right:auto; position:relative;}
#page .header{ position:relative; margin:0 auto; }
#primary,#secondary{ margin-top:10px; }
#404page-area{ margin-bottom:10px; }
.container .grid_13 #primary img{ max-width:95%; }
.container .grid_13 #primary .post-ratings-image, .container .grid_13 #primary .post-ratings img{ max-width:auto !important; float:left; width: auto !important;}
/* Header */
.head{ position:relative; background: #ffffff url("images/head-bg.jpg") no-repeat center center; color:#000; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.scrollmenu{ z-index: 1000; position:fixed !important; background-color: #fff;border-bottom: 1px solid rgba(256,256,256,0.15); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1);box-shadow: 0 3px 6px rgba(0,0,0,0.1); background-clip: padding-box; animation: slideInDown 2s; }
.logo{ float:left; margin: 8px 10px 0 0;}
.logo h1, .logo h2{ font-weight: 700; font-size:20px; line-height:26px; margin:0; display:block; text-align:center; }
.logo h1 a:link, .logo h1 a:visited{color:#0075C4; text-decoration: none;}
.logo h2 a:link, .logo h2 a:visited{color:#fff; text-decoration: none; font-weight:normal; }

/* top-menu */
.top-menu{ display:block; position:relative; color:#0075C4; margin:15px auto 0; float:left; }
.top-menu ul { list-style: none; margin:0; clear:both; }
.top-menu ul li { float:left; margin:10px; padding-left:50px; position: relative; }
.top-menu ul li:nth-child(6n){ content:''; clear:both; display: block; }
.top-menu ul li a{ text-decoration: none; color:#000; }
.top-menu ul li a:hover{ color:#000; }
.top-menu ul li a span{ text-align:left; display:block; white-space:nowrap; font-size:14px; line-height:18px; }
.top-menu ul li a span:first-child{ font-weight: 600; }
.top-menu ul li a i{ position: absolute; top: 0; left: 0; width: 40px;height: 40px;line-height: 40px;font-size: 18px; background: #fff; color:#0075C4; text-align: center; border: 1px solid; border-color: rgba(0,0,0,.1); -webkit-border-radius: 50%; -moz-border-radius: 50%;  border-radius: 50%; transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; }
.top-menu ul li a:hover i{ background-color: #0075C4; color:#fff;}

/* Main Middle Top */
.main-middle-top{ display:block; position:relative; color:#0075C4; margin:0 auto; }
.main-middle-top ul { list-style: none; margin:0 auto; clear:both; margin:15px auto; }
.main-middle-top li { float:left; margin: 0 15px 15px 0; padding:20px 25px; background: #fff; border-radius: 40px 40px 40px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.main-middle-top li:hover i{ -webkit-animation: flip 2s; animation: flip 2s; }
.main-middle-top li a{ text-align:left; color:#0075C4; display:block; white-space:nowrap; text-decoration: none; font-size:18px; line-height:26px; }
.main-middle-top li i { margin-right: 5px;  }
.main-middle-top li span{ text-align:left; color:#333; display:block; white-space:nowrap; font-size:14px; line-height:18px;}
.main-middle-top li:before{ float:left; font-size:40px; line-height:50px; margin:0 10px 0 5px; }

/* Main Middle Bottom */
.main-middle-bottom{ display:block; position:relative; color:#000; margin:0 auto; padding:25px 0; }
.main-middle-bottom ul { list-style: none; clear:both; }
.main-middle-bottom li { width:29%; padding: 2% 1%; margin: 0 1% 30px; min-height: 220px; float:left; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); position: relative; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; border-bottom: 5px solid transparent; }
.main-middle-bottom li a{ display:block; text-align: center; margin: 20px 0 5px; color:#0075C4; }
.main-middle-bottom li a i{ width: 40px; height: 40px; line-height: 40px; font-size: 36px; text-align: center; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; position: absolute; top:-32px; margin-left:-32px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); right:15px; bottom:15px; top: inherit; box-shadow: none; -webkit-box-shadow: none;  }
.main-middle-bottom li:hover a i{ background:#0075C4; color:#fff;  }
.main-middle-bottom li span{ text-align:left; color:#666; display:block; font-size:14px; line-height:20px; margin-left:20px;}
.main-middle-bottom li h3{ font-size:20px; line-height: 22px;  }
.main-middle-bottom li h3 b.fa{ padding: 0 5px;  }

.main-line h2 { font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:30px; width:100%; text-align:center; display:block;     margin: 15px 0; }
.main-line .line { width: 95%; height: 2px; background-color: #0075C4; margin: 15px auto 40px; }

/* Main Middle Top */
.footer-top{ display:block; position:relative; color:#0075C4; margin: 25px 1% 0; }
.footer-top ul { list-style: none; margin:0 auto; clear:both; margin:15px auto 0; }
.footer-top li { float:left; margin: 0 15px 15px 0; padding:20px 25px; background: #fff; border-radius: 40px 40px 40px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.footer-top li:hover i{ -webkit-animation: flip 2s; animation: flip 2s; }
.footer-top li a{ text-align:left; color:#0075C4; display:block; white-space:nowrap; text-decoration: none; font-size:18px; line-height:26px; }
.footer-top li i { margin-right: 5px;  }
.footer-top li span{ text-align:left; color:#333; display:block; white-space:nowrap; font-size:14px; line-height:18px;}
.footer-top li:before{ float:left; font-size:40px; line-height:50px; margin:0 10px 0 5px; }

/* First Menu */ 
#mainmenu{ position: relative; display: block; z-index:999; font-size:16px; line-height:16px; background-color: #B6CCD7; border-top:1px solid #fff; }
#mainmenu ul{ list-style:none; margin:0 auto; }
#mainmenu ul li { position:relative; float:left; margin:0; padding:0; transition:background .5s ease-in-out;-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; }
#mainmenu ul li a { font-family: "Poppins", Helvetica, Arial, sans-serif; color:#000; display:block; text-decoration:none; font-weight:600; font-size:12px; line-height:48px; padding:0 15px;}
#mainmenu li.menu-item-has-children a.sf-with-ul:after{content: '\f107';font-family: 'FontAwesome'; padding-left: 5px; }
#mainmenu ul ul li.menu-item-has-children a.sf-with-ul:after{content: '\f105';font-family: 'FontAwesome'; position: absolute; right: 10px; }
#mainmenu ul li li a{color:#000;}
#mainmenu ul li li a:before{ content: '\f192';font-family: 'FontAwesome'; font-size: 10px; line-height: 44px; padding-right: 5px; }
#mainmenu ul li.current-menu-item, #mainmenu ul li:hover, #mainmenu ul li .current_page_item, #mainmenu ul li.current-menu-ancestor, #mainmenu ul li.current_page_ancestor, #mainmenu ul li.sfHover { background-color: #fff;  }
#mainmenu ul li li.current-menu-item, #mainmenu ul li li:hover, #mainmenu ul li li .current_page_item, #mainmenu ul li li.current-menu-ancestor, #mainmenu ul li li.current_page_ancestor, #mainmenu ul li li.sfHover { background:#B6CCD7; }
#mainmenu ul ul{ display:none; position:absolute; top:100%; left:0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);  padding:0; background-color: #fff; }
#mainmenu ul ul ul{ border-left: 1px solid #aaa; margin-left:1px;}
#mainmenu ul ul li{ float:none; white-space: nowrap; min-width:200px; }
#mainmenu ul ul a{ line-height: 44px; height: 44px; }
#mainmenu ul ul ul{ top:0; left:100%}
#mainmenu ul li:hover > ul{ display:block;}

/* Mobil Sider Menü */
#mobil-menu { display: none; position: fixed; top: 0; height: 100%; z-index: 99999; width: 300px; font-size: 16px; background: #333; color: #fff; box-shadow: 0 0 5px 5px #222 inset; -webkit-box-shadow: 0 0 5px 5px #222 inset; }
#mobil-menu.onlymenu{ width: 265px; }
#mobil-menu #mobil-main-menu { height: 100%; width: 265px; float:left; overflow-x: hidden; overflow-y: auto;  background: #fff; }
#mobil-menu #mobil-main-menu::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;}
#mobil-menu #mobil-main-menu::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
#mobil-menu #mobil-main-menu::-webkit-scrollbar-thumb { background-color: #0075C4;}
#mobil-menu #mobil-main-menu ul{ list-style:none; margin:0 auto; }
#mobil-menu #mobil-main-menu ul li { margin:0; padding:0; transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; display: block;}
#mobil-menu #mobil-main-menu ul li a { font-family: "Poppins", Helvetica, Arial, sans-serif; color:#000; display:block; text-decoration:none; font-weight:700; font-size:12px; line-height:34px; padding:0 5px;}
#mobil-menu #mobil-main-menu ul ul{ /*padding:0 0 0 5px;*/ background-color: #fff;  }
#mobil-menu #sosyal-menu{ width: 34px; height: 100%; float:left; background: #fff; border-right: 1px solid #ddd; box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); overflow-x: hidden; overflow-y: auto; }
#mobil-menu #sosyal-menu::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;}
#mobil-menu #sosyal-menu::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
#mobil-menu #sosyal-menu::-webkit-scrollbar-thumb { background-color: #0075C4;}
#mobil-menu #sosyal-menu ul{ list-style:none; margin:0 auto; }
#sosyal-menu ul li {  margin: 0 0 15px; padding:0; display: block;}
#mobil-menu #sosyal-menu ul li {  margin: 0 0 5px; padding:0; display: block;}
#sosyal-menu ul li a { font-size:28px; color:#000; display:block; text-decoration:none; line-height:32px; padding:0 5px;}
#sosyal-menu .fa-facebook, #sosyal-menu .fa-facebook-f, #sosyal-menu .fa-facebook-square, #sosyal-menu .fa-facebook-official{ color:#2300C6; }
#sosyal-menu .fa-comment, #sosyal-menu .fa-comment-o, #sosyal-menu .fa-comments, #sosyal-menu .fa-comments-o{ color:#2300C6; }
#sosyal-menu .fa-twitter, #sosyal-menu .fa-twitter-square{ color:#003EFF;  }
#sosyal-menu .fa-instagram{ color:#A07D04; }
#sosyal-menu .fa-google, #sosyal-menu .fa-google-plus, #sosyal-menu .fa-google-plus-circle, #sosyal-menu .fa-google-plus-square, #sosyal-menu .fa-google-plus-official, #sosyal-menu .fa-google-wallet { color:#DB0003; }
#sosyal-menu .fa-youtube, #sosyal-menu .fa-youtube-play, #sosyal-menu .fa-youtube-square { color:#DB0003; }
#sosyal-menu .fa-pinterest, #sosyal-menu .fa-pinterest-p, #sosyal-menu .fa-pinterest-square{color:#CF0003; }
#sosyal-menu .fa-linkedin, #sosyal-menu .fa-linkedin-square{ color:#0018FF; }
#sosyal-menu .fa-tumblr, #sosyal-menu .fa-tumblr-square{ color:#0013A0; }
#sosyal-menu .fa-whatsapp{ color:#0CC900; }
#sosyal-menu .fa-phone, #sosyal-menu .fa-phone-square, #sosyal-menu .fa-tty, #sosyal-menu .fa-volume-control-phone{ color:#EC0003; }
#sosyal-menu.footer{ float: right; padding: 20px 20% 20px 0; }
#sosyal-menu.footer ul li{ float:left; }

#sosyal-menu ul li a.social_icons { font-size:28px; color:#000; display:block; text-decoration:none; line-height:30px; text-align: center; margin:0 3px; width: 30px; height: 30px; padding: 5px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); transition:all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
#sosyal-menu ul li a.social_icons { background:#fff;  }
#sosyal-menu ul li a.social_icons:hover i{ color:#fff; }
#sosyal-menu ul li a.social_icons:hover { background: #0075C4; }
#sosyal-menu ul li a.social_icons.facebook:hover, #sosyal-menu ul li a.social_icons.facebook-f:hover, #sosyal-menu ul li a.social_icons.facebook-square:hover, #sosyal-menu ul li a.social_icons.facebook-official:hover{ background:#2300C6; }
#sosyal-menu ul li a.social_icons.comment:hover, #sosyal-menu ul li a.social_icons.comment-o:hover, #sosyal-menu ul li a.social_icons.comments:hover, #sosyal-menu ul li a.social_icons.comments-o:hover{ background:#2300C6; }
#sosyal-menu ul li a.social_icons.twitter:hover, #sosyal-menu ul li a.social_icons.twitter-square:hover{ background:#003EFF; }
#sosyal-menu ul li a.social_icons.instagram:hover{ background:#A07D04; }
#sosyal-menu ul li a.social_icons.google:hover, #sosyal-menu ul li a.social_icons.google-plus:hover, #sosyal-menu ul li a.social_icons.google-plus-circle:hover, #sosyal-menu ul li a.social_icons.google-plus-square:hover, #sosyal-menu ul li a.social_icons.google-plus-official:hover, #sosyal-menu ul li a.social_icons.google-wallet:hover { background:#DB0003; }
#sosyal-menu ul li a.social_icons.youtube:hover, #sosyal-menu ul li a.social_icons.youtube-play:hover,#sosyal-menu ul li a.social_icons.youtube-square:hover { background:#DB0003; }
#sosyal-menu ul li a.social_icons.pinterest:hover, #sosyal-menu ul li a.social_icons.pinterest-p:hover,#sosyal-menu ul li a.social_icons.pinterest-square:hover{ background:#CF0003; }
#sosyal-menu ul li a.social_icons.linkedin:hover, #sosyal-menu ul li a.social_icons.linkedin-square:hover{ background:#0018FF; }
#sosyal-menu ul li a.social_icons.tumblr:hover, #sosyal-menu ul li a.social_icons.tumblr-square:hover{ background:#0013A0; }
#sosyal-menu ul li a.social_icons.whatsapp:hover{ background:#0CC900; }
#sosyal-menu ul li a.social_icons.phone:hover, #sosyal-menu ul li a.social_icons.phone-square:hover, #sosyal-menu ul li a.social_icons.tty:hover, #sosyal-menu ul li a.social_icons.volume-control-phone:hover{ background:#EC0003; }

/* Searchform */
#search{ width:300px; height:50px; float: right; margin:35px 21px 0px 0px;}
.searchbox{ width:180px; height:60px; float:left; }
input#s{ float:left; width:200px; margin: auto 5px auto 0; padding: 9px 10px;}
.select-type { float:left; }
#searchsubmit { display: inline-block; border: none; padding: 1rem 2rem; margin: 0; text-decoration: none;background: #0053ba; color: #ffffff; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; box-shadow:none; -webkit-box-shadow:none; float:left; }
#searchsubmit:hover, #searchsubmit:focus { background: #0069ed; }
#searchsubmit:focus { }
#searchsubmit:active { transform: scale(0.99); }

/* Post ListBox */
.list-box{ background:#fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); display:block; position:relative; margin-bottom:15px; float:left; padding:10px; }
.post-box{ width:100%; background:#fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); display:block; position:relative; margin-bottom:15px; }
.post-box h1.post-caption{ padding:10px 15px; border-bottom: rgba(0,0,0,.05) 1px solid; clear: both; background: #fff; }
.post-box h1.post-caption a:hover,.post-box h1.post-caption a:focus,.post-box h1.post-caption a:active { text-decoration:none; }
.post-box h1.post-caption i{ padding-right:5px; }
.post-box h2.post-caption{ padding:10px 15px; border-bottom: rgba(0,0,0,.05) 1px solid; clear: both; background: #fff; }
.post-box h2.post-caption a:hover,.post-box h2.post-caption a:focus,.post-box h2.post-caption a:active { text-decoration:none; }
.post-box h2.post-caption i{ padding-right:5px; }
.post-box h3.post-caption{ padding:10px 15px; border-bottom: rgba(0,0,0,.05) 1px solid; clear: both; background: #fff; }
.post-box h3.post-caption a:hover,.post-box h3.post-caption a:focus,.post-box h3.post-caption a:active { text-decoration:none; }
.post-box h3.post-caption i{ padding-right:5px; }

.post-box .post-line{ padding:20px 15px; border-top: rgba(0,0,0,.035) 1px solid; clear: both; background: #dede;  }
.post-box .post-line a.more{ display: inline-block; border: none; padding: 1rem 2rem; margin: -8px 10px 0; text-decoration: none;background: #0053ba; color: #ffffff; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; box-shadow:none; -webkit-box-shadow:none; float:right; }
.post-box .post-line a.more:hover, .post-box .post-text a.more:focus { background: #0069ed; }
.post-box .post-line a.more:active { transform: scale(0.99); }

.post-box .hash-tag a:before{ font-family: 'FontAwesome'; content:'\f292'; padding:0 2px 0 10px;  }
.post-box .comment a:before{ font-family: 'FontAwesome'; content: "\f075"; padding:0 2px 0 10px;  }   
.post-box.slider h1.post-caption{ padding:10px 15px; clear: both; font-size: 16px; line-height: 20px; margin:0; }
/* SideBar widget */
.sidebar{ position:relative; width:100%; }
#sidebar aside{ position: relative; display:block; width:100%;  border: 1px solid #ddd; background:#fff; margin:4px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);  }
#sidebar aside:first-child{ margin-top:0; }
#sidebar aside .sbar{ border-top: 1px solid #0075C4; display:block; clear:both; width: 0%; height: 1px; margin:0 auto 10px; transition: width 1.5s; -webkit-transition: width 1.5s;-moz-transition: width 1.5s; }
#sidebar aside:hover .sbar{ width:100%; }
#sidebar .side-area{ display:block; }
#sidebar aside.widget_search{ background:inherit; border:inherit; box-shadow:none; -webkit-box-shadow:none; }
#sidebar aside.widget_search .side-area{ padding:0; }
#sidebar aside h4{ display: block; padding: 10px; margin:0; color:#0075C4; border-bottom: rgba(0,0,0,.05) 1px solid;  clear: both; background: #fff; }
#sidebar aside h4 i{ padding-left:1px; padding-right:5px;  }
#sidebar aside ul{ list-style:none; margin:0 0 15px; }
#sidebar aside .textwidget{margin:0 0 15px; padding:0 10px; clear:both;  }
#sidebar aside li, #sidebar .sidebar_list li { display: block; margin: 0; padding: 5px 0 5px 15px; }
#sidebar aside li i{ padding-right:3px;  }
#sidebar aside li a, #sidebar .sidebar_list li a { color: #000; }
#sidebar aside li a:hover, #sidebar .sidebar_list li a:hover { padding-left:1px; color: #0075C4; text-decoration: none; }
#sidebar #searchform{ display:block; width:100%; margin:0 auto 15px; padding:0; height:30px; }
#sidebar .wpcf7 input[type=text],#sidebar .wpcf7 input[type=tel]{ max-width: 90%; width: 90%; }
#sidebar .wpcf7 textarea { max-height: 50px; width: 95%; } 
#sidebar .wpcf7 #searchsubmit{float:none;}

#sidebar .form-beniara { position: relative; }
#sidebar .form-beniara input[type=text],#sidebar .form-beniara input[type=tel]{ padding: 12px 10px; max-width: 90%;width: 90%;margin: 0 auto;display: block; }
#sidebar .form-beniara #searchsubmit{ position: absolute; left: 90%; top: 4px; width: 80px; margin-left: -60px; }
#sidebar .form-beniara .ajax-loader{ display: none;}
#sidebar .form-beniara div.wpcf7-response-output { margin: 0.5em 0.5em 0.5em;}

/* Footer widget */
#footer-widget aside{ position: relative; display:block; margin:0 6px 0 0; }
#footer-widget aside:first-child{ margin-left:6px; }
#footer-widget aside .sbar{ border-top: 1px solid #0075C4; display:block; clear:both; width: 0%; height: 1px; margin:0 0 10px; transition: width 1.5s; -webkit-transition: width 1.5s;-moz-transition: width 1.5s; }
#footer-widget aside:hover .sbar{ width:100%; }
#footer-widget .side-area{ display:block; min-height:10px; padding:0;  }
#footer-widget aside.widget_search{ background:inherit; border:inherit; box-shadow:none; -webkit-box-shadow:none; }
#footer-widget aside.widget_search .side-area{ padding:0; }
#footer-widget aside h5{ font-size: 16px; line-height: 20px; font-weight:bold; color: #0075C4; border-bottom: 1px solid #0075C4;  margin:5px 0 0; display:block; clear:both; text-align:left; padding: 5px 0;  }
#footer-widget aside h5 i{ padding-left:1px; padding-right:5px; }
#footer-widget aside ul{ list-style:none; margin:0; padding:0;  }
#footer-widget aside li, #footer-widget .sidebar_list li { display: block; margin: 0; padding: 5px 0;  }
#footer-widget aside li i{ padding-right:3px;  }
#footer-widget aside li a, #footer-widget .sidebar_list li a { color: #000; }
#footer-widget aside li a:hover, #footer-widget .sidebar_list li a:hover { padding-left:1px; color: #0075C4; text-decoration: none; }

/* Footer */
.main-footer{ display: block; border-top: 5px solid #0075C4; padding-top: 10px; margin-top: 31px; box-shadow: 0 0 1px #ddd; -webkit-box-shadow:0 0 1px #ddd; display: block; background: #f5f5f5 url(images/footer-bg.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.foother-widget{ text-align:left; list-style:none; }	
.footer-wid{ padding:10px 0px; color:#aaa; list-style:none; float:left; }
.footer-wid h3{ color:#000; }
.footer-wid h3 i{ padding-left:5px;}
.footer-wid ul { list-style-type: none; margin: 0; padding: 0; }
.footer-wid li { clear: left; list-style-type: none; }
.footer-wid ul li a,.footer-wid ul li a:link, .footer-wid ul li a:visited  { line-height:200%; color: #000; text-decoration: none; }
.footer-wid ul li a:hover{ color: #0075C4; }
.footer-wid p{ padding: 5px 0; margin:0; }
.footer-wid table { text-align:center; color:#787d7f; }			
.footer-wid ul#recentcomments li.recentcomments {  border-bottom: 1px solid #545454;}
#copyright{ border-top: 1px solid #e6e6e6; padding: 10px 0; margin: 15px 0; font-size:14px;  }
.site-info{  text-align:left; float: left; width: 50%; margin: 10px 0; }
.site-info img{ padding:0 0 0 30px; float: left; }
.fcpyrg{ color:#000; padding:20px 0 20px 30px; float: left; }
.fcpyrg a:hover{ text-decoration: underline !important; }
.fcpyrg a:link, .fcpyrg a:visited{ color:#000; text-decoration:none; }

/* Yazı yorum widget */
ul.yaziyorum{ width:100%; display:block; float:left; }
ul.yaziyorum li{ display:block; width:80%; margin:10px auto; background:#ccc; padding:5px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:bold; }
ul.yaziyorum li a, ul.yaziyorum li a:hover, ul.yaziyorum li a:active,ul.yaziyorum li a:visited{ color:#000 !important; text-decoration:none; padding-left:0 !important;  }
#sidebar aside ul.yaziyorum li, #footer-widget aside ul.yaziyorum li{ width:80%; margin:10px auto; padding:10px 0; }

/* Kategori Listesi */
.cat-list{  position: relative; font-size:12px; margin:5px 0; clear:both; }	
.cat-list ul { width: auto; list-style: none; margin: 0; }
.cat-list ul li{ float:left; position:relative; margin:0 12px 7px 12px; }
.cat-list ul li a { position:relative; background-color:#0075C4; min-height: 42px; font-size:18px; line-height: 42px; color: #999; color:#fff; padding-left: 7px; padding-right: 7px; display:block; }
.cat-list ul li a:before { display: block; position: absolute; content:"";top: 0; right: 100%; width: 0; height: 0; border: solid #0075C4;border-width: 21px 0 21px 20px; border-left-color: transparent !important; }
.cat-list ul li a:after { display: block; position: absolute; content: ""; top: 0; left: 100%; width: 0; height: 0; border: solid transparent;
border-width: 21px 0 21px 20px;  border-left-color: #0075C4; }	
.cat-list ul li:first-child{ margin-left:0; }
.cat-list ul li:first-child a:before{ display: none; }
.cat-list ul li:first-child a{ -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.cat-list ul li:last-child a:after{ display:none; }
.cat-list ul li:last-child a{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.cat-list ul li a:hover{ text-decoration:none;  }

/* Blog */
h1.page-title{ font-size:14px; }
article.post, article.page{ background:#fff; border: 1px solid #ddd; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding:20px;}
h1.entry-title{ margin:0px; color:#222;}
h1.entry-title a:link , h1.entry-title a:visited{ color:#222;}
.entry-header { padding-bottom:0; margin-bottom:10px; }
.general-title { font-weight: bold; border-bottom: 1px solid #0075C4; margin-bottom: 10px; padding-bottom: 5px; color: #0075C4;}

/* COMMENTS */
.comment-box,.comment-respond{ border: 1px solid #ddd; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); background: #fff; }
#comments { margin:0; padding:0; }
h2.comments-title { padding: 10px 0px; font-size: 16px; margin: 0px 0px 20px 0px; color: #111; font-weight:700;text-transform: uppercase; }
#comments ol.commentlist { clear: both; overflow: hidden; list-style: none; margin: 0;}
.space{ height:30px; display:block;}
#comments ol.commentlist li.comment,#comments ol.commentlist li.pingback {  margin: 10px 3px 0 0; padding: 0; }
ol.commentlist li .comment-author{ margin:20px 0 0 20px; }
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited { color: #333; font-weight: 700; text-decoration: none!important; }
cite.fn { color: #333; font-style:normal; font-weight:bold; font-size:14px;}
cite.fn.ex { font-size:18px; float:left; line-height:50px; }
cite.fn a{ color:#333; }
span.says{ display:none;}
ol.commentlist li .comment-author .avatar { margin: 0px 10px 10px 0px; float:left;}
.comment-author.answer{ margin:7px 5px; }
.comment-author.answer .avatar{ margin: 0px 10px 10px 0px; float:left; border: 1px solid #ddd; padding:2px; }
ol.commentlist li .comment-meta .commentmetadata { color: #000; }
ol.commentlist li .comment-meta a { color: #777; text-decoration: none!important;}
.comment-content{ margin-top:10px; padding:0 10px;}
ol.commentlist li p:first-child { margin:10px;}
ol.commentlist li .reply { font-size: 12px; margin:5px 10px 35px; }
ol.commentlist li .reply a { width:inherit; font-weight:bold; color: #fff; cursor: pointer; margin: 10px 0; padding: 7px 5px; display: block; border: none; padding: 1rem 2rem; margin: 0; text-decoration: none;background: #0053ba; color: #ffffff; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; box-shadow:none; -webkit-box-shadow:none; float:left; }
ol.commentlist li .reply a:focus, ol.commentlist li .reply a:hover { background: #0069ed; }
ol.commentlist li .reply a:active { transform: scale(0.99); }
ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 0 0 0 30px;}
.comment-nav { height: 20px; padding: 5px;}
.comment-nav a:link,.comment-nav a:visited { color: #777;}
#respond { margin:10px 0; }
#respond h3 { font-size: 16px; font-weight: 700; color: #222; padding: 15px 0 0 20px; margin:0;}
#respond form{ padding-left:20px; }
#commentform { padding: 0px 0px;}
#commentform p { color: #777; margin: 5px 0;}
.form-allowed-tags{ font-size:13px; }
#respond label { display:inline; color: #777; padding: 5px 0;}
#respond input { background: #fff; border: 1px solid #ddd; color: #777; margin: 0 10px 10px 0; padding: 5px;}
#commentform input { width: 50%; display:block; margin-top:5px;}
h3 #cancel-comment-reply-link{ width:inherit; font-weight:bold; color: #fff; cursor: pointer; margin: 10px 5px; padding: 1rem 2rem; background: #0053ba; color: #ffffff; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; box-shadow:none; -webkit-box-shadow:none; }
h3 #cancel-comment-reply-link:hover, h3 #cancel-comment-reply-link:focus { background: #0069ed; }
h3 #cancel-comment-reply-link:active { transform: scale(0.99); }
#respond input#submit { display: inline-block; border: none; padding: 1rem 2rem; margin: 0; text-decoration: none;background: #0053ba; color: #ffffff; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; box-shadow:none; -webkit-box-shadow:none; margin-bottom:15px; width: 200px; }
#respond input#submit:hover, #respond input#submit:focus { background: #0069ed; }
#respond input#submit:active { transform: scale(0.99); }

textarea#comment { display:block; margin-top:5px; background: #fff; border: 1px solid #ddd; width: 90%; color: #333; margin: 5px 0 0; padding: 10px 10px; }
.form-allowed-tags{ padding:20px 0px; }
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn { color: #333; }
ol.commentlist li .comment-meta,#respond label small { font-size: 10px;}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 { margin: 0 0 0 50px; }	

/* Paginate */
.pagination { clear:both; padding:10px 0; position:relative; font-size:14px; line-height:14px; font-weight:bold;}
.pagination span, .pagination a { display:block; float:left; margin: 4px 4px 4px 0; padding:6px 9px 5px 9px; box-shadow: 0 0 1px #ddd; -webkit-box-shadow: 0 0 1px #ddd;  text-decoration:none; width:auto; color:#fff; background: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background .5s ease-in-out;-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; }
.pagination a:hover{ color:#fff; background: #0069ed; }
.pagination .current{ background:#0053ba; color:#fff; }
/* Comment Navigasyon -----cnt------*/
.comment-navigation { clear:both; margin:15px 0; position:relative; font-size:14px; line-height:14px; font-weight:bold; }
.comment-navigation .nav-previous a, .comment-navigation .nav-next a{ padding: 7px 12px 7px 12px; background: #0053ba; color: #fff; }
.comment-navigation .nav-previous a:hover, .comment-navigation .nav-next a:hover{ background: #0053ba; }
.comment-navigation .nav-previous { float: left; }
.comment-navigation .nav-next { float: right; }

/* Menü */
#mobile-menu{ visibility:hidden; display:none; text-decoration:none; color:#000; cursor: pointer; position:fixed; z-index:9999; background: #0075C4; border-radius: 100%; width: 100px; height: 100px; left: -40px; top: -40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#mobile-menu span, #mobile-menu:before{ font-size: 24px; color: #fff; position: relative; top:50px; left:50px; }
#mobile-menu.open:before{ content:'\f00d'; }

.callus{ visibility:hidden; display:none; position:fixed; bottom: 9px; right: 90px; z-index:999991;  }
.callus a.callnow { margin:10px; display: block; width: 60px; height: 60px; border-radius: 50%; background:#27C24C; cursor: pointer; box-shadow:0 0 0 rgba(204,169,44, 0.4);  -webkit-box-shadow:0 0 0 rgba(204,169,44, 0.4); animation: pulsate 2s infinite; -webkit-animation: pulsate 2s infinite;}
.callus a.callnow:before{ display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 38px; color:#fff; }
.callus a.callnow:hover, .callus a.callnow:focus, .callus a.callnow:active { text-decoration:none; }
#phonelist.callnow.open{ animation: none; -webkit-animation: none;  }
#phonelist.callnow.open:before{ content:'\f00d'; }
.callus .phonelist-menu{ display:none; color:#0075C4; position: absolute; bottom:75px; right:-75px; z-index:3; }
.callus .phonelist-menu.open{ display: block; }
.callus .phonelist-menu ul { list-style: none; margin:0 auto; clear:both; margin:15px auto 0; }
.callus .phonelist-menu li { margin: 0 0 10px; padding:15px 25px 15px 10px; background: #27C24C; border-radius: 20px 20px 0 20px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); position: relative; }
.callus .phonelist-menu li a:before{ content:''; display: block; }
.callus .phonelist-menu li:hover a:before{ animation: pulsate 2s infinite; -webkit-animation: pulsate 2s infinite; }
.callus .phonelist-menu li a{ text-align:left; color:#fff; display:block; white-space:nowrap; text-decoration: none; font-size:22px; line-height:26px; }
.callus .phonelist-menu li i { margin-right: 5px;  }
.callus .phonelist-menu li span{ text-align:left; color:#333; display:block; white-space:nowrap; font-size:14px; line-height:18px;}

.scrollToTop { display:none; cursor: pointer; position: fixed; z-index: 9999; bottom: 15%; right: 5px; width: 30px; height: 40px; margin-left: -15px; border: 2px solid #000; border-radius: 5px; box-sizing: border-box; background-color: #fff; box-shadow:3px 3px 3px 0px rgba(96, 94, 94, 0.17); -webkit-box-shadow:3px 3px 3px 0px rgba(96, 94, 94, 0.17); }
.scrollToTop span::before { font-family: 'FontAwesome';content: '\f176'; font-size: 14px; line-height: 14px; position: absolute; z-index: 999990; left: -10px; top:0; -webkit-animation: scrolltop 2s infinite; animation: scrolltop 2s infinite; box-sizing: border-box;}

@media only screen and (max-device-width : 640px) { .callus{ visibility:visible; display:block; } }
@-webkit-keyframes scrolltop {
  0% { -webkit-transform: translate(20px, 20px); opacity: 0;}
  40% { opacity: 1; }
  80% {-webkit-transform: translate(20px, 0);opacity: 0; }
  100% { opacity: 0; }
}
@keyframes scrolltop {
  0% { transform: translate(20px, 20px);opacity: 0; }
  40% {opacity: 1;}
  80% {transform: translate(20px, 0); opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes slideInDown {
  0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown {
  0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px);  transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes pulsate {
    0%   {-webkit-box-shadow: 0 0 0 0px rgba(21, 191, 129, 0);}
    40%  {-webkit-box-shadow: 0 0 0 8px rgba(21, 191, 129, 0.3);}
    100% {-webkit-box-shadow: 0 0 0 0px rgba(21, 191, 129, 0);}
}
@keyframes pulsate {
    0%   {box-shadow: 0 0 0 0px rgba(21, 191, 129, 0);}
    40%  {box-shadow: 0 0 0 8px rgba(21, 191, 129, 0.3);}
    100% {box-shadow: 0 0 0 0px rgba(21, 191, 129, 0);}
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(500px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(500px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(500px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(500px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(500px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(500px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(500px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(500px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes InMenu {
  0% { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0); }
  100% { -webkit-transform: translate(75px,25px); transform: translate(75px,25px); }
}
@keyframes InMenu {
  0% { opacity: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0);  transform: translate(0,0); }
  100% { -webkit-transform: translate(75px,25px); -ms-transform: translate(75px,25px); transform: translate(75px,25px);}
}