/*
Theme Name: Metinis Tente
Description: 
Version: 1.0
Author: 
Tags: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*------------------*/
/*
font-family: 'Oxygen', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Sarala', sans-serif;
font-family: 'Shadows Into Light Two', cursive;
font-family: 'Inder', sans-serif;
font-family: 'Ruluko', sans-serif;
font-family: 'Andika', sans-serif;
font-family: 'Varela Round', sans-serif;
font-family: 'Rajdhani', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/
/*------------------------------------------------------*/
/*------------------*/
/*	SITE STRUCTURE
/*------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700|Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Sarala:400,700|Shadows+Into+Light+Two|Inder|Ruluko|Andika|Varela+Round|Rajdhani:400,300,500,600,700|Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext,greek,greek-ext,vietnamese,cyrillic-ext,cyrillic,devanagari);

body {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em;}
a {
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

/* HEADER ALANI */
.topbar {
    min-height: 35px;
    width: 100%;
    background: #f5f5f5;
	border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #fff;
    border: 0;
	z-index: 98;
	font-weight:400;
}
.yt-wrapper.yt-wrapper_align_right {display:none;}
.slideralti {
    background: #2f267a;
    display: block;
    overflow: hidden;
    clear: both;
	color:#fff;
	text-align:center;
	padding:10px 0 30px 0;
}
.slideralti h2 {
    color: #fff;
    letter-spacing: -1px;
    font-weight: 600;
    font-size: 1.5em;
    margin: 10px 0 20px 0;
}
.slideralti a {
    color: #333;
    padding: 30px 0;
    display: block;
    text-align: center;
    border-right: 1px solid #ddad09;
    border-left: 1px solid #f7cb31;
}
.slideralti a:hover {
	background:#f6c92c;
}
.isimalani {
    width: 300px;
    float: left;
    margin-right: 5px;
}
.telefonalani {
    width: 300px;
    float: left;
    margin-right: 5px;
}
.mailalani {
    width: 300px;
    float: left;
    margin-right: 5px;
}
.katalani {
    width: 300px;
    float: left;
    margin-right: 5px;
}
.siziarayalim {

    margin: 0;
    padding: 0;
    border: 0;
    display: grid;

}
.siziarayalim img {

    margin: 0;
    padding: 0;
    border: 0;

}
.iletisimbaslik {

    font-size: 19px;
    font-weight: 600;
    letter-spacing: -1px;
    width: 145px;
    display: inline-block;
    color: #ef3745;

}
.iletisimbaslik i {

    margin: 0 5px;

}
.iletisimsayfasi a {

    font-size: 19px;
    color: #2f267a;

}
.iletisimsayfasi a:hover {

    color: #ef3745;

}
.sayfaici h2.ibaslik {

    margin-top: 40px;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;

}
.yazialani {
    font-size: 1.2em;
    font-weight: 500;
    color: #222;
}
.bilgiiste {

    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
    border: 5px solid #ef3745;
    height: auto;
    overflow: hidden;
    top: 0;
    border-radius: 0 0 5px 5px;

}


::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #26394d;
}

::selection {
    color: #fff;
    background: #26394d;
}

.bilgiiste .isimalani {

    width: auto;
    float: none;
    margin: 10px;

}
.bilgiiste .telefonalani {

    width: auto;
    float: none;
    margin: 10px;

}
.bilgiiste .mailalani {

    width: auto;
    float: none;
    margin: 10px;

}
.bilgiiste .katalani {

    width: auto;
    float: none;
    margin: 10px;

}
.bilgiiste #kategorisec {

    width: 100%;
    border: 0;
    border-radius: 20px;
    color: #fff;
    padding: 10px 12px;
    background: #ef3745;
    font-size: 15px;

}
.bilgiiste .gonderbutonu {

    width: 100px;
    font-size: 15px;
    text-align: center;
    float: right;
    display: block;
    margin: 10px;
	overflow:hidden;

}
.bilgiiste input {

    padding: 10px 12px;
    width: 100%;
    border: 0;
    color: #fff;
    font-weight: 500;
    border-radius: 20px;
    background: #ef3745;
	font-size:15px;

}
.bilgiiste input::placeholder {

    color: #fff;
    opacity: 1;
    font-weight: 500;
    font-size: 15px;

}
#kategorisec {
    width: 250px;
    height: 40px;
    border: 0;
    border-radius: 20px;
	color:#26394d;
	padding: 0px 20px;
}
.slideralti input {
    width: 300px;
    height: 40px;
    border: 0;
    padding: 0px 20px;
    border-radius: 20px;
	color:#26394d;
}
.slideralti input.gonderbutonu {
    height: 40px;
    border-radius: 20px;
    border: 0;
    color: #fff;
    background: #d22835;
	width:auto;
	float:left;
	margin-left:15px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	
}
.slideralti input.gonderbutonu:hover {
	background:#be1f2b;	
	
}
.cardalani {

    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 25px;
    box-shadow: 0 0 1px #2f267a;
	display:block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;

}
.cardalani:hover {
	box-shadow: 0 0 15px #2f267a;
	z-index:999;
}
a.cardkapsa {display:block;
}
.cardalani img {

    text-align: center;
    margin: auto;
    padding: 25px 0;

}
.cardkapsa h2 {

    color: #2f267a;
    font-weight: 600;
    margin-bottom: 15px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;

}

.cardkapsa:hover h2 {
	color: #bf222e;

}
.tenteaciklama {

    color: #2f267a;

}
.cardalani a.detaylar {

    color: #2f267a;
    padding: 14px 25px;
    display: inline-block;
    background: #f1f1f1;
    border-radius: 25px;
    margin-top: 0px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	font-weight:600;
	font-size:14px;

}
.cardalani a.detaylar:hover {
	background:#2f267a;
	color:#fff;
}

.egitimler {
    padding: 30px 0;
    background: #fafafa;
}
.egitim {
    padding: 5px;
}
.egitimcard {

    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
	border-radius: 0px 0px 5px 5px;
}
.egitimbilgileri {

    color: #777;
    font-size: 14px;
    letter-spacing: 0;

}
h2.egitimbaslik {

    text-align: center;
    font-weight: 600;
    font-size: 1.9em;
    letter-spacing: -1px;
    color: #ef3745;

}
h2.egitimbaslik a:hover {
	color:#26394d;
}
.egitimbilgileri h3 {

    color: #626262;
    font-size: 20px;
    margin: 10px 0px;
    font-weight: 400;
    letter-spacing: .5px;

}
.egitimegit {

    text-align: right;
    background: #ededed;
    width: auto;
    overflow: hidden;
    float: right;
    display: block;
    position: relative;
    padding: 7px 14px;
    border-radius: 20px;
    color: #26394d;
    font-weight: 600;

}
.egitimegit:hover {
	color:#ef3745;
}
.testduyuru {
    background: #2f267a;
    padding: 30px;
}
.testyazi h1 {
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.testyazisi {
    color: #a0a8b1;
}
.testbutonu {
    text-align: center;
    margin: auto;
}
.testbutonu a {
    color: #fff;
    padding: 20px;
    background: #ef3745;
    border-radius: 30px;
    font-weight: 600;
    overflow: hidden;
    display: block;
	font-size:1.3rem;
	position: relative;
}
.testbutonu a:hover {
	background:#d22835;
}
.testbutonu a::before {
	content:"\f054";
	padding: 0px 10px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size: 13px;
	position:absolute;
	left:-20px;
	transition: all 200ms ease;
}
.testbutonu a:hover::before{
	left:10px;
}
.testbutonu a::after {
	content:"\f053";
	padding: 0px 10px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size: 13px;
	position:absolute;
	right:-20px;
	transition: all 200ms ease;
}
.testbutonu a:hover::after{
	right:10px;
}
.card-img-top {

    border-radius: 5px 5px 0px 0px;

}
.egitimler h1 {

    text-align: center;
    margin-bottom: 30px;
    color: #26394d;
    font-weight: 600;
    letter-spacing: -1px;

}
.egitimler h1::after{
	content: "";
	display: block;
	margin: auto;
	width: 210px;
	padding-top: 5px;
	border-bottom: 3px solid #ef3745;
}
.sabityazi1 {
	padding:30px 0px;
}
h1.anasayfah1 {

    text-align: center;
    margin-bottom: 20px;
    color: #26394d;
    font-weight: 600;
    letter-spacing: -1px;

}
h1.anasayfah1::after{
	content: "";
	display: block;
	margin: auto;
	width: 210px;
	padding-top: 5px;
	border-bottom: 3px solid #ef3745;
}
.odulduyuru {
	background: url("images/pattern-bg.png") repeat;
	padding: 65px 30px;
	margin-top:50px;
}
.odulduyuru h3 {
    font-size: 34px;
    color: #26394d;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: normal;
}
.odulduyuru h3 span {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.odulduyuru h4 {
    font-size: 26px;
    color: #26394d;
    line-height: normal;
    font-weight: 600;
    text-align: center;
}
.odul img {
    position: absolute;
    top: -120px;
}
.wpcf7 p {
    margin: 0;
}
.slideralti a.bl0 {
    border-left: 0;
}
.slideralti a.br0 {
    border-right: 0;
}
.slideralti i {
    font-size: 2em;
    margin-bottom: 5px;
}
.salt1, .salt2, .salt3, .salt4 {
	padding:0;
}
.salt1 h2 {
    font-size: 2em;
    margin-bottom: 10px;
    letter-spacing: -2px;
    color: #333;
	font-weight:600;
}
.iletisimformu {
    margin-top: 30px;
}

.sabityazi p {
    color: #fff;
    font-size: 1.3em;
}
.sabityazi a {
    background: #ecbb11;
    padding: 7px 15px;
    color: #333;
    border-radius: 10px;
}
.sabityazi a:hover {
	background:#fff;
}
.anayazi1 img {
	float:left;
	margin-right: 20px;
}
.anayazi1 h2 {
	font-weight:600;
	color: #333;
	
}
.diosavantajlari {
    padding: 30px 0;
    background: #fbfbfb;
}
.diosavantajlari2 {
    padding: 30px 0;
}
/*=============================
 * TABLO ALANI
 *=============================*/
.bahisdemolari {
    padding: 0 0 30px 0;
}
.bahissistemleri1 {
    padding: 30px 0;
    background: #fafafa;
}
.bahisdemolari h3 {
    font-size: 1.5em;
    font-weight: 800;
    color: #fff;
    background: #ecbb11;
    padding: 20px 0;
}
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
.box18{max-height: 268px;border: 4px solid #ecbb11;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18::after,.box18::before{content:"";width:100%;height:100%;background:#ecbb11;position:absolute;top:0;left:0;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.6;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18::before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18::after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover::after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;width:70%;top:50%;left:50%;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{text-align:center;font-size:18px;font-weight:600;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:600;padding:5px 10px;margin-top:15px; color:#333; background:#ecbb11;}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*Animation Effect*/
/*-------------------------------
	Pricing Style1
---------------------------------*/
.tc-pricing-style1 .pricing-plan {background: #1a1a1a;margin-bottom: 35px;-webkit-transition: .3s ease all;transition: .3s ease all;}
.tc-pricing-style1 .pricing-head {position: relative;overflow:hidden;text-align:center;z-index: 11;background-color: #f7f7f7;padding: 30px 35px; border:1px solid #ccc;}
.tc-pricing-style1 .pricing-head img.shape {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 94%;}
.tc-pricing-style1 .pricing-head img.shape_hover {display: none;}
.tc-pricing-style1 .pricing-plan:hover .pricing-head img.shape {display: none;}
.tc-pricing-style1 .pricing-plan:hover .pricing-head img.shape_hover {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 94%;display: block;}
.tc-pricing-style1 .pricing-head .name {font-size: 34px;text-transform: uppercase;color: #1a1a1a;line-height: normal;margin-bottom: 10px;font-weight: 700;}
.tc-pricing-style1 .pricing-head .short-desc {color: #999;font-size: 12pt;line-height: 16pt;position: relative;padding-bottom: 15px;margin-bottom: 10px;}
.tc-pricing-style1 .short-desc:after {content: '';position: absolute;height: 1px;width: 70%;background-color: #fff;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.tc-pricing-style1 .pricing-head .price {color: #1a1a1a;}
.tc-pricing-style1 .pricing-head span.value {display: block;font-size: 52px;line-height: normal;-webkit-transition: all .25s ease;transition: all .25s ease;}
.tc-pricing-style1 .pricing-head span.duration {margin-top: 0;display: block;font-size: 14px;}
.tc-pricing-style1 .pricing-body {padding: 40px;}
.tc-pricing-style1 .pricing-body ul {padding-left: 0;list-style: none;font-size: 1em;color: rgba(255, 255, 255, 0.7);}
.tc-pricing-style1 .pricing-body ul li:nth-child(n+2) {padding-top: 10px;margin-top: 10px;border-top: 1px solid rgba(255,255,255,0.1);}
.tc-pricing-style1 .pricing-body ul li i {float: right;margin-top: 6px;}
.tc-pricing-style1 .pricing-body ul li .fa-close {background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;font-size: 9px;height: 15px;width: 15px;line-height: 15px;text-align: center;padding-left: 1px;}
.tc-pricing-style1 .pricing-footer {padding: 30px 40px 40px;text-align: center;}
.tc-pricing-style1 .pricing-footer .p-button {display: inline-block;padding: 10px 20px;font-size: 14px;min-width: 120px;text-transform: uppercase;background: rgba(255, 255, 255, 0.1);color: #fff;text-decoration: none;-webkit-transition: .5s all ease;transition: .5s all ease;min-width: 172px;}
.tc-pricing-style1 .pricing-footer .p-button:hover {background: #fff;color: #363636;}
.tc-pricing-style1 .pricing-head .icon {position: absolute;right: -15px;text-align: center;font-size: 200px;border-radius: 50%;bottom: -15px;z-index: -1;opacity: 0.14;}
.tc-pricing-style1 .price-badge {position: absolute;top: 35px;text-align: center;right: -19px;padding: 0 10px;background: #1a1a1a;transform: rotate(90deg);font-size: 12px;color: #fff;}
.tc-pricing-style1 .pricing-plan.featured .pricing-head {background: rgba(255, 255, 255, 0.06);}
.tc-pricing-style1 .pricing-plan.featured .price-badge {background: rgba(255, 255, 255, 0.08);}
.tc-pricing-style1.bg-dark-yes .pricing-plan, 
.tc-pricing-style1.bg-dark-yes .pricing-plan .pricing-head {background: rgba(255, 255, 255, 0.06);}
.tc-pricing-style1.bg-dark-yes .pricing-plan .pricing-head *, 
.tc-pricing-style1 .pricing-plan.featured .pricing-head * {color: rgba(255, 255, 255, 0.9);}
.tc-pricing-style1.bg-dark-yes .short-desc:after, 
.tc-pricing-style1 .pricing-plan.featured .short-desc:after {background-color: rgba(255, 255, 255, 0.2);}
.tc-pricing-style1.bg-dark-yes .pricing-footer .p-button {background: rgba(255, 255, 255, 0.05);}
.tc-pricing-style1.bg-dark-yes .pricing-footer .p-button:hover {background: rgba(255, 255, 255, 0.15);color: #fff;}
.tc-pricing-style1.bg-dark-yes .pricing-body ul {color: rgba(255, 255, 255, 0.9);}
.tc-pricing-style1 .k2 .pricing-body {background:#1b86aa;}
.tc-pricing-style1 .k2 .pricing-body ul {color:#fff;}
.tc-pricing-style1 .k2 .pricing-head {border:1px solid #1b86aa; color:#1b86aa;}
.tc-pricing-style1 .k2 .pricing-head .name {color:#1b86aa;}
.name img.img-responsive { text-align: center; margin: auto; }
.anayazi2 .teklifbutonu {
    margin-top: 20px;
}
.karsilastir {
    background: #fbfbfb;
}
.karsilastir h1 {
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    line-height: 2.5em;
	color: #1b86aa;
}

[class*="tc-pricing-style"] > div {opacity:0;-webkit-animation:fadeIn 0.82s cubic-bezier(.36, .07, .19, .97) both;animation:fadeIn 0.82s cubic-bezier(.36, .07, .19, .97) both;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;}
[class*="tc-pricing-style"] > div:nth-child(1) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
[class*="tc-pricing-style"] > div:nth-child(2) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
[class*="tc-pricing-style"] > div:nth-child(3) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}



.anayazi1 p {
    line-height: 1.8em;
}
.topiletisim {
    height: 35px;
}
.topiletisim ul {
    margin: 0;
    padding: 0;
    height: 35px;
    list-style: none;
}
.topiletisim li {
    float: left;
    height: 35px;
    line-height: 35px;
	padding:0;
}
.iletisimbilgi {
    font-size: 17px;
    line-height: 30px;
	margin-bottom:20px;
	background: url('images/mira14iletisim.jpg') no-repeat right;
}
.iletisimbilgi strong {
    width: 135px;
    display: block;
    float: left;
    color: #1b86aa;
    font-weight: 600;
}
.adresler div {
	margin: 0.16%;
}
.ialan1 {
    width: 33%;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fdfdfd;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ialan2 {
    width: 33%;
    float: left;
    text-align: center;
    line-height: 26px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fbfbfb;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ialan3 {
    width: 33%;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    min-height: 100px;
    background: #fdfdfd;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ialan1:hover {
	border:1px solid #1b86aa;
	background:#e6f0f6;
}
.ialan2:hover {
	border:1px solid #1b86aa;
	background:#e6f0f6;
}
.ialan3:hover {
	border:1px solid #1b86aa;
	background:#e6f0f6;
}
.adresler {
    margin: 20px auto;
    overflow: hidden;
}
.topiletisim a {
    color: #2f267a;
    padding: 0 10px 1px;
    display: inline-block;
	font-size:1.1em;
}
.topiletisim li a:hover {
	color:#d22835;
}
.topiletisim .sep {
    color: #7F7F7F;
    font-weight: 300;
    font-size: 20px;
    float: left;
    line-height: 40px;
}
.topsocial {
    height: 35px;
	font-size:16px;
}
.topsocial ul {
    margin: 0;
    padding: 0;
    height: 35px;
    list-style: none;
	float:right;
}
.topsocial li {
    float: left;
}
.topsocial a {
    color: #2f267a;
    padding: 7px;
    display: inline-block;
	font-size:1.3em;
}
.topsocial li:hover a {
	color:#d22835;
}
.logo {
	margin:10px auto;
	text-align:center;
	display:table;
}
nav.menu {
    font-family: roboto;
    font-weight: 400;
    background:#2f267a;
    border: 0;
    border-radius: 0;
	margin:0;

}

.navbar-default .navbar-nav > li > a {
    color: #fff;
	padding:15px;
	font-weight:600;
	font-size:15px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #20195f;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background:#20195f;
	color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background:#ef3745;
	color: #fff;
}

.dropdown-menu {padding:0;box-shadow: inherit;background:#005b8d;border:0;}
.dropdown-menu > li > a {padding:10px 15px;color:#fff;}
.dropdown-menu > li > a:hover {background:#111;color:#fff;border-radius:0 0 4px 4px;}

/* ANASAYFA RANDEVU AL KISMI */
.randevutalep {
    background: #231f20;
    padding: 15px 0 0 0;
}
.alticizgili {
    border-bottom: 3px solid #1b86aa;
    width: 12%;
    height: auto;
    clear: both;
    overflow: hidden;
    display: block;
}
.randevutalep h1 {
    color: #fff;
    font-weight: 600;
}
.randevutalep p {
    color: #fff;
}
.btn3d {
    position:relative;
    top: -6px;
    border:0;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}

/* FAALİYET ALANLARI KISMI */
.hizmetler {
	display:grid;
    margin: auto;
}
.hizmetlerimiz {
    max-width: 277px;
	margin: auto;
}
.anahizmet {
    padding: 30px 0px;
    background: #fdfdfd;
	border-bottom: 1px solid #f2f2f2;
}
.anahizmet h2 {
    text-align: center;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px 0;
}
.aligned-row {
  display: flex;
  flex-flow: row wrap;
}
figure.hizmet {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #1b86aa;
  color: #333;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
figure.hizmet * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.hizmet img {
  max-width: 100%;
  vertical-align: top;
}
figure.hizmet .image {
  position: relative;
  border-bottom: 5px solid #1b86aa;
  z-index: 1;
}
figure.hizmet .image:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #1b86aa transparent transparent transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  z-index: -1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.hizmet .image p {
  font-weight: 500;
  margin: 0;
  padding: 0 30px;
  line-height: 1.6em;
  position: absolute;
  top: 50%;
  width: 100%;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  font-style: italic;
}
figure.hizmet figcaption {
  background-color: #ffffff;
  padding: 20px 10px 10px 10px;
}
figure.hizmet h3 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 17px;
}
figure.hizmet h3 span {
  font-weight: 800;
}
figure.hizmet h4 {
  margin: 0 0 5px;
  font-weight: 500;
  font-size: 16px;
}
figure.hizmet h4 span {
  font-weight: 800;
}
figure.hizmet h5 {
  margin: 0 0 15px;
  font-weight: 400;
}
figure.hizmet i {
  margin-right: 5px;
  display: inline-block;
  font-size: 24px;
  color: #000000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
}
figure.hizmet i:hover {
  background-color: #1b86aa;
  color: white !important;
}
figure.hizmet:hover .image:before,
figure.hizmet.hover .image:before {
  border-color: #1b86aa transparent transparent transparent;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
figure.hizmet:hover .image p,
figure.hizmet.hover .image p {
  opacity: 1;
}
figure.hizmet:hover img,
figure.hizmet.hover img {
  opacity: 0.2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* AVUKAT BİLGİ KISMI */
.avukatbilgi {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.avukatbilgi h1 {
    font-weight: 600;
}

/* ANASAYFA SABİT YAZI */
#sabityazialani {
	background-image: url("images/sabitbg.jpg");
	background-attachment: fixed;
	background-size: 100%;
}

.sabityazi {
	text-align: center;
	position: relative;
	width: 100%;
}

.inner {
	min-height: 200px;
	position: relative;
}

.sabityazi .inner {
	background: rgba(0, 0, 0, 0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat;
}

.copy {
	position: absolute;
	top: 50%;
	height: 10em;
	margin-top: -5em;
	width: 100%;
}

.sabityazi h2 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 36px;
}
.sabityazi h3 {
    color: #f5f5f5;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 27px;
}

/* HUKUKİ MAKALELER */
.hukukimakaleler {
    min-height: 300px;
    padding: 40px 0;
	background: #e1c986;
}
.hukukimakaleler h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;

}

/* KATEGORİ SAYFASI */
.kategori {
    min-height: 300px;
    padding: 20px 0;
	background: #fdfdfd;
}
.kategori h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}

/* SAYFAİÇİ ALANI */
.sayfaic {
    background: #fdfdfd;
}
.sayfaici {
    margin: 20px auto;

}
.sayfaici h1, .sayfaici h2, .sayfaici h3, .sayfaici h4 {
	font-weight:600;
	margin:0 0 10px 0;
	letter-spacing: -1px;
}
.sayfaici img {
    max-width: 100%;
    height: auto;
}
.sayfaicerik {
    border: 1px solid #ddd;
    background: #fff;
	padding: 20px;
	clear:both;
	overflow:hidden;
}
.sayfaicerik i {
    color: #ef3745;
}
/* BREADCRUMB ALANI */
.breadcrumbfull {
    margin: 0;
    text-align: left;
}
.breadcrumbfull ol {
    margin: 0 0 10px 0;
}
.breadcrumbfull ol li a {
    color: #524419;
}
.breadcrumbfull ol li.btn-default {
	border-color: #524419
}
.breadcrumbfull ol li.btn-default:hover {
	background: #e1c986;
}
.breadcrumbfull .btn.btn-default {
	padding: 3px 5px;
}

/* SİDEBAR ALANI */
.sidebaralani {
	padding: 0;
	margin:20px auto;
}
.sidebar {
    overflow: hidden;
    clear: both;
    text-align: center;
    margin: auto;
    background: #fff;
    border: 1px solid #ddd;
}
.list-group-item.listebaslik {
    border-radius: 0;
    background: #1b86aa;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
	border: 1px solid #1b86aa;
}
.sidebarlist {
	padding:0;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 23%;
    margin: 1%;
}
.teklifbutonu {
    font-family: roboto;
    width: 100%;
    border-radius: 4px;
    background: #1b86aa;
    border: 3px solid #1b86aa;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.teklifbutonu:hover {
    background: #fff;
    border: 3px solid #1b86aa;
}

.teklifbutonu a {
	color:#fff;
    font-weight: 600;
    padding: 12px;
    margin: 0;
    font-size: 0.95em;
	display:block;
}
.teklifbutonu:hover a {
	color: #1b86aa;
}
.telbutonu {
    font-family: roboto;
    width: 100%;
    border-radius: 4px;
    background: #fff;
    border: 3px solid #ef3745;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.telbutonu:hover {
    background: #ef3745;
    border: 3px solid #ef3745;
}

.telbutonu a {
	color:#ef3745;
    font-weight: 600;
    padding: 12px;
    margin: 0;
    font-size: 0.90em;
	display:block;
}
.telbutonu span {
    clear: both;
    overflow: hidden;
    display: block;
    font-size: 1.3em;
}
.telbutonu:hover a {
	color: #fff;
}
.whatsappbutonu {
    font-family: roboto;
    width: 100%;
    border-radius: 4px;
    background: #3fb81f;
    border: 3px solid #3fb81f;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.whatsappbutonu:hover {
    background: #FFF;
    border: 3px solid #3fb81f;
}

.whatsappbutonu a {
	color:#FFF;
    font-weight: 600;
    padding: 12px;
    margin: 0;
    font-size: 0.90em;
	display:block;
}
.whatsappbutonu span {
    clear: both;
    overflow: hidden;
    display: block;
    font-size: 1.3em;
}
.whatsappbutonu:hover a {
	color: #3fb81f;
}

.sidebarlist a {
    padding: 10px 10px;
    display: block;
    font-size: 0.9em;
    line-height: 0.9em;
    font-weight: 600;
	color: #1b86aa;
}
.sidebarlist a:hover {
	color:#00576f;
	background: #f6f6f6;
}
.list-group-item:first-child {
	border-radius:0;
}
.list-group-item:last-child {
	border-radius:0;
}

/* FOOTER ALANI */
footer {
	background:#2f267a;
	background-size:cover;
	min-height:200px;
	height:auto;
	padding:20px 0;
}
.altlogo {
    padding: 0;
    text-align: center;
}
.footer h2 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-top: 15px;
}
footer a {
    color: #fff;
    margin-left: 5px;
	font-size: 14px;
}
footer a:hover{
	color:#e1c986;
}
.bottomsocial {
    margin: 15px auto 0 auto;
	display: table;
}
.bottomsocial ul {
    margin: 0;
}
.bottomsocial ul li {
    float: left;
	display: table-cell;
}
.sosyalmedya {

    position: relative;
    overflow: hidden;
    height: 200px;

}
.sosyalmedya img {

    right: 0px;
    bottom: 20%;
    position: absolute;
    z-index: 1;
	width:70px;

}
.copyright {
    text-align: center;
    color: #ddd;
    font-size: 13px;
}
footer .bottomsocial ul li a {
    padding: 3px;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 5px;
    min-width: 27px;
    display: block;
    text-align: center;
    margin: 2px;
}
footer .bottomsocial ul li a:hover {
	color:#e1c986;
	border:1px solid #e1c986;;
}
.sayfalama {
    margin: 0 auto;
    text-align: center;
}
.pagination li.active span {
    background: #00576f;
}
.pagination > li > a, .pagination > li > span {
	color:#00576f;
}


/* Lightbox Alanı */

#lightBox {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20000;
}

#overlay {
	background: #333;
	background: rgba(0,0,0,0.8);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 10000;
}

#lightBox .container {
	background: #FFF;
	display: inline-block;
	padding: 0.9em;
	position: relative;
}

#lightBox .image {
	background: url(../media/lightbox/ajax-loader.gif) no-repeat center center #FFF;
	display: block;
	position: relative;
	z-index: 1;
}

#lightBox .image img {
	display: block;
}

#lightBox .navigatory {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position 0.1s linear;
	z-index: 2;
}

#lightBox #nextImage {
	background: url(../media/lightbox/right-tab.png) no-repeat 100% center;
	background-position: calc(100% - 1em) center;
	left: 66%;
}

#lightBox #nextImage:hover {
	background-position: calc(100% - 0.5em) center;
}

#lightBox #nextImage:active {
	background-position: calc(100% - 0em) center;
}

#lightBox #prevImage {
	background: url(../media/lightbox/left-tab.png) no-repeat 0 center;
	background-position: calc(0% + 1em) center;
	right: 66%;
}

#lightBox #prevImage:hover {
	background-position: calc(0% + 0.5em) center;
}

#lightBox #prevImage:active {
	background-position: calc(0% + 0em) center;
}

#lightBox .data {
	display: block;
	padding: 0.9em 0 0 0;
}

#lightBox .leftData, #lightBox .rightData {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

#closeBtn {
	background: url(../media/lightbox/close.png) center no-repeat #FFF;
	border-radius: 50%;
	height: 50px;
	position: absolute;
	right: -25px;
	right: calc(-25px - 0.45em);
	top: -25px;
	top: calc(-25px - 0.45em);
	width: 50px;
	z-index: 3;
}

/* İletişim Formu */
html .formcraft-css .fc-form {
	box-shadow:0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
}

/* Toogle mobil menu butonu */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d22835;
}
.navbar-default .navbar-toggle {
    border-color: #ef3745;
    background: #ef3745;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    padding: 10px 25px 10px 25px;
    border-bottom: 1px solid #bf222e;
    background: #d22835;
	position:relative;
	overflow:hidden;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background: #bf222e;
	color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a::before {
	content:"\f054";
	padding: 0px 10px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size: 13px;
	position:absolute;
	left:-20px;
	transition: all 200ms ease;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover::before{
	left:0px;
}
/* Responsive Alan */
@media only screen and (max-width: 1280px) {
	.container {width:100%;}
	.topbar .container {
    margin: 0;
    padding: 0;
    width: 100%;
}
	.topbar .container div {
    width: auto;
}
	.topbar .container div.topiletisim {
    width: 100%;
    font-size: inherit;
}
	.topiletisim li {
    float: left;
    width: auto;
}
	.tablet1 {
		width:60%;
		float:left;
	}
	.tablet1 ul li {
    float: left;
    width: auto;
}
	.tablet2 {
    width: 40%;
    float: right;
}
	.menu .container {

    width: 100%;
}
	.navbar-nav {
		float:none;
	}
	.navbar-default .navbar-nav > li > a {
    padding: 15px;
    font-size: 16px;

}
	.hizmetlerimiz {
    margin: auto;
    width: 25%;
}
	
	figure.hizmet .image p {
		font-size:12px;
	}
	figure.hizmet h3 {
		font-size:14px;
	}
	figure.hizmet figcaption {
		padding:20px 5px 10px 5px;
	}
	.sidebarlist a {
		font-size:0.8em;
	}
	.list-group-item.listebaslik{
		font-size:0.9em;
	}
	figure.hizmet h4 {
    font-weight: 600;
    font-size: 0.8em;
}
}
@media only screen and (max-width: 767px) {
	.isimalani {

    width: 100%;
    float: none;
    margin-right: 0;

}
	.telefonalani {

    width: 100%;
    float: none;
    margin-right: 0;

}
	.mailalani {

    width: 100%;
    float: none;
    margin-right: 0;

}
	.katalani {

    width: 100%;
    float: none;
    margin-right: 0;

}
	#kategorisec {

    width: 100%;
    height: auto;
    border: 0;
    border-radius: 20px;
    color: #26394d;
    padding: 10px 20px;
    margin: 5px;

}
	.slideralti input {

    width: 100%;
    border: 0;
    padding: 10px 15px;
    border-radius: 20px;
    color: #26394d;
    margin: 5px;

}
	.card-img-top {
		
    width: 100%;

}
	.testbutonu {

    margin: 10px auto;

}
	.odulduyuru {

    padding: 30px 0;
    margin-top: 50px;

}
	.odulduyuru h3 {
		font-size:27px;
		text-align:center;
	}
	.odulduyuru h3 span {

    font-size: 17px;
    overflow: hidden;
    clear: both;
    display: block;

}
	.odulduyuru h4 {

    font-size: 24px;

}
	.odul img {

    position: relative;
    top: 0;

}
	.iletisimbilgi {
		text-align:center;
		background: none;
	}
	.iletisimbilgi strong {
		width:100%;
		float:none;
	}
	.anasayfah1 {
		font-size:2em;
		line-height:2em;
		
	}
	.slideralti a {
		min-height:170px;
	}
.anayazi1 img {
    float: none;
    margin-right: 0;
    width: 100%;
    height: auto;
}
.anasayfah1 {
    font-size: 1.8em;
    line-height: normal;
}
.iletisimbilgi span {
    display: none;
}
	.ialan1 {
		width:99%;
		float:none;
	}
	.ialan2 {
		width:99%;
		float:none;
		margin: 1% auto;
	}
	.ialan3 {
		width:99%;
		float:none;
	}
	.topiletisim {
		height:auto;
	}
	.topiletisim ul {
		height:auto;
		text-align:center;
	}
	.tablet1 ul li {
		float:none;
	}
.hizmetlerimiz {
    margin: 0;
	padding:0;
    width: 100%;
	max-width:100%;
}
	.hizmetlerimiz img {
		width:100%;
	}
.sidebar figure.hizmet {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    float: none;
    overflow: hidden;
    margin: 15px;
    width: auto;
    background: #1b86aa;
    color: #333;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    font-size: 17px;
}
.footer1 {
    text-align: center;
}
.footer2 {
    text-align: center;
}
.footer3 {
    text-align: center;
}
	.sosyalmedya {
    text-align: center;
}
	.topbar .container div {
		width:100%;
	}
	.topiletisim li {
	height: auto;
	line-height: normal;
	}
	.topiletisim a {
    padding: 5px;
    display: block;

}
.topsocial {
    display: table;
    margin: auto;
}
.randevutalep {
	text-align:center;
}
.sayfaici h1, .sayfaici h2, .sayfaici h3, .sayfaici h4 {
	text-align:center;
}
.sidebaralani {
	clear: both;
	overflow: hidden;
}
.sidebar {
	padding:0;
}
.sayfaici {
	padding:0;
}
.sayfaici img {
    width: 100%;
}
.sayfaicerik {
	padding:15px;
}
.iletisimbilgisi {
	padding:0
}
.iletisimformu {
    font-size: 13px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding: 20px 0;
}
.iletisimformu span.main-label, .iletisimformu span.sub-label {
	font-size:13px;
}
.harita iframe {
	width:100%;
	height:auto;
}
}

.okullar {
    padding: 30px 0;
    background: #f5f5f5;
}

figure.snip1104 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 13px;
  border: 7px solid #ef3745;
  width:auto;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
    max-width: 100%;
    position: relative;
    opacity: 0.4;
}

figure.snip1104 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
}

figure.snip1104 h2 span {
  font-weight: 800;
}

figure.snip1104:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.snip1104 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

figure.snip1104.blue {
  background: #123851;
}

figure.snip1104.blue h2 {
  background: #0a212f;
}

figure.snip1104.red {
    background: #26394d;
}

figure.snip1104.red h2 {
    background: #ef3745;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 600;
}

figure.snip1104.yellow {
  background: #7f5006;
}

figure.snip1104.yellow h2 {
  background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}
/* Owl Carousel */

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(50%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}


 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}

.blocks-gallery-item figcaption {
	display:none;
}