/* --------------------------------------------------------
    #Header
----------------------------------------------------------- */
.header { width: 100%; position: relative; }
.header-main { position: relative; }
.header-bg { position: relative;width: 100%;background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.lnkYoutube { position: absolute;top: 177px;left: 432px; width: 335px;height: 250px; }
.lnkBuyNow { position: absolute;bottom:6px;left: 550px; width: 362px;height: 74px;}
    
    @media screen and (device-aspect-ratio: 40/71) { /*iPhone 5:*/
        .header-bg { height: 164px; }
        .lnkYoutube { width: 102px;height: 79px;left: 113px;top: 42px;} 
        .lnkBuyNow { width: 100%;height: 164px;left: 0;bottom: 0; } 
    }

    @media screen and (device-aspect-ratio: 375/667) { /*iPhone 6*/
      .header-bg { height: 192px; }
      .lnkYoutube { width: 130px;height: 90px;left: 127px;top: 50px;} 
      .lnkBuyNow { width: 100%;height: 192px;left: 0;bottom: 0; } 
    }

    @media screen and (device-aspect-ratio: 9/16) { /*iPhone 6 Plus*/
        .header-bg { height: 184px; }
        .lnkYoutube { width: 130px;height: 90px;left: 146px;top: 60px;} 
        .lnkBuyNow { width: 100%;height: 180px;left: 0;bottom: 0;} 
    }

   
/* --------------------------------------------------------
    #Menu
----------------------------------------------------------- */
.nav-menu { position: relative; }
.navbar-inverse { background-color: #ee2655; border-color: #080808; }
.navbar-inverse .navbar-collapse { text-align: center;  height: 48px !important;}
.navbar-inverse .navbar-nav>li>a { color: #000000; font-family: 'proxima_nova_semibold';}
.navbar-nav { float: none;display: inline-block;}

    @media only screen and (max-width: 767px) {
       .navbar-nav { width: 100%; }
       .navbar-inverse .navbar-collapse { height: auto !important; }
       .navbar-inverse .navbar-nav>li>a { text-align: right; }
       .navbar-inverse .navbar-brand { color: #ffffff;font-size: 18px; font-family: 'proxima_nova_bold';}
    }

/* --------------------------------------------------------
    #Product
----------------------------------------------------------- */
.product { position: relative;padding-bottom: 20px;}
.product ul li { float: left;width: 33.33%;text-align: center;}
.product ul li:first-child { text-align: left;}
.product ul li:last-child { text-align: right; }

    @media only screen and (max-width: 767px) {
       .product ul li { float: none;text-align: center;margin: 5px 0;width: 100%;}
       .product ul li:first-child { text-align: center;}
       .product ul li:last-child { text-align: center; }
       .product ul li img { display: block;width: 100%; }
    }


/* --------------------------------------------------------
    #Main Content
----------------------------------------------------------- */
.wrap { position: relative; }
.content { position: relative;background: #fff;border-radius: 6px;padding: 25px 0; min-height: 300px;overflow: hidden;}
.content .text { position: relative; }
.content h1 { margin: 0 0 20px;font-size: 32px;line-height: 32px; color:#ee2655;}
.content h1 span { display: block;font-size: 22px;color: #000000;}
.content h3 { font-size: 18px; }
.content .text p { text-align: justify;margin-bottom: 20px;}

.img-right { display: block;float: right;margin-left: 20px;}
.img-left { display: block;float: left;margin-right: 20px;}
.img-center { clear: both;margin: 30px 0;}

.sidebar { position: relative; }
.sidebar .sidebar_kargo { position: relative;margin-bottom: 20px;text-align: center;}
.sidebar .sidebar_urun { position: relative;margin-bottom: 20px;text-align: center;}


    @media only screen and (max-width: 767px) {
       .content h1{ font-size: 26px; line-height: 28px;}
       .content h1 span { font-size: 20px;}
       .content .text p img { display: block;width: 100%;}
       .img-center img { display: block;width: 100%;}
    }

    @media screen and (device-aspect-ratio: 40/71) { /*iPhone 5:*/
        .sidebar .sidebar_kargo img { display: block;width: 100%; }
        .sidebar .sidebar_urun img { display: block;width: 100%; }
    }

/* --------------------------------------------------------
    #Sipari Form
----------------------------------------------------------- */
.siparis-form { position: relative;margin: 0 auto;padding: 20px;  border: 1px solid #e2e2e2; }
.siparis-form .form-group .form-control { border-radius: 0; }
.siparis-form label { margin-bottom: 0; font-size: 14px; }
.siparis-form label b { color: red; }
.siparis-form label a { margin-left: 6px;}
.siparis-form .form-group { margin-bottom: 10px; }



/* --------------------------------------------------------
    #Comments
----------------------------------------------------------- */
.userList { position: relative;}
.userList .userline { position: relative;overflow: hidden;padding: 10px;margin-bottom: 10px;border: 1px solid #e2e2e2; border-radius:5px;}
.userList .userline .user-avatar { position: relative;float: left;width: 64px;height: 64px;margin-right: 10px;}
.userList .userline .user-avatar:after { border: 1px solid rgba(0, 0, 0, .1); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; }
.userList .userline .user-avatar img { display: block;width: 100%;}
.userList .userline .user-text { position: relative;float: left;width: calc(100% - 74px);}
.userList .userline .user-text p { color: #1d2129;font-size: 15px;line-height: 18px;}
.userList .userline .user-text p b { color: #365899;padding-right: 6px;}
.userList .userline .user-text p span { display: block;font-size: 13px;line-height: 16px; margin-top: 6px; color: #90949c;}
.userList .userline .user-text p span small { font-size: 13px; }

.user-add { position: relative;background: #efefef;padding: 20px; }
.user-add h2 { margin: 0 0 20px;font-size: 18px;}
.user-add .form-group .form-control { border-radius: 0; }
.user-add label { margin-bottom: 0; font-size: 14px; }
.user-add .form-group { margin-bottom: 10px; }
.user-add p { margin-bottom: 0 !important;font-size: 15px;line-height: 32px; }

/* --------------------------------------------------------
    #Contact
----------------------------------------------------------- */
.iletisim { position: relative;}

.iletisim ul { text-align: center;}
.iletisim ul li {display: inline-block; width: 48px;height: 48px;line-height: 52px;text-align: center;border-radius: 10px;margin: 0 2px;background: #4c4c4c;color: #ffffff;font-size: 28px;}
.iletisim ul li:first-child { width: 100%;display: block;font-size: 32px; font-family: 'proxima_nova_bold'; background: #fff;color: #4c4c4c;margin-bottom: 20px;}
.iletisim ul li:nth-child(2) { background: #3b5998;}
.iletisim ul li:nth-child(3) { background: #55acee;}
.iletisim ul li:nth-child(4) { background: #ff0084;}
.iletisim ul li a { color: #ffffff; }
.iletisim h3 { margin-top: 40px;font-size: 32px; color: #c81282;}

.iletisim .form-group .form-control { border-radius: 0; }
.iletisim label { margin-bottom: 0; font-size: 14px; }
.iletisim label span { color: red; }
.iletisim label a { margin-left: 6px;}
.iletisim .form-group { margin-bottom: 10px; }

/* --------------------------------------------------------
    #Footer
----------------------------------------------------------- */
.footer { padding-bottom: 50px; }
.links {position: absolute; right: 90px; bottom: 0;}
.links li { display: inline-block; }
.links li:first-child { font-size: 20px; font-family: 'proxima_nova_bold'; color: #fff;margin-right: 40px;}
.links li a { color: #fff;}
    
    @media only screen and (max-width: 767px) {
       .footer { padding-bottom: 100px; }
    }

/* --------------------------------------------------------
    #Beni Arayn
----------------------------------------------------------- */
.call-me {position: fixed;bottom: -1px;left: 0;width: 100%;padding: 10px 0; background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); }
.call-me .container .row { position: relative;}
.call-me .form-inline { margin-bottom: 0; }
.call-me .agent { background: url("../img/call.png") no-repeat scroll 0 0 transparent; height: 73px; position: absolute; right: 0; bottom: -10px; width: 67px; }
.call-me label { color: #fff;font-weight: normal;margin-right: 10px; }
.call-me .form-group + .form-group { margin-left: 20px;}
.call-me .form-group .form-control { border-radius: 0;}

    @media only screen and (max-width: 767px) {
       .call-me .container .row { margin: 0 10px;}
       .call-me .form-group + .form-group { margin-left: 0;}
       .call-me .form-group { margin-bottom: 5px; }
       .call-me .form-group .form-control { float: left;width: 49%;display: inline-block;margin-bottom: 10px;}
       #txtName { margin-right: 2%;}
       .call-me .agent { display: none; }
       .call-me label { display: none;}
       .call-me .btn { display: block;width: 100%; }
       .call-me .links { display: none;}
    }

/* --------------------------------------------------------
    #Back to Top
----------------------------------------------------------- */
#back-top { position: fixed; bottom: 35px; right: 10px; z-index: 10; }
#back-top a { width: 44px; display: block; text-align: center; font: 11px/100% Arial,Helvetica,sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
#back-top a:hover { color: #000; }
#back-top span { width: 40px; height: 40px; display: block; border-radius: 4px; background: rgba(49,49,49,.7) url(../img/top_arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }