@import "css/ffSVG.css";
/*__ RESET __________________*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}                                                                                    body{line-height:1.2}                                                                                                                                                           ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;}

/*__ FONT ________________*/
@font-face {
	font-family: 'HelveticaNeueLTPro-LtCn';
	src: url('css/fonts/HelveticaNeueLTPro-LtCn.eot') format('eot'), 
	     url('fonts/HelveticaNeueLTPro-LtCn.otf')  format('opentype'),
	     url('css/fonts/HelveticaNeueLTPro-LtCn.woff') format('woff'), 
	     url('css/fonts/HelveticaNeueLTPro-LtCn.ttf')  format('truetype'),
	     url('css/fonts/HelveticaNeueLTPro-LtCn.svg') format('svg');}
@font-face {    font-family: 'HelveticaNeueLTPro-Cn';
	src: url('css/fonts/HelveticaNeueLTPro-Cn.eot') format('eot'), 
	     url('fonts/HelveticaNeueLTPro-Cn.otf')  format('opentype'),
	     url('css/fonts/HelveticaNeueLTPro-Cn.woff') format('woff'), 
	     url('css/fonts/HelveticaNeueLTPro-Cn.ttf')  format('truetype'),
	     url('css/fonts/HelveticaNeueLTPro-Cn.svg') format('svg');}
@font-face {    font-family: 'HelveticaNeueLTPro-MdCn';
	src: url('css/fonts/HelveticaNeueLTPro-MdCn.eot') format('eot'), 
	     url('fonts/HelveticaNeueLTPro-MdCn.otf')  format('opentype'),
	     url('css/fonts/HelveticaNeueLTPro-MdCn.woff') format('woff'), 
	     url('css/fonts/HelveticaNeueLTPro-MdCn.ttf')  format('truetype'),
	     url('css/fonts/HelveticaNeueLTPro-MdCn.svg') format('svg');
}

html, html a {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased !important;
}
body{background-color:#186656;background-image:url(img/bg.jpg);background-position:center top;background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6{font-family:'HelveticaNeueLTPro-Cn';color:#186656;text-transform:uppercase}
p{font-family:Arial;font-size:15px;color:#6f6f6f;margin-top:7px;line-height:18px  }
span,a {font-family:'HelveticaNeueLTPro-Cn';color:#2a554b}
h1{font-size:48px}
h2{font-size:42px}
h3{font-size:36px}
h4{font-size:30px}
h5{font-size:24px}
h6{font-size:20px}
.wrapper{width:100%;min-height:100%;margin:0 auto;}
.content{width:1100px;margin:0 auto;position:relative}
.space50{height:35px;}
.marginTop35{margin-top:35px;}
.cBoth{clear:both}
.cRight{clear:right;}
.cLeft{clear:left;}
.fLeft{float:left;}
.fRight{float:right}
.uSelectNone{user-select:none;
             -moz-user-select:none;
             -webkit-user-select:none;
             -o-user-select:none;
}
.bShadow{-moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */}
.mainGradient{background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDYzNCA2NyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjYzNCIgaGVpZ2h0PSI2NyIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */}
header{height:200px;background:url(img/topLight.png);background-repeat:no-repeat}
header .logo{width:420px;height:120px;background:url(img/logo.png);left:20px;position:absolute;top:52px;}
header nav.menu {
    position:absolute;top:84px;right:0;padding:5px;max-width:610px
	



}

header nav.menu ul li{position:relative;display:inline-block
}
header nav.menu ul li a.mainLink{color: #2a554b; /* text color */
font-family: 'HelveticaNeueLTPro-Cn';
font-weight:lighter;
font-size:22px;
padding:12px 14.5px;
display:block;
margin:3px;
}
header nav.menu ul li a.mainLink:hover,header nav.menu ul li a.mainLink.active{color: #FFF; /* text color */
border: 2px solid rgb(211, 211, 211); /* stroke */
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding:10px 12.5px;
-moz-box-shadow: 0 3px 2px rgba(15,15,14,.12), inset 0 0 7px rgba(102,255,221,.75); /* drop shadow and inner glow */
-webkit-box-shadow: 0 3px 2px rgba(15,15,14,.12), inset 0 0 7px rgba(102,255,221,.75); /* drop shadow and inner glow */
box-shadow: 0 3px 2px rgba(15,15,14,.12), inset 0 0 7px rgba(102,255,221,.75); /* drop shadow and inner glow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExNyA2MiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmI1NTRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiMyYjU1NGIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJiNTU0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjMmI1NTRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmI1NTRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTciIGhlaWdodD0iNjIiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* color overlay + gradient overlay */
background-image: -moz-linear-gradient(bottom, #2b554b 0%, #2b554b 10.64%, #2b554b 50.39%, #2b554b 93.51%, #2b554b 100%); /* color overlay + gradient overlay */
background-image: -o-linear-gradient(bottom, #2b554b 0%, #2b554b 10.64%, #2b554b 50.39%, #2b554b 93.51%, #2b554b 100%); /* color overlay + gradient overlay */
background-image: -webkit-linear-gradient(bottom, #2b554b 0%, #2b554b 10.64%, #2b554b 50.39%, #2b554b 93.51%, #2b554b 100%); /* color overlay + gradient overlay */
background-image: linear-gradient(bottom, #2b554b 0%, #2b554b 10.64%, #2b554b 50.39%, #2b554b 93.51%, #2b554b 100%); /* color overlay + gradient overlay */

}
header nav.menu ul li div.overspace{width:160px;position:absolute;height:auto;display:none;min-height:40px;left:50%;margin-left:-80px;}
header nav.menu ul li div.overspace ul.subMenu{width:160px;height:auto; position:absolute;background:rgba(255, 255, 255, 0.14);margin:0;top:25px;z-index:300}
/*header nav.menu ul li div.overspace ul.subMenu.products{left:-25px}*/
header nav.menu ul li div.overspace ul.subMenu li{width:100%;height:48px;position:relative;background:#fff;margin:0;margin-bottom:0px; z-index:300;
                                                  -moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
}

header nav.menu ul li div.overspace ul.subMenu li:first-child{
background:url(img/menuLiBg.png);}

header nav.menu ul li div.overspace ul.subMenu li:first-child:before{width: 16px;
    content: " ";
    background-image: url(img/MenuliBefore.png);
    position: absolute;
    top: -7px;
    height:7px;
    left:50%;
    margin-left:-8px;
}
header nav.menu ul li div.overspace ul.subMenu li a.subLink{font-family: 'HelveticaNeueLTPro-Cn';
font-size:18px;
padding:10px 14.5px;
display:block;
margin:3px;color:#186656}



header nav.menu ul li div.overspace ul.subMenu li:first-child:hover:before{background-image: url(img/MenuliBefore_h.png);}

header nav.menu ul li div.overspace ul.subMenu li:last-child{
    border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #fff 0%, #e0e0e0 10.64%, #fff 100%); /* gradient overlay */
}

header nav.menu ul li div.overspace ul.subMenu li:hover{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE1OCAzNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZmZGZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDdlZGU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNTgiIGhlaWdodD0iMzYiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
}


.slider{width:100%;height:400px;background:url(img/w40.png);position:relative;overflow:hidden;}
.slider .whiteLine{width: 100%;
                   position:absolute;
height: 4px;
bottom:0px;
-moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
background:#fff;
}
.slider .transWhiteLine{width: 100%;
                   position:absolute;
height: 4px;
bottom:4px;
background:url(img/w40.png);
}
.slider .sliderContent{background:url(img/sliderBg.png);height:100%;width:998px;background-repeat:no-repeat}
.slider .sliderContent .arrow{width:43px;height:124px;background:url(img/arrows.png);position:absolute;top:120px;cursor:pointer;z-index:3000}
.slider .sliderContent .arrow.next{background-position:43px 0;right:-80px;}
.slider .sliderContent .arrow.prev{background-position:0 0;left:-80px}
.slider .sliderContent .arrow.next:hover{background-position:43px 124px;}
.slider .sliderContent .arrow.prev:hover{background-position:0 124px;}
.slider .sliderContent .pointContainer{position:absolute;right:0;bottom:20px;z-index:3000}
.slider .sliderContent .point{background:url(img/points.png);background-position:0 0;width:32px;height:37px;margin-left:3px;float:left;cursor:pointer}
.slider .sliderContent .point:hover{background-position:64px 0}
.slider .sliderContent .point.active{background-position:32px 0;cursor:default}
.slider .sliderContent .title{position:absolute;left:600px;top:150px;}
.slider .sliderContent .title div{position:absolute;width:650px;}
.slider .sliderContent .title h1,h2,h3,h4,h5,h6{text-transform:uppercase}
.slideImg{position:absolute;z-index:10;left:50px;top:120px;opacity:0}
.slideImg img{position:absolute}
.hexagon {background: red;position: absolute;}
.hexagon:before {content: "";position: absolute;left: 0;width: 0;height: 0;}
.hexagon:after {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
}
.hex1{background-color:#FFF;width:122px;height:72px;opacity:0;top:100px;left:290px; z-index:5;}
.hex1:before{border-left: 61px solid transparent;border-right: 61px solid transparent;border-bottom: 35px solid #FFF;top: -35px;}
.hex1:after{border-left: 61px solid transparent;border-right: 61px solid transparent;border-top:35px solid #FFF;bottom: -35px;}
.hex2{background-color:#FFF;width:270px;height:155px;opacity:0;top:60px;left:-90px; z-index:5;}
.hex2:before{border-left:135px solid transparent;border-right: 135px solid transparent;border-bottom:78px solid #FFF;top: -78px;}
.hex2:after{border-left:135px solid transparent;border-right: 135px solid transparent;border-top: 78px solid #FFF;bottom: -78px;}
.hex3{background-color:#1dcaa3;width:100px;height:60px;opacity:0;top:300px;left:30px; z-index:5;}
.hex3:before{border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 30px solid #1dcaa3;top: -30px;}
.hex3:after{border-left: 50px solid transparent;border-right: 50px solid transparent;border-top:30px solid #1dcaa3;bottom: -30px;}
.hex4{background-color:#1dcaa3;width:48px;height:26px;opacity:0.3;top:350px;left:21px; z-index:5;}
.hex4:before{border-left: 24px solid transparent;border-right: 24px solid transparent;border-bottom: 15px solid #1dcaa3;top: -15px;}
.hex4:after{border-left: 24px solid transparent;border-right: 24px solid transparent;border-top:15px solid #1dcaa3;bottom: -15px;}
.hex5{background-color:#000;width:190px;height:110px;opacity:0.1;top:350px;left:21px; z-index:5;}
.hex5:before{border-left: 95px solid transparent;border-right: 95px solid transparent;border-bottom: 55px solid #000;top: -55px;}
.hex5:after{border-left: 95px solid transparent;border-right: 95px solid transparent;border-top:55px solid #000;bottom: -55px;}
.hex6{background-color:#000;width:190px;height:110px;opacity:0.1;top:350px;left:21px; z-index:5;}
.hex6:before{border-left: 95px solid transparent;border-right: 95px solid transparent;border-bottom: 55px solid #000;top: -55px;}
.hex6:after{border-left: 95px solid transparent;border-right: 95px solid transparent;border-top:55px solid #000;bottom: -55px;}







.product{width: 151px;
height: 203px;
background-size:100%;
float:left;
margin: 6px;
margin-left: 0;
}
.product:last-child{margin-right:0;}
.product:hover{
-moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZjdmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNiMGRiZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmY3ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #ddf7f1 0%, #fff 27.54%, #b0dbd1 85.21%, #dbf7f1 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #ddf7f1 0%, #fff 27.54%, #b0dbd1 85.21%, #dbf7f1 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #ddf7f1 0%, #fff 27.54%, #b0dbd1 85.21%, #dbf7f1 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #ddf7f1 0%, #fff 27.54%, #b0dbd1 85.21%, #dbf7f1 100%); /* gradient overlay */
}
.product h4{font-family: 'HelveticaNeueLTPro-MdCn';font-size:28px;color:#2a554b;padding:30px 10px 15px 10px;text-align:center}
.productIcon{width:88px;height:75px;background:url(img/productIcons.png);margin:0 auto;position:relative;background-repeat:no-repeat}
.productIcon.dask{background-position:0 0;}
.productIcon.kasko{background-position:-88px 0;width:68px}
.productIcon.trafik{background-position:-156px 0;width:72px;}
.productIcon.saglik{background-position:-228px 0;width:94px;}
.productIcon.allrisk{background-position:-322px 0;width:75px;}
.productIcon.isyeri{background-position:-397px 0;width:60px;}
.productIcon.konut{background-position:-457px 0;width:82px;}



.grid{float:left;-moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
min-height:262px;
}
.gridWhite{background:#fff;}
.gridInner{padding:20px;width:100%;position:relative}
.gridLine{width:90%;height:5px;border-bottom:1px solid #186656}
.grid60 .gridLine{width:94%;}
.grid60{width:65%;}
.grid77{width:77%;margin-left:10px}
.grid77 .gridInner{padding:24px}

.grid77 .gridLine{width:94%;}
.grid22{width:22%;}
.grid22.blog{padding-bottom:20px}
.grid30{width:33%;margin-right:10px}
.grid img{margin:5px 0}

.grid .gridImgVertical{width:130px;height:165px;margin:10px;margin-left:0;margin-bottom:20px;margin-right:15px}
.grid.grid60 .gridContent{width:520px;padding-left:5px;margin-top:12px;}
.grid.grid30 .gridContent{padding:20px;width:170px;padding-left:5px}
.grid h5{color:#186656;}
.grid p{margin-top:7px;min-height:78px}
.grid.grid77 p{margin:20px 60px 20px 20px;min-height:inherit}
.grid.grid77.blog{margin-bottom:20px;}
.grid.grid77 h5{margin:0 0 -10px 20px}
.grid.grid77 h6{margin-left: 20px;
margin-top: 25px;color:#1dcaa3}

.grid.grid77 p:last-child{margin:20px 60px 80px 20px}
.grid .date{right: 65px;
bottom: 28px; font-size:12px;position:absolute;font-family:Arial;}

.grid.grid77 .date{right: 75px;top:45px;bottom:inherit}
.grid.grid77 h1,.grid.grid77 h2,.grid.grid77 h3{font-size:18px;margin-left:20px}
.grid.grid30 p{margin-top:0;min-height:105px}
.grid a.devam{text-align:center;background:#f3f7f6;display:block;padding:7px 0;margin-top:21px; font-family: 'HelveticaNeueLTPro-MdCn';letter-spacing:1px}
.grid a.devam:hover{background:#dde7e5}
.grid.grid77 a.devam{width:94%}
        .grid nav{padding:20px 0}
        .grid nav ul li a{display:block;padding:10px;font-size:22px;background:0 0;margin:0 10px}
        .grid nav ul li a.blogLink{font-size:17px;}
        .grid nav ul li a.tagLink{font-size:17px;float:left;padding:10px;background:0 0;margin:0 0 }
        .headingLi{text-align:center;margin-top:20px;margin-bottom:10px}
        .grid nav ul.tagLinks{margin:0 10px }
        .grid nav ul li a:hover{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE1OCAzNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZmZGZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDdlZGU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNTgiIGhlaWdodD0iMzYiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #effdfb 0%, #d7ede9 100%); /* gradient overlay */

        }
.grid nav ul li a.current{background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZWRlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzZTVkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #d7ede7 0%, #c3e5dd 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #d7ede7 0%, #c3e5dd 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #d7ede7 0%, #c3e5dd 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #d7ede7 0%, #c3e5dd 100%); /* gradient overlay */

}

footer{height:60px;width:100%;background:#fff;margin:40px 0 0 0;}
footer .socialLinks{float:left;height:32px;clear:right;margin:10px 0 10px 0;}
footer .socialLink{float:left;height:32px;background:url(img/icons.png);width:32px;height:32px;margin-right:3px}
footer .socialLink.fb{background-position:0 0}
footer .socialLink.tt{background-position:-33px 0}
footer .socialLink.gp{background-position:-66px 0}
footer .socialLink.ld{background-position:-99px 0}
footer .socialLink.fb:hover{background-position:0 -33px}
footer .socialLink.tt:hover{background-position:-33px -33px}
footer .socialLink.gp:hover{background-position:-66px -33px}
footer .socialLink.ld:hover{background-position:-99px -33px}
footer .ffLogo{float:right;margin:10px 10px 10px 20px;background:url(img/ff_logo.png);width:28px;height:27px;
transition:all .3s ease;opacity:0.6}
footer .ffLogo:hover{opacity:1}
footer .mainTag{float:left;text-align:center;margin:0 auto;width:80%}
footer p{padding:10px;font-size:12px}








 #map_canvas {
            height: 500px;
            padding: 10px;
        }
        .contact {
            position: absolute;
            width: 320px;
            padding: 20px;
            height:540px;
            top: -40px;
            right: 0;-moz-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
-webkit-box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
box-shadow: -1px 4px 0 rgba(0,0,0,.3); /* drop shadow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #fff 0%, #e0e0e0 83.11%, #fff 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #fff 0%, #e0e0e0 83.11%, #fff 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #fff 0%, #e0e0e0 83.11%, #fff 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #fff 0%, #e0e0e0 83.11%, #fff 100%); /* gradient overlay */

        }

            .contact h6 {
                color: #fff;
                padding: 2px 5px;
                background: #8ca8a2;
                text-align: center;
                text-transform: capitalize;
            }

            .contact p {
                margin-bottom: 10px;
                text-align: center;
            }
        .contactForm {margin-top:10px
        }
        .contactForm tr td{width:100%}
        .contactForm tr.valignTop > *{vertical-align: top;}
        .contactForm p{text-align:left;vertical-align:top}
        input[type="text"],textarea {border:1px solid #c5d0ce;padding:8px;margin:5px;border-radius:5px;width:190px;max-width:190px;min-width:190px; background:#e2e6e5;
        color:#6f6f6f;transition:all .3s ease;font-family:Arial;font-size:12px
                                     }
        textarea{height:140px;min-height:140px;max-height:140px;    }

        textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
border-color: rgba(36, 183, 142, 0.39);
box-shadow: 0 1px 1px rgba(36, 183, 142, 0.45) inset, 0 0 8px rgba(36, 183, 142, 0.49);
outline: 0 none;background:#d4dfda;}
        .btn{padding:8px;width:100%;background:#1d6153;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:10px}
        .btn:hover{background:#389881}