@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; background:url(../images/bg.png) repeat;font-family:Arial, Helvetica, sans-serif;}
img{ border:none;}
form,ul,li,span,td,div,p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color:#ce313a;font-weight:bold;}
a:hover  {color:#f00;}
.fabrics td{border:0; padding:0 15px 25px 15px; text-align:center;font-weight:bold;}
.alignright {float:right;}
/*Site Start*/
.tekst {padding: 0 30px;}
.tekst p {text-align:justify; margin: 0 0  20px 0; color: #484848;}
.Polowka{width:360px;padding: 0  20px 10px 20px;float:left;}
.Polowka ul, .tekst ul{margin:0 0 25px 0;}
.Polowka ul li, .tekst ul li{list-style-type:none;font-size:20px;padding:0 0 0 35px;background:url(../images/bullets.png) no-repeat left center;line-height:160%;}
.pink{color:#ce313a;}
/* LIST #5 */
#list5 ol { font-size:24px;}
#list5 ol li { color:#ce313a;}
#list5 ol li ol {  padding:5px 0 5px 18px; font-size:15px; }
#list5 ol li ol li { font-size:20px; color:#444; height:24px; margin-left:10px; }

#wrapper{ width:100%; height:auto; float:left;}
#page{ width:810px; height:auto; margin:0px auto;}
#page-inner{width:800px; height:auto; float:left; background:url(../images/content-bg.png) repeat-y; padding:0px 5px 0px 5px;}
#header{width:800px; height:auto; float:left; border-top:#ce313a solid 5px;}
#content{width:800px; height:auto; float:left; padding-top:55px; padding-bottom:35px;}


/*Header Start*/
.menu-part{width:800px; height:53px; float:left; background:url(../images/menu-bg.png) repeat-x;}
.menu{width:788px; height:auto; float:left; font:Bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
.menu ul li a{ background:url(../images/divater.png) right no-repeat;display:inline-block; float:left;  height:53px; color:#FFF; padding:0px 32px 0px 32px; line-height:50px;}
.menu ul li a:hover{ background:#ce313a;}



.logo-part{width:800px; height:99px; float:left;}
.logo{width:450px; height:auto; float:left; padding:0 14px ;}
.click-connect{width:322px; height:auto; float:left;}

.banner-part,.banner-image{width:800px; height:auto; float:left;}
.banner-text{width:800px; height:auto; float:left; background:#ce313a; padding:28px 0px 28px 0px;}
.banner-text h1{font:Bold 24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;text-shadow: 0px 1px #8b002d; padding-bottom:10px;}
.banner-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

/*Content Start*/
.service-part{width:800px; height:auto; float:left;}

.service-web-design{width:219px;height:auto;float:left; margin-left:20px;}
.service-design{width:287px;height:auto;float:left;margin-left:15px;}
.service-mobile-design{width:259px;height:auto;float:left;}

.service-design-image{width:56px;height:auto;float:left;}

.service-design-text{width:226px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121; padding-top:3px;}
.service-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}


.service-web-design-text{width:160px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;padding-top:3px;}
.service-web-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}


.service-mobile-design-text{width:193px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;}
.service-mobile-design-text span{width:100%;float:left;font:Normal 11px Arial, Helvetica, sans-serif; color:#000;}

.divater{width:800px; height:auto; float:left; text-align:center; margin:40px 0px 40px 0px;}


.welcom-part{width:800px; height:auto; float:left;}

.welcome-about{width:236px;height:auto;float:left; padding-right:20px; padding-left:24px;}
.excellent{width:236px;height:auto;float:left; padding-right:20px;}
.welcome-about h1,.welcome-support h1,.excellent h1{width:236px;float:left;}
.welcome-about h2,.welcome-support h2,.excellent h2{width:236px;float:left;font:Bold 18px Arial, Helvetica, sans-serif; color:#212121; padding:15px 0px 10px 0px;}
.welcome-about p,.welcome-support p,.excellent p{width:236px;float:left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px;}
.welcome-about p a,.welcome-support p a,.excellent p a{width:236px;float:left;color:#ce313a; padding-top:5px;}
.welcome-about h3,.welcome-support h3,.excellent h3{width:236px;float:left;font:Bold 16px Arial, Helvetica, sans-serif; color:#ce313a; padding:15px 0px 5px 0px;}

.welcome-support{width:236px;height:auto;float:left;}

.purchase-part{width:800px; height:auto; float:left;}
.purchase{width:721px; height:auto; float:left; background:#f8f8f8; border:#ebeded solid 1px; margin:0px 23px 10px 23px; padding:21px 0px 21px 31px;}
.purchase-text{width:461px; height:auto; float:left;}
.purchase-text h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#212121;}
.purchase-text p{font:Normal 12px Arial, Helvetica, sans-serif; color:#000000; padding-left:2px; padding-top:4px;}
   
.purchase-buttion{width:240px; height:auto; float:left;background:#ce313a;text-align:center;font-size:28px;font-weight:bold;padding:12px 10px;}
.purchase-buttion a.batonik{color:#fff;}

.client-part{width:769px; height:auto; float:left;margin-left:31px;}


/*Footer Start*/
#footer{width:760px; height:auto; float:left; background:#9ca7ac; border-bottom:#ba0000 solid 6px; padding:14px 22px 9px 20px;margin-left:4px;}    
.footer-logo{ width:300px; height:auto; float:left;margin:0;padding:0;}
.footer-logo img {float:left; margin-right:8px;}
.footer-menu{ width:460px; height:auto; float:left; text-align:right;}
#footer p{font:Normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px;}
.footer-menu p a{color:#ffffff; padding:0px 5px 0px 5px;}
.footer-menu h2{font:Normal 12px Arial, Helvetica, sans-serif; color:#ffffff; padding-top:17px; padding-right:5px;}
.footer-menu h2 a{color:#ffffff;border-bottom:1px dotted white;}
.footer-menu h2 a:hover{border-bottom:1px solid white;}

/*About Start*/
#about-inner{width:800px; height:auto; float:left; padding-top:55px; padding-bottom:35px; border-top:#eeeded solid 1px; background:url(../images/about-inner-bg.png) #FFF repeat-x;}

.about-welcome{width:800px; height:auto; float:left;}
.about-welcome-inner{width:758px; height:auto; float:left; margin:0px 21px 0px 21px;}
.about-welcome-inner h1,.meet-team h1{font:Bold 18px Arial, Helvetica, sans-serif; color:#212121;}
.about-welcome-inner p,.meet-team p{font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px; padding-left:2px; padding-top:10px; padding-right:5px;}
.about-welcome-inner h2{width:748px; height:auto; float:left; border:#eaecec solid 1px; padding:5px; margin-top:20px;}

.meet-team{width:758px; height:auto; float:left; margin:0px 21px 30px 21px;}
.meet-social{width:236px; height:auto; float:left; border-bottom:#dedada solid 1px; border-top:#dedada solid 1px; margin-top:15px;}
.meet-social ul li{ display:inline-block; float:left; padding: 8px 0px 5px 2px;}


/*Service Start*/
.service-list{width:758px; height:auto; float:left; margin-top:15px;}
.service-list-design{width:240px; height:auto; float:left; margin-top:20px;}
.service-list-devlopment{width:280px; height:auto; float:left;margin-top:20px;}
.service-list-mobile{width:238px; height:auto; float:left;margin-top:20px;}

.service-list-design p,.service-list-devlopment p,.service-list-mobile p{font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px; padding-left:2px; padding-top:5px; padding-right:15px;}
.service-list-design p a,.service-list-devlopment p a,.service-list-mobile p a{ width:100%; height:auto; float:left;color:#ce313a; padding-top:5px;}

.service-list-design-inner{width:240px; height:auto; float:left;}
.service-list-devlopment-inner{width:280px; height:auto; float:left;}
.service-list-mobile-inner{width:238px; height:auto; float:left;}

.service-list-design-image{width:43px;height:auto;float:left;}
.service-list-design-text{width:187px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;padding:10px 0px 12px 10px;}
.service-list-devlopment-text{width:227px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;padding:10px 0px 12px 10px;}
.service-list-mobile-text{width:185px;height:auto;float:left; font:Bold 16px Arial, Helvetica, sans-serif; color:#212121;padding:10px 0px 12px 10px;}


/*portfolio Start*/

.our-work-part{width:753px; height:auto; float:left; margin:20px 0px 20px 5px;}
.our-work{ width:225px; height:auto; float:left; border-bottom:#efefef solid 1px; padding-bottom:15px; margin-right:23px; margin-top:20px; margin-bottom:20px;}
.our-work h2{ width:225px;float:left;}
.our-work p{ width:225px;float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#585656; padding-top:10px;}
.our-work p span{width:225px;float: left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c;}

/*Contact Start*/

.contact-form-part{width:748px; height:auto; float:left; margin-top:38px;}
.contact-form{width:504px; height:auto; float:left;}
.contact-form h1{font:Normal 18px Arial, Helvetica, sans-serif; color:#e24d7d; padding-bottom:25px;}
.contact-form h3{font:Normal 12px Arial, Helvetica, sans-serif; color:#646362;}
.contact-form h3 span{ width:100%; float:left; padding-top:8px;}
.contact-input{width:432px; height:27px; border:#eaecec solid 1px; margin-bottom:15px; }
.contact-text-area{width:432px; height:154px; border:#eaecec solid 1px; margin-bottom:15px; }
.contact-form h4{width:432px; float:left; padding-top:20px;}


.contact-address{width:244px; height:auto; float:left; margin-top:55px;}
.contact-address h1{font:Normal 18px Arial, Helvetica, sans-serif; color:#e24d7d;}
.contact-address p{width:242px; height:auto; float:left;font:Normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; line-height:18px; margin:0px; paddingt:12px 0px 12px 2px;}
.contact-address h3{width:242px; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#31302f; padding-top:15px;}
.contact-address h4{width:242px; float:left;font:Bold 12px Arial, Helvetica, sans-serif; color:#e24d7d; line-height:24px;}

.gallery_item{ padding:0px; position:relative; overflow:hidden;}
.gallery_item img{}
.gallery_item span{ position:absolute; top:-70px; left:38%; z-index:9999;}
.facebook{ width:850px; height:auto; margin:0px auto; background:#FFF;}
a.flaga {margin:0 !important;padding:0 !important;}