@charset "utf-8";
/* HABER YAZILIMI CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:500,300,500italic,300italic&subset=latin,latin-ext);

html, body { margin:0; padding:0; background:#ffffff; }
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-weight:500; }
p { font-weight:300; }
strong { font-weight:500; }
hr { width:100%; height:0px; border:none; border-bottom:1px solid rgba(0,0,0,0.1); padding-top:20px; margin-bottom:20px; clear:both; }

a { color:#df0000; text-decoration:none; }
a:hover { text-decoration:underline; }

.center { width:1200px; margin:auto; position:relative; overflow:visible; }
.btn, .btnHollow, .btnHollowBlack, btnAuto { display:inline-block; width:180px; height:50px; font-size:20px; text-align:center; text-decoration:none; line-height:50px; border-radius:3px; }
.btn { background:#299bf3; color:#ffffff; }
.btn:hover { text-decoration:none; background:#096cb8; }
.btnAuto { width:auto; padding:0 20px; background:#299bf3; color:#ffffff; }
.btnAuto:hover { text-decoration:none; background:#096cb8; }
.btnHollow { height:48px; line-height:48px; border:1px solid #299bf3; color:#299bf3; }
.btnHollow:hover { text-decoration:none; background:#299bf3; color:#ffffff; border:1px solid #299bf3; }
.btnHollowBlack { width:auto !important; padding:0 20px; height:48px; line-height:48px; border:1px solid #acacac; color:#242424; }
.btnHollowBlack:hover { text-decoration:none; background:#242424; color:#ffffff; border:1px solid #242424; }
.btnHollowBlack + .btnHollowBlack { margin-left:15px; }


.clear { clear:both; }
.left { float:left; }
.right { float:right; }


#hy { margin-top:100px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; color:#2a2a2a; position:relative; }
#head { width:100%; height:100px; background:url(../images/headBg.png) repeat-x; position:fixed; top:0; z-index:4; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }

.userLogin { width:270px; height:156px; padding:20px; background:#000000; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); position:absolute; right:0px; top:-200px; z-index:4; border-radius:0 0 3px 3px; transition:all ease .2s; -webkit-transition:all ease .2s; }
.closeLogin { display:block; position:absolute; right:10px; top:10px; cursor:pointer; }
.loginHeading { font-size:20px; font-weight:500; margin-bottom:10px; }
.userLogin input[type="text"], .userLogin input[type="password"] { width:250px; height:30px; margin:0 0 10px 0; padding:0 10px; background:#212121; border:none; font-family: 'Roboto', sans-serif; font-size:16px; color:#aeaeae; font-weight:300; line-height:30px; }
.userLogin input[type="button"], .userLogin input[type="submit"] { float:left; width:130px; height:40px; text-align:center; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; color:#ffffff; background:#299bf3; border:none; cursor:pointer;  border-radius:3px; }
.userLogin input[type="button"]:hover, .userLogin input[type="submit"]:hover { background:#096cb8; }
.userLogin a { display:inline-block; width:130px; height:40px; margin-left:10px; text-align:center; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color:#ffffff; background:#2d2d2d; border:none; text-decoration:none; line-height:40px; cursor:pointer; border-radius:3px; }

.topBar { width:100%; height:50px; position:relative; color:#bababa; background:#2a2a2a; overflow:visible; }
.topLogo { width:179px; height:100px; margin:0; padding:0; position:absolute; left:0; top:0; overflow:hidden; z-index:2; }
.topSupport { float:left; margin-left:189px; height:50px; line-height:50px; }
.topSupport span { margin-right:20px; }
.topPhone { background:url(../images/iconPhone.svg) center left no-repeat; padding-left:23px; }
.topMail { background:url(../images/iconMail.svg) center left no-repeat; padding-left:23px; }
.topMail a { text-decoration:none; color:#bababa; }
.topMail a:hover { text-decoration:underline; }
.topUser { float:right; }
.topBtn { display:inline-block; height:30px; margin-top:10px; padding:0 20px; font-size:14px; line-height:30px; color:#bababa; background:#171717; text-decoration:none; border-radius:3px; }
.topBtn:hover { text-decoration:none; background:#1a1a1a; color:#ffffff; }
a.topBtn + a.topBtn { margin-left:10px; }
.topDemo { background:#df0000; color:#ffffff; }
.topDemo:hover { text-decoration:none; background:#ff0000; }

.topMenuBar { width:100%; height:50px; background:#f9f9f9; position:relative; }
.topMenu { margin:0 0 0 189px; padding:0; list-style:none; }
.topMenu li { float:left; width:12.5%; height:47px; border-bottom:3px solid #f9f9f9; }
.topMenu li a { display:block; text-align:center; color:#606060; font-size:18px; line-height:47px; text-decoration:none; }
.topMenu li:hover, .topMenu li.active { border-bottom:3px solid #df0000; }
.topMenu li:hover a, .topMenu li.active a { text-decoration:none; color:#df0000; }

#mastHead { width:100%; min-width:1200px; height:400px; background:#2a2a2a; color:#ffffff; position:relative; }
.mastHeadNav { width:100%; height:400px; position:absolute; left:0; top:0; }
.mastHeadPrev { width:50px; height:50px; position:absolute; left:50px; top:175px; background:url(../images/iconMastHeadNavPrev.svg) center center no-repeat; opacity:.25; z-index:2; }
.mastHeadNext { width:50px; height:50px; position:absolute; right:50px; top:175px; background:url(../images/iconMastHeadNavNext.svg) center center no-repeat; opacity:.25; z-index:2; }
.mastHeadPrev:hover, .mastHeadNext:hover { opacity:1; }
.mastHeadPages { width:100%; height:10px; list-style:none; margin:0; padding:0; text-align:center; position:absolute; left:0; bottom:20px; z-index:2; }
.mastHeadPages span { display:inline-block; width:10px; height:10px; border-radius:10px; background:rgba(0,0,0,0.5); cursor:pointer; }
.mastHeadPages span + span { margin-left:5px; }
.mastHeadPages span.active { background:rgba(255,255,255,.5); }
.mastHeadPages span:hover { width:10px; height:10px; background:rgba(0,0,0,1); }
.mastHeadPages span.swiper-pagination-bullet-active { background:rgba(255,255,255,1); }
/* .mastHeadSlides {  width:100%;   height:400px;  overflow:hidden; }
.mastHeadSlide { width:100%; height:400px; float:left; } */
.mastHeadSlide h2 { font-size:50px; margin:20px 0 10px 0; font-weight:300; }
.mastHeadSlide p { width:500px; margin-bottom:10px; font-size:18px; }
.mastHeadBtn, .mastHeadBtnHollow { display:block; box-sizing:border-box; width:180px; height:50px; float:left; text-align:center; border-radius:3px; font-size:20px; line-height:50px; color:#ffffff; text-decoration:none; }
.mastHeadBtn { background:#299bf3; }
.mastHeadBtnHollow { border:1px solid #ffffff; }
.mastHeadBtn:hover { text-decoration:none; color:#299bf3; background:#ffffff; }
.mastHeadBtnHollow:hover { text-decoration:none; background:#ffffff; color:#299bf3; }

.mastHeadSlideAdhood { height:400px; background:url(../images/slide-adhood-bg.jpg) center bottom -90px no-repeat; background-size:cover; margin:0; padding:0; }
.mastHeadSlideAdhood h2 { font-size:40px; font-weight:300; margin:0; padding:40px 0 20px 0; }
.mastHeadSlideWebtv { height:400px; background:url(../images/slide-webtv-bg.jpg) center bottom -90px no-repeat; background-size:cover; margin:0; padding:0; }
.mastHeadSlideWebtv h2 { font-size:40px; font-weight:300; margin:0; padding:40px 0 20px 0; }
.mastHeadSlideOkunet { height:400px; background:url(../images/slide-okunet-bg.jpg) center bottom -90px no-repeat; background-size:cover; margin:0; padding:0; }
.mastHeadSlideOkunet h2 { font-size:40px; font-weight:300; margin:0; padding:40px 0 20px 0; }

.mastHeadSlideIcon { float:left; width:282px; height:282px; background:#ffffff; margin:40px; border-radius:282px; text-align:center; }
.mastHeadSlideIcon img { margin:54px auto; }



#newsBand { width:100%; height:40px; background:#f9f9f9; overflow:hidden; }
#newsBand a { display:block; height:40px; font-size:14px; line-height:40px; color:#171717; text-decoration:none; text-align:center; }
#newsBand a:hover { text-decoration:underline; }

#welcome { width:100%; padding:80px 0; text-align:center; }
#welcome h2 { font-size:50px; font-weight:300; margin-bottom:20px; }
#welcome p { font-size:20px; margin-bottom:40px; }
#welcome .btn { margin-right:20px; }
.welcomeLogos { margin:40px 0; padding:0; list-style:none; text-align:center; }
.welcomeLogos li { display:inline-block; }
.welcomeLogos li + li { margin-left:40px; }

#packs { width:100%; padding:80px 0; text-align:center; background:#f0f0f0; overflow:visible; position:relative; }
#packs .packsIcon { width:144px; height:125px; background:url(../images/packsIcon.png) center center no-repeat; position:absolute; right:200px; top:-60px; z-index:2; }
#packs h2 { font-size:50px; font-weight:300; margin-bottom:20px; }
#packs p { font-size:20px; margin-bottom:40px; }
.packs { margin:0; padding:0; list-style:none; text-align:center; }
.packs > li { display:inline-block; width:400px; background:#ffffff; padding-bottom:30px; transition:all ease .2s; -webkit-transition:all ease .2s; margin-bottom:40px; }
.packs > li:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.3); transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); z-index:2; position:relative; }
.packHeading { width:340px; height:50px; margin:30px; font-size:18px; line-height:50px; background:#2a2a2a; color:#ffffff; border-radius:3px; }
.packSpecs { margin:0; padding:0; list-style:none; text-align:center; }
.packSpecs li { display:block; width:100%; height:40px; line-height:40px; font-size:18px; }
.packSpecs li:nth-child(odd) { background:#fafafa; }
.packPrice { height:100px; padding:20px 0; font-size:70px; font-weight:500; position:relative; }
.packPrice span { font-size:40px; }
.packPeriod { width:100%; font-size:14px; line-height:16px; position:absolute; left:0; top:25px; }
.packSpotlight { transform:scale(1.03,1.03); box-shadow:0 0 15px 0 rgba(0,0,0,0.1); }
.packSpotlight h3 { background:#df0000; }
.packSpotlight > div:nth-child(1) { color:#df0000; }
.btnDetails { width:150px; font-weight:500; text-align:left; text-indent:50px; background:url(../images/iconMagnifyBlue.svg) 13px 13px no-repeat; }
.btnPurchase { width:150px; font-weight:500; text-align:left; text-indent:50px; background:#299bf3 url(../images/iconCartWhite.svg) 13px 13px no-repeat; }
.btnDetails:hover { text-decoration:none; background:#299bf3 url(../images/iconMagnifyWhite.svg) 13px 13px no-repeat; }
.btnPurchase:hover { text-decoration:none; background:#096cb8 url(../images/iconCartWhite.svg) 13px 13px no-repeat; }

#themes { width:100%; padding:80px 0; font-size:20px; color:#ffffff; background:#2a2a2a; position:relative; overflow:visible; text-align:center; }
.iconThemes { width:114px; height:147px; background:url(../images/iconThemes.png); position:absolute; left:200px; top:-50px; }
#themes h2 { font-size:50px; font-weight:300; margin-bottom:20px; }
/*#themeSlider { width:100%; margin:40px 0 80px 0; position:relative; }*/
.themeSliderNav { width:100%; height:100%; position:absolute; left:0; top:0; }
.themeSliderPrev { width:50px; height:50px; position:absolute; left:50px; top:50%; background:url(../images/iconMastHeadNavPrev.svg) center center no-repeat; opacity:.25; z-index:2; }
.themeSliderNext { width:50px; height:50px; position:absolute; right:50px; top:50%; background:url(../images/iconMastHeadNavNext.svg) center center no-repeat; opacity:.25; z-index:2; }
.themeSliderPrev:hover, .themeSliderNext:hover { opacity:1; }
.themeSliderPages { width:100%; height:10px; list-style:none; margin:0; padding:0; text-align:center; position:absolute; left:0; bottom:150px; z-index:50; }
.themeSliderPages span { display:inline-block; width:10px; height:10px; border-radius:10px; background:rgba(0,0,0,0.5); cursor:pointer; }
.themeSliderPages span + span { margin-left:5px; }
.themeSliderPages span.active { background:rgba(255,255,255,.5); }
.themeSliderPages span:hover { width:10px; height:10px; background:rgba(0,0,0,1); }
.themeSliderPages span.swiper-pagination-bullet-active { background:rgba(255,255,255,1); }
/* .themeSlides { width:1200px; margin:auto; position:relative; overflow:hidden; }
.themeSlide { width:1200px; } */
.themes { margin:0; padding:0; list-style:none; text-align:center; }
.themes li { display:inline-block; border:2px solid #ffffff; }
.themes li + li { margin-left:50px; }

#specs { width:100%; padding:80px 0; background:#fafafa; text-align:center;  }
#specs h2 { font-size:50px; font-weight:300; }
.specs { margin:40px 0; padding:0; list-style:none; text-align:center; }
.specs li { float:left; width:22%; height:330px; margin-right:2%; margin-bottom:40px;  }
.specImg { width:148px; height:148px; margin:0 auto 20px auto; background:#ffffff; border:2px solid #f0f0f0; border-radius:148px; position:relative; }
.specImg img { width:100px; height:100px; left:23px; top:23px; position:absolute; }
.specs li h3 { font-size:20px; font-weight:500; }

#refs { width:100%; padding:80px 0; background:#fafafa; text-align:center; border-top:1px solid #f0f0f0; }
#refs h2 { font-size:50px; font-weight:300; }
/* .refsSlider { width:100%; position:relative; margin-bottom:40px; } */
.refsSliderPrev { z-index: 2; width:50px; height:50px; background:#fafafa url(../images/refsSliderPrev.svg) center no-repeat; border-radius:50px; position:absolute; left:150px; top:70px; }
.refsSliderNext { z-index: 2; width:50px; height:50px; background:#fafafa url(../images/refsSliderNext.svg) center no-repeat; border-radius:50px; position:absolute; right:150px; top:70px; }
.refsSliderPrev:hover { background:#ffffff url(../images/refsSliderPrev.svg) center center no-repeat; }
.refsSliderNext:hover { background:#ffffff url(../images/refsSliderNext.svg) center center no-repeat; }
/* .refsSlides { width:1200px; height:180px; margin:auto; overflow:hidden; } */
.refList { margin:40px 0; padding:0; list-style:none; }
.refList li { display:inline-block; width:200px; height:140px; }
.refList li + li { margin-left:40px; }
.refList li a img { border:1px solid #f0f0f0; margin-bottom:20px; }
.refList li a { display:block; color:#2a2a2a; text-decoration:none; }
.refList li:hover a { text-decoration:underline; }

#foot { width:100%; height:250px; padding:40px 0; background:#171717; color:#aeaeae; }
#foot h2 { color:#aeaeae; font-weight:500; font-size:20px; }
.footLogo { float:left; width:179px; margin-right:40px; }
.footLinks { margin:0; padding:0; list-style:none; }
.footLinks li { float:left; }
.footLinks li + li { margin-left:40px; }
.footLinks h3 a { color:#aeaeae; font-weight:300; font-size:14px; text-decoration:none; }
.footLinks h3 a:hover { text-decoration:underline; }
.newsletter { float:left; width:400px; margin-left:40px; }
.newsletter p { margin-bottom:10px; }
.newsletter input[type="text"] { width:270px; height:50px; padding:0 10px; background:#212121; border:none; font-family: 'Roboto', sans-serif; font-size:16px; color:#aeaeae; font-weight:300; }
.newsletter input[type="button"] { width:100px; height:50px; text-align:center; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; color:#ffffff; background:#0e0e0e; border:none; cursor:pointer; }
.newsletter input[type="button"]:hover { background:#000000; }
.footLine { float:left; margin-left:219px; }
.social { float:left; }
.social h2 { margin-bottom:15px; }
.copy { float:left; width:280px; margin-left:40px; font-size:14px; }
.copy a { text-decoration:none; color:#ffffff; }
.copy a:hover { text-decoration:underline; }
.copy p { margin-bottom:5px; }

#about { width:100%; padding:40px 0; overflow:auto; }
#mastHeadAbout { width:100%; min-width:1200px; height:400px; background:red url(../images/hakkimizda-masthead.jpg) top center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; }
.mastHeading { width:100%; padding:20px 0; font-size:30px; position:absolute; bottom:0; background-color: rgba(255,0,0,.5); }
#about h2 { font-size:50px; font-weight:300; margin-bottom:20px; }
#about h3 { font-size:20px; font-weight:300; margin-bottom:20px; }
#about p { margin-bottom:20px; line-height:20px; font-size:16px; }
#about .half { width:48%; float:left; }
#about .half + .half { margin-left:4%; }
.dashedLine { display:block; width:100%; height:0px; margin:20px 0; border:none; clear:both; border-bottom:1px dashed rgba(0,0,0,0.2); }

#packsDetail { width:100%; padding:20px 0; overflow:auto; text-align:center; }
#mastHeadPacks { width:100%; min-width:1200px; height:180px; background:red url(../images/paketler-masthead.jpg) top center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadPacks h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadPacks p { width:600px; font-size:20px; }
#packsDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; }
#packsDetail p { font-size:20px; margin-bottom:40px; }
#packsDetail .packDetails, .packDetailsSpecs { width:290px; float:left; box-shadow:0 0 0px 0 rgba(0,0,0,0.1); transition:all ease .2s; -webkit-transition:all ease .2s; background:#ffffff; }
#packsDetail .packDetails:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.1); transform:scale(1,1); }
.packDetailsSpecs { width:220px; }
.packDetailsSpecs ul li { text-align:left; padding-left:20px; }
#packsDetail .packDetails { padding-bottom:20px; }
#packsDetail .packDetails a { margin-top:20px; }
#packsDetail .packDetails h3 { width:100%; background:rgba(0,0,0,0.025); padding:20px 0; border-bottom:2px solid #f0f0f0; }
#packsDetail .packDetailsSpotlight h3 { color:#df0000; border-bottom:2px solid #df0000; }
#packsDetail .packPriceRed { color:#df0000; height:100px; padding:20px 0; font-size:70px; font-weight:500; }
#packsDetail .packPriceRed span { font-size:40px; }
#packsDetail .packDetailsSpecs ul { margin:207px 0 0 0 !important; }
#packsDetail .packDetails ul, #packsDetail .packDetailsSpecs ul { width:100%; margin:0; padding:0; list-style:none; }
#packsDetail .packDetails ul li, #packsDetail .packDetailsSpecs ul li { width:100%; height:50px; border-top:1px solid rgba(0,0,0,0.1); line-height:50px; }
#packsDetail .packDetails ul li:nth-child(even), #packsDetail .packDetailsSpecs ul li:nth-child(even) { background:#fcfcfc; }
#packsDetail .packDetails ul li img { margin-top:15px; }

#mastHeadSpecs { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/ozellikler-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadSpecs h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadSpecs p { width:800px; font-size:20px; }
#specsDetail { width:100%; padding:20px 0; overflow:auto; text-align:center; }
#specsDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; }
#specsDetail p { font-size:20px; margin-bottom:40px; }

.specsDetailList { width:400px; float:left; margin:0; padding:0; list-style:none; }
.specsDetailList > li { float:left; width:298px; min-height:357px; padding:20px 40px; margin:10px; background:#fafafa; border-radius:10px; text-align:center; transition:all ease .2s; -webkit-transition:all ease .2s; }
.specsDetailList > li:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); }
.specImgDetail { width:150px; height:150px; background:#ffffff; border:2px solid #fafafa; border-radius:150px; position:relative; margin:0 auto 20px auto; text-align:center; }
.specImgDetail img { margin-top:25px; }
.specsDetailList h3 { font-size:25px; margin-bottom:10px; text-align:center;  }
.specsDetailList p { font-size:18px !important; line-height:25px; }
.specsDetailList ul { margin:0 5px; padding:0; list-style:disc; }
.specsDetailList ul li { margin-bottom:10px; font-size:14px; line-height:20px; }

#mastHeadRefs { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/referanslar-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadRefs h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadRefs p { width:800px; font-size:20px; }
#refsDetail { width:100%; padding:20px 0; overflow:auto; text-align:center; }
#refsDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; }
#refsDetail p { font-size:20px; margin-bottom:40px; }

.refDetailsList { margin:40px 0; padding:0; list-style:none; }
.refDetailsList li { display:inline-block; width:200px; height:140px; }
.refDetailsList li + li { margin-left:40px; }
.refDetailsList li a img { border:1px solid #f0f0f0; margin-bottom:20px; }
.refDetailsList li a { display:block; color:#2a2a2a; text-decoration:none; }
.refDetailsList li:hover a { text-decoration:underline; }

#mastHeadSupport { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/sss-destek-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadSupport h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadSupport p { width:800px; font-size:20px; }
#supportDetail { width:100%; padding:20px 0; overflow:auto; text-align:center; background:#fcfcfc; }
#supportDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; }
#supportDetail p { font-size:20px; margin-bottom:40px; }

.btnAsk { width:170px; font-weight:500; text-align:left; text-indent:50px; background:#df0000 url(../images/iconQuestionmark.svg) 13px 15px no-repeat; }
.btnAsk:hover { text-decoration:none; background:#ff0000 url(../images/iconQuestionmark.svg) 13px 15px no-repeat; }
.supportList { width:1150px; margin:40px auto; padding:0; list-style:none; }
.supportList li { width:1148px; height:50px; line-height:50px; margin-bottom:10px; border:1px solid #e4e4e4; border-radius:2px; overflow:hidden; transition:all ease .2s; -webkit-transition:all ease .2s; text-align:left; background:#ffffff url(../images/iconPlus.svg) 15px 15px no-repeat; }
.supportList li h3 { margin-left:50px; cursor:pointer; font-size:18px; font-weight:300; }
.supportOpen { height:auto !important;  background:#ffffff url(../images/iconMinus.svg) 15px 15px no-repeat !important; }
.supportAnswer { margin:0 20px 20px 40px; padding:10px; font-size:16px; color:#656565; line-height:20px;  }

#mastHeadContact { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/iletisim-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadContact h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadContact p { width:800px; font-size:20px; }
#contactDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:left; background:#fcfcfc; }
#contactDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:center; }
#contactDetail p { font-size:20px; margin-bottom:40px; text-align:center; }

.contactForm { width:560px; margin-right:50px; float:left; }
.contactForm + .contactForm { margin-right:0; }
.contactForm input[type="text"], .contactForm textarea, .contactForm select { width:540px; padding:0 10px; height:50px; line-height:50px; font-family: 'Roboto', sans-serif; color:#a1a1a1; font-weight:300; font-size:16px; border:none; border-radius:3px; margin-bottom:12px; }
.contactName, .contactEmail, .contactPhone, .contactTC, .contactDomain { text-indent:30px; }
.contactName { background:#f6f6f6 url(../images/txtName.svg) 10px 15px no-repeat; }
.contactEmail { background:#f6f6f6 url(../images/txtMail.svg) 10px 15px no-repeat; }
.contactPhone { background:#f6f6f6 url(../images/txtPhone.svg) 10px 15px no-repeat; }
.contactTC { background:#f6f6f6 url(../images/txtTC.svg) 10px 15px no-repeat; }
.contactDomain { background:#f6f6f6 url(../images/txtDomain.svg) 10px 15px no-repeat; }
.contactPostal, .contactWeb  { background:#f6f6f6; }
.contactMessage { line-height:20px; background:#f6f6f6; height:160px !important; padding:10px 0; }
.contactCaptcha { float:left; border:1px solid #d8d8d8; margin-right:12px; }
.contactSecurity { float:left; width:362px !important; background:#f6f6f6; }
.contactSubmit { width:120px !important; background:#df0000; border:none; cursor:pointer; }
.contactSubmit:hover { background:#ff0000; }
.contactForm select { width:100%; background:#f6f6f6; -webkit-appearance:none;-moz-appearance:none; }

.contactAddress { width:590px; float:left; line-height:25px; }
.contactAddress h3 { margin-bottom:10px; }
.officeHours { display:block; font-size:12px; margin-bottom:10px; }
.btnMap { width:220px; background:#299bf3 url(../images/iconMap.svg) 10px 14px no-repeat; font-weight:500; font-size:18px; text-indent:40px; text-align:left; margin-bottom:40px; }
.btnMap:hover { background:#096cb8 url(../images/iconMap.svg) 10px 14px no-repeat; }

#mastHeadThemes { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/temalar-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadThemes h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadThemes p { width:800px; font-size:20px; }
#themesDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:left; background:#fcfcfc; }
#themesDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:center; }
#themesDetail p { font-size:20px; margin-bottom:40px; text-align:center; }

.themeList { margin:0; padding:0; list-style:none; display:inline; }
.themeList li { float:left; border:1px solid #dfdfdf; background:#ffffff; float:left; padding:10px; margin:0 25px 40px 0; text-align:center; font-size:25px; }
.themeImg { width:500px; height:500px; margin-bottom:10px; position:relative; }
.themeImg img { position:absolute; left:0; top:0; }
.themeImg:hover .themeBtns { opacity:1; }
.themeBtns { width:500px; height:500px; position:absolute; left:0; top:0; background:rgba(0,0,0,0.58); opacity:0; transition:all ease .2s; -webkit- transition:all ease .2s; z-index:2; }
.btnThemePurchase { width:150px; font-weight:500; text-align:left; text-indent:50px; background:#299bf3 url(../images/iconCartWhite.svg) 13px 13px no-repeat; position:absolute; left:100px; top:240px; }
.btnThemePurchase:hover { text-decoration:none; background:#096cb8 url(../images/iconCartWhite.svg) 13px 13px no-repeat; }
.btnThemeDemo { width:150px; font-weight:500; text-align:left; text-indent:40px; background:#df0000 url(../images/iconDemoArrow.svg) 103px 14px no-repeat; position:absolute; left:260px; top:240px; }
.btnThemeDemo:hover { text-decoration:none; background:#ff0000 url(../images/iconDemoArrow.svg) 103px 14px no-repeat; }

#mastHeadAdhood { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/adhood-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadAdhood h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadAdhood p { width:800px; font-size:20px; }
#adhoodDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:center; background:#fcfcfc; }
#adhoodDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:center; }
#adhoodDetail p { font-size:20px; margin-bottom:40px; text-align:center; }
.adhoodImg { width:1px; display:inline-block; height:250px; background:#d7d7d7; overflow:visible; position:relative; }
.adhoodImg img { margin:33px 0 0 -91px; }

#mastHeadOkunet { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/okunet-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadOkunet h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadOkunet p { width:800px; font-size:20px; }
#okunetDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:center; background:#fcfcfc; }
#okunetDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:center; }
#okunetDetail p { font-size:20px; margin-bottom:40px; text-align:center; }
.okunetImg { width:1px; display:inline-block; height:250px; background:#d7d7d7; overflow:visible; position:relative; }
.okunetImg img { margin:33px 0 0 -91px; }

#mastHeadWebtv { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/webtv-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadWebtv h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadWebtv p { width:800px; font-size:20px; }
#webtvDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:center; background:#fcfcfc; }
#webtvDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:center; }
#webtvDetail p { font-size:20px; margin-bottom:40px; text-align:center; }
.webtvImg { width:1px; display:inline-block; height:250px; background:#d7d7d7; overflow:visible; position:relative; }
.webtvImg img { margin:33px 0 0 -91px; }

#mastHeadCart { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/sepet-masthead.jpg) bottom 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadCart h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadCart p { width:800px; font-size:20px; }
#cartDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:left; background:#fcfcfc; font-size:18px; }
#cartDetail h2 { font-size:40px; margin-bottom:20px; font-weight:300; text-align:left; }
#cartDetail p { font-size:20px; margin-bottom:40px; text-align:center; }
#cartDetail input[type="radio"] { width:15px; height:15px; background:url(../images/radioUncheck.svg); -webkit-appearance:none;-moz-appearance:none; }
#cartDetail input[type="radio"]:checked { width:15px; height:15px; background:url(../images/radioCheck.svg); -webkit-appearance:none;-moz-appearance:none; }

ul.breadcrumb { width:100%; height:42px; margin:-30px 0 40px 0; padding:0; list-style:none; display:block; }
.breadcrumb li { float:left; height:42px; }
.breadcrumb li a { float:left; display:block; height:40px; padding:0 10px; font-size:16px; color:#141414; line-height:40px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.breadcrumb li+li:before { content:url('../images/breadSep.png'); width:15px; height:42px; margin:0;padding:0; float:left;display:inline; }
.breadcrumb li:last-child:after { content:url('../images/breadcrumbRight.png'); }
.breadcrumb:before { content:url('../images/breadcrumbFirst.png'); float:left; }
.breadcrumb li:last-child a { color:#b1b1b1; }

.cartListHeading, .cartListItems, .cartListTotal { margin:0; padding:0; list-style:none; }
.cartListHeading, .cartListItems, .cartListTotal { width:1198px; height:50px; line-height:50px; font-weight:500; background:#f8f8f8; border:1px solid #e3e3e3; }
.cartListHeading li, .cartListItems li, .cartListTotal li { float:left; text-align:center;  }
.cartListItems li:first-child { border-right:1px solid #e3e3e3; }
.cartListItems { border-top:none; background:#ffffff; font-weight:300; }
.cartListTotal { border-top:none; }
.cartListHeading li:nth-child(1), .cartListItems li:nth-child(1), .cartListTotal li:nth-child(1) { width:597px; text-align:left; text-indent:10px; }
.cartListHeading li:nth-child(2), .cartListItems li:nth-child(2), .cartListTotal li:nth-child(2) { width:150px; }
.cartListHeading li:nth-child(3), .cartListItems li:nth-child(3), .cartListTotal li:nth-child(3) { width:150px; }
.cartListHeading li:nth-child(4), .cartListItems li:nth-child(4), .cartListTotal li:nth-child(4) { width:150px; }
.cartListHeading li:nth-child(5), .cartListItems li:nth-child(5), .cartListTotal li:nth-child(5) { width:149px; }
.cartBtns { margin-top:15px; overflow:auto; }

.invoiceAddress { display:inline-block; width:1178px; height:50px; line-height:50px; padding:0 10px; border:1px solid #d0d0d0; border-radius:3px; cursor:pointer; }
.invoiceAddress + .invoiceAddress { margin-top:15px; }
.invoiceAddress span { float:right; font-size:14px; color:#a7a7a7; }
.invoiceDeliveryOption { display:inline-block; height:50px; line-height:50px; border:1px solid #9b9b9b; border-radius:3px; padding:0 20px; cursor:pointer; margin-left:15px; }

.paymentOption { display:inline-block; height:50px; line-height:50px; border:1px solid #9b9b9b; border-radius:3px; padding:0 20px; cursor:pointer; margin-left:15px; }
.paymentForm { width:770px; margin:40px auto; display:block; overflow:auto; }
.paymentFormFieldNames { width:200px; float:left; margin:0 20px 0 0; padding:0; list-style:none; text-align:right; }
.paymentFormFieldNames li { height:50px; line-height:50px; margin-bottom:12px; }
.paymentFormFields { width:465px; float:left; margin:0; padding:0; list-style:none; text-align:left; }
.paymentForm input[type="text"], .paymentForm textarea, .paymentForm select { width:100%; padding:0 10px; height:50px; line-height:50px; font-family: 'Roboto', sans-serif; color:#a1a1a1; font-weight:300; font-size:16px; border:none; border-radius:3px; margin-bottom:12px; background:#f6f6f6; -webkit-appearance:none;-moz-appearance:none; }
.paymentForm select { width:485px; background:#f6f6f6 url(../images/selectArrow.svg) right 20px center no-repeat; }
select.selectHalf { width:150px !important; }
select.selectHalf + select.selectHalf { margin-left:2%; }

#mastHeadSing { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/uyelik.jpg) top 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadSing h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadSing p { width:800px; font-size:20px; }
#singDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:left; background:#fcfcfc; }
#singDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:left; }
#singDetail p { font-size:20px; margin-bottom:40px; text-align:center; }

#singDetail .uLeft {width: 680px; float: left; padding:15px 45px 15px 0; border-right: 1px solid #dedede;}
#singDetail .uLeft .contactSecurity { width: 445px !important}
#singDetail .uRight {width: 410px; float: right; padding:15px 0px 15px 0;}
#singDetail .uRight a {display: block; width: 100%; color: #313131; font-size: 18px; margin: 10px 0 15px 0}


#mastHeadProfile { width:100%; min-width:1200px; height:180px; background:#2a2a2a url(../images/uyelik.jpg) top 50px center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadProfile h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadProfile p { width:800px; font-size:20px; }
#profileDetail { width:100%; padding:40px 0 80px 0; overflow:auto; text-align:left; background:#fcfcfc; }
#profileDetail h2 { font-size:50px; margin-bottom:20px; font-weight:300; text-align:left; }
#profileDetail p { font-size:20px; margin-bottom:40px; text-align:center; }
#profileDetail .uLeft {width: 410px; float: left; padding:15px 30px 15px 0; border-right: 1px solid #dedede;}
#profileDetail .uRight {width: 720px; float: right; padding:15px 0px 15px 0; display: none}

#profileDetail .clear {clear: both;}
#profileDetail .uLeft .profileInfo {width: 100%; display: block;}
#profileDetail .uLeft .profileInfo .profileIcon {width: 75px; margin-right: 15px; height: 75px; float: left; background: url(../images/profile.png) no-repeat;}
#profileDetail .uLeft .profileInfo .profileText {width: 320px; float: left;}
#profileDetail .uLeft .profileInfo .profileText p {width: 100%; display: block; margin:10px 0 0 0;  text-align: left;  font: 300 22px 'Roboto';}
#profileDetail .uLeft .profileInfo .profileText a {width: 100%; color: #a6a6a6; display: block; font: 300 14px 'Roboto';}

#profileDetail .uLeft #profileMenu {width: 100%; display: block; list-style: none; list-style-image: none; padding: 0px; margin: 20px 0 0 0 }
#profileDetail .uLeft #profileMenu li {width: 100%; display: block; height: 50px; border-bottom: 1px solid #dedede; font: 300 20px/50px 'Roboto'}
#profileDetail .uLeft #profileMenu li a {outline: none; display: block; color: #313131}
#profileDetail .uLeft #profileMenu li.acik a {color: #df0000}
#profileDetail .uLeft #profileMenu li a:hover {cursor: pointer; text-decoration: none}

#profileDetail .uRight.acik {display: block;}
#profileDetail .uRight .pktTable {width: 100%; display: block;}
#profileDetail .uRight .pktTable .tableTtl td {float: left; font: 500 20px/50px 'Roboto'; }
#profileDetail .uRight .pktTable tr {width: 100%; float: left; display: block; border-bottom: 1px solid #dedede}
#profileDetail .uRight .pktTable tr td {padding: 0 15px; height: 50px; line-height: 50px; border-right: 1px solid #dedede; float: left; font: 300 18px/50px 'Roboto' }
#profileDetail .uRight .pktTable tr td:last-child {border-right: 0px}
#profileDetail .uRight .pktTable tr td:first-child {padding: 0px}
#profileDetail .uRight .pktTable tr td .up {width: 16px; height: 19px; float: left; margin-right: 10px; margin-left: 20px; margin-top: 15px; background: url(../images/tableIcon.png) 0px -1px;}
#profileDetail .uRight .pktTable tr td .setting {width: 18px; height: 18px; float: left; margin-top: 15px;  background: url(../images/tableIcon.png) -27px -1px;}

.singForm { width:95%; margin-right:50px; float:left; }
.singForm input[type="text"],input[type="password"], .singForm textarea { width:100%; padding:0 10px; height:50px; line-height:50px; font-family: 'Roboto', sans-serif; color:#a1a1a1; font-weight:300; font-size:16px; border:none; border-radius:3px; margin-bottom:12px; }
.singName, .contactEmail, .contactPhone { text-indent:30px; }
.singName { background:#f6f6f6 url(../images/txtName.svg) 10px 15px no-repeat; }
.singEmail { background:#f6f6f6 url(../images/txtMail.svg) 10px 15px no-repeat; }
.singPhone { background:#f6f6f6 url(../images/txtPhone.svg) 10px 15px no-repeat; }
.singMessage { line-height:20px; background:#f6f6f6; height:160px !important; padding:10px 0; }
.singCaptcha { float:left; border:1px solid #d8d8d8; margin-right:12px; }
.singSecurity { float:left; width:362px !important; background:#f6f6f6; }
.singSubmit { width:120px !important; background:#df0000; border:none; cursor:pointer; }
.singSubmit:hover { background:#ff0000; }
.btnBlue {background: #299bf3 !important; }
.bankNos { width:100%; border:1px solid #f5f5f5; }
.bankNos tr td:first-child, .bankNos tr td:nth-child(3) { font-weight:400; }
.bankNos td { border-bottom:1px solid #f5f5f5; padding:10px 20px; }
.bankNos tr:nth-child(even) { background:#fdfdfd; }
.bankNos tr:hover { background:#df0000; color:#ffffff; }

/* custom.css */

#mastHeadPacks { width:100%; min-width:1200px; height:180px; background:red url(../images/paketler-masthead.jpg) top center no-repeat; background-attachment:fixed; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadKampanya { width:100%; min-width:1200px; height:180px; background:red url(../images/mastHeadKampanya.jpg) center center no-repeat; background-attachment:contain; background-size:cover; color:#ffffff; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#mastHeadKampanya h2 { font-size:50px; padding:20px 0 0px 0; }
#mastHeadKampanya  p { width:600px; font-size:20px; }

#packsDetail.kampanya{
    overflow: hidden;
}
#packsDetail.kampanya h2{
    font-size: 40px;
    margin: 20px 0;
}
#packsDetail.kampanya .indirim{
    margin: 30px 0;
}

#packsDetail.kampanya .packs > li{
    outline: solid 1px #eee;
    position: relative;
}
#packsDetail.kampanya .packs > li .eski{
    display: inline-block;
    text-decoration: line-through;
    font-size: 40px;
}
#packsDetail.kampanya .packs > li .yeni{
    display: inline-block;
}
#packsDetail.kampanya .packPrice{
    padding: 30px 0 0;
}
#packsDetail.kampanya .packSpotlight {
  z-index: 2;
}
#packsDetail.kampanya .packSpotlight .packSpecs{
  color: #2a2a2a;
}
#packsDetail.kampanya .packSpotlight .indirim {
    background-color: #fff !important;
    color: #DF0000  !important;
}
#packsDetail.kampanya .pack .indirim {
    position: absolute;
    right: 40px;
    top:-5px;
    box-shadow: 0 0 0 1px #DF0000;
    background-color: #DF0000;
    color: #fff;
    width: 60px;
    line-height: 60px;
    font-size: 18px;
    border-radius: 50%;
    font-weight: 400;
}
#packsDetail.kampanya .ebulten {
    margin: 0 0 100px;
}
#packsDetail.kampanya .ebulten > .icon {
    padding: 10px 30px;
}
@media (min-width: 953px) {
    #packsDetail.kampanya .ebulten > .icon {
        border-right: solid 1px #ccc;
    }
}
#packsDetail.kampanya .ebulten > div {
    display: inline-block;
    vertical-align:top;
    padding: 0 35px;
}
#packsDetail.kampanya .ebulten .form p {
    font-size: 24px;
    text-align: left;
    margin-bottom: 25px;
    font-weight: 300;
}
#packsDetail.kampanya .ebulten .form input {
    display: block;
    height: 50px;
    padding: 0 25px;
    max-width: 300px;
    width: 100%;
    border: solid 1px #999;
    border-radius: 30px;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    font-family: roboto;
    margin-bottom: 25px;
}

#packsDetail.kampanya .ebulten .form button {
    float: left;
    height: 50px;
    width: 150px;
    border: none;
    font-size: 24px;
    color: #fff;
    padding-left: 20px;
    background:#299BF3 url(../images/checked.png) 25px center no-repeat ;
    border-radius: 30px;
    cursor: pointer;
}
#packsDetail.kampanya .ebulten .form button:hover {

    background:#268bd9 url(../images/checked.png) 25px center no-repeat ;

}
#packsDetail.kampanya .ebulten .form input:focus,
#packsDetail.kampanya .ebulten .form button:focus {
    outline: none;
}
p.aciklama{
    max-width: 1000px;
    padding: 10px;
    font-size: 17px !important;
    font-weight: 300;
    margin: 20px auto 60px !important;
    text-align: center;
}
.responsCont{
    background:#eee url(../images/responContFon.jpg) center center no-repeat;
    background-size:cover;
    margin-bottom: 50px;
}

.responsCont h3{
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px 15px;
    font-weight: 300;
    font-size: 24px;
    display: inline-block
}
.responsCont a.gozatin{
    background-color: #299bf3;
    color: #fff;
    padding: 0 15px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    margin: 110px 0;
}
.responsCont a.gozatin:hover{
    background-color: #2188d6;
    text-decoration: none;
}


/* Düzenlemeler (Ali Şahin)*/

#packsDetail .packDetails {
	width: 240px;
}

#packsDetail .packDetails .packPrice, #packsDetail .packDetails .packPriceRed {
	font-size: 50px;
}
.packPeriod {
	position: static;
}

.ozel {
	padding-top: 20px;
}

.ozel a {
	display: inline-block;
	line-height: 2;
	color: white;
	background-color: #299BF3;
	font-weight: 500;
	padding: 0 10px;
	text-decoration: none;
}

.topLogo {
	width: auto;
	height: 50px;
	padding-top: 7.5px;
	box-sizing: border-box;
}

.topMenu {
	width: 70%;
	float: right;
}

.topSupport {
	margin-left: 0;
}

.popup-butonlari {
	text-align: center;
	cursor: pointer;
}

.popup-butonlari::after {
	display: block;
	content: ".";
	width: 100%;
	height: 0;
	visibility: hidden;
	clear: both;
}

.popup-butonlari > div{
	width: 50%;
	float: left;
}

.popup-butonlari span {
	display: block;
	line-height: 2;
	font-size: 25px;
}

.popup-video, .popup-slider {
	position: fixed;
	display: none;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 999999;
	background-color: white;
	padding-top: 30vh;
	box-sizing: border-box;
	cursor: default;
}

@media screen and (max-height: 650px) {
	.popup-video, .popup-slider {
		padding-top: 10vh;
	}
}

.popup-video > img, .popup-slider > img {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10%;
	top: 10%;
	cursor: pointer;
}

.popup-slider .swiper-container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -50px;
}
.popup-slider .swiper-slide {
	width: 100%;
}

.topMenu {
	display: -webkit-flex;
	display: flex;
}

.topMenu li {
	width: auto;
	padding: 0 9px;
}

.prev, .next {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 45%;
	left: 5%;
	z-index: 9999999;
	cursor: pointer;
}

.next {
	left: auto;
	right: 5%;
}

.packs li {
	width: 300px;
	vertical-align: top;
}

.packHeading {
	width: calc(100% - 60px);
}

.packPrice {
	font-size: 50px;
}

.pack > a {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#nbox .btn {
  font-size: 12px;
  width: auto;
  background-color: #FFFFFF;
}