@charset "utf-8";
body { font-family:pf_agora_slab_proregular, Arial, Helvetica, sans-serif; font-size:16px; color:#2e2e2e; background:#fff; }
body, form, .nav, .nav li, h1, h2, h3, iframe, .btn { list-style:none; padding:0; margin:0; }
img { border:0 none;}
a { color:#006f9d; }
a.ajax-link { text-decoration:none; border-bottom:1px dashed; }
.clear { clear:both; }
.grey { color:#7c7c7c; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f18 { font-size:18px; }
.f22 { font-size:22px; }
.agora-bold, .tarif-title, .tarif-price strong { font-family:pf_agora_slab_probold, Arial, Helvetica, sans-serif; }
.arial, .tarif-announce { font-family:Arial, Helvetica, sans-serif; }
.c { text-align:center; }

input, textarea, button {
	border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-family: inherit;
    padding: 0.428571rem;
	vertical-align:middle;
}
input[type="checkbox"], 
input[type="radio"], 
input[type="file"], 
input[type="hidden"], 
input[type="image"], 
input[type="color"] {
    border: 0 none;
    border-radius: 0 0 0 0;
    padding: 0;
}
button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"] {
    cursor: pointer;
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-size: 0.785714rem;
    font-weight: normal;
    line-height: 1.42857;
    padding: 0.428571rem 0.714286rem;
}

#tm-box { height:53px; background:url(images/tmbg.gif) 0 100% repeat-x #f1f1f1; border-top:1px solid #fff; border-bottom:1px solid #c1c1c1; margin-bottom:25px; }
#tm-box li { float:left; width:25%; background:url(images/tm.gif) 100% 0 no-repeat; }
#tm-box li:last-child { background:none; }
#tm-box a { display:block; height:53px; padding-bottom:10px; color:#292929; line-height:53px; text-align:center; }
#tm-box a.selected { background:url(images/tma.gif) 50% 100% no-repeat; }
.page-width { width:940px; margin:0 auto; }
#rainbow { height:8px; overflow:hidden; position:relative; text-align:center; }
#rainbow img { position:absolute; top:0; z-index:2; left:50%; margin-left:-580px; }
#blue, #magenta { position:absolute; top:0; z-index:1; width:50%; height:8px; left:0; background:#00a0e3; }
#magenta { left:50%; background:#935fb9; }

#info-box { background:#eaf5f9; width:100%; height:27px; padding:8px 0; border:1px solid #d1dee3; border-radius:10px; font-size:14px; margin-bottom:20px; }
#info-box li { text-align:center; height:27px; line-height:27px; float:left; }
#phone-li { width:344px; border-right:1px dotted #5e6264; }
#phone-li strong { margin-left:5px;}
#chat-li { width:314px; border-right:1px dotted #5e6264; }
#chat-li span { display:inline-block; height:19px; padding:0 10px; background:#a8c936; line-height:19px; border-radius:3px; color:#fff; font-size:12px; font-weight:bold; text-shadow:1px 1px 1px #999; margin:0 8px; }
#login-li { width:280px; }

#info-box2 { float:right; background:#eaf5f9; height:81px; border:1px solid #d1dee3; border-radius:10px; font-size:14px; }
#info-box2 li { float:left; }
#chat2-li { padding:15px 28px 0 67px; background:url(images/chat2.gif) 16px 20px no-repeat; height:66px; border-right:1px solid #d1dee3; }
#or-li { background:#eaf5f9; width:26px; margin:29px 0 0 -13px; height:23px; line-height:23px; }
#phone2-li { padding:12px 20px 0 30px; }
#phone2-num { height:22px; line-height:22px; font-size:22px; font-weight:bold; }
#phone2-num span { position:relative; top:-4px; color:#7c7c7c; font-size:14px; font-weight:normal; }
#logo, #menu { float:left; margin-bottom:20px; }
#menu { margin-left:53px; }
#menu li { height:67px; float:left; line-height:82px; padding:0 17px; }
#menu a:hover { color:#2e2e2e; text-decoration:none; }

#menu.menu-l { margin-left:0; }
#menu.menu-l li { height:44px; line-height:44px; }
#info-box.menu-r { width:auto; float:right; }
.menu-r #login-li { width:230px; }

h2 { font-size:26px; margin-bottom:20px; }
h1, h3 { font-size:28px; margin-bottom:10px; }
#inner h3 { font-size:22px; border-bottom:1px solid #d1dee3; margin-top:35px; padding-bottom:5px; }

#text-box { width:480px; float:left; }
#video-box { width:420px; float:right; }
.video-wrap { background:#00a0e3; border-radius:4px; padding:10px 10px 6px; }
#tarifs { margin:30px -20px 0 0; height:330px; }
.tarif { float:left; width:220px; height:275px; position:relative; margin-right:20px; background:#03a1de; color:#fff; }
.tarif-title { height:50px; line-height:50px; text-align:center; border-bottom:1px dotted #fff; font-size:18px; text-shadow:1px 1px 1px #333; }
.tarif-announce { padding:14px 20px 0; height:150px; font-size:12px; }
.tarif-price { height:40px; line-height:24px; text-align:center; font-size:22px; text-shadow:1px 1px 1px #333; }
.tarif-price strong { font-size:32px; }
.tarif-more { display:block; margin:0 auto; width:130px; height:32px; line-height:32px; border:1px solid #03a1de; color:#2e2e2e; text-decoration:none; border-radius:17px; text-align:center; background:#fff; }
.tarif2 { background:#a0c533; }
.tarif2 .tarif-more { border-color:#a0c533; }
.tarif3 { background:#fd7622; }
.tarif3 .tarif-more { border-color:#fd7622; }
.tarif4 { background:#b1608b; }
.tarif4 .tarif-more { border-color:#b1608b; }

#demos { border-top:1px solid #ebebeb; padding:30px 0; background:url(images/grad1.gif) 0 0 repeat-x #fff; }
input.btn, button.btn, a.btn { display:inline-block; background:url(images/btn.gif) 0 100% repeat-x #00ace7; height:40px; line-height:40px; border-radius:3px; padding:0 20px; border:1px solid #048ec8; border-top-color:#0397d5; border-bottom-color:#0681b4; color:#fff; text-decoration:none; text-shadow:1px 1px 0 #0076a9; }
input.btn-yellow, button.btn-yellow, a.btn-yellow { border-color:#c38811; text-shadow:1px 1px 0 #b3750b; background:url(images/btn-yellow.gif) 0 100% repeat-x #f3ab19; }
.btn:active { position:relative; top:1px; left:1px; }

.demos { float:left; width:229px; height:221px; overflow:hidden; position:relative; margin:30px 6px 0 0; }
.demos .example { position:absolute; left:11px; top:10px; z-index:1; border-radius:100px;  }
.example-hover { position:absolute; left:0; top:0; z-index:2; display:block; width:220px; height:133px; padding-top:88px; padding-right:8px; background:url(images/example-hover.png) 0 0 no-repeat; opacity:0; font-size:18px; color:#2e2e2e; text-decoration:none; }
.example-hover strong { font-size:20px; }
.example-hover:hover { opacity:1; }

#promo-tabs .ui-tabs-nav { height:36px; overflow:hidden; }
#promo-tabs .ui-tabs-nav li { float:left; height:36px; font-weight:bold; font-size:18px; margin-right:-5px;  position:relative; }
#promo-tabs .ui-tabs-nav li.ui-tabs-active { z-index:6; }
#promo-tabs .ui-tabs-nav a { display:block; float:left; height:36px; line-height:36px; padding:0 15px; color:#fff; background:#2db1e4; border-radius:13px 13px 0 0; text-decoration:none; text-shadow:1px 1px 1px #333; }
#promo-tabs .ui-tabs-panel { clear:both; border-top:6px solid #2db1e4; }
/*#promo-tabs .ui-tabs-panel .page-width {  height:250px; width:565px; }*/
#promo-tabs .ui-tabs-nav li:before,
#promo-tabs .ui-tabs-nav li:after { position:absolute; bottom:-1px; width:6px; height:6px; content:" "; }
#promo-tabs .ui-tabs-nav li:before { left:-6px; border-bottom-right-radius:6px; border-width: 0 1px 1px 0; }
#promo-tabs .ui-tabs-nav li:after { right: -6px; border-bottom-left-radius:6px; border-width: 0 0 1px 1px; }

.promotabs { background:url(/images/emp.gif) 0 50% no-repeat; padding:0 0 0 375px; width:565px; height:320px; display:table-cell; vertical-align:middle; text-align:left; }
#tli1 { z-index:5; }
#tli1:before { box-shadow:2px 2px 0 #2db1e4; }
#tli1:after { box-shadow:-2px 2px 0 #2db1e4; }
/*#promo-tabs #tab1 .page-width { background:url(images/clocks.jpg) 0 15px no-repeat; }*/
#tli2 { z-index:4; }
#tli2:before { box-shadow:2px 2px 0 #a0c533; border-color:#a0c533; }
#tli2:after { box-shadow:-2px 2px 0 #a0c533; border-color:#a0c533; }
#promo-tabs li#tli2 a { background-color:#a0c533; }
#promo-tabs #tab2 { border-top-color:#a0c533; }
#tli3 { z-index:3; }
#tli3:before { box-shadow:2px 2px 0 #ecc84a; border-color:#ecc84a; }
#tli3:after { box-shadow:-2px 2px 0 #ecc84a; border-color:#ecc84a; }
#promo-tabs li#tli3 a { background-color:#ecc84a; }
#promo-tabs #tab3 { border-top-color:#ecc84a; }
#tli4 { z-index:2; }
#tli4:before { box-shadow:2px 2px 0 #df7c3f; border-color:#df7c3f; }
#tli4:after { box-shadow:-2px 2px 0 #df7c3f; border-color:#df7c3f; }
#promo-tabs li#tli4 a { background-color:#df7c3f; }
#promo-tabs #tab4 { border-top-color:#df7c3f; }
#tli5 { z-index:1; }
#tli5:before { box-shadow:2px 2px 0 #b6608b; border-color:#b6608b; }
#tli5:after { box-shadow:-2px 2px 0 #b6608b; border-color:#b6608b; }
#promo-tabs li#tli5 a { background-color:#b6608b; }
#promo-tabs #tab5 { border-top-color:#b6608b; }
.ui-tabs-hide { display:none; }

.promo-slides { height:320px; width:940px; }
.promo-slides li { height:320px; width:100%; float:left; }
#promo-tabs .anythingSlider { position:relative; }
#promo-tabs .anythingWindow { overflow:hidden; position:relative; width:100%; height:100%; }
#promo-tabs .anythingBase { position:absolute; left:0; top:0; }
#promo-tabs .anythingControls { position:absolute; bottom:15px; left:375px; }
#promo-tabs .thumbNav, .promo-slides .thumbNav li { list-style:none; padding:0; margin:0; }
#promo-tabs .thumbNav li { float:left; width:27px; height:27px; overflow:hidden; margin-right:4px; }
#promo-tabs .thumbNav a { display:block; float:left; width:27px; height:27px; line-height:27px; font-size:14px; text-decoration:none; color:#fff; text-shadow:1px 1px 1px #333; text-align:center; background:url(images/as-pages.png) 0 0 no-repeat; }
#promo-tabs .thumbNav a.cur { background-position:-30px 0; }
#promo-tabs .anythingSlider .arrow { position:absolute; top:0; }
#promo-tabs .anythingSlider .arrow a { display:block; width:52px; height:320px; background:url(images/as-back.png) 0 50% no-repeat; }
#promo-tabs .anythingSlider .forward a { background-image:url(images/as-forward.png); }
#promo-tabs .anythingSlider .back { left:-52px; }
#promo-tabs .anythingSlider .forward { right:-52px; }

#footer { background:#2f3136; padding:30px 0; margin-top:50px; color:#fff; }
.fblox { float:left; margin-right:46px; }
.fblox div { margin-bottom:5px; }
.fblox a { font-size:14px; }
#copy { float:right; padding-top:27px; }
#copy a { color:#fff; }

#city-selector { padding:5px 10px; border:1px solid #7c7c7c; border-radius:6px; background:#fff; display:none; position:absolute; z-index:10; font-size:14px; }
#city-selector li { line-height:20px; white-space:nowrap; }

#inner { border:1px solid #e1e1e1; border-radius:10px; font-family:Arial, Helvetica, sans-serif; }
#inleft { width:637px; float:left; border-radius:9px 0 0 9px; padding:18px 25px; }
#inleft.fullwidth { width:auto; float:none; }
#inright { padding:18px 0; width:250px; float:right; border-left:1px solid #e1e1e1; background:url(images/inright.gif) 0 0 repeat-y #e9f5f9; border-radius:0 9px 9px 0; }

.headr { padding-left:42px; height:16px; line-height:16px; background:url(/images/emp.gif) 19px 0 no-repeat; margin-bottom:15px;  }
#inright a { display:block; padding-left:42px; white-space:nowrap; height:27px; line-height:27px; font-size:12px; }
#inright a:hover { background:#049bda; color:#fff; text-decoration:none; }
.login1 { background-image:url(images/login1.gif); }
.balance1 { background-image:url(images/balance1.gif); }
.profile1 { background-image:url(images/profile1.gif); }
.dots { height:0; border-bottom:1px dotted #a3abae; margin:15px 0; }
#breadcrumbs { font-size:12px; line-height:14px; margin-bottom:30px; }

.ui-file-wrapper, .ui-file-fake-wrapper { position:relative; display:inline-block; height:32px; }
.ui-file { position:absolute; left:0; top:0; opacity:0; width:300px; height:32px; text-align:right; z-index:10; }
.ui-file-fake-input { width: 220px; height:30px; line-height:30px; margin:0 15px 0 0; border:1px solid #d1dee3; background:#f0f5f7; font-size:22px; padding:0 5px; border-radius:5px; }
.ui-file-fake-button, .btn30 { height:32px; line-height:30px; position:relative; top:-1px; }

.input1 {  height:30px; line-height:30px; border:1px solid #d1dee3; background:#f0f5f7; font-size:22px; padding:0 5px; border-radius:5px; }
.charge-div { padding:20px 35px; }

#calc-box {}
#calc-box h3 {
	font-weight:bold;
	font-size:18px;
	color:#3890c2;
	line-height:1;
	border-bottom:1px solid #e1e1e1;
	height:9px;
	margin:1em 0 1.5em;
	padding:0;
}
#calc-box h3 span {
	display:inline-block;
	padding-right:35px;
	background:#fff;
}
#calc-packets, #calc-packets li {
	list-style:none;
	padding:0;
	margin:0;
	height:63px;
	white-space:nowrap;
}
#calc-packets li {
	float:left;
	margin-right:9px;
}
.calc-packets {
	display:inline-block;
	height:41px;
	line-height:41px;
	padding:0 13px;
	color:#2f3136;
	font-size:16px;
	font-weight:bold;
	border:1px solid #d6d6d6;
	border-radius:6px;
	background:url(data:image/gif;base64,R0lGODlhAQAoAMQAAO3t7erq6uzs7Ojo6PDw8OTk5O7u7vHx8evr6/X19eXl5fLy8u/v7+np6ebm5vPz8+fn5/j4+Pf39/T09Pb29gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABACgAAAUeYCRKJGVSSTKtz7Msx0EwjAEICBI0zQBBDodCUQgBADs=) 0 0 repeat-x #e4e4e4;
	text-decoration:none;
}
.packet-selected {
	background:#494b4d;
	border-color:#232429;
	color:#fff;	
}
#calc-box #calc-packet-desc {
	border:1px solid #f4f2d5;
	border-radius:6px;
	background:url(data:image/gif;base64,R0lGODlhHAAXALMAAPXz1/385/786f796vz75vr44fb02vf12/j33vv65Pv54/X02Pn44Pj23fTy1f/+7CH5BAAAAAAALAAAAAAcABcAAASw8Mk5R6KYCpKpAs7VSUPhAEInHE57jA+xtE6RBeBpjwq9iB6aIQBD0BqDmzA5MrUQqpyB2UnQoB0DLTUS5Ba8K+xhbClGsxaxSwOMrC03jHEc0VsGgj571a8nLDSCB38PgocITIGHcX+MglMPi48GE4+CDA93lw5cWpxgPZwOHGSjDg8Dp2twl3JOj2CAnFgDn4ylEjiPAFQDmy0LuRMrhwdcGgoFBUAdAcsFhWPTHREAOw==) 23px 19px no-repeat #fffeec;
	padding:10px 30px 10px 65px;
	display:none; 
	font-size:13px;
}
.usl-checks {
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px;
	background:url(data:image/gif;base64,R0lGODlhEgAqALMAAPr6+ubm5ujo6NTU1Pv7+/n5+dDQ0NPT0+Tk5Pj4+Orq6uXl5enp6W5vcs/Pz////yH5BAAAAAAALAAAAAASACoAAASU8IEwnL14BPCKEdwjjiMgGEUgkCwrBAfRzg9xODRt5WMz7ryGTwQUDXvCHw6JPD6KD6FPyoJGpU7ikkRtWY26Le8XG49sKrOIsfAoQjSAAvVIICqY/ACRUPv/gIGCgRN4eRcaHB4gPCYoaWovZWo2YmZfPJg5mmGAnDOfXpZjoVWjmZNmaCtqbG5wM3J0doaHDnt9EQA7) 0 -24px no-repeat;
	cursor:pointer;
	text-indent:0 !important;
}
.usl-checks input {
	opacity:0;
	cursor:pointer;
	width:18px;
	height:18px;
	margin:0;
}
.usl-checked {
	background-position:0 0;
}
.usl-ul, .usl-ul li {
	padding:0;margin:0;
	list-style:none;
}
.usl-ul li {
	width:410px;
	float:left;
	padding:2px 10px 5px 21px;
	text-indent:-21px;
	font-size:14px;
}
.col3 {
	width:300px;
	float:left;
	margin-right:20px;
}
.col3-end {
	margin-right:0;
}
#calc-box h2 {
	text-align:center;
	font-size:36px;
	color:#00a0e3;
	padding:0; margin:20px 0 80px;
	border-bottom:1px solid #e1e1e1;
	height:1em;
	line-height:2em;
}
#calc-box .h2 {
	display:inline-block;
	padding:0 60px;
	background:#fff;
}
#calc-box h2 em {
	font-size:14px;
	display:block;
	line-height:1;
	font-weight:normal;
	margin-top:-10px;
}
#calc-box #totalcost {
	font-size:72px;
}

#calc-box2 {
	background:url(images/calc-box2.jpg) 100% 0 repeat-y;
	border:1px solid #d0e2e7;
	border-radius:10px;
	padding:20px 25px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#calc-box2 .h1 {
	font-size:20px;
	margin-bottom:15px;
	line-height:1;
	font-weight:bold;
}
#calc-box2 h3 {
	font-size:14px;
	margin-top:10px;
}
#calc-box2 #f_Packet {
	width:100%;
	height:30px;
	line-height:30px;
	font-size:18px;
	border:1px solid #b9b9b9;
	border-radius:2px;
	margin-bottom:5px;
}
#calc-box2 .h2 {
	display:inline-block;
	width:125px;
	height:50px;
	color:#00a0e3;
	font-size:14px;
	font-weight:bold;
	position:relative;
	top:8px;
}
#calc-box2 #totalcost {
	font-size:32px;
}
.usl-box span {
	display:inline-block;
	height:22px;
	line-height:22px;
	color:#fff;
	background:#00a0e3;
	border-radius:2px;
	padding:0 19px 0 9px;
	margin:0 3px 4px 0;
	position:relative;
	overflow:hidden;
}
.usl-box span a {
	display:block;
	height:8px;
	width:9px;
	background:url(data:image/gif;base64,R0lGODlhCAAJALMAAHjG5y6q3je16jGz6QKZ2QiHvGqsyBdadjCy6QKZ2AeJwA+m5RZadhZZdRhbdwCg4yH5BAAAAAAALAAAAAAIAAkAAAQw8BH1nkrSsVKYS8rRMExzKIjhNI1jDNbaBlbprIwS3IbqBAuAQSAwABaPBeyBQEYAADs=) 0 0 no-repeat;
	vertical-align:middle;
	position:absolute;
	z-index:1;
	right:4px; top:7px;
}
#calc-box2 #calc-packet-desc {
	display:none; 
	font-size:13px;
	font-weight:bold;
}
#form-box-bg {
	background:url(data:image/gif;base64,R0lGODlhAQAFAKIAAOHh4evr6/X19fPz8/Dw8AAAAAAAAAAAACH5BAAAAAAALAAAAAABAAUAAAMECEEjCQA7) 0 0 repeat-x #f5f5f5;
	padding:20px;
	margin:0 -25px;
	position:relative;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:20px;
}
#form-box-arrow {
	position:absolute;
	left:50%; top:0;
	background-image: url(data:image/gif;base64,R0lGODlhEgAMAMQAAO3t7f39/f7+/ufn5/z8/PDw8Orq6uTk5Ojo6Ozs7OPj4/v7+/Hx8e7u7vPz8+Xl5ebm5vLy8u/v7/T09PX19f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAASAAwAAAVjoLJUZGmaiwIdxOlWxAE10BO8ZQDNkQQNt1dgAJFEJj0IQuASIIpHClLyMDBLAsPDOKF4p4+EKbGNer+RxgNAAjwa5vOXoZZQG4yuXO5gAAYDAAwOe4V9BQWDhYUTEw4OjYUhADs=);
	width:18px; height:12px;
	margin-left:-9px;
}
#fbl, #fbr {
	float:left;
	width:450px;
	line-height:1.8;
	font-size:14px;
	color:#000;
}
#fbr {
	width:430px;
}
#fbl input {
	margin-bottom:10px;
}
#fbr textarea {
	width:418px;
	height:146px;
}
#form-box label {
	padding-left:6px;
}
#form-box .required, #calc2-screen2 .required {
	font-weight:bold;
	color:#00a0e3;
}
#calc2-screen2 {
	line-height:1.8;
	font-size:14px;
	color:#000;
}
#calc2-btn2 {
	font-size:16px;
}
#calc2-screen2 .input {
	margin-bottom:10px;
	width:350px;
}
#calc2-screen2 em {
	font-size:12px;
}
.design-cats td {
	width:24%;
	vertical-align:top;
	padding:5px .5%;
	font-size:13px;
}
.portfolio-list {
	margin-right:-23px;
}
.portfolio-block {
	float:left;
	width:210px;
	height:140px;
	padding-top:40px;
	position:relative;
	margin:0 10px 10px 0;
	text-align:center;
}
.portfolio-edit {
	position:absolute;
	z-index:3;
	bottom:0;
	right:0;
	opacity:0.5;
}
.portfolio-thumb {
	display:table-cell;
	width:210px; height:140px;
	vertical-align:middle;
}
.portfolio-thumb img {
	padding:1px;
	border:1px solid #e1e1e1;
	border-radius:2px;
}
.portfolio-name {
	position:absolute;
	left:0; top:0;
	width:190px;
	padding:5px 10px;
	background-color:#e9f5f9;
	font-weight:bold;
	font-size:.9em;
}
.portfolio-full img {
	max-width:100%;
}

#designers {
	width:684px;
	margin-left:-22px;
}
.fullwidth #designers {
	width:912px;
	margin-left:-10px;
}
#inleft #designers .demos {
	margin-right:0;
	width:228px;
}
.prev-link, .next-link {
	float:left;
	width:49%;
	font-size:0.9em;
}
.next-link {
	float:right;
	text-align:right;
}
.next-link div, .prev-link div {
	margin-top:5px; font-size:0.9em;
}
.designer-photo {
	border-radius:100px; 
	float:left;
	margin:0 20px 20px 0;
}