a img {
 border:none;
}

body	{
	font-family:'PT Sans', sans-serif;
	font-size:20px;
	margin:0;
	line-height:25px;
	color:#202223;
}

.inline	{
	display:inline-block !important;
	vertical-align:top;
}

.center	{
	text-align:center;
}

/* fonts */

.title	{
	font-weight:bold;
	font-size:60px;
	line-height:54px;
	padding:50px 0px;	
}

.big.title	{
	font-size:80px;
	line-height:80px;
	padding:35px 0px;	
}

.small-title	{
	font-weight:bold;
	font-size:25px;	
	line-height:25px;
	padding:20px 0px;	
	text-transform:uppercase;		
}

/* buttons */

.orange	{
	background:#f87065;
}

.orange:hover	{
	background:#ff8076;
}

.purple	{
	background:#76365b;
}

.purple:hover	{
	background:#8a3f6a;
}

.turquoise	{
	background:#1a97a3;
}

.turquoise:hover	{
	background:#2eb2bf;
}

.mini.button	{
	padding:11px 20px 11px 20px;
}

.button	{
	border-radius:3px;
	text-transform:uppercase;
	padding:16px 20px 16px 20px;
	text-decoration:none;
	font-weight:bold;	
	font-size:18px;
	line-height:18px;
	color:#ffffff;
	display:inline-block;
}

.long	{
	padding:16px 40px 16px 40px;
}

.button.white	{
	border:2px solid #F87065;
	padding:14px 18px 14px 18px;
	color:#F87065;
}

.button.white:hover	{
	border:2px solid #ff8076;
	color:#ff8076;
}

.withimg	{
	padding:10px 20px 10px 20px;
}

.withimg div	{
	display:inline-block;
	line-height:30px;
	vertical-align:top;
}

.withimg img	{
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
}

.tbutton	{
	height:50px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 30px 0px 60px;	
	line-height:50px;
	display:inline-block;
	font-weight:bold;
	font-size:18px;
}

.tbutton:hover span	{
	border-bottom:1px solid #ffffff;
}

.download.tbutton	{
	background:url(images/download.png) no-repeat;	
}

.attach.tbutton	{
	background:url(images/attach.png) no-repeat;
	padding-left:48px;	
	margin-right:93px;
}

.orangelink	{
	color:#f87065;
	text-decoration:none;
}

.orangelink:hover	{
	border-bottom:1px solid #f87065;
}

/* blocks */

.background 	{
	width:100%;
	min-width:1000px;
}

.block 	{
	width:980px;
	margin:0 auto 0 auto;
}

/* mini-header */

.mini-header	{
	position:fixed;
	top:-50px;
	height:50px;
	font-size:0;
	z-index:200;
	box-shadow:0 5px 30px 0px rgba(0, 0, 0, 0.3);
	opacity:0;
}

.mini-logo	{
	background:url(images/minilogo.png) center no-repeat;
	width:153px;
	height:50px;
}

.mini.menu	{
	width:410px;
	display:inline-table;
	vertical-align:top;
	height:50px;
	padding:0 30px;
}

.mini.menu .menu-item	{
	padding:0;
}

.mini.menu .submenu	{
	top:45px;
}

.mini-phone	{
	font-weight:bold;
	line-height:48px;
	font-size:20px;
	width:162px;
	color:#838383;
}

.mini-phone span	{
	color:#ffc77c;
}

.mini-header .orange.button	{
	margin-top:5px;
}

/* header */

.header.background	{
	background:#1a1a1a;
}

.header.whiteground	{
	background:#ffffff;
}

.header.block	{
	height:116px;
	padding-top:25px;
	font-size:0;
}

.logo	{
	background:url(images/logo.png);
	width:255px;
	height:50px;
}

.slogan	{	
	font-style:italic;
	color:#8e8e8e;
	margin:5px 0px 0px 30px;
	font-size:16px;
	line-height:20px;
	width:166px;
}

.header .phone	{
	color:#838383;
	margin:12px 0px 0px 25px;
	font-size:45px;
	width: 450px;
    text-align: right;
    padding-right: 53px;
}

.header .phone	b	{
	color:#ffc77c;
}

.header.whiteground .phone	b	{
	color:#202223;
}

.header.block .orange.button 	{
	width:154px;
}

ul {
	list-style: none;
}

.menu	{
	display:table;
	padding:0;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;	
	margin:0;	
	height:65px;
}

.menu-item	{
	display:table-cell;
	text-align:center;
	padding:7px 0;
    position:relative;
}

.menu-item > a	{
	text-decoration:none;
	color:#ffffff;	
	
	position:relative;
	z-index:100;
	
	display:block;
	line-height:40px;
	padding:5px;
}

.menu-item > a:hover span	{
	border-bottom:1px solid #ffffff;
}

.menu-item.active > a:hover span, .menu-item.parent > a:hover span	{
	border-bottom:none !important; 
}

.menu-item:hover .submenu	{
	display:block;
}

.menu-item.parent:hover > a	{
	border:5px solid #f87065;
	border-bottom:none;
	padding:0 0 5px 0;
	background:#1a1a1a;
}

/* white header menu */

.header.whiteground .menu-item > a	{
	color:#202223;
}

.header.whiteground .menu-item > a:hover span	{
	border-bottom:1px solid #202223;
}

.header.whiteground .submenu-item a	{
	color:#202223;
}

.header.whiteground .submenu, .header.whiteground .menu-item.parent:hover > a	{
	background:#ffffff;
}

.header.whiteground .submenu-item a:hover span	{
	border-bottom:1px solid #202223;
}

/* */

.menu-item.active > a	{
	color:#f87065 !important;
}

.menu-item:first-child	{
	text-align:left;
}

.menu-item:last-child	{
	text-align:right;
}

.submenu	{
	display:none;
	background:#1a1a1a;
	border:5px solid #f87065;
    top: 52px;
	position:absolute;
	padding:0 0 15px 0;
	z-index:1;	
}

.submenu-item	{
	text-align:left;
	margin-left:30px;
	margin-right:30px;
	margin-top:15px;
    white-space:nowrap;
}

.submenu-item a	{
	color:#ffffff;
	text-decoration:none;
}

.submenu-item a:hover span	{
	border-bottom:1px solid #ffffff;
}


.banner.background	{
	background:url(images/banner.png) center;
	height:734px;
}

.blue-title	{
	font-size:70px;
	line-height:45px;
	width:410px;
	color:#34dddd;
	font-weight:bold;
	padding-top:50px;
}

.banner-text	{
	font-size:23px;
	line-height:26px;
	color:#ffffff;
	margin-top:30px;
	width:365px;
}

.banner-text span	{
	color:#ffc77c;
}

/* info */

.infos.background	{
	background:#ffffff;
}

.infos.block	{
	padding-bottom:156px;
}

.g-design	{
	background:url(images/fox.png);
	width:580px;
	height:407px;
	padding-right:400px;
	padding-top:40px;
}

.separator	{
	background:#cdcdcd;
	width:100%;
	height:1px;
}

.separator.v2	{
	background:#3a3c3d;
}

.withcube	{
	display:inline-block;
	padding-left:30px;
	margin-right:10px;
	margin-bottom:10px;
	background:url(images/cube.png) no-repeat left 4px;
}

/* about */

.about	{
	color:#ffffff;
	font-size:0px;
}

.about.block	{
	padding-bottom:446px;
}

.corner	{
	height:136px;
	background-position:center;	
}

.about.background	{
	background:#f87065;
}

.item	{
	width:290px;
	padding-top:100px;
	margin:20px 30px 0 0;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:20px;
}

.biglink	{
	font-size:25px;
	line-height:40px;
	color:#ffffff;
	font-weight:bold;
	border-bottom:1px solid #fbcaad;
	text-decoration:none;
	text-transform:uppercase;
	margin:40px 0px 40px 0px;
	display:inline-block;
}

.biglink:hover	{
	border-bottom:none;
	margin-bottom:41px;
}

.more-about-us	{
	display:none;
	font-size:20px;
	margin:40px 0;
}

/* reviews */

.reviews.background	{
	background:#1A1A1A;
}

.reviews.block	{
	color:#ffffff;
	padding-bottom:150px;
}

.review	{
	border:solid 4px #F87065;
	padding:40px 40px 30px 40px;
}

.quote	{
	background:url(images/quote.png) no-repeat left;
	width:900px;
	height:21px;
}

.quote.end	{
	background:url(images/quote2.png) no-repeat right;
	width:900px;
	height:21px;
}

.review .rev-text	{
	padding:0px 40px 0px 40px;
	text-align:center;
}

.review .author	{
	margin-top:30px;
	margin-bottom:20px;
	text-align:right;
	font-size:20px;
	color:#828282;
}

.rewbutton	{
	display:inline-block;
	
	width:60px;
	height:42px;
	margin:-21px 0px 40px 0px;
}

.rewbutton.prev	{
	background:url(images/prev.png);
}

.rewbutton.next	{
	background:url(images/next.png);
}

/* request */

.request.block	{
	width:980px;
	background:#1a1a1a;	
	border-radius:3px;
	color:#ffffff;
	position:relative;
	top:-330px;
	margin-bottom:-300px;
	font-size:0px;
}

.request.block.donotoverlap	{
	position:static;
	top:0;	
	margin-top:100px;
	margin-bottom:30px;
}

.request-content	{
	padding-left:50px;
}

.request.block .title	{
	padding:35px 0px;	
}

.ribbon	{
	background:url(images/ribbon.png) center no-repeat;
	width:100%;
	height:10px;		
}

.ribbon.bottom	{
	background:url(images/ribbon2.png) center no-repeat;
	margin-top:40px;	
}

.input	{
	width:280px;
	font-size:18px;
	margin-right:20px;
}

.input span	{
	color:#f47e3a;
}

.input input	{
	width:240px;
	height:50px;
	border:none;
	border-radius:2px;
	margin:5px 0px 5px 0px;
	
	font-family:"PT Sans",sans-serif;
	color:#202223;
	font-size:18px;
	padding:0px 20px;
	line-height:50px;
}

.textarea	{
	margin-bottom:20px;
	font-size:18px;
}

.textarea textarea	{
	width:840px;
	height:110px;
	border:none;
	margin-top:5px;
	border-radius:2px;	
	resize:none;
	
	font-family:"PT Sans",sans-serif;
	color:#202223;
	font-size:18px;
	padding:20px 20px;
	line-height:18px;			
}


/* footer */

.footer.background	{
	background:#ffffff;
}

.footer.block	{
	font-size:0px;
}

.footer.turq, .turq .bigphone, .turq .bigphone b		{
	color:#1a97a3;
}

.turq .withicon, .turq .withicon a, .turq .copyright	{
	color:#838383;
}

.turq .withicon a	{
	border-bottom:1px solid #838383;
}

.turq .withicon.mail	{
	background:url(images/gmail.png) no-repeat left center;
}

.turq .withicon.skype	{
	background:url(images/gskype.png) no-repeat left center;
}

.turq .withicon.phone	{
	background:url(images/gphone.png) no-repeat left center;
}

.bigphone	{
	font-size:100px;
	line-height:100px;
	color:#838383;
	margin:-20px 0px 0px 0px;
}

.bigphone b	{
	color:#f87065;
}

.social	{
	display:inline-block;
	vertical-align:top;
	width:196px;
	height:70px;
	line-height:70px;
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	margin-top:20px;
}

.withicon	{
	font-size:18px;
	padding-left:35px;
	line-height:27px;
	display:inline-block;
	margin-left:15px;
}

.withicon.v2	{
	margin-left:0px;
	display:block;
	margin-top:15px;
}

.withicon a	{
	font-weight:bold;
	color:#202223;
	text-decoration:none;
	border-bottom:1px solid #202223;
}

.withicon.v2 a	{
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}

.withicon a:hover	{
	border-bottom:none;
}

.withicon.mail	{
	background:url(images/mail.png) no-repeat left center;
}

.withicon.skype	{
	background:url(images/skype.png) no-repeat left center;
}

.withicon.phone	{
	background:url(images/phone.png) no-repeat left center;
}

.withicon.wskype	{
	background:url(images/wskype.png) no-repeat left center;
}

.withicon.wmail	{
	background:url(images/wmail.png) no-repeat left center;
}

.withicon.wphone	{
	background:url(images/wphone.png) no-repeat left center;
}

.withicon.wclock	{
	background:url(images/wclock.png) no-repeat left center;
}

.copyright	{
	font-size:16px;
	text-align:center;
	padding:30px 0px 40px 0px;
	color:#838383;
}

/* popups */

.popups	{
	background:rgba(0, 0, 0, 0.75);
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	display:none;
}

.popup-window	{
	width:800px;
	margin:150px auto;	
	box-shadow:0 0 40px rgba(0,0,0,0.5);
	position:relative;
	display:none;
}

.contacts-tq	{
	color:#ffffff;
	background:#F87065;
	padding:0px 70px 20px 70px;
}

.contacts-tq .phone	{
	font-size:60px;
	line-height:60px;
	margin:-15px 0 30px 0;
}

.close-btn	{
	background:url(images/close.png);
	width:26px;
	height:27px;
	position:absolute;
	right:30px;
	top:30px;
}

.close-btn.black	{
	background:url(images/close2.png);
}

.contacts-crn	{
	background:url(images/turqtop.png);
	width:800px;
	height:63px;
	margin-left:-70px;
	margin-bottom:-20px;
}

.contacts-wht	{
	background:#ffffff;
	padding:0px 70px;
	font-size:0;
	padding-bottom:50px;
}

.mini.social	{
	width:132px;
	height:50px;
	line-height:50px;
	font-size:15px;
}

.text	{
	color:#000000;
	font-size:18px;
	line-height:25px;
	margin-bottom:50px;
}

.request-popup	{
	font-size:0px;
	color:#ffffff;
	background:#1A1A1A;	

}

.prequest-content	{
	padding-left:70px;
}

.request-field	{
	width:652px;
	height:50px;
	background:#ffffff;
	border-radius:2px;
	margin-bottom:10px;
}

.request-field div	{
	font-size:16px;
	color:#202223;
	line-height:48px;
	border-right:1px solid #e5e5e5;
	padding:0 20px 0 20px;
	width:198px;
}

.request-field span, .attention span	{
	color:#f47e3a;
}

.request-field input	{
	width:370px;
	height:48px;
	border:none;
	padding:0 20px 0 20px;
	
	font-family:"PT Sans",sans-serif;
	color:#202223;
	font-size:18px;	
	line-height:48px;
}

.request-textarea	{
	width:612px;
	height:110px;
	border:none;
	border-radius:2px;	
	resize:none;
	
	font-family:"PT Sans",sans-serif;
	color:#202223;
	font-size:18px;
	padding:20px 20px;
	line-height:18px;
	margin-bottom:10px;		
}

::-webkit-input-placeholder	{
	color:#838383;
	font-style:italic;
}

::-moz-placeholder	{
	color:#838383;
	font-style:italic;
}

:-moz-placeholder	{
	color:#838383;
	font-style:italic;
}

:-ms-input-placeholder	{
	color:#838383;
	font-style:italic;
}

.attention	{
	font-size:16px;
	line-height:16px;
	font-style:italic;
	margin-top:20px;
}

.page-review	{
	margin-bottom:50px;
}

.client-proj	{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}

.client-proj span	{
	color:#F87065;
}

.client-proj a	{
	display:inline-block;	
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #838383;
}

.client-proj a:hover	{
	border-bottom:none;
	margin-bottom:1px;
}

ul.proj-menu	{
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	margin:0 0 -20px 0;
}

.proj-menu li	{
	display:inline-block;
	margin-bottom:20px;
}

.proj-menu li a	{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #838383;
	margin-right:40px;
}

.proj-menu li a:hover	{
	border-bottom:none;
}

.proj-menu li.active a	{
	color:#f87065;
	border-bottom:none;
}

/* pagination */

.pagination-container	{
	margin-top:30px;
}

.pagination	{
	display:inline-block;
	border:2px solid #f87065;
	border-radius:2px;
	font-size:0px;	
}

.pagination-title	{
	font-size:18px;	
	color:#f87065;
	margin:0 20px;
	font-weight:bold;
}

.pagination-item	{
	display:inline-block;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	text-decoration:none;
	color:#f87065;
	font-size:18px;	
	font-weight:bold;
}

.pagination-item.active, .pagination-item:hover	{
	background:#f87065;
	color:#ffffff;
}

.projects	{
	font-size:0;
}

.project	{
	width:227px;
	display:inline-block;
	color:#202223;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	letter-spacing:-0.1px;
	margin-top:30px;
	margin-right:24px;
	vertical-align:top;
}

.projects a:nth-child(4n) .project	{
	margin-right:0;
}

.project:hover	{
	color:#f87065;
}

.project img	{
	border:5px solid #202223;
	margin-bottom:30px;
}

.project:hover img	{
	border:5px solid #f87065;
}

.breadcrumbs	{
	margin-top:30px;
	font-size:16px;
	line-height:16px;
}

.breadcrumbs a	{
	color:#838383;
	text-decoration:none;
}

.breadcrumbs a:hover	{
	border-bottom:1px solid #838383;
}

.work-date	{
	padding:0 20px;
	line-height:32px;
}

.work-type	{
	color:#f87065;
	border:1px solid #f87065;
	line-height:32px;
	padding:0 10px;
	margin-bottom:20px;
}

.proj-task	{
	width:920;
	padding:30px;
	margin-top:50px;
	font-style:italic;
	background:#f0f0f0;
	line-height:30px;
}

.proj-task span	{
	font-style:normal;
	font-weight:bold;
}

.proj-screenshot	{
	margin-top:60px;
}

.proj-screenshot div	{
	width:218px;
	margin-left:32px;
	border-top:5px solid #f87065;
	padding-top:30px;
	text-align:right;
	font-style:italic;
}

.proj-screenshot img	{
	width:720px;
	border:5px solid #202223;
}

.proj-worker	{
	width:326px;
	font-size:0;
	margin-bottom:20px;
}

.proj-worker .mask	{
	background:url(images/mask.png);
	width:100px;
	height:100px;
}

.proj-worker .desc	{
	width:206px;
	font-size:18px;
	margin:10px 0 0 20px;
	font-style:italic;	
}

.proj-worker .desc span	{
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
}

.dm-block1	{
	width:580px;
	padding-right:400px;
	background:url(images/block1.png);
	height:532px;
}

.dm-block2	{
	width:620px;
	padding:50px 360px 0 0;
	background:url(images/block2.png) right no-repeat;
	height:534px;
	margin-top:-20px;
}

.smalltext	{
	font-size:18px;
	line-height:20px;
}

.mds-rights	{
	background:url(images/mdisstudio.png) right no-repeat;
	width:660px;
	padding:10px 320px 0 0;
	color:#838383;
	font-size:18px;
	line-height:22px;
	margin:10px 0 50px 0;
}

.dm-contacs	{
	color:#ffffff;
	position:absolute;
	top:45px;
	left:50%;
	background:url(images/contacts.png);
	position:absolute;
	width:267px;
	height:278px;
	padding:40px 0 0 25px;
	margin-left:-500px;
}

.dm-contacs img	{
	margin:10px 10px 0 0;
}

.dm-contacs a	{
	color:#ffffff;
	text-decoration:none;	
}

.dm-contacs a.withborder:hover	{
	border-bottom:1px solid #ffffff;
}