/* body */
html,
body{width:100%; height:100%; font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;webkit-tap-highlight-color:#222;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

hr{max-width:50px;border-color: #fff;border-width:3px;}
hr.light{border-color:#fff;}

#loading { background: url(../img/loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: fixed;left: 0;top: 0;z-index: 90000;}
a{color:#30b29e; -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s; outline:none !important;}
a:hover,
a:focus{color:#eb3812;}
p{margin-bottom: 20px; font-size:16px; line-height:1.5;}

.bg-about{background-color: #30b29e;padding:65px 0 0 0;}
.text-faded{color:rgba(255,255,255,.7);}
aside{padding:50px 0;}
.no-padding{padding:0;}

.slider-button{ margin-top:165%; font-size:40px; opacity:0.2;}
#carousel-gallery-1-a .carousel-control:hover .slider-button{ font-size:40px; opacity:1;}
.dukka-nav{margin-top: 19px;}
.navbar{min-height:72px;}
.navbar-default{margin-top:50px;border-color:transparent !important;font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;background-color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;}
.navbar-default .navbar-header .navbar-brand{text-transform:uppercase;font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;font-weight:700;color:#f05f40;}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus{color:#eb3812;}
.navbar-default .nav > li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-size:14px;font-weight:700;color:#fff;}
.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover{color:#30b29e;}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus{color:#30b29e!important;background-color:transparent;}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover{background-color:transparent;}

.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{background-color:#212944;}

@media(max-width:768px){
	.dukka-nav{margin-top:10px;}
	.navbar-default{background-color:#191E2F; margin:0; min-height:50px;}
	.navbar-default .navbar-header .navbar-brand img{margin-top:-3px; width:125px;}
}

@media(min-width:768px){
	.navbar-default{border-color:rgba(255,255,255,.3);background-color:transparent;}
	.navbar-nav > li > a{padding-top:10px !important;padding-bottom:10px !important;}
	.navbar-default.affix .dukka-nav{margin-top:15px;}
	
	.navbar-default .navbar-header .navbar-brand{color:#fff;}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus{color:#fff;}
	
	.navbar-default .nav > li>a,.navbar-default .nav>li>a:focus{color:#fff;}
	.navbar-default .nav > li>a:hover,.navbar-default .nav>li>a:focus:hover{color:#31b39f;}
	.navbar-default.affix{background-color: #212953;margin-top:0;}
	.navbar-default.affix .navbar-header .navbar-brand img{width: 210px;}
	
	.navbar-default.affix .navbar-header .navbar-brand{font-size:14px;color:#f05f40;}
	.navbar-default.affix .navbar-header .navbar-brand:hover,.navbar-default.affix .navbar-header
	
	.navbar-brand:focus{color:#eb3812;}
	
	.navbar-default.affix .nav > li>a,.navbar-default.affix .nav>li>a:focus{color:#fff;}
	.navbar-default.affix .nav > li>a:hover,
	.navbar-default.affix .nav>li>a:focus:hover{color:#30b29e;}
}

header{position:relative;width:100%; min-height:auto; text-align:center;color:#fff;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
header .header-content{position:relative;width:100%;padding:100px 15px;text-align:center;}
header .header-content .header-content-inner h1{margin-top:0;margin-bottom:0;text-transform:uppercase;font-weight:700;}
header .header-content .header-content-inner hr{margin:30px auto;}
header .header-content .header-content-inner p{margin-bottom:50px;font-size:16px;font-weight:300;color:rgba(255,255,255,.7);}

@media(min-width:768px){
	header{min-height:100%;}
	header .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
	header .header-content .header-content-inner{margin-right:auto;margin-left:auto;max-width:1000px;}
	header .header-content .header-content-inner p{margin-right:auto;margin-left:auto;max-width:80%;font-size:18px;}
}

.call-to-action h2{margin:0 auto 20px;}
.text-primary{color:#f05f40;}
.no-gutter > [class*=col-]{padding-right:0;padding-left:0;}
.btn-default{border-color:#fff;color:#222;background-color:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{border-color:#ededed;color:#222;background-color:#f2f2f2;}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{background-image:none;}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{border-color:#fff;background-color:#fff;}

.btn-default .badge{color:#fff;background-color:#222;}
.btn-primary{border-color:#f05f40;color:#fff;background-color:#f05f40;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{border-color:#ed431f;color:#fff;background-color:#ee4b28;}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{background-image:none;}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{border-color:#f05f40;background-color:#f05f40;}
.btn-primary .badge{color:#f05f40;background-color:#fff;}
.btn{border:0;border-radius:300px;text-transform:uppercase;font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;font-weight:700;}
.btn-xl{padding:15px 30px;}
::-moz-selection{text-shadow:none;color:#fff;background:#222;}
::selection{text-shadow:none;color:#fff;background:#222;}
img::selection{color:#fff;background:0 0;}
img::-moz-selection{color:#fff;background:0 0;}


.dukka-cr{background:url(../img/crbg.png) no-repeat center;padding:10px;color:#fff !important;}
.dslide-bg{height:28px;width:100%;background:url(../img/slide-bg.png) no-repeat center;position:absolute;z-index: 1 !important;bottom: -1px;}

#dukka-carousel .carousel-indicators{margin-bottom:50px;display: none;}
#dukka-carousel .carousel-indicators li{background-color:#fff;opacity:0.3;filter:alpha(opacity=30);margin:0 5px;border:none;width:17px;height:17px;}
#dukka-carousel .carousel-indicators .active{background-color:#fff;opacity:1;border:none;margin:0 5px;width:17px;height:17px;}
#dukka-carousel .carousel-caption{ bottom:160px;}

.caraousel-h2{position:relative;bottom:75px;font-size: 60px;font-weight:700;line-height:40px;padding:0 0;text-shadow:none !important;}
.caraousel-span{position:relative;bottom:70px;display:block;font-weight:300;font-size: 22px;line-height: 25px;padding:0 10%;text-shadow:none !important;}
.caraousel-link,
.caraousel-link:focus{z-index:999999999 !important;font-size:15px;text-decoration:none;color:#fff;font-weight:600;text-shadow:none !important;padding:20px 40px;border:4px solid #fff;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;}
.caraousel-link:hover{background-color:#30b29e !important;border:4px solid #fff !important;color:#fff !important;text-decoration:none;}

@media(max-width:1150px){
	.caraousel-h2{font-size:30px; line-height:30px; bottom:10px; padding:0 !important;}
	.caraousel-span{ font-size:16px; bottom:10px; padding:0 !important;}
	.caraousel-link,
	.caraousel-link:focus{ bottom:0 !important; font-size:13px; padding:10px 20px; display:block; margin-top:5px; border:1px solid;}
}

@media(min-width:768px){
	.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;  transition-property:opacity;}
	.carousel-fade .carousel-inner .item,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right{opacity:0;}
	.carousel-fade .carousel-inner .active,
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right{opacity:1;}
	.carousel-fade .carousel-inner .next,
	.carousel-fade .carousel-inner .prev,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);}
	.carousel-fade .carousel-control{z-index:2;}
}

.carousel,
.carousel-inner,
.carousel-inner .item{height:100%;}
.item:nth-child(1){background:#74C390;}
.item:nth-child(2){background:#51BCE8;}
.item:nth-child(3){background:#E46653;}

.dukka-h3{text-align:center;font-size: 34px;font-weight:700;color:#fff;margin:30px 0 3px 0;}
.dukka-span{text-align:center;font-size: 20px;font-weight:300;color:#fff;display:block;margin-top: 15px;}
.about-middle{min-height:400px;background-color: #212953;margin-top:110px;}
.about-logo{ margin-top:-69px; padding-bottom:90px;}
.about-left{ font-size:18px; color:#fff; font-weight:300; text-align:right; text-align:justify;}
.about-right{ font-size:18px; color:#fff; font-weight:300; text-align:left; text-align:justify; border-left:1px solid #3e496f;}
.about-info{font-size:22px;color: #30b29e;font-weight:300;text-align:center;padding:0;margin:0 0 30px 0;line-height:24px;}
.about-iarea{ margin:70px 0 18px 0; display:block; text-align:center;}
.about-ico-left{ background:url(../img/queto.png) no-repeat center top; width:25px; height:22px; display:block; margin-bottom:30px;}
.about-ico-right{ background:url(../img/queto.png) no-repeat center bottom; width:25px; height:22px; display:block; margin-bottom:30px;}

.section-bg{background-color: #212953;padding:30px 0 45px 0;}
.section-tbg{ background:url(../img/section-bg.png) no-repeat center bottom; position:relative; bottom:-72px; width:118px; height:28px;}
.section-sbg{ background:url(../img/sc6.png) no-repeat center bottom; position:absolute; top:-1px; width:100%; height:28px;}

.dukka-brands{ background-color:#181f36; padding:40px 0 20px 0;}
.dukka-contact{ background-color:#fff;}
.brands-box-mg{ padding:0 50px !important;}
.brands-box{ position:relative; border:1px solid #434448; height:150px; width:150px; border-radius:50%; -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s; text-align:center; display:table-cell !important; vertical-align:middle !important; cursor:pointer;}
.brands-box:hover{border:1px solid #fff;}
.brands-box img{ width:75% !important; opacity:0.3; filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;
}
.brands-box:hover img{ opacity:1 !important; filter: none !important; -webkit-filter:grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;}
.brands-box .img-responsive{ display:inline-block !important;}
.box-pad{ margin-bottom:28px;}
.cr-border{ border-color:#e80326 !important; opacity:0.6;}
.cr-border:hover{ border-color:#e80326 !important; opacity:1;}
.cr-border img{ width:81px !important; opacity:0.6; filter: none !important; -webkit-filter:grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);}
.cr-border img:hover{ width:81px !important; opacity:1; filter: none !important; -webkit-filter:grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);}

.ref-pad{ padding-bottom:20px !important; position:relative;}
.reference-cat{ font-size:14px !important;}
.reference-cat:before{content:''; position:absolute; left:15px; top:37px; border-bottom:1px solid #f05f40; width:60px; height:3px;}
.reference-title{ font-size:18px;}
.reference-text,
.reference-text > p{ font-size:16px; font-weight:300; color:#7B7979; line-height:20px !important; float:left;}

.contact-bg{ padding:40px 0; position:relative;}
.cpage-top{ position:absolute; right:0px; top:-90px;}
.dukka-cimg{ display:block;}
.dukka-address{display:block; padding:10px 0 0 0; color:#313131; font-size:14px; font-weight:400; line-height:16px;}
.dukka-phone,
.dukka-phone:hover,
.dukka-phone:focus {display:block; color:#313131; text-decoration:none; font-size:30px; font-weight:800; padding:5px 0; letter-spacing:-1px !important;}
.dukka-email,
.dukka-email:hover,
.dukka-email:focus{display:block; color:#313131; text-decoration:none; font-size:14px; font-weight:400;}

.reference-bg{ background-color:#212944;}

.contact-iname{ display:block; color:#969696; font-size:14px; font-weight:400; position:relative;}
.contact-input{ display:block; width:100%; border:none; border-bottom:1px solid #cdcdcd; margin-bottom:22px; line-height:20px; outline:none; font-size:15px; font-weight:400; color:#313131; position:relative;}
.contact-input2{width:100%; border:none; line-height:20px; outline:none; font-size:15px; font-weight:400; color:#313131;}
.con-pad{border-bottom: 1px solid #cdcdcd; margin-bottom:22px; padding-bottom: 22px; max-height: 22px !important;}
.contact-button{ float:right; background:#c51f52; border:none; outline:none; padding:8px 15px; font-size:20px; font-weight:700; text-transform:uppercase; color:#fff;-webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;}
.contact-button:hover{ background:#f05f40;-webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;}
.contact-iname:before{content:''; position:absolute; left:0; bottom:-23px; z-index:2 !important; width:60px; border-bottom:3px solid #c51f52;}
.itarea{ min-width:100%; max-width:100%; max-height:50px; min-height:50px;}
.itext:before{content:''; position:absolute; left:0; bottom:-50px; z-index:2 !important; width:60px; border-bottom:3px solid #c51f52;}

.bg-footer{background-color: #212953;padding:50px 0;margin:0;}
.copy{ color:#fff; display:block; font-size:16px;}
.copy-web{ color:#fff; display:block; font-size:14px; font-weight:300;}
.foo-link{ float:right; margin-left:4px; }
.foo-link:hover > i{ color:#fff; background-color:#f05f40; -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;}
.foo-link > i{ color:#212944; font-size:22px; padding-top:9px; background-color:#fff; height: 38px;  width: 38px; border-radius:75px; -moz-border-radius:75px; -webkit-border-radius: 75px; -webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s;}
.foo-left{ text-align:left;}
.foo-right{text-align:center;}

@media(max-width:768px){
	.dukka-h3{ text-align:center; font-size:24px; font-weight:700; color:#fff; margin:30px 0 3px 0;}
	.dukka-span{text-align:center;font-size:16px;font-weight:300;color:#fff;display:block;margin: 20px;}
	.about-logo{ padding-bottom:30px;}
	.about-left{font-size:16px;color:#fff;font-weight:300;text-align:center !important;margin: 20px;}
	.about-right{ font-size:16px; color:#fff; font-weight:300; text-align:center !important;}
	.about-right{border-top:1px solid #3e496f;border-left:none;margin-top: 0px;padding-top:15px;margin: 20px;}
	.about-info{ font-size:16px !important;}
	.about-iarea{ margin:20px 0 18px 0 !important;}
	
	.caraousel-h2{font-size: 26px;line-height: 22px;bottom:10px;padding:0 !important;}
	.caraousel-span{ font-size:16px; bottom:10px; padding:0 !important;}
	.caraousel-link,
	.caraousel-link:focus{ bottom:0 !important; font-size:13px; padding:10px 20px; display:block; margin-top:5px; border:1px solid;}
	.caraousel-link:hover{border:1px solid !important;}
	
	.contact-button{ display:block; width:100%;}
	
	.contact-text{text-align:center;margin-top: 25px;}
	.contact-text img{margin-right: auto; margin-left: auto;}
	
	.cpage-top{ right:15px; top:-62px;}
	.cpage-top img{ width:45%; height:auto; float:right;}
	
	.tab-text{ font-size:16px !important; line-height:18px !important;}
	
	.reference-cat:before{top:16px;}
	.brands-box-mg{ padding:0px !important;}
	.bg-footer{ padding:30px 0;}
	.foo-left{ text-align:center; padding-bottom:20px;}
	.foo-link{ float:none;}
	
	.slick-slide{border:none !important;}
	.slick-list{ margin:0 !important;}
	
	.dukka-cr-list{ text-align:left;}
	.op-pos{ border-bottom:1px solid #e74c3c;}
	.op-pos:before{ display:none !important;}

}

.panel{box-shadow:none !important; border:none !important;}
.panel-default{position:relative;border-radius:0 !important;border:none !important;margin: 0 !important;background:url(../img/services-bg.png) no-repeat center top;}
.panel-default>.panel-heading{height: 185px;background-color: transparent;border:none !important;}
.panel-group{ margin:0 !important;}
.panel-body{ border:none !important; padding-bottom:70px !important; width:100%;}

.stab-bg{ position:absolute; top:-1px; width:100%; height:28px;}

.sbg1{ background:url(../img/sc1.png) no-repeat center top;}
.sbg2{ background:url(../img/sc2.png) no-repeat center top;}
.sbg3{ background:url(../img/sc3.png) no-repeat center top;}
.sbg4{ background:url(../img/sc4.png) no-repeat center top;}
.sbg5{ background:url(../img/sc5.png) no-repeat center top;}

.sc1{ background-color:#b91d4d;}
.sc2{ background-color:#f5a81d;}
.sc3{ background-color:#e66022;}
.sc4{ background-color:#2ba7b5;}
.sc5{ background-color:#e65852;}
.sc6{ background-color:#483f64;}

.tab1{ background:url(../img/services-list.png) no-repeat center -38px; height:185px; display:block;}
.tab2{ background:url(../img/services-list.png) no-repeat center -228px; height:185px; display:block;}
.tab3{ background:url(../img/services-list.png) no-repeat center -432px; height:185px; display:block;}
.tab4{ background:url(../img/services-list.png) no-repeat center -634px; height:185px; display:block;}
.tab5{ background:url(../img/services-list.png) no-repeat center -836px; height:185px; display:block;}
.tab6{ background:url(../img/services-list.png) no-repeat center -1022px; height:185px; display:block;}

.tab-text{ font-size:18px; color:#fff; line-height:24px; text-align:center; font-weight:300 !important; padding:30px 0 40px 0; border-top:1px dashed; margin-top:30px;}

.refslide{ height:155px !important; overflow:hidden !important; position:relative;}

.ref-dk-h3{ font-weight:900; font-size:18px; text-align:center; color:#fff; margin:0; padding:0;}
.ref-line{ border-right:1px solid #fff !important;}

.dukka-cr-list{ font-size:16px; display:block; color:#313131; line-height:18px; background:url(../img/cr-bg.png) no-repeat left center; padding-left:30px; margin-bottom:15px; font-weight:400;}
.dukka-cr-list:focus,
.dukka-cr-list:hover{ text-decoration:none;}

.op-pos{ margin-bottom:18px; padding-bottom:18px; position:relative;}
.op-pos:before{ content:''; position:absolute; width:100px; border-bottom:1px solid #e74c3c; left:0; bottom:0;}

.file {position: relative}
.file label {background-color: #c51f52;  margin-top: 3px; height: 40px; line-height: 40px; border-radius: 2px; color: #fff; font-weight: 400; font-size: 16px; transition: all .4s; width: 100%; text-align: center; display: block; cursor: pointer}
.file input {position: absolute;display: inline-block;left: 0;top: 0;opacity: .01;cursor: pointer}
.file input:focus+label,
.file input:hover+label {background: #f05f40; color:#fff;}

.dukka-error{ color:#c51f52;}
.cr-open{display:none; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

/*EXTENDS*/
#contactFormSending{display:none;}
#hrFormSending{display: none;}