html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px;
font-family: 'Open Sans', sans-serif;; background: white;
font-size: 13px; line-height: 15px; position: relative; }
div, ul, li, p, h1, h2, a, h3, h4, h5 {padding: 0; margin: 0;}
a{ text-decoration: none; color: black;}
ul{list-style-type: none;}
a img { border:none; }
.showmobile{
display: none;
}
.mobbg{
display: none;
}
.kezer{
display: table;
width: 100%;
}
.wbg{
background-color: #fff!important;
}
.orange{
color: #F04923!important;
}
.grey{
color: #adadad!important;
}
.grey p{
color: #5a5a5a!important;
}
.grey td{
color: #5a5a5a!important;
}
.halfopac{
opacity: 1!important;
}
.black{
background-color: #000!important;
}
.blacktext{
color: #000!important;
}
.det-title{
font-weight: bold;
padding: 5px 0;
color: #5f6062;
}
.det-content{
font-weight: 500;
padding: 5px 0;
font-size: 14px;
color: #5f6062;
line-height: 20px;
}
.social{
position: absolute;
bottom: 30px;
left: 30px;
}
.ln{
position: absolute;
color: #000;
font-size: 1.2em;
z-index: 9;
top: 28px;
right: 30px;
border: 1px solid #000;
padding:12px 10px;
text-align: center;
font-weight: bold;
}
.overw{
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 15;
}
.ln:hover{
color:#000;
background-color: #fff;
}
.products{
padding: 160px 40px 10px 40px;
min-height: 100%;
position: relative;
}
.news{
padding: 110px 40px 10px 40px;
height: 100%;
position: relative;
}
.details{
padding: 110px 55px 10px 60px;
position: relative;
}
.since{
background-image: url("../imgs/since.png");
background-position: 0 0;
width: 168px;
height: 53px;
position: absolute;
right: 90px;
bottom:50px;
z-index: 3;
}
a:hover, a:focus{text-decoration: none;}
.homebtns{
position: absolute;
bottom: 50px;
left: 50px;
font-size: 40px;
z-index: 9;
padding:40px;
padding-bottom: 0;
}
.homebtns h3{
font-size: 60px;
font-weight: bold;
color:#fff;
position: absolute;
top: -10px;
left: 40px;
}
.homebtns a{
font-size: 30px;
font-weight: bold;
color:#f58220;
margin-top: 30px;
display: inline-block;
font-weight: 300;
border-radius: 10px;
padding: 24px;
border: 2px solid #f58220;
}
#vid {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
opacity: 0.55;
}
#viddet {
position: relative;
/*top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;*/
opacity: 1;
}
.prochildx{ }
.rotatel{
background-color: #000!important;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: -3px!important;
}
.rotater{
background-color: #000!important;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: -3px!important;
}
.rotatex{
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
color: #F04923!important;
}
#bg_slider {
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
#nextprev {position: absolute; top:5px; right:5px; width: 50px; height: 105px; }
#nextprev div {
position:absolute;
height: 50px;
width: 50px;
cursor: pointer;
background-image: url("../imgs/controls-large.png");
background-position: 0 0;
z-index: 9;
top:0;
}
.wct{
background-image: url("../imgs/leaf.jpg");
background-position: center 0;
background-repeat: no-repeat;
padding-top: 50px;
margin-top: 20px;
}
#nextprev div:hover {
background-position-y: 50px!important;
}
#prev { left: 0; top:55px!important;}
#next { right: 0; background-position-x: -50px!important;}
#shadow{
background: url(../imgs/golge.png) no-repeat;
position: absolute;
top: -10px;
left: 2px;
width: 60px;
height: 573px;
z-index: 9;
}
.wtext{
height:100px;
background:#000;
position:absolute;
top:0;
left:0;
z-index:100;
-webkit-transform: scale(1);
transform: scale(1);
}
.wtext p{
font-size: 48px;
text-align: center;
padding: 38px;
font-weight: bold;
color: #fff;
}
.mini-headers{
color:#000;
background-color: #fff;
padding: 15px;
font-size: 24px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #E7E7E7;
}
.home-text{
font-size: 16px;
padding: 20px;
padding-top: 25px;
padding-bottom: 0;
line-height: 36px;
text-align: justify;
overflow: hidden;
min-height: 150px;
}
.nopadding{padding: 0!important;}
.nomargin{margin: 0!important;}
.colortoorange{ color: #F04923!important; }
.header-wrapper
{
position: absolute;
top:0;
width: 100%;
height: 80px;
background-color: #FFF;
z-index: 2;
}
.navico{
position: fixed;
z-index:99999;
top:15px;
right: 25px;
padding: 15px;
cursor: pointer;
/* background-color: #F04923; */
}
#navico_cont{
position: relative;
width: 40px;
height: 40px;
}
.navline{
width: 100%;
height: 4px;
background-color: #000;
margin-bottom: 5px;
}
.colortoblack{
background-color: #000;
}
#logo{
position: fixed;
background: url('../imgs/erkan-group-logo.jpg') no-repeat;
background-position: 0px 0;
width: 227px;
height: 50px;
top:20px;
left: 30px;
z-index:99;
}
#header{
position: fixed;
width: 100%;
z-index: 16;
overflow: hidden;
opacity:1;
left: 0;
top:0;
background-color: #fff;
}
#fancybox-overlay{
background-color: #000!important;
opacity: 0.9!important;
}
.fancybox-opened .fancybox-outer{
box-shadow: none!important;
}
.fancybox-close {
position: fixed!important;
top: 20px!important;
right: 20px!important;
}
#main-nav{
position: relative;
margin: auto;
}
#nav_root_level{
margin: auto;
text-align: right;
margin-right: 85px;
}
#nav_root_level > li {display: inline-block; vertical-align: top;}
a.nav_parentmenulink, a.nav_parentmenu{
display: block;
padding: 40px 10px;
font-weight: bold;
font-size: 21px;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
a.nav_submenu{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
display: block;
padding: 10px;
font-weight: bold;
/* color:#F04923;*/
color:#fff;
text-align: left;
}
#overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
display: block;
opacity: 0.0;
z-index: 500;
}
#map{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
display: none;
opacity: 0.8;
z-index: 1000;
}
.main{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.ozkan{
position: relative;
width: 100%;
height: 100%;
top: 0px;
left: 0;
bottom: 0;
right: 0;
background-color: #FFF;
}
.grandpa{
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
overflow: hidden;
display: block;
}
.papa{
position: relative;
overflow: hidden;
}
.child{
padding:0;
position: relative;
overflow: hidden;
background:#000;
}
.bg{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
overflow: hidden;
}
.overtext{
position: absolute;
left: 30px;
top: 15%;
color:#000;
z-index: 9;
font-family: 'Roboto', sans-serif;
color:#fff;
}
.overtext p{
font-size: 2em;
padding: 20px 30px;
display: block;
font-weight: 700;
background-color: #000;
margin-bottom: 5px;
line-height: 1.2;
}
.overtext a{
display: block;
color:#fff;
background-color: #cb0808;
display: inline-block;
padding: 15px;
font-size: 16px;
}
.overtext a:hover{
text-decoration: underline;
}
.img-bg{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
width: 100%;
height: 100%;
opacity: 0.8;
}
.img-work{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
width: 100%;
height: 100%;
}
.home-pro-link{
position: absolute;
color: #fff;
left: 0;
z-index: 600;
width: 100%;
text-align: center;
padding: 0;
top: 50%;
}
.pro-link{
padding-top: 20px;
color: #fff;
display: inline-block;
}
.pro-link:hover > .home-pro-subtext {
background-color: #F04923;
color:#fff;
}
.home-pro-welcome{
font-size: 24px;
font-weight: bold;
line-height: 30px;
display: inline-block;
margin-bottom: 20px;
padding: 15px 30px;
border: 1px solid #fff;
border-radius: 5px;
}
.home-pro-subtext{
font-size: 18px;
padding: 20px;
color:#F04923;
border: 2px solid #F04923;
border-radius: 4px;
display: inline-block;
}
.pro-link-container{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pro-pro-link{
position: absolute;
color: #fff;
bottom: 150px;
text-align: center;
}
.pro_link{
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
}
.pro_link a{
width: 100%;
display: block;
position: relative;
}
.pro_title{
position: relative;
padding: 15px 5px;
color:#444;
z-index: 9;
width: 100%;
text-align: center;
font-size: 15px;
}
.pro-link-1{
}
.pro-link-2{
top: 0;
right: 0;
bottom: 0;
width: 50%;
height: 100%;
position: absolute;
background-color: #FFF;
}
.pro_det_tex{
display: table;
position: absolute;
height: 100%;
z-index: 9;
color: #FFF;
}
.s{background-color: #000; height: 100%; position: relative; opacity: 0.30;}
.d{background-color: #48535B;}
.pro-welcome-img{
position: relative;
height: 250px;
background-color: #000;
z-index: 3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
opacity: 0.6;
}
.pro-welcome-img-bg{
position: absolute;
height: 250px;
background-color: #000;
width: 100%;
top: 0;
}
.pro-content-wrapper{
position: relative;
width: 50%;
z-index: 3;
left: 50%;
}
.pro-content{
padding: 20px 40px;
top: 10px;
position: relative;
display: table-cell;
vertical-align: middle;
}
.pro-content p{
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.pro-list-title{
font-size: 36px;
font-weight: 800;
line-height: 56px;
color:#F04923;
padding: 10px 0;
}
.pro-list-subtitle{
font-size: 26px;
font-weight: bold;
color:#555;
line-height: 40px;
}
.pro-list-text{
font-size: 14px;
font-weight: normal;
color:#fff;
line-height: 24px;
padding: 10px 0;
}
#pro-sub-menu{
width: 100%;
height: 70px;
z-index: 9;
position: absolute;
bottom:0px;
text-align: center;
background-color: #fff;
}
.sub_w{
display: inline-block;
margin:auto;
border-radius: 5px;
}
.subselects{
position: absolute;
left: 0;
width: 15%;
top: 100px;
padding: 10px;
overflow-y:auto ;
}
.prograndpa{
top:0;
background-color: #FFF;
padding-right: 16px;
}
#submenucont { overflow: hidden; position: relative; height: inherit;}
#submenucont li {
display: inline-block;
height: inherit;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#submenucont li:last-child{ border-right: none;}
#submenucont li a{
display: block;
/* background-color: #F00; */
height: 100%;
text-align: center;
color: #696969;
font-size: 14px;
font-weight: bold;
padding: 25px 20px;
position: relative;
z-index: 3;
cursor: pointer;
font-family: 'Fira Sans Extra Condensed', sans-serif;
}
#submenucont li a p{
text-align: center;
color: #696969;
position: relative;
z-index: 3;
}
.mask{
background-color: #F04923;
display: block;
height: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
}
#submenucont li a:hover > p{
color:#F04923;
}
#submenucont li a:hover > .mask {
height: 5px;
}
#submenucont li a.selectedbtn p{
color:#F04923!important;
}
#submenucont li a.selectedbtn .mask{
height: 5px!important;
}
.animatable-slow {
-webkit-transition: 2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: 2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: 2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animatable {
-webkit-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animatable-fast {
-webkit-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.about{
padding-top: 160px;
}
.subs{
position: fixed;
text-align: right;
right: 50px;
top:80px;
z-index: 99999;
padding:0 0 0 50px;
}
.subs a{
display: inline-block;
padding: 10px 6px;
font-weight: 500;
font-size: 12px;
color: #adadad;
font-family: 'Roboto', sans-serif;
}
.subs a:hover{
color:#000;
}
.workwrp{
padding: 15px;
}
.workwrp h3{ font-size: 18px; padding: 10px 0; font-weight: bold; }
.workwrp h2{ font-size: 16px; }
.work{position: relative; height: 250px; border: 1px solid #E5E5E5; display: block; }
.aover{
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 9;
opacity: 0;
position: absolute;
}
.aover .overblack{
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: #000;
opacity: 0.5;
position: absolute;
z-index: 2;
}
.work:hover > .aover {
opacity: 1;
}
.aover h3{
padding: 15px;
font-weight: bold;
font-size: 18px;
color:#fff;
position: relative;
z-index: 9;
}
.aover h2{
position: absolute;
z-index: 9;
font-weight: normal;
font-size: 16px;
line-height: 28px;
color:#fff;
bottom: 15px;
left: 15px;
}
.work .work-img {}
.work > a { position:absolute; display: block; height: 100%; }
.work > a h4 {color: #D83232; font: bold 15px Arial; padding:10px 0 0 10px; }
.work > a h5 {color: #797979; font: bold 12px Arial; padding: 3px 0 0 10px; margin-left: 2px;}
#content{position: absolute; top:0; left: 0; bottom: 0; right: 0; }
#bg{position: fixed; width:100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
#img-bg{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-width: 1200px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover;}
#work-content-container{width: 320px; position: fixed; padding-left:20px; height: 100%; z-index: 1; overflow: auto; background: url("../imgs/beyaz-alpha.png") repeat-y;}
#work-content{padding: 15px 0 60px 0; overflow: hidden; position: relative;}
#work-content .company_title { padding-top: 15px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-size:35px; line-height: 40px;}
#work-content .company_addtitle { padding-top: 10px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-size:16px; font-weight: bold; }
#work-link p{color:#797979; font: normal 15px Arial; float:right;}
#work-link p span{color:#797979; font: bold 15px Arial; margin-top: 10px;}
#work-link a{ color:#000; font: bolder 16px Arial; float: left; margin-top: 5px; }
#work-link a:hover{color: #D83232;}
#work-link{overflow: hidden; padding: 35px 0 10px 0;}
#proje-ico {width: 35px; height: 35px; background: #D83232 url("../imgs/show-proj.png"); float: left; margin-top:-8px; margin-right: 10px;}
#social { padding:20px 15px; border-top: solid 1px #CCC;}
#social a{ display:inline-block; margin-right:10px; font-size:11px; }
#social span{ width: 30px; height: 30px; float: left; margin-top:-5px; margin-right: 5px;}
#fb-ico { background: #D83232 url("../imgs/fb.jpg") no-repeat; }
#tw-ico {background: #D83232 url("../imgs/tw.jpg") no-repeat; }
#work-text {position:relative; border-top: solid 1px #CCCCCC; margin: 10px 0 0 0; padding: 20px 0;}
#work-text p{font: bold 12px Arial; color: #777; line-height: 25px;}
#work-pix img{margin: 10px 0 0 5px; height: 345px; width: 530px; border:solid 4px white;}
#nav-buts { position:fixed; width:50px; right: 0; top:50%; margin-top: -75px; z-index:2; }
#nav-buts li{ line-height: 50px; display: inline-block; background-color: #181b1d; vertical-align: 0; margin-bottom: 1px; }
#nav-buts li:hover{ }
#nav-buts li a{ padding:0 15px 0 50px; width:auto; white-space: nowrap; vertical-align: 0; display: inline-block; color:#fff; font-weight: bold; font-size:14px;}
#nav-buts li a.next{ background: url("../imgs/left.png") no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; }
#nav-buts li a.prev{ background: url("../imgs/right.png") no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; }
#nav-buts li a.all{ background: url("../imgs/allWorks.png") no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; }
#snapshots { width:725px; padding:0 20px 0 20px; min-height: 100%; background-color: rgba(255,255,255, 0.70); position: relative; margin:auto; left:125px; z-index:1;}
hr{
display: block;
height: 1px;
border: 0;
border-top: 1px solid #E4E4E4;
margin: 1em 0;
padding: 0;
}
.animatable {
-webkit-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pleaseNoSelection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#ajaxloader{
display: none;
width: 31px;
height: 31px;
position: absolute;
left: 50%;
right: -15px;
margin-top: 45px;
}
#cycle-nav
{
z-index:5;
position:absolute;
right:25px;
bottom:25px;
}
#cycle-nav div {
float:left;
width: 11px;
height: 11px;
text-align: center;
background:#fff;
border: #fff 2px solid;
line-height: 30px;
border-radius:20px;
margin-left: 10px;
margin-top: 12px;
cursor: pointer;
}
#cycle-nav div.activeSlide {
background:#D83232;
}
.checkboxF {
margin-bottom: 15px;
position: relative;
padding-left: 30px;
}
.checkboxF input{ width: 0; display: none;}
.checkboxF p{ display: inline-block; font-size: 14px; line-height: 18px;}
.checkboxF label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 0;
background: #eee;
border:1px solid #ddd;
}
.checkboxF label:after {
opacity: 0.2;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: transparent;
top: 6px;
left: 5px;
border: 3px solid #333;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.checkboxF label:hover::after {
opacity: 0.5;
}
/**
* Create the checkbox state for the tick
*/
.checkboxF input[type=checkbox]:checked + label:after {
opacity: 1;
}
.toright{
right: 230px;
left: auto;
}
.rootright{
background-color: #FFF;
padding: 0px 23px 2px 2px!important;
position: relative;
height: 100%;
}
.rootpros{ }
.rootpros ul li{
position: relative;
overflow: hidden;
border-bottom:1px solid #fff;
}
.home-link{
background: #F04923;
padding: 15px 50px;
display: inline-block;
font-size: 16px;
color: #fff;
border-radius: 10px;
position: relative;
margin-top: 10px;
}
.home-link:hover{
color: #fff;
padding: 15px 70px;
border-radius: 0px;
}
.rootpros ul li:nth-child(1){
background-color: #AFAFAF;
}
.rootpros ul li:nth-child(2){
background-color: #BFBFBF;
}
.rootpros ul li:nth-child(3){
background-color: #CFCFCF;
}
.rootpros ul li:nth-child(4){
background-color: #DFDFDF;
}
.rootpros ul li:nth-child(5){
background-color: #EFEFEF;
} /*
.rootpros ul li:nth-child(1){
background-color: #2C3E50;
}
.rootpros ul li:nth-child(2){
background-color: #E74C3C;
}
.rootpros ul li:nth-child(3){
background-color: #b9b9b9;
}
.rootpros ul li:nth-child(4){
background-color: #3498DB;
}
.rootpros ul li:nth-child(5){
background-color: #2980B9;
}
.rootpros ul li:nth-child(1){
background-color: #14191f;
}
.rootpros ul li:nth-child(2){
background-color: #262626;
}
.rootpros ul li:nth-child(3){
background-color: #323232;
}
.rootpros ul li:nth-child(4){
background-color: #4B4B4B;
}
.rootpros ul li:nth-child(5){
background-color: #595959;
}
.rootpros ul li:nth-child(1){
background-color: #006838;
}
.rootpros ul li:nth-child(2){
background-color: #39B54A;
}
.rootpros ul li:nth-child(3){
background-color: #8DC63F;
}
.rootpros ul li:nth-child(4){
background-color: #C1D82F;
}
.rootpros ul li:nth-child(5){
background-color: #CFDD42;
}
.rootpros ul li:nth-child(1){
background-color: #191919;
}
.rootpros ul li:nth-child(2){
background-color: #252525;
}
.rootpros ul li:nth-child(3){
background-color: #2f2f2f;
}
.rootpros ul li:nth-child(4){
background-color: #232323;
}
.rootpros ul li:nth-child(5){
background-color: #191919;
}
*/
.rootpros ul li a span.rpt{
color:#4e4844;
display: block;
height: 100%;
font-weight: bold;
text-align: center;
font-size: 20px;
vertical-align: middle;
z-index:3;
position: relative;
}
.rootpros ul li a span.bg{
opacity:0.05;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
}
.rootpros ul li a{
display: block;
}
.rootpros ul li a:hover{
color:#fff;
}
.rootpros ul li a:hover{
color:#fff;
}
.rootpros ul li a:hover > span.bg{
opacity: .5;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: opacity .6125s cubic-bezier(.39,.575,.565,1),-webkit-transform 4s cubic-bezier(.39,.575,.565,1);
transition: opacity .6125s cubic-bezier(.39,.575,.565,1),transform 4s cubic-bezier(.39,.575,.565,1);
}
.h50{
position: relative;
height: 50%;
}
.h100{
position: relative;
height: 100%;
opacity: 1;
}
.serv span.bg{
opacity:0.25;
background-position: center;
background-size: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
}
.serv:hover > span.bg{
opacity: .45;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: opacity .6125s cubic-bezier(.39,.575,.565,1),-webkit-transform 4s cubic-bezier(.39,.575,.565,1);
transition: opacity .6125s cubic-bezier(.39,.575,.565,1),transform 4s cubic-bezier(.39,.575,.565,1);
}
.serv:hover > .home-pro-link .home-pro-welcome{
border:1px solid #f58220;
color:#f58220;
}
.toptitles{
position: absolute;
width: 100%;
text-align: center;
z-index: 1002;
top: -20px;
opacity: 0;
}
.toptitles h3{
font-weight: bold;
}
.owl-carousel .owl-stage{ height: 100%;}
.owl-carousel .owl-stage-outer{height: 100%;}
.owl-carousel.owl-drag .owl-item{height: 100%;}
.owl-theme .owl-dots .owl-dot span{
width: 15px;
height: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #cb0907;
}
.slidernav{
width: 100%;
margin-top: 5px;
padding:0 40px;
position: absolute;
bottom:40px;
z-index: 9;
}
.owl-dots{
width: 100%;
position: absolute;
bottom: 0px;
margin: auto;
}
}
.nav{
padding-right: 5px;
height: 100%;
float: left;
}
.slidernav .nav:last-child{
padding-right: 0;
}
.nav a{
height: 100%;
background-color: #b1b1b1;
text-align: center;
display: block;
padding: 3px;
font-weight: bold;
cursor:pointer;
color:#fff;
}
.nav a:hover{
background-color: #000;
color:#fff;
}
.details h3{
text-align: left;
padding: 15px;
margin-bottom: 15px;
font-weight: bold;
}
.subcont{
margin-bottom: 90px;
}
.subcont h3{
text-align: center;
padding: 15px;
font-weight: bold;
font-size: 80px;
color:#fff;
background-color: #ffffff4a;
}
.details .mainimg{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
margin-bottom: 40px;
}
.subcont .mainimg{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
width: 100%;
height: 40vh;
}
.customerimg{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
width: 100%;
height: 200px;
display: block;
}
.content{
margin:30px 0;
font-size: 14px;
line-height: 25px;
}
.contentpro{
font-size: 14px;
line-height: 25px;
text-align: justify;
}
.customer{
margin-bottom: 25px;
}
.gall{
margin-top: 50px;
}
.galimg{
height: 230px;
padding: 5px;
}
.galimg a{
display: block;
position: relative;
height: 100%;
}
.modall{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #fff;
z-index: 999999;
display: none;
}
.closer{
position: absolute;
right: 20px;
top: 20px;
}
.bigger {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
width: 100%;
height: 100%;
}
.share{
margin-top: 10px;
}
.share a{
padding: 5px;
background-color: #b1b1b1;
color: #fff;
margin-right: 2px;
}
.detprolist{
margin-top: 60px;
}
.footer{
padding:30px 0;
text-align: center;
}
.footer p{
padding:15px 0;
text-align: center;
}
.footer a{
padding: 5px;
font-size: 20px;
}
.newsdetail{
padding: 10px 0;
}
.newsdetail p{
padding: 5px 0;
}
.newsdetail h3{
font-weight: bold;
font-size: 20px;
}
.newsw:hover{
opacity: 0.7;
}
.infow{
padding: 15px;
}
.infow p{
font-size: 16px;
font-weight: bold;
padding: 10px 0;
}
.gm-style-iw-d{
overflow: unset!important;
}
.gm-style-iw{
padding: 0!important;
}
.gm-style .gm-style-iw-c{
border-radius: 0!important;
}
@media (min-width: 1600px)
{
.col-xl-3 {
width: 25%;
}
}