@import url('../css/fontface.css');
html, body {font-family:'Prox', Arial, serif;height:100%;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:focus {text-decoration: none;color:#424242;}
hr {border-top: 1px solid #dcdcdc !important; width: 95%;}
/* Scrool Bar */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-button {width: 0px;height: 0px;}
::-webkit-scrollbar-thumb {background: #e1e1e1;border: 0px none #ffffff;border-radius: 50px;}
::-webkit-scrollbar-thumb:hover {background: #ffffff;}
::-webkit-scrollbar-thumb:active {background: #000000;}
::-webkit-scrollbar-track {background: #666666;border: 0px none #ffffff;border-radius: 50px;}
::-webkit-scrollbar-track:hover {background: #666666;}
::-webkit-scrollbar-track:active {background: #333333;}
::-webkit-scrollbar-corner {background: transparent;}

/* PlaceHolder */
::-webkit-input-placeholder {color:    #6d6d6d;}
:-moz-placeholder {color:    #6d6d6d;}
::-moz-placeholder {color:    #6d6d6d;}
:-ms-input-placeholder {color:    #6d6d6d;}

/* Home Css */
header {width:100%;height:100px;/*background:#000;background-color:rgba(0, 0, 0, 0.6);*/z-index:999;}
.logo {position:absolute;top:15px;left:75px;z-index:9999;}
#welcome {height: calc(100% - 100px);}
.brands .container {background:#fff;}
.brands {    padding-bottom: 50px;}
.brands .brand {width:200px; height:200px;float:left;margin: 24px 14px;text-align:center;}
.brands .brand-1 {background:#fff url('../images/mavi_ses_isik.jpg') center center no-repeat;animation:imagesesisik 10s infinite alternate;-webkit-animation:imagesesisik 10s infinite alternate;-moz-animation:imagesesisik 10s infinite alternate;}
.brands .brand-2 {background:#fff url('../images/mavi_wedding.jpg') center center no-repeat;animation:imagemaviwedding 10s infinite alternate;-webkit-animation:imagemaviwedding 10s infinite alternate;-moz-animation:imagemaviwedding 10s infinite alternate;}
.brands .brand-3 {background:#fff url('../images/mavi_plus.jpg') center center no-repeat;animation:imagemaviplus 10s infinite alternate;-webkit-animation:imagemaviplus 10s infinite alternate;-moz-animation:imagemaviplus 10s infinite alternate;}
.brands .brand-4 {background:#fff url('../images/mv_led.jpg') center center no-repeat;animation:imageled 10s infinite alternate;-webkit-animation:imageled 10s infinite alternate;-moz-animation:imageled 10s infinite alternate;}
.brands .brand-5 {background:#fff url('../images/tv-teknik.jpg') center center no-repeat;animation:imagetvteknik 10s infinite alternate;-webkit-animation:imagetvteknik 10s infinite alternate;-moz-animation:imagetvteknik 10s infinite alternate;}


@keyframes imageled{
	0%{
		background:url("../images/anasayfa/mv-led/1.jpg");
	}
	25%{
		background:url("../images/anasayfa/mv-led/2.jpg");
	}
	50%{
		background:url("../images/anasayfa/mv-led/3.jpg");
	}
	75%{
		background:url("../images/anasayfa/mv-led/4.jpg");
	}
	100%{
		background:url("../images/anasayfa/mv-led/5.jpg");
	}	
}
@keyframes imagesesisik{
	0%{
		background:url("../images/anasayfa/mavi-ses-isik-muzik/1.jpg");
	}
	20%{
		background:url("../images/anasayfa/mavi-ses-isik-muzik/2.jpg");
	}
	40%{
		background:url("../images/anasayfa/mavi-ses-isik-muzik/3.jpg");
	}
	60%{
		background:url("../images/anasayfa/mavi-ses-isik-muzik/4.jpg");
	}
	80%{
		background:url("../images/anasayfa/mavi-ses-isik-muzik/5.jpg");
	}
	100%{
			background:url("../images/anasayfa/mavi-ses-isik-muzik/6.jpg");
		}	
	}
@keyframes imagetvteknik{
	0%{
		background:url("../images/anasayfa/tv-teknik/1.jpg");
	}
	20%{
		background:url("../images/anasayfa/tv-teknik/2.jpg");
	}
	40%{
		background:url("../images/anasayfa/tv-teknik/3.jpg");
	}
	60%{
		background:url("../images/anasayfa/tv-teknik/4.jpg");
	}
	80%{
		background:url("../images/anasayfa/tv-teknik/5.jpg");
	}
	100%{
		background:url("../images/anasayfa/tv-teknik/6.jpg");
	}	
}
@keyframes imagemaviplus{
	0%{
		background:url("../images/anasayfa/mavi-plus/1.jpg");
	}
	33%{
		background:url("../images/anasayfa/mavi-plus/2.jpg");
	}
	66%{
		background:url("../images/anasayfa/mavi-plus/3.jpg");
	}
	100%{
		background:url("../images/anasayfa/mavi-plus/4.jpg");
	}
	
}
@keyframes imagemaviwedding{
	0%{
		background:url("../images/anasayfa/mavi-wedding/1.jpg");
	}
	25%{
		background:url("../images/anasayfa/mavi-wedding/2.jpg");
	}
	50%{
		background:url("../images/anasayfa/mavi-wedding/3.jpg");
	}
	75%{
		background:url("../images/anasayfa/mavi-wedding/4.jpg");
	}
	100%{
		background:url("../images/anasayfa/mavi-wedding/5.jpg");
	}	
}
#slidertuslar {margin-top: -130px;}
.slidecapt {margin-top: 12%;}
header ul {list-style-type:none;float:right;padding-top: 40px;}
header ul li {float:left;}
header ul li a{color:#fff;font-size: 27px;margin: 0 8px;}
header ul li a:hover{color:#fff;}
footer {width:100%;background:#313131;}
.brand h2 {font-size:14px;font-family:'ProxBold', Arial;color:#343434;}
footer .container {padding-top:30px;}
footer p {color:#e6e6e6;font-size:13px;margin-top:14px;    text-align: center;}
footer ul {list-style-type:none;    height: 45px;}
footer ul li {float:left;}
footer ul li a{float:left;font-size:11px;color:#dadada;margin: 27px 10px;}
footer ul li a:hocer{color:#1693a5;}
footer span {display:block;width:70%;border-bottom:1px solid #606060;    margin: 0 auto;}
footer .copy {font-size:12px;color:#dadada;text-align:center;letter-spacing: 4px;}
footer .col-md-3 ul {width: 120px;margin: 0 auto;display: block;    padding: 0;}
footer .col-md-3 ul li a {margin: 20px 10px;}
footer input {background:#1e1e1e;border:0;height:30px;float:left;    width: 120px;margin-left: 55px;padding: 10px;}
footer .input_button {width:30px;height:30px;display:block;    background: #1693a5;margin-left: 175px;}
footer .input_button i {color:#fff;font-size: 15px;padding: 7px 7px;}
.brand a {width: 200px;height: 200px;display:block;}
.brand-1 a:hover {background: rgba(22, 147, 165, 0.6) url(../images/plus.png) center center no-repeat;}
.brand-2 a:hover {background: rgba(223, 29, 40, 0.6) url(../images/plus.png) center center no-repeat;}
.brand-3 a:hover {background: rgba(142, 200, 154, 0.6) url(../images/plus.png) center center no-repeat;}
.brand-4 a:hover {background: rgba(255, 164, 48, 0.6) url(../images/plus.png) center center no-repeat;}
.brand-5 a:hover {background: rgba(228, 48, 255, 0.6) url(../images/plus.png) center center no-repeat;}
nav#mobil {width:270px;background:#fff;min-height:calc(100% - 100px);position:absolute;z-index:9999;left:-270px;}
.mobil_goster {left:0px !important;}
nav#mobil span.mobil_kapat {display:block;width:41px;height:41px;background:#fff url('../images/kapat.png') no-repeat center center;position: absolute;right: 0;margin: 10px 10px 0 0;cursor:pointer;}
span.mobil_ac {display:block;width:36px;height:34px;background:url('../images/mobil_tus.png') no-repeat center center;position: absolute;left: 0;cursor:pointer;left: 75px;margin-top: 20px;}
nav#mobil ul {list-style-type:none;margin-top: 10px;}
nav#mobil ul li {    padding: 1px 0;}
nav#mobil ul li a{font-weight: bold;font-size:14px;color:#3f3f3f;}
nav#mobil ul li a:hover {color:#1693a5;}
nav#mobil ul ul li a {font-weight: normal;font-size:14px;color:#3f3f3f;}
nav#mobil ul ul {padding-left: 20px;margin: 0px 0;}
nav#mobil {-webkit-transition:all 0.10s ease-in-out;-moz-transition:all 0.10s ease-in-out;-o-transition:all 0.10s ease-in-out;transition:all 0.10s ease-in-out;}


/* PAGE CSS */

#page_header {width:100%;height:475px;display:block;}
.ses_isik {background:url('../images/mavi_ses_isik_header.jpg') no-repeat top center;background-size:cover;}
.organizasyon {background:url('../images/organizasyon_header.jpg') no-repeat top center;background-size:cover;}
.k_organizasyon {background:url('../images/kurumsal_header.jpg') no-repeat top center;background-size:cover;}
.tv_header {background:url('../images/tv_header.jpg') no-repeat top center;background-size:cover;}
.fuar_header {background:url('../images/fuar_header.jpg') no-repeat top center;background-size:cover;}
.ses_header {background:url('../images/ses_header.jpg') no-repeat top center;background-size:cover;}
.plus_header {background:url('../images/plus_header.jpg') no-repeat top center;background-size:cover;}
.goruntu_header {background:url('../images/goruntu_header.jpg') no-repeat top center;background-size:cover;}
.wedding_head {background:url('../images/mavi_wedding_header.jpg') no-repeat top center;background-size:cover;}
.plus_head {background:url('../images/mavi_plus_header.jpg') no-repeat top center;background-size:cover;}
.mvled_head {background:url('../images/mv_led_header.jpg') no-repeat top center;background-size:cover;}
.led_header {background:url('../images/led_header.jpg') no-repeat top center;background-size:cover;}
.hakkimizda_header {background: #000 url('../images/hakkimizda_header.jpg') no-repeat top center;background-size: auto 100%;}
header.page_id_2, header.page_id_3, header.page_id_4, header.page_id_5  {position:absolute;}
.body_page {background:#f4f4f4;}
.body_page span.mobil_ac {margin-top:120px;}
.body_page nav#mobil {margin-top:100px;}
.page_tabs ul {list-style-type:none;padding:0;}
.page_tabs ul li a{float:left;width:25%;text-align:center;background:#f4f4f4;padding: 20px 0;}
.page_tabs ul li a:hover {background:#fff;}
.page_tabs ul li a.active {background:#fff;color:#1477b6;}
.body_id_3 .page_tabs ul li a.active {background:#fff;color:#e87077 ;}
.body_id_4 .page_tabs ul li a.active {background:#fff;color:#8ec89a;}
.body_id_5 .page_tabs ul li a.active {background:#fff;color:#ffa430;}

.page_id_3 .page_tabs ul li a.active {background:#fff;color:#1477b6;}
.page_tabs ul li#lises a.active:after {content: '';width: 65px;height: 38px;border: 1px solid;display: block;position: absolute;margin: -30px 0 0px 113px;}
.page_tabs ul li#lisu a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lisekil a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lirenk a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lises a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lipodyum a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#libackdrop a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#litruss a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#licadir a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#liinled a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lioutled a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lifloorled a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#listar a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}


.page_tabs ul li#liisik a.active:after {content: '';width: 65px;height: 38px;border: 1px solid;display: block;position: absolute;margin: -30px 0 0px 113px;}
.page_tabs ul li#liisik a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lilcd a.active:after {content: '';width: 200px;height: 38px;border: 1px solid;display: block;position: absolute;margin: -30px 0 0px 45px;}
.page_tabs ul li#lilcd a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li#lisahne a.active:before {content: '';width: 292px;height: 1px;background:#fff;display: block;position: absolute;margin: 40px 0 0px 0;z-index: 99;}
.page_tabs ul li a {font-size:14px;color:#2c2c2c;display:block}
.mavi_tab {background:#fff;min-height:100px;border-top:1px solid #1477b6;}
.body_id_3 .mavi_tab {border-top:1px solid #e87077 !important;}
.body_id_4 .mavi_tab {border-top:1px solid #8ec89a !important;}
.body_id_5 .mavi_tab {border-top:1px solid #ffa430 !important;}
.nopadding {padding:0;}
.page_content {margin-top: 25px;}
.top50 {margin-top:50px;padding-bottom:20px;}
p.tanitim {width: 80%;text-align: center;margin: 0 auto;border: 1px solid #dcdcdc;padding: 10px;}
p.tanitim_box {color: #252525;font-size: 14px;}
.sol_kol img {width: 80%;margin: 20px auto;display: block;}
.tanitim_sag {color: #2d2d2d;font-size: 14px;text-align: center;border: 1px solid #dcdcdc;padding: 10px;letter-spacing: 15px;width: 90%;margin: 0px auto 0 auto;}
.sag_kol ul {list-style-type: circle;columns: 2;-webkit-columns: 2;-moz-columns: 2;list-style-position: inside;margin-top: 20px;}
.fullimg {max-width:100%;}
.sol_kol {    border-right: 1px solid #dcdcdc;}
.page_content h2 {font-size: 16px;text-align: center;font-weight: bold;}
.ses_alet ul li {font-size:12px;}
.sag_cizgi {border-right: 1px solid #dcdcdc !important;height:100%;}
.sol_cizgi {border-left: 1px solid #dcdcdc !important;}
.mavi_tab_2, .mavi_tab_3, .mavi_tab_4 {display:none;}
.ledstyle {text-align:center;}
.ledstyle p {color:#252525;font-size:14px;}
.col-md-3.ledstyle  p {color:#7b7b7b;}
.mavi_tab_4 h2 {text-align:left;}
.mavi_tab_4 ul {padding-left:0;}
.border_left {border-left: 1px solid #dcdcdc;}
.top35 {margin-top:35px;}
h2.about {border: 1px solid #959595;padding: 5px 15px;display: inline-block;margin:25px 0;font-weight:normal;}
.body_id_9 .mavi_tab {text-align:center;}
.body_id_9 .tanitim_box {padding-bottom: 40px;}
.mavi_form input, textarea {width: 100%;padding: 7px;margin: 0 0 8px 0;border: 1px solid #E0E0E0;background: #f7f7f7;}
.mavi_form a {width:100%;background:#1477b6;color:#fff;display:block;margin:0 auto;padding:10px;}
#onay {display:none;background: #26EC2C;padding: 20px;color: #FFFFFF;font-size: 20px;}
.padbottom {padding-bottom:30px;}
.float_l img{float:left;padding:10px 0;}
.float_l span{float:left;padding:10px;color: #7d7d7d;line-height: 29px;}
.beyaz {color:#fff;}
.beyaz:hover {color:#e2e2e2;}
.basin_container img {width:100%;}
.basin_container {padding-bottom: 50px;}
.basin_container .col-md-2 {padding: 20px 10px;}
.referanslar_container img{border: 1px solid #e2e2e2;margin: 5px;    -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: 300ms ease-out;-moz-transition: 300ms ease-out;-o-transition: 300ms ease-out;transition: 300ms ease-out;-webkit-backface-visibility: hidden;}
.referanslar_container img:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.acilir {display:none;}
.acilir li a{font-size: 12px !important;}
li.tetikle:hover .acilir{display:block;}

.acilir li:before {content: '';
    position: absolute;
    height: 0;
    width: 0;
    border: 4px solid transparent;
    margin: 6px 0px 0 -8px;
    border-right: 15px solid #000;
    border-color: transparent;
    border-color: transparent;
    border-left-color: black;}

.arala img{margin: 0 0 5px 0;}
.altver {padding-bottom:20px;}



/* Slider CSS */
/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

		#dil_secim {height: 32px;display: inline-block;    position: absolute;right: 23px;margin-top: 85px;}
		#dil_secim img{width:30px;}
		.input_button input{position: absolute;width: 30px;height: 30px;right: 72px;background: none;text-indent: -9999px;}	
		.fo_abone {margin-top: -8px;font-size: 11px;}
		.fo_mail {font-size: 14px;}
		.congonder {position: absolute;left: 14px;width: 95% !important;height: 40px;margin-top: -40px !important;z-index: 999999;background: none !important;text-indent: -999999px}