.btn { padding: 5px 10px; font-size: 13px; margin-top: 15px; border-radius: 0; }
    .btn:hover { opacity: 0.8; color: blue; border: 1px solid blue; text-decoration: none; }
    .btn.btnRed { background-color: rgba(251, 0, 0,0.7); color: white; border: 1px solid red; }

#header { height: 120px; }
    #header .info { position: absolute; z-index: 1; right: 0; width: 18.5vw; height: 120px; text-align: right; font-size: 11px; background: url('/images/headerSagUst.png'); color: #fff; padding-right: 10px; padding-top: 4px; }
    #header .dil ul { list-style: none; }
        #header .dil ul li { float: right; margin-bottom: 15px; }
            #header .dil ul li span { margin-right: 5px; padding: 5px 5px; border: 1px solid white; font-weight: bolder; cursor: pointer; background-color: white; color: black; }
            #header .dil ul li .active { background-color: red; border: 1px solid red; color: white; }
            #header .dil ul li span a:link, #header .dil ul li span a:visited { color: black; font-weight: normal; text-align: right; margin-top: 0; }

    #header .header { position: relative; left: 0; right: 0; }
        #header .header .container { z-index: 0; }
        #header .header .navbar { min-height: 10px !important; margin-bottom: 0px !important; width: auto !important; margin: 0px auto; font-size: 14px; z-index: 2; }
        #header .header .navbar-default { border-radius: 0; padding: 40px; border: 0; background-color: transparent; }
        #header .header .navbar .navbar-nav { display: inline-block; float: none; /*border: 1px solid #abcaea;*/ padding-left: 20px; padding-right: 20px; opacity: 1; }
        #header .header .navbar .navbar-collapse { }
        #header .header .navbar-nav > li > a { margin: 0px auto; padding-top: 5px; padding-bottom: 5px; color: #000; font-family: Copperplate Gothic, 'Century Gothic','Trebuchet MS', 'Lucida Sans Unicode'; }
        #header .header .logo { position: absolute; left: 0; top: 15px; }

        #header .header .dropdown-menu > li > a { font-family: Copperplate Gothic,"Century Gothic","Trebuchet MS","Lucida Sans Unicode"; }

.container .whiteh { color: #fff; }

#body { margin-bottom: 377px; background-color: #fff; }
    #body .slider { width: 100%; max-height: 450px; position: relative; overflow: hidden; }
        #body .slider .egik1 { position: absolute; left: 2%; height: 24.0vw; z-index: 1; }
        #body .slider .egik2 { position: absolute; left: 44%; height: 24.0vw; z-index: 1; }
        #body .slider .egik3 { position: absolute; right: -13vw; height: 24.0vw; z-index: 1; }
        #body .slider .sldYazi { font-family: 'Century Gothic'; font-size: 2.5vw; position: absolute; bottom: 10px; left: 20px; z-index: 2; color: #fff; display: none; }

    #body .section.wise { background-color: #1c1a47; width: 100%; }
        #body .section.wise .container { padding-top: 10px; padding-bottom: 15px; }
            #body .section.wise .container h3 { color: #fff; text-align: center; }
                #body .section.wise .container h3 .fntBig { font-weight: bold; }
            #body .section.wise .container .boxes { text-align: center; }
                #body .section.wise .container .boxes .shadow { box-shadow: 0 0 25px red; }
                #body .section.wise .container .boxes .well { background-color: #fff; border-radius: 0; width: 100%; margin-bottom: 0px !important; border: 5px solid red; border-radius: 3px; min-height: 250px; }
                    #body .section.wise .container .boxes .well i { display: inline-block; font-size: 25px; background-color: red; padding: 15px; width: 60px; border-radius: 50px; color: #fff; margin-bottom: 20px; }
                    #body .section.wise .container .boxes .well p { height: 70px; margin: 0px !important; }

    #body .section.two { background-size: cover; border-bottom: 4px solid #0d67a3; border-top: 4px solid #cbcbcb; margin: 0 auto; min-height: 507px; overflow: visible; padding: 0; background-image: url("../images/list-background.png"); background-repeat: repeat repeat; background-size: contain; }
        #body .section.two img { width: 400px; margin: 25px; }
        #body .section.two .container .row .yz { padding-top: 15px; }
        #body .section.two .wmap { background: url(/images/worldmap.png) no-repeat center center; opacity: 0.3; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 600px; height: 323px; }

        #body .section.two .container .row .yz .deg { background-color: #221f53; height: 620px; width: 50px; }
            #body .section.two .container .row .yz .deg div { color: #fff; position: relative; font-size: 25px; left: -275px; top: 290px; width: 600px; text-align: right; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

    #body .section.third { background-size: cover; border-bottom: 4px solid #0d67a3; border-top: 4px solid #cbcbcb; margin: 0 auto; overflow: visible; padding: 0; background-image: url("../images/list-background.png"); background-repeat: repeat repeat; background-size: contain; }
        #body .section.third .frmlogo { margin: 10px 0; }
        #body .section.third .frmres .res { width: 100%; }

    #body .section.about { background: #fff url(/images/headerbg.jpg) repeat-x; min-height: 555px; }
        #body .section.about h3 { line-height: 20px; }

    #body .section.division { background: #fff url(/images/headerbg.jpg) repeat-x; min-height: 760px; }
        #body .section.division h3 { line-height: 20px; }
        #body .section.division .divP { font-size: 12px; margin-top: 30px;  }
        #body .section.division a:hover { text-decoration:none; }
            #body .section.division .divP.One { background: url(/images/div_dynaguard_bg.jpg) repeat-x; }
            #body .section.division .divP.Two { background: url(/images/div_aquadex_bg.jpg) repeat-x; }
            #body .section.division .divP.Three { background: url(/images/div_royalin_bg.jpg) repeat-x; }
            #body .section.division .divP.Four { background: url(/images/div_poolguard_bg.jpg) repeat-x; }

    #body .form { min-height: 750px; background-color: #fff; }

    #body .section.dynaguard { background: #fff url(/images/headerbg_dynaguard.jpg) repeat-x; min-height: 1170px; }
    #body .section.aquadex { background: #fff url(/images/headerbg_aquadex.jpg) repeat-x; min-height: 1170px; }
    #body .section.pollguard { background: #fff url(/images/headerbg_poolguard.jpg) repeat-x; min-height: 1170px; }
    #body .section.royalin { background: #fff url(/images/headerbg_royalin.jpg) repeat-x; min-height: 1170px; }
    #body .section.checkup, #body .section.warranty, #body .section.iletisim { background: #fff url(/images/headerbg.jpg) repeat-x; }

    #body .section h3 { line-height: 40px; margin: 20px auto; }

    #body .section.warranty .waryntDv { background-color: #cbcbcb; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); box-shadow: 0 -30px 50px #777 inset; border: 3px solid #bbb; }

.complete-footer { bottom: 0; float: left; left: 0; position: fixed; width: 100%; z-index: -1; }
    .complete-footer #footer { background: #000 none repeat scroll 0 0; float: left; padding: 40px 0 20px; position: relative; width: 100%; text-align: right; }
        .complete-footer #footer .foot-logo { background: rgba(0, 0, 0, 0) url("../images/logok.png") no-repeat scroll 0 0; float: right; height: 55px; margin-bottom: 20px; width: 170px; margin-right: -20px !important; }
        .complete-footer #footer address { font-style: normal; line-height: 1.42857; margin-bottom: 20px; color: #fff; font-size: 13px; line-height: 24px; display: inline-block; }

    .complete-footer .bottom-footer { background: #2f3232 none repeat scroll 0 0; float: left; padding-bottom: 27px; padding-top: 27px; width: 100%; }
        .complete-footer .bottom-footer p { color: #bcbec0; line-height: 21px; margin: 0; }
    .complete-footer .foot-menu { padding-left: 25px; margin: 0; padding: 0; }
        .complete-footer .foot-menu li { display: inline; float: right; list-style-type: none; }
            .complete-footer .foot-menu li a { color: #bcbec0; font-size: 12px; line-height: 21px; padding: 0 19px 0 0; text-decoration: none; text-transform: capitalize; transition: all 0.3s ease 0s; }

#scrollUp { background: #221f53 url("../images/up-scroll.png") no-repeat scroll center center; border-radius: 4px; bottom: 20px; height: 38px; opacity: 0.6; right: 20px; text-indent: -99999px; width: 38px; }
.slogan { font-family: 'Century Gothic','Trebuchet MS', 'Lucida Sans Unicode'; text-align: justify; width: 650px; padding-left: 60px; position: relative; height: 170px; }
    .slogan .yz1 { font-size: 50px; display: inline-block; position: absolute; top: 0px; letter-spacing: 5px; }
    .slogan .yz2 { font-size: 80px; display: inline-block; position: absolute; top: 30px; }
    .slogan .yz3 { font-size: 50px; display: inline-block; position: absolute; top: 105px; letter-spacing: 10px; }
    .slogan .yz4 { font-size: 50px; display: inline-block; position: absolute; top: 50px; letter-spacing: 5px; }

.divisiontext { font-family: 'Century Gothic','Trebuchet MS', 'Lucida Sans Unicode'; padding-left: 40px; font-size: 38px; color: #fff; text-decoration: none; }
.divisionnote { padding-left: 40px; font-size: 16px; color: #fff; text-decoration: none; }