@import url('https://fonts.googleapis.com/css?family=Lato:400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Forum|Yeseva+One&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Italianno&subset=latin-ext');
@import "menu.css?v=1.1";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}
#menu > div > a.btn-menu {
    display: none;
}

body {margin:0px;padding:0px;font-family:Arial;font-size:12px;}

.container{width:1140px;text-align:left;margin:0 auto;}

header {
    float: left;
    width: 100%;
    margin: 0px 0;
    background: #E4E4E4 url(/images/head-top-bg.png) center center;
    padding: 10px 0;
    font-family: 'Lato', Arial;
}

.relative{position:relative;}
header a{color:#333;}

.home-1{

}

    .home-1 h2.header {
        font-family: 'Forum';
        font-size:4em;
    }

    .home-1 p{
        font-family:'Open Sans';
        font-size:1.2em;
    }

#form1 > div.pusher > section:nth-child(5) > div > div > div:nth-child(2) > div > div > div > div.blurring.dimmable.image > img
{
    height:200px;
}


#social {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0px 0 0px 40px;
}

.logo {
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
}

#header-sub{float:left;width:100%;padding:10px 0;}

#header-sub img{float:left;margin-top:10px;}

#header-sub-info{float:right;width:600px;margin-top:35px;}

#header-sub-info div{float:right;padding-top:10px;max-width:300px;min-width:150px;}
#header-sub-info div i {
        font-size: 4em;
        font-weight:normal;
        float: left;
        color: #414141;
        margin: 0px;
        padding: 0;
}
#header-sub-info div label{float:left;width:calc(100% - 6em);color:#999;font-size:1em;font-family:'Open Sans', Arial;font-weight:400;margin:3px 0 5px 0;}
#header-sub-info div span{float:left;width:calc(100% - 6em);font-family:'Open Sans', Arial;font-weight:700;font-size:1.4em;}

section{float:left;width:100%;}

.mtb20{margin:20px 0;}

#slider {
    float: left;
    width: 100%;
    height: 500px;
    
    margin: 0px 0;
}


.transport{float:left;width:100%;height:374px;position:relative;margin-top:15px;}

#sub-slider {
    float: left;
    width: 100%;
    height: 300px;
    background: url(/images/asphalt-countryside-empty-105234.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 0 40px 0;
    position: relative;
}

#sub-slider-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0;
    background-color: #000;
}

#sub-slider h1 {
        
        color: #fff;
        font-family: 'Forum', Arial;
        font-style:italic;
        font-weight: 500;
        font-size: 3em;
        margin:0;padding:0;
        /*max-width:1100px;*/
        /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);*/
}

#sub-slider-sub {
    float: left;
    width: 100%;
    background: url(/images/slider-border.png) repeat-x left top;
    height:15px;
    margin-bottom:40px;
}

.menu a{color:#000;}

#menu {
    float: left;
    width: 100%;
    background-color: #E30514;
    padding: 0 15px;
}


#sub-menu{position:absolute;left:0;right:0;background-color:#041522;padding:0 15px;top:-26px;border-radius:3px;z-index:1000;}
#sub-menu ul{list-style:none;margin:0;padding:0;}
#sub-menu ul li{display:inline;}
#sub-menu ul li a{float:left;font-family:'Open Sans', Arial; color:#fff;font-size:1.2em;padding:20px 15px;font-weight:700;}
#sub-menu ul li a:hover{background-color:#FBBA08;}

.title-1{font-family:'Open sans', Arial;font-size:1.8em;margin:0;padding:0;}

.t-line {
    display: block;
    width: 80px;
    border-bottom: 5px solid #F07D00;
    margin:8px 0;
}

.ral td {
    border: 4px solid #FFF
}

.priceList {
    column-count: 2;
    column-gap: 1em;
}

.btn-item { /* Masonry bricks or child elements */
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
    margin: 0 0 .5em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    color: #000;
}

    .btn-item:hover {
        border-color: #E18F33
    }

/*.priceList {
    display: block;
    width: 100%;
}
.priceList li{display:inline;}
    .priceList li a {
        float: left;
        padding: 5px;
        border: 1px solid #E4E4E4;
        border-radius: 4px;
        width: calc(50% - 8px);
        margin: 2px;
        color: #000;
        transition: .5s ease;
        -webkit-transition: .5s ease;
        -moz-transition: .5s ease;
        
        overflow: hidden; 
        white-space: nowrap; 
        text-overflow: ellipsis; 
    }
.priceList li a:hover{border-color:#E18F33}*/



#about{float:left;width:100%;margin:30px 0;text-align:center;}


.button-one{padding:10px 20px;background-color:#FFCC43;color:#333;margin:20px 0;display:inline-block;font-family:'Open Sans', Arial;font-weight:700;}
.button-one:hover{color:#333;}

#statistic {
    float: left;
    width: 100%;
    background: #FDB223 url(/images/action-asphalt-automobile-593172.jpg) no-repeat center center;
    height: 385px;
    background-size: cover;
    margin: 20px 0;
    text-align: center;
    font-family: 'Open sans', Arial;
}

#statistic label{display:block; font-size:5em;color:#fff;font-weight:700;margin-top:100px;}
#statistic span {
display: block;
border-bottom: 5px solid #F07D00;
width: 400px;
margin: 20px auto;
}

#statistic p{font-size:2em;color:#fff;}

.product-content{
    display:block;
    width:100%;
    padding-top:30px;
}

.product{
    float:left;
    width:calc(25% - 5px);
    margin:0 2px;
}
.product h4{float:left;width:100%;margin:20px 0 5px 0;}
.product h4 a{color:#000;font-size:1.4em;}
.product h4 a img{}


/*div.product-content > div > a > img {
    width: 100%;
    height: 160px;
}*/

.product p{float:left;width:100%;margin-top:10px;}
.product p a{color:#666;}

#news{float:left;width:100%;margin:40px 0;}

.news{display:block;width:100%;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;}
.news-date{display:block;width:100%;font-size:0.9em;color:#666;margin-bottom:5px;}
.news-title {
    display: block;
    width: 100%;
    font-size: 1.2em;
    
}
.news-title a{color: #3C299F;font-weight:600;}

.news-desc{display:block;width:100%;margin:8px 0;}
.news-desc a{color:#666;}

/*.news{float:left;width:100%;margin:0 8px;font-family:'Open Sans', Arial;}
.news:first-child{margin-left:20px;}
.news-picture{display:inline-block;width:100%;height:220px;overflow:hidden;text-align:center;}
.news-picture img{padding:0; min-width:100%;max-height:100%;}
.news label{float:left;width:100%;color:#666;font-size:0.9em;margin:10px 0 0 0;}
.news h5{float:left;width:100%; margin:10px 0;padding:0;font-size:1.4em;font-weight:700;}
.news h5 a{color:#333;}
.news p{float:left;width:100%;font-weight:400;min-height:100px;}
.news p a{color:#666;}
.news span{float:left;background-color:#ffcc43;padding:10px 20px;}
.news span a{color:#333}*/


footer {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: #262626 url(/images/background-footer.jpg?v=1) no-repeat center center;
    margin-top: 20px;
}

.foot-col{float:left;width:100%;color:#fff;padding:0 10px;}
.foot-col h6{float:left;width:100%; margin:10px 0 5px 0;padding:0;font-size:1.4em;color:#fff;font-family:'Open Sans', Arial;}
    .foot-col hr {
        float: left;
        border: 2px solid #E30514;
        width: 80px;
        margin-bottom: 20px;
    }
.foot-col ul{float:left;width:100%;list-style:none;margin:10px 0 0 0;padding:0;}
.foot-col ul li{display:block;margin-bottom:15px;font-family:'Open Sans', Arial;}
.foot-col ul li i{font-size:1.5em;}


.footer-social{}
.footer-social p{float:left;width:100%;color:#ccc;font-family:'Open Sans', Arial;font-size:1.2em;}
.footer-social ul{float:left;width:100%;list-style:none;margin:0;padding:0;}
.footer-social ul li{display:inline;}
.footer-social ul li a{float:left; border:1px solid #D8DADA;border-radius:50%;margin-right:10px;padding:20px 12px 12px 15px;}
.footer-social ul li a i{font-size:2em;color:#fff;}
.footer-social ul li a:hover{border:1px solid #f07d00;}
.footer-social ul li a:hover i{color:#f07d00;}

#copyright{float:left;width:100%;border-top:1px solid #4c4c4c;margin:30px 0 0 0;padding:20px 0 0 0;}
#copyright label{float:left;color:#ccc;font-family:'Open Sans', Arial;font-size:1em;}
#copyright a{float:right;}


.alt-sayfa-tek-kolon {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px 0 0 0;
}

.alt-sayfa-icerik {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    line-height: 2em;
    font-family: 'Lato', Arial;
    font-weight: 300;
    color: #666;
    min-height:400px;
}

.alt-sayfa-icerik p{margin:10px 0;line-height:1.8em;}


#proje-icerik {
    float: left;
    width: 100%;
    font-family: 'Forum', Arial;
    font-size: 1.5em;
}

#proje-icerik h1{font-family: 'Forum', Arial;font-size: 1.5em;color:#FBBA08;}

#proje-icerik ul{list-style:circle;list-style-type:circle;padding:0;margin:0;}
#proje-icerik ul li{display:block;padding:6px 0 6px 30px;background: url(/images/ic_done_black_24dp_1x.png) no-repeat left center;}



.iletisim-content {
    float: left;
    width: calc(50% - 2em);
    padding: 1em;
}

    .iletisim-content h2 {
        padding: 20px;
        background-color: #FBBA08;
        font-family: 'Forum';
        color: #fff;
        text-decoration: none;
        font-size: 1.5em;
        font-weight: 600;
        margin-bottom: 1em;
    }



.contact {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    font-family: 'Forum';
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
}

    .contact h4 {
        font-size: 1.3em;
        font-weight: 700;
        padding-bottom: 1em;
    }


div.image > a > img{height:180px;width:100%;}

/*@media only screen and (min-width: 801px) and (max-width: 959px) {
    #ul-menu {
        display: none;
    }

    #menu > div > a.btn-menu {
        display: block;
    }


  .logo{width:160px;}
  
    #header-sub-info {
        
        width: calc(100% - 200px);
        
    }
}*/
/*801 - 959*/

@media only screen and (max-width: 800px) {
    
    #ul-menu {
        display: none;
    }
    #menu > div > a.btn-menu {
        display:inline-block;
    }

    #header-sub-info{float:right; width:calc(100% - 150px);margin:10px 0 0 0;}

              
    #header-sub-info div {
            float: left;
            padding-top: 10px;
            
            
        }

            #header-sub-info div i {
                font-size: 2em;
                font-weight: normal;
                float: left;
                color: #414141;
                margin: 0px;
                padding: 0;
            }

            #header-sub-info div label {
                float: left;
                width: calc(100% - 6em);
                color: #999;
                font-size: .8em;
                font-family: 'Open Sans', Arial;
                font-weight: 400;
                margin: 3px 0 5px 0;
            }

            #header-sub-info div span {
                float: left;
                width: calc(100% - 6em);
                font-family: 'Open Sans', Arial;
                font-weight: 700;
                font-size: .9em;
            }


    .logo{float:left;}
    .logo img{width:200px;}

    #header-sub > div > a > img{margin-top:20px;}

    #slider{height:auto;padding-bottom:10px;}

    .product {
        width: calc(100% - 5px);

    }



    #copyright {
        float: left;
        width: 100%;
        border-top: 1px solid #4c4c4c;
        margin: 30px 0 0 0;
        padding: 20px 0 0 0;
        text-align:center;
    }

        #copyright label {
            float: left;
            width:100%;
            color: #ccc;
            font-family: 'Open Sans', Arial;
            font-size: 1em;
            
        }

        #copyright a {
            float: left;
            width:100%;
            text-align:center;
            margin:20px 0 0 0;
        }



    #statistic {
       
        height: 300px;
       
    }

    #statistic label {
        display: block;
        font-size: 2.1em;
        color: #fff;
        font-weight: 700;
        margin-top: 100px;
    }

    #statistic span {
        display: block;
        border-bottom: 5px solid #F07D00;
        width: 400px;
        margin: 20px auto;
    }

    #statistic p {
        font-size: 1.2em;
        color: #fff;
    }

    .price-relative {
        display: none;
    }

    #slider > div.ui.container.price-relative{display:none;}
    #menu{padding:8px 0;}
}

/*800*/