@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
body{overflow-x:hidden;overflow-y:scroll;font-family:"Montserrat"!important;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;font-size:14px}
.honey-pot{display:none}.il1{overflow:hidden;width:300px; }.il2{padding-left:10px;padding-top:10px}.il3{display:none;width:15px}.il4{color:red}.il5{border:0 solid #FFF;outline:0;width:0}
.ustclass1{padding-top: 23px !important; font-size: 16px !important; text-align: right; padding-right: 20px;font-family: 'Montserrat'  !important; color: #ffffff !important;}
.ustclass2{padding-top: 14px !important; font-size: 14px !important; color: #ffffff !important;  }
.fonts{font-family: "Montserrat" !important;}
p {font-size:16px !important; line-height: 180% !important;}
h1 {font-size:33px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
h2 {font-size:28px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
h3 {font-size:18px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
h4 {font-size:14px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
h5 {font-size:12px; font-weight:bold; margin-bottom:20px; margin-top:20px;}
.iclink{font-size:16px !important;}
.iclinkunder{font-size:14px !important; text-decoration: underline !important;}
h2 span {color: white;background: rgb(4 155 251);padding: 5px;}
img{width: 100%; vertical-align: bottom!important; }
b {font-weight:bold;}
strong {font-weight:bold;}
.bold{font-weight: bold;}
li { padding-bottom:  0px;}
	.kat{border-bottom: 1px solid #eeeeee; padding-bottom: 10px;padding-left: 15px;}
	.textcenter{text-align: center; font-weight: bold;}
	.element {
  cursor: pointer;
    user-select: none;
 border:1px solid #eeeeee; padding: 3px;
 font-weight: bold;
 border-radius: 25px;
 padding-left: 15px !important;
  padding-right:  15px !important;
}
.beyazyazi{color: #ffffff !important;}
.borderalt{border-bottom: 1px solid #eeeeee; padding-bottom: 10px;}
.navbar{font-family:"Quicksand",sans-serif!important;font-weight:500;font-style:normal}
.btnmenu{background:#175f8d!important;-webkit-border-radius:28;-moz-border-radius:28;border-radius:20px;color:#ffffff;font-size:14px!important;padding-right:15px!important;padding-left:15px!important;padding-top:8px!important;padding-bottom:8px!important;text-decoration:none;border:1px solid #70c8fd!important;margin-top:5px}
.btnmenu:hover{margin-top:5px;background:#039bfc!important;text-decoration:none;border:0!important;border:1px solid #eeeeee!important}
.nav>li>a{position:relative;display:block;padding-left:15px!important;padding-right:15px!important;padding-bottom:0!important}
.divorta{margin-left:auto;margin-right:auto;line-height:180%!important}
.yuz{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.divorta img{width:100%;line-height:0!important}
.textleft{padding-top:10px;padding-bottom:10px;text-align:left}
.textcenter{text-align:center}
.topbottom20{margin-top:20px;margin-bottom:20px}
.border1{border:1px solid #eeeeee}
.borderradius{border-radius:25px}
.slider-container{overflow-x:hidden;position:relative}
.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#fff;border:none;padding:10px;font-size:40px!important;border-radius:50%}
.slick-prev{left:10px}
.slick-next{right:40px}
.slick-next:before,.slick-prev:before{font-size:40px!important}
@media only screen and (max-width:768px){.slick-next:before,.slick-prev:before{font-size:20px!important}.slick-prev,.slick-next{font-size:16px;padding:8px}.slick-prev{left:10px}.slick-next{right:20px}}
.oval-image-container{background-color:#ffffff;}
.bg-container{background-color:#039bfc;}
#bring-your-prototypes{padding-top:135px;padding-bottom:40px;padding-left:3%;padding-right:3%;background-image:url(../Background-2.png);background-color:#019bff;color:#ffffff;font-family:"Montserrat"}
.yazi,.beyaz h2{color:#ffffff!important;line-height:1.3;font-size:43px;font-weight:700;font-family:"Montserrat";margin-bottom:20px}
.beyaz{display:inline-block;max-width:735px}
.icerik,.icerikyeni{font-size:22px;font-weight:400;font-family:"Montserrat"; }
.icerikyeni h2{color:#000000!important;line-height:1.3;font-size:33px;font-weight:700;font-family:"Montserrat"}
.seo-content{margin-bottom:30px}
.title{font-size:17px;font-weight:bold;display:block;margin-bottom:10px}
.description{font-size:14px}
.ai-image-wrapper{box-shadow:0 20px 25px hsla(0,0%,56%,.22);background:#039bfc;border-radius:20px;display:flex;height:80px;padding-top: 10px; padding-bottom: 10px;  justify-content:center;margin:0 auto;width:100px}
.ai-image-wrapper::after{content:'';background-size:contain;height:54px;position:absolute;right:-135px;top:20%;width:260px}
@media (max-width:1100px){.ai-image-wrapper::after{display:none;}}
@media (max-width:1100px){
.item1::after,
.item2::after {
display: none;
 } 
}

.item1::after,
.item2::after {
    content: '';
    position: absolute;
    width: 368.53px; /* Önceki kodda olduğu gibi ayarlayın */
    height: 47.53px; /* Önceki kodda olduğu gibi ayarlayın */
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

.item1::after {
    background-image: url(../ok1.jpg);
    right: -257.53px; /* Önceki kodda olduğu gibi ayarlayın */
}

.item2::after {
    background-image: url(../ok2.jpg);
    right: -257.53px; /* Önceki kodda olduğu gibi ayarlayın */
}

.pricing-table:before,.pricing-table:after{content:" ";display:table}
.pricing-table:after{clear:both}
.pricing-table{padding-left:15px!important;padding-right:15px!important}
.pricing-table ul li{padding-top:15px!important;padding-bottom:15px!important}
.col-price{list-style:none;padding:0;position:relative;display:block;border:1px solid #e4e4e4;background:#fff;transition:all 0.2s;text-align:center;font-size:15px;color:#000000}
.col-price.stand-out{z-index:1000;border:1px solid #ddd}
.col-price li:nth-child(2n+1){background:#eeeeee}
.col-price li:nth-child(2n){background:#f5fbff}
.col-price li.header{color:#91d4ff;font-size:18px;font-weight:bold;background:#000}
.col-price li.price{color:#333;background:#fff}
.col-price .price span{font-size:34px}
.col-price li.get-it{background:#fff}
.parallax-text{text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.parallax{background-image:url('../paralax.jpg');background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;position:relative;padding:100px 0;margin-bottom:80px}
@media (max-width: 767px) {.pricing-table{width: 100%;float: left;}.bg-container{padding-left: 15px;padding-right: 15px;}}
@media (min-width: 768px) and (max-width: 1024px) {.pricing-table{width: 50%;float: left;}}
@media (min-width: 1024px) {.pricing-table{width: 25%;float: left;}}
.center-text{text-align: center;color: #FFFFFF !important;}
#accordion .panel-title a{outline: none;text-align: left;font-weight: 600;font-size: 17px;position: relative;padding: 17px 20px 15px 20px;display: inline-block;width: 100%;color: #333 !important;}
#accordion .panel-title, .panel-heading{padding: 0;}
#accordion .panel-title a:hover, #accordion .panel-title a:focus{text-decoration: none;}
#accordion .panel-title i.fa{float: right;transition: all 0.5s;position: absolute;right: 20px;font-size: 32px;}
.wrp-faq p{text-align: center;font-size: 50px;padding-bottom: 5px;font-size: 17px;}
@media (min-width: 768px) {.ortala{padding-top: 6vh;}.ortala2{padding-top: 10vh;}}
.margin-bottom50{margin-bottom: 50px !important;}
.margin25{margin-top: 25px;margin-bottom: 25px;}
.margin25-35{margin-top: 25px;margin-bottom: 35px;}
.floatr{float: right;}
.logoband{text-align: center;background: #ffffff;border-radius: 25px;padding: 13px;}
.social{color: #000000;font-size: 22px;}
.whatsapp-container{position: fixed;bottom: 40px;left: 40px;z-index: 100;}
.whatsapp-button{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color:#ffde2d !important;color: #fff;border-radius: 50%;text-align: center;font-size: 30px;box-shadow: 2px 2px 3px #999;text-decoration: none;transition: background-color 0.3s ease;}
.whatsapp-button > a{color: #fff !important;text-decoration: none !important;}
.whatsapp-button:hover{background-color: #128C7E;}
.whatsapp-button i{font-size: 30px;}
.whatsapp-button:hover i{font-size: 30px;}
.whatsapp-button:hover{text-decoration: none;}
.kabulet{background-color: #992036 !important;border-color: #992036 !important;}
/* footer */
/* menu */
.margin-top15{padding-top: 6px !important;}
.height38{height:38px !important;}
.black18{color: #000000 !important; font-size: 18px !important;}
.padding-top25{padding-top: 25px !important; }
.sepetdiv{display: flex; align-items: center; width: 150px;}
.sepetim{padding-left: 3px !important;  padding-right: 3px;}
.mtop0{margin-top: 0 !important;}
.myDIV{display: none; margin-top: 0px; border-top:  1px solid #eeeeee;}
.yuzdeyuz{width: 100% !important;}
.uye-li{border-bottom: 1px solid #eeeeee; padding-bottom: 3px}
.padtopbot0{ padding-top: 0px !important; padding-bottom: 0px !important;}
.collap{overflow-x:hidden!important; border-top:  0px solid #333 !important;}
.padlr15{  padding-left: 15px !important; padding-right: 15px !important;}
.margin-bottom10{margin-bottom: 10px !important;}
.badges-container {align-items: center;position: relative;}
.badges {position: relative;background-color: #000;color: #fff !important;font-size: 14px;padding: 1px 1px 3px 20px;border-radius: 50%;}
.badges::before {content: '';display: block;position: absolute;width: 100%;height: 100%;border-radius: 50%;background-color: #000;z-index: -1;}
.badge-count {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #ffffff !important;}
.cart-icon {font-size: 22px;color: #000000;}
.cart-text {font-size: 16px;color: #000000 !important;}
@media (min-width: 992px) {.searchclass {display: block !important;}}
@media (max-width: 991px) {.searchclass {display: none !important;}}
.test {text-align: center;justify-content: center;align-items: center;height: 100%;}
@media (min-width: 1400px) {.container-urun {max-width: 1400px !important;margin-right: auto;margin-left: auto;}}
@media (min-width: 1400px) {.container {max-width: 1400px !important;margin-right: auto;margin-left: auto;}}
#search-container-full {min-width: 220px;width: 100%;border-radius: 4px;height: 38px !important;padding: 5px 5px;font-size: 17px;font-weight: 400;letter-spacing: 0.8px;color: #e6546c;position: relative;}
.searchs {background-color: #000000 !important;border-radius: 0 5px 5px 0;border: none;padding-left: 14px;padding-right: 14px;right: 0;top: 0;color: #fff;height: 38px;margin-top: 5px;width: auto;position: absolute;}
input[type=search] {-webkit-appearance: none;border: 1px solid #eee !important;}
#search-container-full2 {min-width: 220px;width: 100%;border-radius: 4px;height: 38px !important;padding: 5px 5px;font-size: 17px;font-weight: 400;letter-spacing: 0.8px;color: #e6546c;position: relative;}
.searchs2 {background-color: #000000 !important;border-radius: 0 5px 5px 0;border: none;padding-left: 14px;padding-right: 14px;color: #fff;height: 38px;width: auto;position: absolute;right: 0;top: 0;margin-right: 15px;}
.form-control {border: 1px solid #9f9f9f !important;height: 38px !important;border-radius: 0px !important;color: #000000 !important;font-size: 18px !important;}
.features {background-color: #fff;display: inline;float: left;padding: 0px 0 !important;width: 100%;margin-bottom: 45px;margin-top: 15px;}
@media (max-width: 992px) {.features {background-color: #fff;display: inline;float: left;padding: 40px 0 !important;width: 100%;}}
@media (min-width: 1000px) {.center {position: relative;left: 60%;margin-left: auto;margin-right: auto;margin-bottom: 10px !important;}}
@media (min-width: 1200px) {.navbar-brand {padding: 50px !important;margin-top: -45px !important;}}
@media (max-width: 992px) {.navbar-brand {padding: 5px !important;margin-top: -10px !important;}}
nav.navbar.bootsnav {margin-bottom: 0;-moz-border-radius: 0px;-webkit-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;border: none;z-index: 9;padding-bottom: 0px !important;}
.container-full {margin-right: auto !important;margin-left: auto !important;}
#top-menu {top: 63px;left: 15px;right: 15px;padding: 0;margin: 0;background: #fff;border: 1px solid #e9e9e9;box-shadow: 0 0 4px 2px rgb(0 0 0 / 7%);}
#top-menu > li {display: block;text-align: left;position: relative;border-bottom: 1px dotted #eee;}
#top-menu > li > a {padding: 15px;font-size: 14px;display: block;line-height: 22px;font-weight: 400;color: #666;}
.dr {width: 250px !important;}
.pointer {cursor: pointer;user-select: none;}
@media (min-width: 768px) {.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px !important;}}
@media (max-width: 992px) {.border {border-bottom: 1px solid #d3d3d3 !important;}
nav.navbar.bootsnav .navbar-brand {display: inline-block;}
nav.navbar.bootsnav .navbar-header {float: none;display: block;text-align: center;padding-left: 30px;padding-right: 30px;background-color: #042a43 !important;}
nav.navbar.bootsnav .navbar-toggle {display: inline-block;float: right;margin-right: 0px;margin-top: 10px;background-color: #ffffff  !important;color:  #000000  !important;}
nav.navbar.bootsnav .navbar-collapse {border: none;margin-bottom: 0;}
nav.navbar.bootsnav.no-full .navbar-collapse {max-height: 350px;overflow-y: auto !important;}
nav.navbar.bootsnav .navbar-collapse.collapse {display: none !important;}
nav.navbar.bootsnav .navbar-collapse.collapse.in {display: block !important;background-color: #FFFFFF !important;}
nav.navbar.bootsnav .navbar-nav {float: none !important;padding-left: 30px;padding-right: 30px;margin: 0px -15px;width: 100%  !important;}
nav.navbar.bootsnav .navbar-nav > li {float: none;}
nav.navbar.bootsnav .navbar-nav > li > a {display: block;width: 100%;padding: 10px 0;margin-bottom: -1px;color: #000000;}
nav.navbar.bootsnav .navbar-nav > li:first-child > a {border-top: none;}
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {border-bottom: solid 1px #e0e0e0;}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {float: none !important;position: relative;display: block;width: 100%;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {width: 100%;position: relative !important;background-color: transparent;float: none;border: none;padding: 0 0 0 15px !important;margin: 0 0 -1px 0 !important;-moz-box-shadow: 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px;-o-box-shadow: 0px 0px 0px;box-shadow: 0px 0px 0px;-moz-border-radius: 0px 0px 0px;-webkit-border-radius: 0px 0px 0px;-o-border-radius: 0px 0px 0px;border-radius: 0px 0px 0px;color: #ffffff !important;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {display: block;width: 100%;padding: 10px 0;color: #ffffff !important;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {background-color: transparent;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {float: none !important;left: 0;padding: 0 0 0 25px;position: relative;background: transparent;width: 100%;}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {display: inline-block;margin-top: -10px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {display: none;}}
.nav.navbar.bootsnav {margin-bottom: 0;-moz-border-radius: 0px;-webkit-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;border: none;z-index: 9;padding-bottom: 0px !important;}
.container-full {margin-right: auto !important;margin-left: auto !important;}
#top-menu {top: 63px;left: 15px;right: 15px;padding: 0;margin: 0;background: #fff;border: 1px solid #e9e9e9;box-shadow: 0 0 4px 2px rgb(0 0 0 / 7%);}
#top-menu > li {display: block;text-align: left;position: relative;border-bottom: 1px dotted #eee;}
#top-menu > li > a {padding: 15px;font-size: 14px;display: block;line-height: 22px;font-weight: 400;color: #666;}
.dr {width: 250px !important;}
.pointer {cursor: pointer;user-select: none;}
@media (min-width: 768px) {.navbar-center {float: left !important;margin: 0;}}
.form-control {border: 1px solid #9f9f9f !important;height: 38px !important;border-radius: 0px !important;color: #000000 !important;}
.dropbtn {border: none;cursor: pointer;}
.dropbtn:hover, .dropbtn:focus {}
#myInput {box-sizing: border-box;background-image: url('searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 14px 20px 12px 45px;border: none;border-bottom: 1px solid #ddd;}
#myInput:focus {outline: 3px solid #ddd;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f6f6f6;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
ul {list-style-type: none;}
@media (max-width: 992px) {.navbar .navbar-nav {text-align: left !important;}.navbar .navbar-collapse {text-align: left !important;}}
@media (min-width: 993px) {.navbar .navbar-nav {text-align: center !important;  }.navbar .navbar-collapse {text-align: center !important;margin: 0 auto !important;}.navbar-center {float: none !important;display: table;table-layout: fixed;margin: 0 auto !important;}}
.switch {position: relative; float: left; display: inline-block; width: 60px; height: 34px;}.to-topcerez {display:none;}.slider {cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s;}&.round {border-radius: 34px;&:before {border-radius: 50%;}}input {&:checked + .slider {background-color: var(--blue);&:before {transform: translateX(26px);}}&:focus + .slider {box-shadow: 0 0 1px var(--blue);}}.js-text {margin: 5px 30px 0 0; font-weight: bold; float: left;}.js-cookiebar {position: fixed; width: 100%; bottom: 0; left: 0;}.a.link {cursor: pointer;}
/* Mobil ekranlar için logo genişliği */
@media (max-width: 992px) {.logo-container {position: relative;}.logo {width: 200px !important;}}
/* Tablet ekranlar için logo genişliği */
@media (min-width: 993px) and (max-width: 2500px) {.logo-container {position: relative; margin-bottom: 15px;}.logo {width: 230px !important;}}
/* Bilgisayar ekranları için logo genişliği (varsayılan genişlik) */
@media (min-width: 992px) {.logo-container {position: relative;}.logo {width: 230px !important;}}
/* Cep telefonları için */
@media (max-width: 767px) {.menu-font {font-weight:500; line-height:110%; font-size:14px !important;}}
/* 1099px ve daha küçük ekran genişlikleri için */
@media (min-width: 768px) and (max-width: 1099px) {.menu-font {font-weight:500; line-height:110%; font-size:14px !important;}}
/* 1099px ve daha büyük ekran genişlikleri için */
@media (min-width: 1100px) {.menu-font {font-weight:500; line-height:110%; font-size:14px !important;}}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #3333  !important; background-color:#87172b !important;}.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #3333; background-color:#87172b;}.footerstil a  {font-size: 16PX  !important;}.footerstil  a:hover {font-size: 16PX  !important;}.footerstil {margin-top: 0!important; padding-bottom: 50px!important; font-size: 16px !important;}
img {width: 100%;}.displaynone {display: none;}
@media (min-width: 768px) {.auto {height:auto !important; margin-bottom: -200PX;}}
@media (min-width: 1024px) {.auto{ height: 800px !important;  margin-bottom: 100PX;}}
.navbar-default{background-color: transparent !important;}
.selectpicker{border: 1px solid #FFFFFF; font-size: 16px; padding-left: 10px; padding-right: 10px; border-radius: 20px; outline: none; color: #676B6A;margin-top: 8px;  }
.backbeyaz{background-color: rgba(255,255,255,1.0) !important;}
.navbar-default {border-color: #003764 !important;}
.full{padding-top: 0 !important;}
.ustbar{margin-top: 15px; padding-top: 15px; padding-bottom: 1px; margin-bottom: 15px;}
.middle-carousel  img {height:100% !important; width:100%;}
.middle-carousel {}
.middle-img img{height:100% !important; width:100%}
.middle-carousel .carousel-inner > .item > img,
.middle-carousel .carousel-inner > .item > a > img {width: 100%; margin: auto; height:auto !important;}
.to-top {position: fixed; bottom: 20px; right: 20px; height: 40px; width: 40px; text-decoration: none; padding: 0px 5px 1px 5px; display: none; border-radius: 50%; font-size:17px !important; text-align: center; opacity: 0.8; filter: alpha(opacity=80); z-index:10;}.to-top:hover {position: fixed; bottom: 20px; right: 20px; height: 40px; width: 40px; text-decoration: none; padding: 0px 5px 1px 5px; z-index:10;}.to-top:active {position: fixed; bottom: 20px; right: 20px; height: 40px; width: 40px; text-decoration: none; padding: 0px 5px 1px 5px; z-index:10;}.to-topcerez {position: fixed; bottom: 20px; left: 20px; height: 40px; width: 40px; text-decoration: none; padding: 3px 5px 5px 5px; border-radius: 50%; font-size:17px !important; text-align: center; opacity: 0.8; filter: alpha(opacity=80); z-index:10;}.to-topcerez:hover {position: fixed; bottom: 20px; left: 20px; height: 40px; width: 40px; text-decoration: none; padding: 3px 5px 5px 5px; z-index:10;}.to-topcerez:active {position: fixed; bottom: 20px; left: 20px; height: 40px; width: 40px; text-decoration: none; padding: 3px 5px 5px 5px; z-index:10;}.row {margin:0; margin-left:auto; margin-right:auto;}
@media (max-width: 992px) {.navbar-brand {padding-top: 15px;}.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff !important;}.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: -15px; margin-left: -15px; padding: 0; text-align: left; padding-left: 40px !important; padding-bottom: 15px;}}
@media (min-width: 992px) {nav.navbar.bootsnav > li > a {font-size: 17px !important; font-weight: normal;}.dropdown-menu li:hover .sub-menu {display: none;}.dropdown:hover .dropdown-menu {display: none;}}
@media (min-width: 1024px) {.dropdown-menu li {height:30px; background-color: #FFFFFF !important; color:#555555;}.dropdown-menu li a {transition:0.5s;height:26px; color:#555555;}.dropdown-menu li a:hover {transition:0.5s;height:26px; color:#169BB0;}.dropdown-menu {-moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0; min-width: 180px !important; padding-left: 2px; padding-right: 2px; margin-left: 15px; padding-top: 7px; padding-bottom: 7px; border: solid 1px #eeeeee !important;}.dropdown-menu li {height:30px;}.dropdown-menu li a {transition:0.5s;height:26px;}.dropdown-menu li a:hover {transition:0.5s;height:26px;}.dropdown-submenu {position: relative;}.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: -5px; margin-left: -1px; display: none !important;}.dropdown-submenu:hover > .dropdown-menu {display: block !important; border: 1px solid #eeeeee;}.dropdown-submenu:hover > a:after {border: 1px solid #eeeeee;}.dropdown-submenu.pull-left {float: none;}.dropdown-submenu.pull-left > .dropdown-menu {left: -100%; margin-left: 10px;}.navbar-brand {padding-top: 15px; margin-top: -15px !important;}}
@media (max-width: 979px) {#nav-main {width: auto;height: auto;float:none;}#nav-main ul.sf-menu {display: block;}#nav-main select.navselect {display: none;}#nav-main .mobilenav-button {display:none;}}
@media (max-width: 767px) {#nav-main {width: 100%;height: 50px;margin: 0px 0px 0px;float: none;position: relative; }
#nav-main ul.sf-menu {display: none; }#nav-main select.navselect {display: block;}#nav-main .mobilenav-button {display:inline-block;}}
@media (min-width: 768px){.navbar {border-radius: 0px !important;}}
@media (min-width: 768px) {.container {width: 100%  !important;}}
@media (min-width: 1100px) {.container {/* width: 1280px !important; */}}
.middle-content-area-divalanibanner1 .container {width: 1390px !important;}
.container {padding-right: 15px !important; padding-left: 15px !important; margin-right: auto; margin-left: auto;}}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3 .col-sm-5,  .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;min-height: 1px;padding-right: 15px !important;padding-left: 15px !important;}
 .col-sm-6 { position: relative; min-height: 1px;padding-right: 15px !important;padding-left: 15px !important;}
.swiper-container{width:100%;height:auto!important;margin-top:30px!important;margin-bottom:20px!important;z-index:0!important}
.swiper-button-next::after,.swiper-button-prev::after{content:""}
.swiper-button-prev{background-image:url("data:sol.svg")!important;margin-left:0px!important}
.swiper-button-next{background-image:url("data:sag.svg")!important;margin-right:0px!important}
.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.circle{width:35px!important;height:35px!important;border-radius:50px;font-size:18px;color:#fff;text-align:center;background:#003764;padding:10px;margin-right:15px}
.grid {
  display: block;
  margin: 0 auto;                  
  width: 98%;
  padding-left: 0;  
  font-size: 0;  
  text-align: center;

}

.grid figure {
  margin: 0.1em;
  width: 340px;
  height: 240px;
 
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/* Common style */
.grid figure img {
  position: relative;
  display: block;
  opacity: 0.8;
  height: 240px;
 
}

.grid figure figcaption {
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figcaption h2 {
  text-transform: uppercase;
  word-spacing: -0.15em;
  font-weight: 300;
  margin: 1em;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  margin: 1em;
}

.grid figure h2 span {
  font-weight: 800;
}

figure.effect-steve {
  z-index: auto;
margin: 3px;
}

figure.effect-steve:before {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
  opacity: 0;
}

figure.effect-steve figcaption {
  z-index: 1;
}

figure.effect-steve img {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0);
}

figure.effect-steve h2,
figure.effect-steve p {
  background: #f1f1f1;
  color: #2d434e;
}

figure.effect-steve h2 {
  position: absolute;
  padding: 0.25em;
  bottom: 10px;
  width: 100%;
}

figure.effect-steve p {
  margin-top: 1em;
  padding: 0.5em;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-steve:hover:before {
  opacity: 1;
}

figure.effect-steve:hover img {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
  transform: perspective(1000px) translate3d(0, 0, 21px);
}

figure.effect-steve:hover h2:before {
  opacity: 0;
}

figure.effect-steve:hover p {
  opacity: 1;
}

.grid figure,
figcaption,
img {
  z-index: 0;
}

.grid figure figcaption h2 {
  font-size: 24px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.grid figcaption p {
  font-size: 16px;
  font-weight: 200;
  position: absolute;
  bottom: 0;
  margin: 0;
 
}

figure:hover h2 {
  background: #f1f1f1;
  transition: transform 0.35s;
  transform: translateY(-5.5em);
}

h1.slogan {
  text-align: center;
  background-color: #2d434e;
  font-weight: 100;
  margin: 0;
  padding: 20px;
}#section2{margin-top:25px;font-size:21px;text-align:center;-webkit-animation:fadein 3s;-moz-animation:fadein 3s;-ms-animation:fadein 3s;-o-animation:fadein 3s;animation:fadein 3s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@media(min-width:1200px){.pad{padding-left:auto!important;padding-right:auto!important}.pad2{}}
.hctr-rainbow2{width:100%;height:2.5px;-webkit-animation:rainbow 10s linear infinite;animation:rainbow 5s linear infinite;background:linear-gradient(to right,#ff7d06,#4c54f2,#1f9ace,#039bfc,#0990FF);background-size:250% 90%}.hctr-rainbow{width:100%;height:2.5px;background:linear-gradient(to right,#9262d9,#4c54f2,#1f9ace,#039bfc,#2d9582)}.text-alright{text-align:right;margin-top:15px;font-size:15px!important}@-webkit-keyframes rainbow{0%{background-position:1% 80%}50%{background-position:99% 20%}100%{background-position:1% 80%}}@keyframes rainbow{0%{background-position:1% 80%}50%{background-position:99% 20%}100%{background-position:1% 80%}}