*{margin:0; padding:0;}

@font-face {
  font-family: "AGForeigner";
  src: url("../fonts/AGForeignerBlackC-Italic.otf") format("opentype");
}
.cufon{font-family:AGForeigner, Arial, Helvetica, sans-serif;}


/* FONTS */

@font-face {
  font-family: 'AGForeigner';
  src: url('../fonts/AGForeignerBlackC-Italic.eot?') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AGForeigner';
  src:  url('../fonts/AGForeignerBlackC-Italic.ttf')  format('truetype'),
	    url('../fonts/AGForeignerBlackC-Italic.woff') format('woff'), 
		url('../fonts/AGForeignerBlackC-Italic.ttf')  format('truetype'), 
		url('../fonts/AGForeignerBlackC-Italic.svg#AGForeigner') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: ‘AGForeigner';
src: url(‘../fonts/AGForeignerBlackC-Italic.svg’) format(‘svg’);
}}


.doing{display:inline-block; width:280px;padding:15px; color:#444; text-decoration:none;vertical-align:top;}
.doing h1 {display:block; width:280px; font-size:28px;font-weight:normal;}
.doing:hover {background:rgba(234,234,234,0.35);}


body{color:#111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; min-width:1024px;}
.topBanner {display:block;width:100%;}
.topBanner img {display:block;width:100%; display:block;}
.clogo{display:block; float:left;height:60px;margin:15px; color:rgba(255,255,255,0); text-decoration:none; border:none;}
.clogo img {height:60px;}
.menuholder { height:79px; width:100%; display:block; position:fixed; background:rgba(255,255,255,0.95);z-index:5555;border-bottom:#ccc 1px solid;float:left;top:0;}
.menu{height:50px;position:relative; margin:15px; list-style:none;float:right;}
.menu li {display:block; float:left; height:50px;padding:0 10px;line-height:100px;}
.menu li a{ display:block; width:100%; border:none; text-decoration:none; color:#666; font-size:14px; line-height:50px;}
.menu li a img{display:block; width:36px;height:36px; border:none; margin:15px auto 8px auto;progid:DXImageTransform.Microsoft.Alpha(opacity=45);-moz-opacity: 0.45;-khtml-opacity: 0.45;opacity: 0.45;}
.menu li a:hover{ display:block; width:100%; height:100%; border:none; text-decoration:none; color:#222;}
.menu li a:hover img{progid:DXImageTransform.Microsoft.Alpha(opacity=7);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.cont{display:block; float:right; height:100px;padding:15px; width:150px; font-size:11px;}
.holder {display:block; width:100%; position: relative; margin:0 auto;left:0;right:0;min-width:1024px; z-index:25; float:left;}
.content{ display:block; width:45%; position:relative; margin:0 auto; padding:25px 0px;}
.contenti{ display:block; width:962px; position:relative; margin:0 auto; padding:25px 0px;}
.contenti-pref{ display:block; width:25%; position:relative; margin:2% 2% 12% 2%; padding:2%;float:left;}
.contentins{ display:block; width:962px; position:relative; margin:0 auto; padding:25px 0px;}
.servHeader{display:block; width:962px; position:relative; margin:0 auto; padding:25px 0px; background:url(../img/arrowDown.jpg) center left no-repeat; background-position:220px center;}
.pad{ display:block; width:100%; position:relative; margin:0 auto;background:url(../img/padBg.jpg); float:left;}
.button {display:block; position:relative; height:auto; float:left; width:22%;  padding:19px; background:url(../img/butBg.jpg); border:#999 1px solid;}
.button:hover {background:url(../img/butBgHover.jpg); border:#555 1px solid;}
.button img {width:80%; position:relative; margin:0 10%;}
.button h2 {width:50%; float:left; border-bottom:#333 1px solid;padding:5px 0;}
.introtext {width:100%; float:left; font-style:italic; font-size:10px; margin:10px 0;}
.moreb { display:block; float:left; width:151px; height:30px;background:url(../img/more_blue.png) left top no-repeat; margin:25px 0;  text-decoration:none; cursor:pointer; position:relative; z-index:45;}
.morebst { display:block; float:left; width:100%; height:30px;background:url(../img/more_blue.png) center top no-repeat;margin:50px auto; position:relative; left:0; right:0; }
.morebst:hover { background:url(../img/more_blue.png) center bottom no-repeat;  }
.morew { display:block; float:left; width:151px; height:30px;background:url(../img/more_white.png) left top no-repeat; margin:25px 0;  text-decoration:none; cursor:pointer; margin-bottom:55px;}
.moreb:hover { background-position:bottom left;}
.morew:hover { background-position:bottom left;}
.contactList {display:block; width:412px; padding:25px; position: relative; left:70%; margin-left:-206px; margin-top:-350px; color:#777; background:rgba(255,255,255,.75); float:left;}
.foot{ display:block; width:100%; position:relative; margin:0 auto; height:645px; padding:25px 0px  0px  0px; background:url(../img/newer.jpg) rgb(102,102,102);}
.developer {display:block; width:100%; position: relative;height: 68px; margin:-85px 0 15px 0; background:url(../img/madeit.png) top center no-repeat; text-decoration:none;}
.developer:hover {background:url(../img/madeit.png) bottom center no-repeat; }
.modal{ display:none;position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.78); z-index:999; top:0; left:0;}
.paggy {display:block; position:relative; height:auto; float:left; width:962px; height:550px; padding:19px; background:url(../img/butBg.jpg); margin-left:-481px; left:50%; top:50%; margin-top:-290px; overflow-y:scroll;}
.paggy img.ill {width:45%; float:left;}
.paggy h2 {width:50%; border-bottom:#333 1px solid;padding:5px 0;float:left;}
.paggy .introtext {width:50%;  font-style:italic; font-size:12px; margin:10px 0;}
.closeb{ position:absolute; top:15px; left:15px; cursor:pointer;width:54px; display:block;}
.contentin { display:block; width:100%; min-height:230px;}
.insr { display:block; width:300px; height:180px; margin:2px; float:left;}
.serv {float:left; width:260px; text-align:left; padding:28px; height:260px; font-size:18px;progid:DXImageTransform.Microsoft.Alpha(opacity=65);-moz-opacity: 0.65;-khtml-opacity: 0.65;opacity: 0.65;}
.serv:hover {progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.botlogo {float:left; padding-right:25px;border-right:1px #fff solid;}

.socStripe {
    background: rgba(0,0,0,0.75);
    height: 40px;
    left: 0;
    right: 0;
    margin: -100px auto 0 auto;
    position: relative;
    font-size: 46px;
    color: #fff;
    text-align: center;
	width:100%;
    min-width: 1024px;
	display:block;
	padding:30px 0px;
	float:left;
	z-index:75;
}

.socStripe a {
    display: inline-block;
    
    margin: auto 5px;
}

.socStripe a:hover {
    background-position: bottom left
}

.socStripe p {
    display: inline-block;
}

.fb {
    background: url(../img/fb.png) top left no-repeat;width:24px; height:40px;
}

.vk {
    background: url(../img/vk.png) top left no-repeat; width:76px; height:40px;
}

.tw {
    background: url(../img/tw.png) top left no-repeat;width:47px; height:40px;
}

.twt {
    background: url(../img/twt.png) top left no-repeat;
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 25px 5px;
}

.twt:hover {
    background-position: bottom left
}

.yt {
    background: url(../img/yt.png) top left no-repeat
}

.sk {
    background: url(../img/sk.png) top left no-repeat
}

.pn {
    background: url(../img/pn.png) top left no-repeat
}

.price {color:#FFF;margin:15px; padding:15px; font-size:55px;}
.servc {display:block; text-decoration:none; color:#FFF; border:none; margin:10px; position:relative; width:459px; height:345px; overflow:hidden; font-size:14px; text-align:left; float:left;}
.servc h2 { width:179px; text-align:left;display:block; margin-bottom:15px;}

.servc img {height:100%;progid:DXImageTransform.Microsoft.Alpha(opacity=68);-moz-opacity: 0.68;-khtml-opacity: 0.68;opacity: 0.68;}
.servc span { width:189px; height:310px; padding:15px; display:block; float:left; position:absolute; background:rgba(66,66,66,0.75); z-index:44;} 
.servc:hover img {height:100%;progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.servc:hover span { background:rgba(130,208,16,0.75); z-index:44;} 
.rub {display:inline-block;position:relative;padding-right:20px; background:url(../img/rubsmall.png) center right no-repeat; font-size:28px; font-weight:normal;}
.servc.advance {display:block; text-decoration:none; color:#FFF; border:none; margin:10px; position:relative; width:940px; height:528px; overflow:hidden; font-size:14px; text-align:left; float:left;}
.servc.advance span { width:189px; height:505px; padding:15px; display:block; float:left; position:absolute; background:rgba(66,66,66,0.75); z-index:44;} 
.servc.advance:hover span { background:rgba(130,208,16,0.75); z-index:44;} 

.text { border:#a4cc5f 1px solid; display:inline-block;margin:7px 0; padding:3px; -moz-border-radius: 6px;-khtml-border-radius: 6px;	-webkit-border-radius: 6px;}
.label { color:#FFF; display:inline-block;margin:7px 0; font-size:14px; padding:3px 0;}
.butt { display:inline-block; color:#FFF; height:35px; padding:10px; cursor:pointer; position:relative; z-index:55; text-decoration:none; margin-left:15px; margin-top:17px; border:none; text-transform:uppercase;background:rgba(140,174,81,1);-moz-border-radius-bottomright: 8px;-khtml-border-radius-bottomright: 8px;	-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft: 8px;-khtml-border-radius-bottomleft: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topright: 8px;-khtml-border-radius-topright: 8px;	-webkit-border-top-right-radius:8px;-moz-border-radius-topleft: 8px;-khtml-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;}
.butt:hover {background:rgba(175,218,101,1); color:#FFF;}
#recaptcha_area{background:rgb(255,255,255);}


.hholder{margin-bottom:75px;display:block; width:100%;margin-top:-170px;}
.newTitleTech {color:#FFF;line-height:55px; width:1002px; display:block; margin-left:25px;font-size:55px; font-weight:normal; top:25%; padding:25px 0 25px 0;display:block;}

p{margin:10px auto;}


.popupsic {display:none; position:fixed; top:0; width:30%; height:90%; padding:5%;background:rgba(0,0,0,0.85);right:0;z-index:9999;color:#FFF;font-family: 'AGForeigner'; font-size:10px;overflow-y:scroll;}

.popupsic h1,.popupsic h2{font-size:12px;}