@charset "utf-8";@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300");@import url("fancybox/jquery.fancybox.css");@import url("animations/animate.css");html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, small, strong, ol, ul, li, form, label, table, caption, tr, td, footer, header{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
footer, header, menu, nav, section{display:block;}
body{line-height:1;text-rendering:optimizeLegibility;font-weight:400;font-family:'Open Sans', sans-serif;background-color:#fff;font-size:62.5%;color:#818b92;}
p{font-size:1.4em;line-height:1.6em;}
ol, ul{list-style:none;}
a:hover{text-decoration:none;outline:0;}
a:focus{outline:0;text-decoration:none;}
a{outline:0;text-decoration:none;}
h1, h2, h3, h4, h5, h6{color:#23313a;font-weight:bold;margin:0.9em 0;}
h2{font-size:1.8em;color:#23313a;}
[class^="icon-"], [class*=" icon-"]{background:none;}
.no, hr{display:none !important;}
section.generic{padding:0px 0 60px 0;}
nav a:hover,
nav a:focus{outline:none;}
.title h1{font-size:2.0em;text-transform:uppercase;color:#23313a;margin:26px 0 20px 0;}
.title p{margin:0 0 60px 0;}
.wrapp{margin:0 auto;width:80%;}
.divider{background:transparent url("../img/title-icon.png") center center no-repeat;width:100%;display:block;height:50px;}
nav .navbar-inner{background:#1fb4da;border:none;padding:20px 0;}
.navbar .nav > li > a{color:#fff;font-weight:700;text-transform:uppercase;font-size:1.3em;position:relative;display:inline-block;margin:0 15px;outline:none;text-decoration:none;letter-spacing:2px;text-shadow:0 0 1px rgba(255,255,255,0.3);padding:0 15px;height:45px;line-height:45px;}
.navbar .nav a:hover{color:#fff!important;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{background:#1fb4da;box-shadow:none;color:#fff;}
.nav li a::before,
.nav li a::after{position:absolute;width:45px;height:2px;background:#fff;content:'';opacity:0.2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;pointer-events:none;}
.nav li a::before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
.nav li a::after{right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0;}
.nav li a:hover::before,
.nav li a:hover::after,
.nav li a:focus::before,
.nav li a:focus::after{opacity:1;}
.nav li a:hover::before,
.nav li a:focus::before{left:50%;-webkit-transform:rotate(0deg) translateX(-50%);-moz-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%);}
.nav li a:hover::after,
.nav li a:focus::after{right:50%;-webkit-transform:rotate(0deg) translateX(50%);-moz-transform:rotate(0deg) translateX(50%);transform:rotate(0deg) translateX(50%);}
.modal{width:460px;left:52%;font-family:'Open Sans', sans-serif;}
.modal-header h3{font-size:2em;}
.modal input, .modal textarea{width:96%;font-family:'Open Sans', sans-serif;padding:15px 10px;}
.modal .send{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;height:35px;line-height:20px;color:#fff;width:39%;border:none;background:#1fb4da;padding:10px 15px 12px 15px;font-weight:bold;line-height:1;font-size:1.6em;}
header{display:block;background:#1fb4da url("../img/slider-bg.png") bottom center repeat;padding:130px 0 0 0;color:#fff;}
header .logo{padding:0 0 72px 0;}
header .bigfigure img{max-width:100%;max-height:100%;vertical-align:bottom;}
header h1{font-size:4.5em;line-height:1.22em;color:#fff;font-weight:200;margin:50px 0 20px 10px;}
header h3{color:#fff;font-size:1.7em;font-weight:300;line-height:1.55em;margin-left:10px;}
header a.btn{color:#fff;border:3px solid #8fdaed;background:#1fb4da;box-shadow:none;font-size:1.7em;border-top-left-radius:50px 50px;border-bottom-left-radius:50px 50px;border-top-right-radius:50px 50px;border-bottom-right-radius:50px 50px;padding:15px 32px;margin:5px 20px 5px 10px;text-shadow:none;}
header .btn:hover, header .btn:focus{color:#fff;background:#1fb4da;border:3px solid #8fdaed;}
.BeanBGAnimate{-webkit-animation:BeanBGAnimate 15s infinite linear;-moz-animation:BeanBGAnimate 15s infinite linear;-ms-animation:BeanBGAnimate 15s infinite linear;-o-animation:BeanBGAnimate 15s infinite linear;animation:BeanBGAnimate 15s infinite linear;}
@-webkit-keyframes BeanBGAnimate{from{background-position:top center;}
to{background-position:bottom center;}
}
@-moz-keyframes BeanBGAnimate{from{background-position:top center;}
to{background-position:bottom center;}
}
@-ms-keyframes BeanBGAnimate{from{background-position:top center;}
to{background-position:bottom center;}
}
@-o-keyframes BeanBGAnimate{from{background-position:top center;}
to{background-position:bottom center;}
}
@keyframes BeanBeanBGAnimate{from{background-position:top center;}
to{background-position:bottom center;}
}
.features img{margin-right:20px;}
.features h2{overflow:hidden;width:100%;line-height:100px;}
.features .divider{background-position:center top;}
.features .item{margin-bottom:60px;}
.extra{background:;padding-bottom:0!important;}
.extra img{vertical-align:bottom;}
.extra .accordion-heading{margin-top:30px;}
.extra .accordion-heading img{margin:0 5px 0 0;vertical-align:-4px;}
.extra .accordion-group{border:0;}
.extra .accordion-toggle{color:#333;font-weight:bold;font-size:1.8em;padding:0;}
.extra .accordion-inner{border:0;background:transparent url("../img/bottom-line.png") left bottom no-repeat;padding:10px 0 15px 0;}
.extra .accordion-inner p{color:#818b92;}
.gallery .divider{background-position:center -197px;}
.gallery img{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.imageinfo{padding-bottom:20px;border-bottom:0px solid #d1d1d1;margin-bottom:40px;}
.gallery h2{margin-bottom:0.5em;}
.gallery h2 a{color:#23313a;}
.gallery h2 a:hover{color:#1fb4da;}
.gallery h2 a::before,
.gallery h2 a::after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s, opacity 0.2s;-moz-transition:-moz-transform 0.3s, opacity 0.2s;transition:transform 0.3s, opacity 0.2s;}
.gallery h2 a::before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px);}
.gallery h2 a::after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px);}
.gallery h2 a:hover::before,
.gallery h2 a:hover::after,
.gallery h2 a:focus::before,
.gallery h2 a:focus::after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);}
.port-item{overflow:hidden;position:relative;display:block;-webkit-transition:ease-in .4s;-moz-transition:ease-in .4s;-o-transition:ease-in .4s;-ms-transition:ease-in .4s;transition:ease-in .4s;}
.port-item:hover img{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);}
.hovers{color:#fff;font-size:12em;font-weight:300;text-align:center;left:50%;margin-left:-30px;margin-top:-30px;position:absolute;top:20%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:ease-in .4s;-moz-transition:ease-in .4s;-o-transition:ease-in .4s;-ms-transition:ease-in .4s;transition:ease-in .4s;}
.port-item:hover .hovers{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1!important;z-index:9999;top:30%;}
.information .divider{background-position:center -132px;}
.information h3{font-size:1.3em;line-height:60px;font-weight:400;background:transparent url("../img/color-line.png") left bottom no-repeat;padding:0 0 17px 0;margin-top:0;}
.information .box{margin-bottom:80px;}
.information img{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.information .carousel-indicators{cursor:pointer;}
.information a.btn{color:#1fb4da;border:3px solid #1fb4da;font-weight:bold;font-size:1.6em;background:transparent;box-shadow:none;text-shadow:none;border-top-left-radius:50px 50px;border-bottom-left-radius:50px 50px;border-top-right-radius:50px 50px;border-bottom-right-radius:50px 50px;padding:15px 32px;margin:20px 0;}
.information a.btn img{vertical-align:middle;}
.testimonials{background:#fff url("../img/testimonials-bg.jpg") repeat-x 0 0;color:#fff;}
.testimonials .title h1{color:#fff;margin:85px 0 30px 0;}
.BeanBGAnimateHori{-webkit-animation:BeanBGAnimateHori 25s infinite linear;-moz-animation:BeanBGAnimateHori 25s infinite linear;-ms-animation:BeanBGAnimateHori 25s infinite linear;-o-animation:BeanBGAnimateHori 25s infinite linear;animation:BeanBGAnimateHori 25s infinite linear;}
@-webkit-keyframes BeanBGAnimateHori{from{background-position:0 0;}
to{background-position:100% 0;}
}
@-moz-keyframes BeanBGAnimateHori{from{background-position:0 0;}
to{background-position:100% 0;}
}
@-ms-keyframes BeanBGAnimateHori{from{background-position:0 0;}
to{background-position:100% 0;}
}
@-o-keyframes BeanBGAnimateHori{from{background-position:0 0;}
to{background-position:100% 0;}
}
@keyframes BeanBGAnimateHori{from{background-position:0 0;}
to{background-position:100% 0;}
}
.testimonials blockquote{margin:0px;padding:20px;text-align:center;color:#fff;font-size:1.4em;line-height:2em;font-weight:normal;border:0;}
.testimonials blockquote cite{display:block;font-size:1em;color:#fff;text-align:center;font-weight:bold;margin:15px 0 15px 0;text-transform:uppercase;}
.testimonials .carousel-indicators{right:48%;top:43%;cursor:pointer;}
.testimonials img{border:7px solid #fff;margin:50px auto 0 auto;}
.pricing .divider{background-position:center -63px;}
.three-tables .pricing-table{width:33.10%;float:left;margin:1px 0 0 -1px;position:relative;}
.pricing-table .t-one h3, .pricing-table .t-three h3{background:#119ec2;}
.pricing-table .t-one h4, .pricing-table .t-three h4{background:#1fb4da;}
.pricing-table .t-two h3{background-color:#1A3E7B;}
.pricing-table .t-two h4{background-color:#224A88;}
.pricing-table h3, .pricing-table h4{font-size:3em;padding:24px 0;font-weight:200;text-align:center;color:#fff;margin:0;font-weight:300;position:relative;}
.pricing-table .time{font-size:0.6em;}
.pricing-table ul{margin:0px;list-style:none;background:#fff;border:1px solid #d2d2d2;border-top:0;}
.pricing-table li{background-color:#F5F5F5;text-align:center;padding:15px;margin:0;font-size:1.4em;border-bottom:1px solid #d2d2d2;border-top:1px solid #fff;}
.pricing-table li.sign-up{border-bottom:0;border-top:0;padding:20px 0;background-color:#f9f9f9;}
.pricing-table li.sign-up a.btn{color:#1fb4da;border:3px solid #1fb4da;background:#f9f9f9;box-shadow:none;text-shadow:none;font-size:1.3em;font-weight:bold;border-top-left-radius:50px 50px;border-bottom-left-radius:50px 50px;border-top-right-radius:50px 50px;border-bottom-right-radius:50px 50px;padding:15px 32px;}
.pricing-table li.sign-up a.btn img{vertical-align:middle;}
.pricing-table.featured h3{padding:34px 0;margin:-20px 0 0 0;}
.pricing-table.featured{position:relative;z-index:999;top:0;-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.25);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.25);}
.pricing-table.featured li.sign-up{padding:28px 0;}
.pricing-table.featured li.sign-up a.btn{border:3px solid #1a3e7b;color:#1a3e7b;}
.logos{margin-top:0;}
.logos ul li img{background:#f5f5f6;border:0;width:100%;margin:0 auto 10px auto;}
.newsletter{background:#1fb4da url("../img/newsletter-bg.png") center bottom no-repeat;color:#fff;text-align:center;padding:20px 0 40px 0;}
.newsletter .title h1{color:#fff;margin:50px 0 30px 0;}
.newsletter .no{display:none;}
.newsletter input{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:25%;margin:0 auto 30px auto;border:0;padding:17px 10px;}
.newsletter .btn[type="submit"]{border:3px solid #fff;border-top-left-radius:50px 50px;border-bottom-left-radius:50px 50px;border-top-right-radius:50px 50px;border-bottom-right-radius:50px 50px;color:#fff;font-weight:bold;font-size:1.6em;margin:20px auto;background:#1fb4da;text-shadow:none;display:block;padding:12px 32px;}
.newsletter h4{font-size:1.3em;font-weight:300;color:#fff;}
footer{background:#3f4b56;padding:30px 0 60px 0;color:#cccccc;}
footer .fitem{margin-bottom:40px;}
footer h2{color:#fff;font-size:2.0em;text-transform:uppercase;}
footer img.logo-footer{float:left;margin:0 10px 5px 0;}
footer img.map{float:right;width:20%;}
footer ul.contact{float:left;}
footer ul.contact li{padding-left:24px;line-height:1.4em;color:#cccccc;margin:8px 0;font-size:1.3em;background:url("../img/contact-footer-icons.png") no-repeat 0 0;}
footer ul.contact li.mail{background-position:0 4px;}
footer ul.contact li.tel{background-position:0 -22px;}
footer ul.contact li.address{background-position:0 -44px;}
footer ul.faq li{margin:7px 0;font-size:1.3em;line-height:1.4em;}
footer ul.faq li a{color:#cccccc;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-o-transition:0.3s all ease;-ms-transition:0.3s all ease;transition:0.3s all ease;}
footer ul.faq li a:hover{color:#fff;margin-left:3px;}
.tooltip.top{margin-top:-23px;}
.tooltip-inner{font-weight:bold;color:#fff;background-color:#1fb4da;margin-bottom:15px;}
.tooltip.top .tooltip-arrow{border-top-color:#1fb4da;margin-bottom:15px;}
.copyright{background:#252f38;padding:20px 0;}
.copyright h6{font-size:1.2em;color:#a7aeb4;font-weight:300;}
.copyright ul.social{margin:0;list-style:none;text-align:right;}
.copyright ul.social li{display:inline-block;text-align:center;margin-top:10px;}
.copyright ul.social li a i{background:#1e262d;color:#3f4b56;padding:7px;margin:0 8px 2px 0;font-size:1.6em;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-o-transition:0.3s all ease;-ms-transition:0.3s all ease;transition:0.3s all ease;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.copyright ul.social li a:hover i{color:#fff;background:#1fb4da;}
.scrollup{width:50px;height:50px;position:fixed;bottom:80px;right:30px;display:none;background:transparent url("../img/to-top.png") center center no-repeat;}
.scrollup i{color:#fff;text-align:center;display:block;line-height:48px;font-size:20px;}
.scrollup:hover{opacity:0.7;}
.overlay{background-color:rgba(16, 78, 118, 0.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:2;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.overlay:focus{outline:none;}
.overlay:target{visibility:visible;opacity:1;}
.popup{left:50%;opacity:0;padding:10px;position:fixed;top:50%;visibility:hidden;z-index:10;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.order-form{background:rgba(255,255,255,0.7);border-radius:10px 10px 0 0;width:310px;padding:25px 0 25px 0;}
.order-form input[type="text"]{margin-left:none;width:240px;}
.overlay:target+.popup{opacity:1;visibility:visible;}
.feedbackf{width:930px;border-radius:9px;position:relative;text-align:center;}
.feedbackf img{margin-right:15px;border-radius:5px;border:1px solid #fff;}
.feedbackf img:last-child{margin-right:0;}
#what{padding-top:40px;width:100%;}
#what h2{letter-spacing:-0.05em;}
#what p{font-size:20px;color:#7f8c8d;text-align:center;line-height:1.4em;letter-spacing:-0.01em;}
/*#what_blocks{background:url(../images/odnostranichnik-in-ua.gif) no-repeat scroll center top transparent;margin-top:50px;width:100%;height:550px;position:relative;}*/
#what_blocks h3{font-size:24px;height:70px;margin-bottom:5px;}
#what_blocks .block{position:absolute;color:#ffffff;font-size:16px;width:238px;}
#what_blocks .block a{color:#3498db;line-height:1.4em;text-decoration:none;border-bottom:1px dashed;}
#what_blocks .block a:hover{border-bottom:1px dotted;}
#what_blocks .block.b1{text-align:right;left:0px;top:22px;}
#what_blocks .block.b2{text-align:right;left:0px;top:102px;}
#what_blocks .block.b3{text-align:right;left:0px;top:182px;}
#what_blocks .block.b4{text-align:right;left:0px;top:302px;}
#what_blocks .block.b5{text-align:right;left:0px;top:457px;}
#what_blocks .block.b6{text-align:left;right:0px;top:32px;}
#what_blocks .block.b7{text-align:left;right:0px;top:102px;}
#what_blocks .block.b8{text-align:left;right:0px;top:237px;}
#what_blocks .block.b9{text-align:left;right:0px;top:377px;}
#what_blocks .block.b10{text-align:left;right:0px;top:457px;}
#what_blocks .left-box{position:absolute;width:470px;height:550px;top:0px;left:0px;}
#left_block{padding:20px;width:380px;height:500px;display:none;background-color:#FFFFFF;left:50%;position:fixed;top:50%;z-index:99999;}
#left_block .button{width:100%;text-align:center;box-sizing:border-box;margin-top:20px;}
#right_block{padding:20px;width:380px;height:500px;display:none;background-color:#FFFFFF;left:50%;position:fixed;top:50%;z-index:99999;}
#right_block .button{width:100%;text-align:center;box-sizing:border-box;margin-top:20px;}
#better{border-top:5px solid #161f28;background:url(../images/better.jpg) no-repeat scroll center top transparent;height:415px;}
#better h3{margin:0.3em 0 0.9em;text-align:center;font-size:40px;color:#ffffff;}
#better .conteiner>div{vertical-align:top;width:49%;display:inline-block;text-align:center;}
#better .conteiner>div>p{font-size:20px;color:#ffffff;text-align:center;margin:10px 0;}
#better .conteiner>div>img{max-width:100%;height:auto;}
#g1-section-9.g1-section{background-image:url(/images/roadmap_background_clear.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:static;padding-bottom:0px;padding-top:0px;}
.g1-content-layout-wide-narrow .g1-section{max-width:100%;}
.g1-section{margin:0 auto;padding:3em 0 1.5em 0;}
.g1-layout-inner{margin-left:auto;margin-right:auto;}
.g1-grid{width:100%;min-height:1px;letter-spacing:-0.31em;}
ul.g1-grid{margin:0;list-style:none;}

.contact1 {

		/*height: 250px;
		width: 250px;
		background: rgba(0, 0, 0, 0.1);*/

		border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		-webkit-border-radius: 2px;
}
.contact1 .envelope {
		position: relative;
		height: 93px;
		width: 165px;
		left: 50%;
		margin-left: -83px;
		top: 50%;
		margin-top: -50px;
		background: #F9F9F9;

		transition: margin-top 300ms;
		-ms-transition: margin-top 300ms;
		-moz-transition: margin-top 300ms;
		-o-transition: margin-top 300ms;
		-webkit-transition: margin-top 300ms;
}
.contact1:hover .envelope {
		transition-delay: 150ms;
		-ms-transition-delay: 150ms;
		-moz-transition-delay: 150ms;
		-o-transition-delay: 150ms;
		margin-top: -20px;
}
.contact1 .envelope .top {
		position: absolute;
		top: -3px;
		left: 0px;
		width: 100%;
		height: 73px;
		z-index: 30;
		overflow: hidden;

		transform-origin: top;
		-ms-transform-origin: top;
		-moz-transform-origin: top;
		-o-transform-origin: top;
		-webkit-transform-origin: top;

		transition: transform 300ms 150ms, z-index 0ms 150ms, height 300ms 0ms, top 300ms 0ms;
		-ms-transition: -ms-transform 300ms 150ms, z-index 0ms 150ms, height 300ms 0ms, top 300ms 0ms;
		-moz-transition: -moz-transform 300ms 150ms, z-index 0ms 150ms, height 300ms 0ms, top 300ms 0ms;
		-o-transition: -o-transform 300ms 150ms, z-index 0ms 150ms, height 300ms 0ms, top 300ms 0ms;
		-webkit-transition: -webkit-transform 300ms 150ms, z-index 0ms 150ms, height 300ms 0ms, top 300ms 0ms;
}
.contact1:hover .envelope .top {
		transition: transform 300ms 0ms, height 300ms 150ms, top 300ms 150ms;
		-ms-transition: -ms-transform 300ms 0ms, height 300ms 150ms, top 300ms 150ms;
		-moz-transition: -moz-transform 300ms 0ms, height 300ms 150ms, top 300ms 150ms;
		-o-transition: -o-transform 300ms 0ms, height 300ms 150ms, top 300ms 150ms;
		-webkit-transition: -webkit-transform 300ms 0ms, height 300ms 150ms, top 300ms 150ms;

		height: 10px;
		top: -60px;

		transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg);
}
.contact1 .envelope .outer {
		position: absolute;
		bottom: 0px;
		left: 0px;
		border-left: 83px solid transparent;
		border-right: 82px solid transparent;
		border-top: 70px solid #EEE;
}
.contact1 .envelope .outer .inner {
		position: absolute;
		left: -81px;
		top: -73px;
		border-left: 81px solid transparent;
		border-right: 80px solid transparent;
		border-top: 68px solid #333;
}
.contact1 .envelope .bottom {
		position: absolute;
		z-index: 20;
		bottom: 0px;
		left: 2px;
		border-left: 81px solid transparent;
		border-right: 80px solid transparent;
		border-bottom: 45px solid #333;
}
.contact1 .envelope .left {
		position: absolute;
		z-index: 20; top: 0px;
		left: 0px;
		border-left: 81px solid #333;
		border-top: 45px solid transparent;
		border-bottom: 45px solid transparent;
}
.contact1 .envelope .right {
		position: absolute;
		z-index: 20;
		top: 0px;
		right: 0px;
		border-right: 80px solid #333;
		border-top: 45px solid transparent;
		border-bottom: 45px solid transparent;
}
.contact1 .envelope .cover {
		position: absolute;
		z-index: 15;
		bottom: 0px;
		left: 0px;
		height: 55%;
		width: 100%;
		background: #EEE;
}
.contact1 .envelope .paper {
		position: absolute;
		height: 83px;
		padding-top: 10px;
		width: 100%;
		top: 0px;
		left: 0px;
		background: #F9F9F9;
		z-index: 10;
		transition: margin-top 300ms 0ms;
		-ms-transition: margin-top 300ms 0ms;
		-moz-transition: margin-top 300ms 0ms;
		-o-transition: margin-top 300ms 0ms;
		-webkit-transition: margin-top 300ms 0ms;
}
.contact1:hover .envelope .paper {
		margin-top: -60px;
		transition: margin-top 300ms 150ms;
		-ms-transition: margin-top 300ms 150ms;
		-moz-transition: margin-top 300ms 150ms;
		-o-transition: margin-top 300ms 150ms;
		-webkit-transition: margin-top 300ms 150ms;
}
.contact1 .envelope .paper a {
		position: relative;
		display: block;
		font-size: 14px;
		margin: 5px;
		margin-bottom: 0px;
		text-align: center;
		color: #333;
		text-decoration: none;
}
.contact1 .envelope .paper a.call .i {
		position: absolute;
		top: 2px;
		left: 20px;
		display: inline-block;
		width: 3px;
		height: 5px;
		border-width: 5px 0 5px 2px;
		border-style: solid;
		border-color: #555;
		background: transparent;

		transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);

		border-top-left-radius: 3px 5px;
		border-bottom-left-radius: 3px 5px;
		-moz-border-radius-topleft: 3px 5px;
		-moz-border-radius-bottomleft: 3px 5px;
		-webkit-border-top-left-radius: 3px 5px;
		-webkit-border-bottom-left-radius: 3px 5px;

		transition: border-color 300ms;
		-ms-transition: border-color 300ms;
		-moz-transition: border-color 300ms;
		-o-transition: border-color 300ms;
		-webkit-transition: border-color 300ms;
}
.contact1 .envelope .paper a {
		color: #333;

		transition: color 200ms;
		-ms-transition: color 200ms;
		-moz-transition: color 200ms;
		-o-transition: color 200ms;
		-webkit-transition: color 200ms;
}
.contact1 .envelope .paper a:hover {
		color: #EEE;
}
.contact1 .envelope .paper a.call:hover .i {
		border-color: #DDD;
}
.contact1 .envelope .paper a.mail .i {
		position: absolute;
		top: 0px;
		left: 17px;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
}