/*
 * 	Author: wtxinc
 */
  
/****************************************************************************
CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/****************************************************************************
../fonts
****************************************************************************/

@font-face {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/****************************************************************************
BASIC STYLES
****************************************************************************/

html{height:100%;}
body{line-height: 30px; overflow-x:hidden; width:100%; height:100%;}



h1,h2,h3,h4,h5,h6{  }
h1{ font-size:48px;}
h2{ font-size:36px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px;}

p {font-family: 'PT Sans', sans-serif; font-size:14px;}

::-moz-selection { background: #fe57a1; text-shadow: none; }
::selection { background: #fe57a1; text-shadow: none; }

a {text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
.clear {clear:both; }

.normal_page { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.hidden { display:none; visibility:hidden; }
.vimeo { border:none; }
.soundhound { border:none; width:100%; height:166px; }
.soundhound_hidden { display:none; visibility:hidden; }

 header { margin:80px auto;  font:30px "pacificoregular", Arial, Helvetica,sans-serif; color:#2e3133; display: table; margin-top:130px; }
 header div { float:left; }
 header .text_decoration { width:35px; }
 header .lines { float:none; }
 header .header_text { margin:-25px 20px 0; }

.line_white { height:1px; width:100%; background-color:#fff; margin-bottom:2px; }
.line_dark { height:1px; width:100%; background-color:#d5d5d5;  margin-bottom:2px; }
.line_darker { height:1px; width:100%; background-color:#808183;  margin-bottom:2px; }
.line_slider { -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000; }

.get_to_contact { background-color:#f2efec; width:100%; float:left; padding: 60px 0; }
.get_to_contact a { border: 1px solid #023011; background-color:#22994b; font:12px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; padding: 10px 20px; float:right; margin-right:15px; }
.get_to_contact a:hover { background-color:#45cc73; }
.get_to_contact p { width:65%; float:left; padding-right:20px; }
.get_to_contact .title { font:16px "RobotoBold", Arial, Helvetica,sans-serif; float:left; width:15%; padding-right:20px; }
.contact_margin { margin-top:30px; }
.container {max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.darker_background { height:100%; width:100%; background-color: rgba(0,0,0,0); float:left; }

.phone_menu { margin:16px 0 0 20px; display:none; visibility:hidden; }

.button { 
/* General button syle */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: rgba(18,147,63,.93);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
}


.light {background: #fff; width:100%; height:auto; padding: 20px 0px 20px 0px; color:#000;}
.dark {background: #799364; width:100%; padding: 30px 0px 20px 0px; color:#000;}
.razdel{font-size: 36px;
width:100%;
height:50px;  
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
color:#000;   
text-transform: uppercase;}
.razdel p {padding: 0px 0 0 25px; font-size:36px;}
.center {margin: 0 auto; text-align: center;}
h1 a {color:#d45587; text-decoration:underline;}
h1 a:hover {color:#ad2d5f;}
.partner {border-right: #D4D4D4 1px dashed; font-family: 'Open Sans Condensed', sans-serif; color:#D4D4D4; padding:0 20px;}

/****************************************************************************
NAME
****************************************************************************/

#name {width:100%;
background: url(../images/fon.jpg) no-repeat center; 
height:300px; padding-top: 15px; margin-top:80px;}

#logoall{margin: 0 auto; width: 1170px; text-align: center;}
#logo {margin: 0 auto; width: 575px; font-family: 'Open Sans Condensed', sans-serif; font-size:30px; font-weight: bold; color: #fff; float: left; text-align: left;}
#logo2 {margin: 0 auto; width: 575px; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; font-weight: bold; color: #fff; float: right; text-align: right; margin-right:19px;}
#logo2 a {color: #fff;}

/****************************************************************************
MENU
****************************************************************************/



.menu {width:100%; height:80px; background-color: #799364; text-align: center; position: fixed; z-index: 1000; top:0;}
.menu ul { padding-top:24px; width:1170px; background-image:url(../images/name.png); background-repeat: no-repeat; height: 80px;}
.menu ul li { display:inline; margin:0 22px; float: right;}
.menu ul li a {font-family: 'PT Sans', sans-serif; color:#fff; font-size:16px;}
.menu ul li a:hover { color:#e3e3e3; }



/****************************************************************************
COLUMNS
****************************************************************************/

.columns_3 { width:33%; float:left; margin:0;}
.columns_3 .content_1 { padding: 0 20px 0 0; }
.columns_3 .content_2 { padding: 0 10px; }
.columns_3 .content_3 { padding: 0 0 0 20px; }

.columns_4 { width:25%; float:left; margin:30px 0; }
.columns_4 .content_1 { padding: 0 15px 0 0; }
.columns_4 .content_2 { padding: 0 10px 0 5px; }
.columns_4 .content_3 { padding: 0 5px 0 10px; }
.columns_4 .content_4 { padding: 0 0 0 15px; }

.column_33 { width:20%; float:left; margin:30px 0; }
.column_66 { width:80%; float:left; margin:30px 0; }
.column_33 .content { padding: 0 10px 0 0; }
.column_66 .content { padding: 0 0 0 10px; }



/****************************************************************************
ABOUT US
****************************************************************************/

.about_us { max-width: 1170px; padding: 0 20px; height:auto; margin: 0px auto; background: #fff; line-height: 1.8;}
.about {font-family: 'Open Sans Condensed', sans-serif; font-size:24px; letter-spacing: 1px; color: #000; text-transform: uppercase;}
.about_us  p { margin:10px 0;}
.about_us img {margin: 15px 20px 0 0;}


/****************************************************************************
SERVICES
****************************************************************************/

.services {height: auto; max-width: 1170px; padding: 0 20px; margin: 0px auto; font-family: 'Open Sans Condensed', sans-serif; font-size:14px; line-height: 1.8;}
.services  p {margin-bottom:15px; }
.services h1 {font-family: 'Open Sans Condensed', sans-serif; font-size:24px; font-weight: bold; text-transform: uppercase; margin:10px 0;}
.services li {margin: 0 0 0 30px; list-style-type: disc; padding:0; font-family: 'PT Sans', sans-serif; font-size:14px;}
.services ul {margin-top: -15px;}




/****************************************************************************
WRAPPER
****************************************************************************/

.wrapper{ width:100%; text-align:center;}
.wrapper header { color:#fff; opacity: 1; margin-top:150px; }
.wrapper img { opacity: 1;  margin:0 auto; display:table;}

.about_wrapper { background:url(../images/wrapper.jpg) 0 0 no-repeat; padding-top:20px; padding-bottom: 20px;}
.services_wrapper { background:url(../images/wrapper.jpg) 50% 0 no-repeat; padding-top:200px;}
.news_wrapper { background:url(../images/wrapper.jpg) 50% 0 no-repeat;padding-top:200px; }


.logos { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.portfolio_wrapper p { padding: 0 20px; height:auto; margin: 0px auto; display:table;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: 1; text-align:center; }
.portfolio_wrapper .author, .news_wrapper .author { font:14px "RobotoBold", Arial, Helvetica,sans-serif; margin-top:10px; }

.services_wrapper header { margin-top:230px; }
.portfolio_wrapper header, .news_wrapper header { margin-top:235px; }
.contact_wrapper header  { margin-top:169px; }

.line {width: 60%; background-color: #fff; height: 2px; margin: 20px 20%;}
.quote {width: 80%; margin: 0 10%; font-family: 'PT Sans', sans-serif; font-size: 34px; font-weight: bold; font-style: italic; color: #fff; padding: 10px 0; line-height: 1.2;}
.author {font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: bold; color: #fff;}
#map {margin-left: 5px;}
#adress {float: right; width: 400px; text-align: left; font-family: 'PT Sans', sans-serif; color:#fff; font-size:18px;} 
adress a {color:#fff;}
.ad {font-weight: bold;}
/****************************************************************************
RESPONSIVE
****************************************************************************/

@media all and (max-width: 767px) {
body {width: 1170px; padding: 0; margin: 0;}
.menu {width: 1190px;}
#name {width: 1190px;}
.light {width: 1170px;}
.dark {width: 1190px;}
.razdel{width: 1170px;}
.menu {position:relative;}
#name {margin-top: 0;}
.wrapper{ width:1190px;}
.imageRow {width: 1190px;}
.lightbox {width: 1190px !important;}
#lightbox {width: 1190px !important;}
.lightboxOverlay {width: 1190px !important;}
#lightboxOverlay {width: 1190px !important;}
.lb-image {width:1000px !important;height:500px!important;height:auto!important;}}