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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

body,html {font-family:'Roboto Condensed', sans-serif;background:#f4f4f4;color:#000;}
a {text-decoration:none;outline:none;}
.width {width:940px;}
.w480 {width:480px;}
.center {margin:0 auto;}
.percent {width:100%;}
.fl {float:left;}
.fr {float:right;}
.cl:before, .cl:after {content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.cl:after {clear:both;}
.cl {zoom:1;}
.clear {float:none;clear:both;}

.top {position:relative;height:300px;z-index:2}
.socialbar{height:30px;background-color:#217eae}
.socialbar>ul {float:right;margin-top:7px}
.socialbar>ul>li {float:left;margin-left:8px;margin-right:8px}
.lang-select {width:88px;height:16px;background-color:#FFF;cursor:pointer}
.lang-select .selected{width:67px;color:#217eae;font-size:10px;line-height:16px;height:16px;padding-left:5px;float:left}
.lang-select .lang-arrow{height:16px;width:16px;background-image:url(../images/lang-arrow.png);float:left}
.lang-select ul {display:none;background-color:#f3f3f3;position:absolute;width:86px;border:1px solid #d7d7d7}
.lang-select ul li {height:16px;line-height:16px;border-bottom:1px solid #d7d7d7}
.lang-select ul li a {color:#b8a9a9;font-size:10px;padding-left:5px;display:block}

.menu{height:50px;background-color:#FFF;padding-right:20px}
.menu ul {float:right;height:50px;line-height:50px}
.menu ul li {float:left;}
.menu ul li:hover {background-color:#217eae;}
.menu ul li:hover a {color:#FFF;}
.menu ul li a {padding-left:15px;padding-right:15px;font-size:17px;font-weight:bold;color:#217eae;display:block}

.logo{position:absolute;}

.slider-container{position:absolute;width:100%;height:420px;z-index:1}
.slider-con {background-size: cover;background-position: center center;height:420px;position:absolute;width:100%}
.slider-text{position:absolute;bottom:0px;height:90px;background-color:#FFF;width:820px;margin-left:120px;padding-left:30px}
.slider-text h1{color:#217eae;font-size:36px;font-weight:bold;margin-top:20px}
.slider-text span{color:#217eae;font-size:13px}
.slider-control-bg{position:absolute;bottom:0px;background-color:#FFF;opacity:0.5;width:120px;height:90px;z-index:999}

.slider-control{position:absolute;bottom:0px;width:120px;height:90px;z-index:999}
.bx-controls {display:none}
.content {padding-top:23px;margin-top:100px}

.home-cat li{margin-top:20px;width:300px;height:400px;background-color:#FFF;float:left;margin-left:10px;margin-right:10px}
.home-cat li h1 {font-size:20px;font-weight:bold;color:#217eae;padding-top:15px;padding-left:20px;}
.home-cat li h2{font-size:30px;font-weight:bold;color:#217eae;padding-top:15px;padding-left:20px;margin-bottom:20px}
.home-cat li .text {height:85px;font-size:13px;color:#7b7b7b;padding:20px;padding-top:15px;line-height:17px}
.home-cat li .more{text-align:right;margin-right:20px;}
.home-cat li .login{width:260px;height:40px;background-color:#217eae;line-height:40px;text-align:center;margin-left:20px;margin-top:20px}
.home-cat li .login a{color:#FFF;font-weight:bold;font-size:18px;display:block}

.weather1{float:left;padding-left:15px}
.weather1 .days {font-size:22px;color:#73cbe7;font-weight:bold}
.weather1 .degree {font-size:72px;color:#73cbe7;font-weight:bold}
.weather1 .box1 {padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#08618e;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico1.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}
.weather1 .box2 {margin-top:3px;padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#08618e;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico2.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}
.weather1 .box3 {margin-top:3px;padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#08618e;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico3.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}

.weather5{float:left;margin-top:20px}
.weather5 .days {font-size:22px;color:#73cbe7;font-weight:bold}
.weather5 .degree {font-size:72px;color:#73cbe7;font-weight:bold;line-height:71px}
.weather5 .box1 {padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#d3f4ff;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico1.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}
.weather5 .box2 {margin-top:3px;padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#d3f4ff;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico2.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}
.weather5 .box3 {margin-top:3px;padding-left:35px;line-height:30px;width:95px;height:30px;background-color:#d3f4ff;font-size:16px;color:#73cbe7;background-image:url(../images/weather-ico3.png);background-repeat:no-repeat;background-position-y:center;background-position-x:10px}

.weather6{float:left;margin-left:10px;margin-right:7px;margin-top:55px}
.weather6 .today-ico {margin-top:15px}
.weather6 .status {margin-top:5px;font-size:17px;color:#73cbe7}
.weather6 .daydegree {font-size:35px;color:#73cbe7;line-height:34px}
.weather6 .nightdegree {padding-left:5px;font-size:17px;color:#c8e8f2;line-height:16px}

.weather7{float:left;margin-top:30px}
.weather7 li {float:left;width:51px;height:186px;background-color:#d3f4ff;margin-left:3px;margin-right:3px}
.weather7 .day {font-size:17px;color:#73cbe7;font-weight:bold;text-align:center;display:block}
.weather7 .hico {text-align:center;margin-top:15px;height:50px}
.weather7 .dayd {display:block;font-size:17px;color:#73cbe7;font-weight:bold;text-align:center;line-height:17px;margin-top:60px}
.weather7 .nightd {display:block;font-size:12px;color:#7edefe;font-weight:bold;line-height:12px;padding-left:12px}

.weather2{float:left;margin-left:20px}
.weather2 .today-ico {margin-top:15px}
.weather2 .status {margin-top:10px;font-size:17px;color:#73cbe7}
.weather2 .daydegree {margin-top:5px;font-size:35px;color:#73cbe7}
.weather2 .nightdegree {padding-left:5px;font-size:17px;color:#FFF}

.city-select {width:120px;height:22px;background-color:#e5f9ff;cursor:pointer}
.city-select .selected{width:99px;color:#217eae;font-size:10px;line-height:22px;height:22px;padding-left:5px;float:left}
.city-select .city-arrow{height:22px;width:16px;background-image:url(../images/city-arrow.png);float:left}
.city-select ul {display:none;background-color:#f3f3f3;position:absolute;width:118px;border:1px solid #d7d7d7}
.city-select ul li {height:22px;line-height:22px;border-bottom:1px solid #d7d7d7}
.city-select ul li a {color:#b8a9a9;font-size:10px;padding-left:5px;display:block}

.footer {background-color:#217eae;height:300px;margin-top:30px}
.footer>ul>li {float:left;width:300px;margin-left:10px;margin-right:10px;padding-top:20px}
.footer>ul>li h1{font-size:36px;color:#FFF;font-weight:bold;padding-left:15px;margin-bottom:30px}
.footer>ul>li .text {font-size:14px;color:#FFF;padding-left:15px;line-height:16px}
.footer .contact span {font-size:14px;color:#FFF;font-weight:bold}
.footer .contact div {padding-left:15px}
.footer .contact .text2 {font-size:12px;margin-top:5px;margin-bottom:10px}
.footer .contact .text2  a{color:#FFF}
.copyright {height:40px;background-color:#14658f;line-height:40px;color:#FFF;font-size:12px}


.page-images{position:absolute;width:100%;height:320px;z-index:1}
.page-image-con {background-size: cover;background-position: center center;height:320px;position:absolute;width:100%}
.page-image-title{position:absolute;bottom:0px;background-color:#FFF;font-size:36px;text-align:center;line-height:90px;color:#217eae;font-weight:bold;padding-left:15px;padding-right:15px;height:90px;z-index:999}

.page-content{padding-top:23px;margin-top:15px}
.page-menu{float:left}
.page-menu li{width:300px;height:40px;background-color:#217eae;font-size:16px;font-weight:bold;line-height:40px;border-bottom:1px solid #FFF}
.page-menu li a{color:#FFF;display:block;padding-left:15px}
.page-menu li:hover{background-color:#629b3e;}
.page-menu .active {background-color:#629b3e}

.page-text{line-height:15px;float:left;width:580px;background-color:#FFF;margin-left:20px;padding:20px;font-size:13px;color:#7b7b7b;text-align: justify;}
.page-text h1{font-size:30px;color:#217eae;font-weight:bold;margin-bottom:10px}

#degerlerimiz{list-style-image: url(../images/list-arrow.png);list-style-position: outside;margin-left:17px}
#degerlerimiz li{padding-left:5px;line-height:30px}

.degerlerimiz{list-style-image: url(../images/list-arrow.png);list-style-position: outside;margin-left:17px}
.degerlerimiz li{padding-left:5px;line-height:30px}

.input{border:1px solid #73cbe7;background-color:#fcfefe;width:280px;height:30px;line-height:30px;font-size:12px;color:#73cbe7;padding-left:5px}

.gonder{background-color:#217eae;border:none;color:#FFF;font-weight:bold;font-size:12px;height:30px;width:70px;cursor:pointer}

.input::-webkit-input-placeholder { color:#73cbe7}
.input:-moz-placeholder { color:#73cbe7 }
.input:-ms-input-placeholder { color:#73cbe7 }

.product-images{margin-top:40px;display:none}
.product-images li {border:3px solid #e5e5e5;width:104px;height:104px;float:left;margin:3px}

.dosyalar li {font-size:15px;font-weight:bold;color:#217eae;line-height:30px;margin-top:5px;border-bottom:1px solid #217eae}
.dosyalar .indir {float:right;background-color:#217eae}
.dosyalar .indir a {font-size:15px;font-weight:bold;color:#FFF;line-height:35px;border-bottom:1px solid #217eae;display:block;padding-left:20px;padding-right:20px}

.squrrenergy{width:150px;height:75px;background-image:url(../images/SgurrEnergy-BlackWhite-Logo.png)}
.squrrenergy:hover{background-image:url(../images/SgurrEnergy-Normal-Logo.png)}