@import url('hover.css');@import url('animate.css');

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-form {padding: 0;
	
	padding-top: 5px;
}

.form-group-sm .form-control {
	font-size: 10px;
}

body {
    /*overflow-x:hidden;*/
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    /*background-repeat:no-repeat;
    background-position:0 0;
    background-image:url('../images/bg.jpg');*/
}

ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;} * a{color:inherit;} * a:focus{color:inherit;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none!important;box-shadow:none!important;}
.fa.fa-active-show,.fa.fa-hover-show,.active > .fa.fa-active-hidden,:hover > .fa.fa-hover-hidden{display:none}.active > .fa.fa-active-show,:hover > .fa.fa-hover-show{display:inline-block}.img-dila{overflow:hidden;display:block;position:relative}/*image dilation*/.img-dila img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}.img-dila:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.20);-moz-transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:translatZ(0) scale(1.20);transform:translatZ(0) scale(1.20)}.iblock,.vmiddle{display:inline-block}.vmiddle{vertical-align:middle}.pos-relative{position:relative}.noCursor{cursor:default}.noborder{border:0!important}/*++267 LOGO*/a.logo-267{background-color:#eee;border-radius:50%;padding:6px;margin:10px auto}a.logo-267:hover{background-color:#fafafa}.pusher{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.pusher:hover,.pusher:focus,.pusher:active{-webkit-animation-name:pusher;animation-name:pusher;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}/*--267 LOGO*/.middler{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%}.middler-in{width:100%;height:100%;border-spacing:0;display:table;border-collapse:collapse}.middler-in.static{position:static;z-index:auto}.middler-left,.middler-center,.middler-right,.middler-top,.middler-bottom{display:table-cell;vertical-align:middle;text-align:left}.middler-center{text-align:center}.middler-right{text-align:right}.middler-top{vertical-align:top}.middler-bottom{vertical-align:bottom}.ihover{position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.nobg{background-color:transparent!important}[data-active-in] {display: none;}[data-active-in].active{display:block;}
.anim,.logo, #bs ul li a,.phone-info,.content a,.left-menu ul li a{
    -webkit-transition: 300ms all;
    -moz-transition: 300ms all;
    -o-transition: 300ms all;
    -ms-transition: 300ms all;
    transition: 300ms all;
}
.goTop {
    background-color: #333 !important;
}
.goTop:hover {
    background-color: #000 !important;
}


.logo{
    float:none!important;
}


.fabaslik {
	font-size:14px;}

. faaliyet-kutu {padding-right:10px;}
 /*--OPTIONAL STATICS*/

ul.nav.navbar-nav,nav.navbar,a.navbar-brand{
    margin:0;
}
.panel-title:hover {

	color:#fff;

}



.haricipanel {

	border:1px solid #ffa200;

	background-color: #ffa200;

}



.panel-body strong {

	color:#fff;

	font-size:16px;

}



.panel-body em {

	color:#fff;

}

 
nav.navbar{
    border:none;
    border-radius:0px;
    min-height:inherit;
}
a.navbar-brand,.logo{
    height:auto;
    padding:0;
    line-height:inherit;
    margin:10px 0;
}
.navbar-toggle{
    border-color:#fff;
    margin-right:0;
    position:absolute;
    right:0px;
    top:25px;
}
.navbar-toggle.collapsed {/*CLOSED NO-CLICK!*/
    background-color: #f1c40f;
}
.navbar-toggle,.navbar-toggle:hover{/*OPEN CLICKED*/
    background-color:#e2b300;
}
.navbar-toggle .icon-bar{
    background-color:#fff;
}
#bs{
    box-shadow:none!important;
}
#bs > ul > li > a{
    background-color:transparent!important;
    font-size:16px;
    color:#000;
    padding:20px;
    line-height:100%;
    position:relative;
    margin:0 6px;
    margin-right: 0px;
    font-weight:500;
    padding-right: 10px;
}
#bs > ul > li > a i.liner{
    position:absolute;
    z-index:99;
    width:100%;
    height:5px;
    background-color:rgba(254,233,0,0.5);
    left:0;
    bottom:-5px;
    display:none;
}
#bs > ul > li > a:hover{
    color:#666;
}
#bs > ul > li > a:hover i.liner,#bs > ul > li:hover > a i.liner,#bs > ul > li.active > a i.liner,#bs > ul > li.active > a:hover i.liner,
#bs > ul > li.active > a:focus i.liner,#bs > ul > .open > a i.liner, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus i.liner{
    display:block!important;
}
#bs > ul > li.active > a,#bs > ul > li.active > a:hover,#bs > ul > li.active > a:focus{
    background-color:transparent!important;
    color:#666!important;
 }
#bs > ul > li:last-child > a{
    /*padding-right:0;*/
}

/*DROPDOWN MENU - SUB-MENU*/
#bs > ul > li:hover ul{
    display:block;
}
#bs > ul .open .dropdown-menu,#bs > ul > li ul{
    margin-top:0!important;
    box-shadow:none!important;
}
#bs > ul > .open > a, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus{
    background-color:transparent;
    cursor:default;
    color:#666!important;
    border-color:transparent!important;
}
#bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
    margin-top:0px;
    padding:5px 0px;
    border:none!important;
    border-radius:0px;
    min-width:160px!important;
    background-color:transparent;
}
#bs > ul .open .dropdown-menu > li > a,#bs > ul > li:hover ul li a{
    background-color:transparent;
    display:block;
    font-size:14px;
    padding:10px;
    color:#fff;
    background-color:#e2b300;

}
#bs > ul .open .dropdown-menu > li:hover > a,#bs > ul > li:hover ul li a:hover{
    background-color:#fec900;
    color:#fff;
}

.slide > ul,.news-slide > ul,.campaign-slide > ul,.references-slide > ul{
    transform: scale(0);
}



.topbar {
    background-color:#fff;
 }
.topbar.ifix{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:99;
    -webkit-box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
    -moz-box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
    box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
}
.topbar.ifix .top-line{
    display:none;
}
.top-contact{
    text-align:right;
}
.top-phone,.top-social{
    display:block;
    position:relative;
    height:87px;
background: rgba(5,5,5,0.1);
background: -moz-linear-gradient(left, rgba(5,5,5,0.1) 0%, rgba(153,153,153,0) 59%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,5,5,0.1)), color-stop(59%, rgba(153,153,153,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(5,5,5,0.1) 0%, rgba(153,153,153,0) 59%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(5,5,5,0.1) 0%, rgba(153,153,153,0) 59%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(5,5,5,0.1) 0%, rgba(153,153,153,0) 59%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(5,5,5,0.1) 0%, rgba(153,153,153,0) 59%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#ffffff', GradientType=1 );
}
.top-phone:hover .phone-info{
    color:#666;
}
.phone-info{
    font-size:14px;
    color:#231f20;
    text-align:left;
    margin-left:10px;
    font-weight:500;
}
.phone-info b{
    display:block;
    font-size:16px;
    font-weight:900;
}
.top-contact .middler-left{
    padding:0 10px;
}
.social-icons{
    display:inline-block;
    text-align:left;
}
.social-icons a{
    display:inline-block;
    width:30px;
    height:30px;
    border:2px solid #3a589b;
    border-radius:50%;
    color:#3a589b;
    text-align:center;
    padding-top:5px;
    margin:0 3px;
}
.social-icons a.blue{
    color:#3a589b;
    border-color:#3a589b;
}
.social-icons a.turkuaz{
    color:#55acee;
    border-color:#55acee;
}
.social-icons a.dark{
    color:#517fa6;
    border-color:#517fa6;
}
.social-icons a:hover{
    color:#666!important;
    border-color:#666!important;
}

.btn-yellow{
    display:inline-block;
    border:3px solid #fecd11;
    background-color:transparent;
    padding:3px;
    border-radius:30px;
    text-align:center;
}
.btn-yellow span{
    display:block;
    background-color:#feca06;
    font-size:14px;
    color:#000;
    border-radius:30px;
    padding:10px 20px;
}

.imenu{
background: rgba(229,229,229,1);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(25%, rgba(229,229,229,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0 );

-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
}

.top-form input{
    border:1px solid #dcdcdc!important;
    background-color:rgba(255,255,255,0.59);
    box-shadow:none!important;
    outline:none!important;
    font-size:11px;
    color:#333;
    border-radius:15px!important;

}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.btn-search{
    background-color:transparent;
    position:absolute;
    z-index:99;
    right:0px;
    top:-2px;
    color:#969696;
}
.btn-search:hover{
    color:#000;
}

.slide-area{
    background-image:url(../images/slide-area-bg.png);
    background-position:center 0;
    background-repeat:no-repeat;
    position:relative;
    padding-bottom:50px;
}
.slide ul li{
    position:relative;
    height:400px;
}
.slide-image{
    position:absolute;
    z-index:8;
    width:420px;
}
.slide-text{
    position:relative;
    z-index:9;
    margin-left:200px;
    padding-top:20px;
}
.slide-text h1{
    font-size:46px;
    margin-bottom:20px;
    font-weight:900;
    position:relative;
    line-height:130%;
    color:#000;
}
.slide-detail{
    font-size:18px;
    color:#1d1a1a;
    font-weight:500;
    padding-right:40px;
}
.iliner{
    position:absolute;
    top:25px;
    left:-5px;
    z-index:9;
    width:30px;
    height:5px;
    background-color:#fee900;
}
.slide .bx-pager{
    bottom:20px;
}
.slide .bx-pager a{/*pager az sağa kayacak*/
    width:14px!important;
    height:14px!important;
    border-radius:7px!important;
    background-color:#423e3f!important;
}
.slide .bx-pager a.active,.slide .bx-pager a:hover{
    background-color:#fde800!important;
}




.seller-apply{
    position:relative;
    margin-top:-100%;
}
.seller-apply .btn-apply.active{
    cursor:default;
}
.seller-title{
    color:#fff;
    display:inline-block;
    text-align:center;
    position:relative;
    font-size:20px;
    background-image:url(../images/seller-title.png);
    background-repeat:no-repeat;
    background-position:center 0;
    padding:45px 25px 10px;
    margin:0 auto;
}
.seller-title span{
    display:block;
}
.seller-title span b{
    display:block;
}
.seller-title:hover{
    color:#eee;
}
.seller-in{
    background-color:#fff;
    font-size:14px;
    color:#000;
    text-align:left;
-webkit-box-shadow:  0px 15px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 15px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.2);
}
.seller-tab{
    display:block;
    font-size:20px;
    padding:10px;
    text-align:center;
    background-color:#fec900;
    color:#000;
}
.seller-tab,.seller-tab:focus{
-webkit-box-shadow: inset 0px -20px 50px -25px rgba(0,0,0,0.26)!important;
-moz-box-shadow: inset 0px -20px 50px -25px rgba(0,0,0,0.26)!important;
box-shadow: inset 0px -20px 50px -25px rgba(0,0,0,0.26)!important;
}
.seller-tab b{
    display:block;
}
.seller-tab:hover{
    color:#666;
}
.seller-tab.active{
    background-image:url(../images/seller-header-bg.png);
    background-repeat:no-repeat;
    background-position:center 0;
    box-shadow:none!important;
    background-color:#fff;
    background-size:cover;
}
.seller-tab-in{
    padding:30px 30px 0;
}
.btn-apply{
    display:inline-block;
    padding:15px 50px;
    font-size:14px;
    text-align:center;
    border-radius:30px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    color:#000;
}
.btn-apply.orange{
    background-color:#fecc10;
    border-color:#fecc10;
    font-weight:500;
}
.btn-apply.active{
    background-color:#fecc10;
    border-color:#fecc10;
}
.btn-apply:hover{
    color:#000;
    background-color:#fecc10;
    border-color:#fecc10;
}
.btn-apply.orange:hover{
    background-color: #000;
    border-color:#f0f0f0;
    color:#fff!important;
}
.seller-form .input-group{
    background-color:#f0f0f0;
}
.seller-form .input-group-addon,.seller-inputs{
    background-color:transparent;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
    outline:none!important;
}
.seller-inputs{
    padding-left:5px!important;
    font-size:14px!important;
    color:#7d7d7d;
}
.irow{
    margin:0 -30px;
}
.btn-send{
    background-color:#fec900;
    padding:15px 10px;
    color:#000!important;
    border:0;
    font-weight:700;
    font-size:20px;
}
.btn-send:hover{
    color:#fec900!important;
    background-color:#000;
}
.news-title{
    position:relative;
}
.news-title h2{
    font-size:28px;
    font-weight:300;
    color:#000;
}
.news-title h2 b{
    font-size:48px;
    display:block;
    font-weight:700;
}
.news-pager{
    display:inline-block;
    padding:5px;
    color:#000;
    font-weight:700;
    background-color:#fff;
    border-radius:50%;
    position:absolute;
    top:-25px;
    right:0;
}
.news-pager span{
    font-size:22px;
    vertical-align:top;
    display:inline-block;
}
.news-pager small{
    font-size:14px;
}

.news-box h4{
    font-size:18px;
    color:#1d1a1a;
    line-height:130%;
    height:46px;
    overflow:hidden;
    position:relative;
    font-weight:700;
}
.news-text{
    font-size:13px;
    color:#1d1a1a;
    line-height: 140%;
    height: 54px;
    overflow: hidden;
    padding-right:20px;
    font-weight:600;
}
.news-box a:hover{
    color:#af8a00;
}
.news-controls{
    position:absolute;
    top:30px;
    right:20px;
}
.news-controls a{
    font-size:20px;
    color:#fec900;
    display:block;
    line-height:100%;
}
.news-controls a:hover{
    color:#242021;
}



.home-boxes{
    padding:75px 0 45px;
    text-align:left;
}
.home-box{
    margin-bottom:30px;
}
.home-box .iliner{
    top:40px;
    border-top:2px solid #fff;
    left:0;
    height:7px;
    width:35px;
}
.home-box h1{
    font-size:46px;
    margin-bottom:25px;
    font-weight:800;
    letter-spacing:1px;
    padding-left:5px;
    position:relative;
}
.home-box h1 span{
    display:block;
    position:relative;
    height: 58px;
    line-height: 130%;
    overflow:hidden;
}
.home-text{
    font-size:14px;
    color:#000;
    margin-bottom:35px;
    height:158px;
    overflow:hidden;
    position:relative;
}






.question-tab{
    background-image: url(../images/questions.png);
    background-repeat:no-repeat;
    background-position:center 0;
    background-color:rgba(254,201,0,0.9);
    background-size:cover;
    position:relative;
}
.question-icon{
    background-image: url('../images/flash.png');
    background-repeat:no-repeat;
    background-position:center 0;
    position:absolute;
    width:300px;
    height:100%;
    top:0;
    left:50%;
    margin-left:-150px;
    z-index:1;
}
.question-box{
    color:#000;
    margin-bottom:40px;
    position:relative;
    z-index:9;
}
.icon-logo{
    background-color:#fede00;
    padding:10px;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
}
.question-box{
    padding-left:60px;
}
.question-box h4{
    font-size:19px;
    margin-bottom:15px;
    font-weight:800;
}
.question-box a:hover{
    color:#231f20;
}
.question-text{
    font-size:13px;
    font-weight:600;    
}
.question-header{
    position:relative;
    z-index:9;
    text-align:center;
    margin-top:190px;
}
.question-header h1{
    font-size:40px;
    font-weight:400;
    color:#000;
}
.question-header h1 b{
    font-weight:900;
    display:block;
}
.btn-dark{
    display:inline-block;
    background-color:#000;
    color:#fec900!important;
    padding:15px 30px;
    border-radius:30px;
    font-size:14px;
    margin-right:40px;
    border:none;
-webkit-box-shadow: inset 0px 12px 18px 0px rgba(255,255,255,0.1);
-moz-box-shadow: inset 0px 12px 18px 0px rgba(255,255,255,0.1);
box-shadow: inset 0px 12px 18px 0px rgba(255,255,255,0.1);
}
.btn-dark.hvr-radial-out:before{
    background-color:#fff;
}
.btn-dark.hvr-radial-out:hover, .btn-dark.hvr-radial-out:focus, .btn-dark.hvr-radial-out:active{
    background-color:#fff!important;
    color:#fec900!important;
}


.campaign-area h2{
    font-size:46px;
    font-weight:700;
    text-align:center;
    color:#000;
}
.campaign-box{
    padding-bottom:60px;
}
.campaign-link{
    display:block;
    position:relative;
    height:290px;
    overflow:hidden;
}
.campaign-link img{
    min-height:100%;
}
.campaign-detail{
    position:absolute;
    z-index:9;
    top:45px;
    left:25px;
}
.campaign-detail-in{
    padding:30px 20px 15px;
    background-color:rgba(255,255,255,0.92);
    
-webkit-box-shadow:  0px 15px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 15px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.2);
}
.campaign-detail-in h4{
    font-size:20px;
    color:#231f20;
    font-weight:800;
    line-height:120%;
    height:48px;
    overflow:hidden;
}
.campaign-text{
    font-size:14px;
    color:#231f20;
    line-height:130%;
    height:106px;
    overflow:hidden;
    font-weight:700;
}






.footer{
    padding-top:30px;
    padding-bottom:15px;
background: rgba(229,229,229,1);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0 );
}
.footer-logo{
    display:inline-block;
}
.footer-links{
    padding-top:30px;
    color:#636363;
    text-align:right;
}
.footer-links a{
    display:inline-block;
    font-size:15px;
    padding:0 24px;
}
.footer-links a:hover{
    color:#000;
}
.footer-links a:last-child{
    padding-right:0;
}
.copyright{
    text-align:right;
    font-size:12px;
    color:#636363;
}
.copyright a:hover{
    color:#000;
}



/*PAGE.HTML*****/

.left-menu ul li{
    border-radius:0!important;
    margin:0;
    padding:0;
    background-color:transparent;
    border:0;
}
.left-menu ul li a{
    display:block;
    background-color:#fec900;
    color:#fff;
    padding:10px 15px;
    font-size:14px;
    font-weight:500;
    border-bottom:2px solid #fff;
}
.left-menu ul li a:hover,.left-menu ul li.active a{
    background-color:#000;
    color:#fff;
    border-bottom-color:#ddd;
}
.left-menu .list-group{
    margin-bottom:0;
}


.stage{
    background-color:#fbfbfb;
    border-radius:5px;
    overflow:hidden;
    position:relative;
    margin:25px 0;
    padding:10px;
}
.content{
    color:#666;
}
.col-md-9 .content {
    padding-left:0;
}

.bread-custom{
    background-color:#000;
    padding:10px;
    border-radius:0;
}
.bread-custom li a{
    color:#fff;
    font-size:14px;
    font-weight:500;
}
.bread-custom li a:hover{
    color:#fec900;
}
.bread-custom li.active{
    font-size:12px;
    color:#fec900;
}

.content-text a:hover img{
    opacity:0.8;
}
.img-left,.img-right,.img-center{
    margin:15px;
    display:block;
}
.img-center{
    margin-left:auto;
    margin-right:auto;
    float:none!important;
}
.img-left{
    float:left;
    margin-left:0;
}
.img-right{
    float:right;
    margin-right:0;
}
.img-left.top,.img-right.top,.img-center.top{
    margin-top:0;
}
.img-left.bottom,.img-right.bottom,.img-center.bottom{
    margin-bottom:0;
}

/*PAGE.HTML*****/










@media (max-width: 767px) { /*mobile*/
    #bs > ul,#bs > ul > li{
        display:block!important;
    }
    #bs > ul > li > a{
        padding:15px 0!important;
        font-size:16px!important;
    }
    #bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
        display:block!important;
        position:relative!important;
        float:none!important;
        min-width:inherit!important;
        padding:0!important;
        box-shadow:none!important;
    }
    .top-form,.slide-text{
        margin:0!important;
    }
    .home-box h1 span,.home-text,.question-tab{
        background-image:none!important;
        min-height:inherit!important;
        max-height:inherit!important;
        height:auto!important;
    }
    .xs-block {
        display: block!important;
        width: 100%!important;
    }

    .footer,.footer-links{
        text-align:center;
    }
    .footer-links a{
        margin-bottom:5px;
        padding:0 5px!important;
    }    
    .copyright{
        display:inline-block!important;
        margin-bottom:5px;
    }
    .slide-text h1,.home-box h1,.question-header h1,.campaign-area h2{
        font-size:26px!important;
    }
    .home-text,.question-text,.footer-links a{
        font-size:16px!important;
    }
    .slide-text h1,.home-box,.home-text,.home-box h1,.question-header,.question-box{
        margin-bottom:15px!important;
    }
    .slide-text h1 .iliner{
        display:none!important;
    }
    .question-header h1{
        margin-right:0;
    }
    .question-header .ibtn:hover{
        background-color:#d9be00!important;
        color:#000!important;
    }
    .home-boxes,.footer-links,.footer{
        padding-top:15px;
    }
    .home-boxes{
        padding-bottom:15px;
    }
    .seller-tab-in{
        padding:15px 15px 0;
    }
    .question-box{
        padding-left:45px;
    }
    .slide-detail{
        padding:0;
    }
    .slide-area{
        padding-bottom:15px;
    }
    .irow{
        margin:0 -15px;
    }
    .home-box h1 .iliner{
        display:none!important;
    }

    
    .content,.content-text,.bread-custom li a{
        font-size:14px!important;
        line-height:140%!important;
    }
    .stage{
        margin:15px 0;
    }
    .content{
        padding-bottom:15px;
    }
    .social-icons{
        display:block;
        text-align:center;
        margin-bottom:10px;
    }
    .references-slide .bx-wrapper .bx-pager{
        display:none!important;
    }
    .slide ul li{
        height:200px;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    .phone-info{
        font-size:10px;
        margin-left:5px;
    }
    .phone-info b{
        font-size:12px;
    }
    .top-phone img{
        width:25px;
    }
    .top-contact .middler-left{
        padding:0 10px;
    }
    #bs > ul > li > a{
        padding:20px 15px;
        margin:0;
    }
    .seller-apply{
        margin-top:30px;
    }
    .footer-links a{
        font-size:14px;
        padding:0 5px;
    }
    .question-header{
        margin-top:15px;
        margin-bottom:30px;
    }
    .navbar-header,.logo{
        float:none!important;
        position:relative;
        text-align:center;
    }
    .logo{
        display:inline-block;
        margin:15px auto!important;
    }
    #bs{
        padding:0!important;
        padding-bottom:15px!important;
    }
    
    .left-menu{
        margin-bottom:15px;
    }
    .top-phone, .top-social{
        height:auto!important;
        padding:10px 0;
    }
    .top-phone .middler, .top-social .middler{
        position:relative;
    }
    .top-phone .middler-right, .top-social .middler-right,.top-phone .middler-left, .top-social .middler-left{
        text-align:center;
    }

}

@media (min-width:993px) and (max-width: 1200px) { /*Browser %125*/
    .phone-info{
        font-size:10px;
        margin-left:5px;
    }
    .phone-info b{
        font-size:12px;
    }
    .top-phone img{
        width:25px;
    }
    .top-contact .middler-left{
        padding:0 10px;
    }
    #bs > ul > li > a{
        padding:20px 10px;
    }
    .btn-yellow span{
        font-size:12px;
    }
    .btn-apply{
        padding:15px 30px;
    }
    .footer-links a{
        padding:0 20px;
    } 
    .question-header{
        background-position:0 0;
    }                                             
    .question-header h1{
        margin-top:30px!important;
    }
}








#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.panel-login {
    border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-login>.panel-heading {
	color: #00415d;
	border-color: #fff;
	text-align:center;
}

.panel-login>.panel-heading a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	padding:10px;
	text-align: center;
		 text-shadow: 1px 1px #696969;

}
.panel-login>.panel-heading a.active{
	color: #fff;
	font-size: 18px;
	padding: 10px;
	text-align: center;
		 text-shadow: 1px 1px #696969;

}

.panel-login>.panel-heading div.active{
background-color:#fdc930;
}

.form-group {
	margin-bottom: 10px;
}

.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 40px;
	border: 1px solid #ddd;
	font-size: 13px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
 }
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #fdc82e;
	outline: none;
	color: #000;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #ccc;
	font-weight: bold;
}
.btn-login:hover,
.btn-login:focus {
	color: #000;
	background-color: #e2b32b;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}