/* ================================================================================
	#Reset
================================================================================ */
* { padding: 0; margin: 0; outline: 0; }

/* ================================================================================
	#Base
================================================================================ */
html { overflow-y: scroll; }
body { min-width: 1020px; background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 2; color: #191919; -webkit-font-smoothing: antialiased; }

a { color: #c86c65; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }

ul,
ol { overflow: hidden; list-style: none outside none; }

h2,
h3 { font-family: 'Caviar Dreams', serif; }

h2,
h3,
h4,
h5 { font-weight: normal; }

h4,
h5 { line-height: 1; color: #333; }

h2 { font-size: 36px; line-height: 1; }
h3 { font-size: 24px; color: #393939; text-align: center; text-transform: uppercase; }

h4 { font-size: 24px; }
h5 { font-size: 19px; }

p { padding-bottom: 16px; }

/* ================================================================================
	#Helpers
================================================================================ */
.alignleft { float: left; }
.alignright { float: right; }

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

/* ================================================================================
	#Transitions
================================================================================ */

.nav-fixed { 
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.gallery-about img,
.person-thumb img { 
	-webkit-transition: opacity 0.2s; 
	-moz-transition: opacity 0.2s; 
	-ms-transition: opacity 0.2s; 
	-o-transition: opacity 0.2s; 
	transition: opacity 0.2s;
 }

.btn {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

/* ================================================================================
	#Icons
================================================================================ */
[class^="icon-"] { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
.icon-arrow { width: 9px; height: 16px; margin-top: -3px;  }
.icon-camcorder { width: 68px; height: 74px; padding-right: 24px; background: url(images/icon-camera.png) 0 0 no-repeat; }
.icon-camera { width: 64px; height: 57px; padding-right: 25px; background: url(images/camera.png) 0 0 no-repeat; }
.icon-combo { width: 170px; height: 92px; padding-left: 25px; background: url(images/icon-combo.png) 0 0 no-repeat; }
.icon-arrow-down { width: 0; height: 0; border-width: 20px 20px 0 20px; border-style: solid; border-top-color: #51bba2; border-right-color: transparent; border-left-color: transparent; }
.socials [class^="icon-"] { overflow: hidden; width: 51px; height: 52px; background-image: url(images/socials.png); text-indent: 100%; white-space: nowrap; }
.icon-facebook { background-position: 0 0; }
.icon-facebook:hover { background-position: -58px 0; }

/* ================================================================================
	#Buttons
================================================================================ */
.btns { float: right; }
.btn { display: block; height: 51px; padding: 0 20px; border-width: 1px; border-style: solid; border-radius: 5px; background-color: transparent; font-family: 'Caviar Dreams', serif; font-size: 14px; line-height: 52px; text-transform: uppercase; }
.btn:hover { color: #fff; text-decoration: none; }
.btn:hover .icon-arrow { background: url(images/arrow-hover.png) 0 0 no-repeat; }

.btn-danger { border-color: #da6158; color: #da6158; }
.btn-danger .icon-arrow { background: url(images/arrow-danger.png) 0 0 no-repeat; }
.btn-danger:hover { background: #da6158; }

.btn-success { border-color: #1caa6f; color: #1caa6f; }
.btn-success .icon-arrow { background: url(images/arrow-success.png) 0 0 no-repeat; }
.btn-success:hover { background: #1caa6f; }

.btn-submit { background: #fff; cursor: pointer; }

/* ================================================================================
	#Containers
================================================================================ */
.container { position: relative; overflow: hidden; width: 100%; }
.shell { width: 960px; margin: 0 auto; }

/* ================================================================================
	#General
================================================================================ */
blockquote { padding: 32px 0 16px; font-size: 18px; color: #fff; text-align: center; }

.danger { background: #da6158; }
.success { background: #55b88f; }
.red { color: #da6158; }
.green { color: #55b88f; }

/* ================================================================================
	#Header
================================================================================ */
.header { border-width: 5px 0 0 0; border-color: #e07971; border-style: solid; background: url(images/banner-border.png) 0 bottom  repeat-x; }
.header .shell { width: 960px; padding-left: 40px; text-align: center; }

/* ================================================================================
	#Logo
================================================================================ */
.logo { display: inline-block; width: 180px; padding: 0 20px 0 50px; line-height: 1; vertical-align: middle; *display: inline; *zoom: 1; }
.logo a { overflow: hidden; display: block; height: 146px; background: url(images/logo-big.png) 0 0 no-repeat; text-indent: 100%; white-space: nowrap; }

/* ================================================================================
	#Navigation
================================================================================ */
.nav { display: inline-block; padding-top: 30px; font-size: 18px; line-height: 1.55; vertical-align: middle; *display: inline; *zoom: 1; }
.nav ul { overflow: visible; list-style: none outside none; }
.nav > ul > li { position: relative; float: left; }
.nav li ~ li { padding: 0 0 14px 21px; }
.nav a { display: block; border-radius: 3px; padding: 4px 13px; font-family: 'Caviar Dreams', serif; color: #2b2b2b; }
.nav .gallery a { border-radius: 3px 3px 0 0; }
.nav .current > a,
.nav li:hover > a { color: #fff; background-color: #da6158; text-decoration: none; }

.nav-fixed { position: fixed; top: -70px; left: 0; z-index: 99; width: 100%; height: 70px; border: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,.7); }
.nav-fixed .shell { width: 965px; }
.nav-fixed .nav:first-child { padding-left: 35px; }
.nav-fixed .nav { padding: 20px 0 0 47px; margin-right: -20px; vertical-align: top; }
.nav-fixed .nav a { color: #fff; }
.nav-fixed .nav a:hover,
.nav-fixed .current a { color: #000; background-color: #fff; }
.nav-fixed .logo { padding: 0 5px 0 43px; }
.nav-fixed .logo a { height: 70px; margin-left: 60px; background: url(images/logo-small.png) 0 0 no-repeat; }

.has-nav-fixed .nav-fixed { top: 0; }

/* ================================================================================
	#Dropdown
================================================================================ */
.dropdown { position: absolute; top: 36px; left: 21px; z-index: 5; display: none; width: 192px; border-radius: 0 0 5px 5px;  list-style: none outside none; background-color: rgb(0,0,0); background-color: rgba(0,0,0,.7); text-align: left; }
.dropdown li ~ li { padding: 0; }
.dropdown a { display: block; padding: 5px 10px; font-family: 'Caviar Dreams', serif; font-size: 14px; color: #fff;  }
.dropdown .current a,
.dropdown li:hover a { background: #fff; color: #000; border-radius: 0; }

.nav li:hover .dropdown  { display: block; }
.nav-fixed .dropdown { top: 50px; }
.nav-fixed .dropdown a { color: #fff; background-color: transparent; }
.nav-fixed .dropdown .current a,
.nav-fixed .dropdown a:hover { color: #000; background-color: #fff;  }

/* ================================================================================
	#Banners
================================================================================ */
.banner { position: relative; height: 778px; background: #000 url(images/banner-border.png) 0 bottom repeat-x; }
.banner-inner { position: absolute; top: 0; left: 0; width: 100%; height: 775px; }
.banner-prices { height: 390px; margin-bottom: 11px; text-align: center; }
.banner-prices .banner-inner { height: 387px; }
.banner-contact { height: 452px; margin-bottom: 20px;  }
.banner-contact .banner-inner { height: 449px; }

.banner.banner-photostream { height: 1px; background-color: transparent; }

.fsr-container { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fsr-element { position: absolute; }
.fsr-hidden { display: none; }

/* ================================================================================
	#Main
================================================================================ */
.main { padding-bottom: 60px; }

/* ================================================================================
	#Section
================================================================================ */
.section { padding-top: 80px; }
.section-head { padding-bottom: 45px; background: url(images/section-border.png) center 24px repeat-x; }

.prices .section { padding-top: 25px; }
.prices .section-head { padding-bottom: 60px; background: transparent; }

/* ================================================================================
	#Gallery About
================================================================================ */
.gallery-about { margin-top: 33px; }
.gallery-about a { position: relative; float: left; display: block; width: 348px; height: 219px; }
.gallery-about img { position: absolute; top: 0; left: 0; z-index: 1; }
.gallery-about a img:first-child  { z-index: 2; }
.gallery-about a:hover img:first-child { opacity: 0; filter:alpha(opacity=0); }

 .scroller-inner { position: relative; left: 0; }

/* ================================================================================
	#Section Team
================================================================================ */
.section-team { position: relative; z-index: 5;  }
.section-team .shell { width: 1200px; background: url(images/anni-team.png) -56px center no-repeat; }
.list-team { width: 955px; margin: 0 auto; padding: 22px 0 0 25px; }
.person-thumb { position: relative; border: 5px solid #e0e0e0; border-radius: 50%; }

.list-team li,
.list-support li { float: left; text-align: center; }

.list-team li { width: 220px; text-align: center; }
.list-team li ~ li { margin-left: 22px; letter-spacing: -1px; }
.list-team .person-thumb { width: 215px; height: 215px; margin-bottom: 25px; }
.list-team img { position: absolute; top: 0; left: 0; z-index: -2; width: 215px; height: 303px; }
.list-team .person-thumb img:first-child  { z-index: -1; }
.list-team .person-thumb:hover img:first-child { opacity: 0; filter:alpha(opacity=0); }
.list-team .person-text { font-size: 16px; color: #7a7a7a; }

.list-support { width: 946px; margin: 0 auto; padding-left: 35px;  }
.list-support li { width: 170px; }
.list-support li ~ li { margin-left: 20px; }
.list-support .person-thumb { width: 162px; height: 162px; margin-bottom: 16px; }
.list-support .person-text { color: #7a7a7a; }
.list-support img { display: block; border-radius: 50%; }

/* ================================================================================
	#Footer
================================================================================ */
.footer { padding-top: 15px; background: url(images/banner-border.png) 0 -2px repeat-x; }
.footer-top { width: 1030px; padding: 0 99px; margin: 0 auto; }
.footer-bottom { position: relative; z-index: 99999; 	overflow: hidden; height: 68px; padding-top: 40px; margin-top: -2px;  background: #000; }

.copyrights,
.design { font-family: 'Gill Sans Light', sans-serif;color: #fff;  }
.copyrights { float: left; font-size: 14px; }
.design { float: right; padding-right: 15px; font-size: 16px; }
.design a { color: #fff; text-decoration: underline; text-transform: uppercase; }
.design a:hover { text-decoration: none; }

/* ================================================================================
	#Facebook Plugin
================================================================================ */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
#fb-root,
.pvs,
:; {
  display: none !important;
}
/* ================================================================================
	#Banner Services
================================================================================ */
.banner-services {   }
.honeycomb {  height: 462px; background: url(images/honeycomb.png) 0 0 repeat; }
.honeycomb .shell { position: relative; width: 1110px; margin: 0 auto; }
.honeycomb img { position: absolute; width: 174px; height: 201px; opacity: 0;  }
.honeycomb.start img { opacity: 1; }

.honeycomb .sp1, .sp6, .sp7, .sp11
{
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;  
		transition: all 1s;
}

.honeycomb .sp2, .sp3, .sp4, .sp5, .sp9
{
	-moz-transition: all 1.3s;
	-webkit-transition: all 1.3s;
	-o-transition: all 1.3s;  
		transition: all 1.3s;
}

.honeycomb .sp8, .sp10
{
	-moz-transition: all 1.2s;
	-webkit-transition: all 1.2s;
	-o-transition: all 1.2s;  
		transition: all 1.2s;
}

.sp1 { top: -600px; left: -600px; }
.sp2 { top: -600px; left: -188px; }
.sp3 { top: 0; right: -2000px; }
.sp4 { top: 0; left: -2000px; }
.sp5 { top: -600px; right: -188px; }
.sp6 { top: -600px; right:  -600px; }
.sp7 { top: -1000px; left: 1000px; }
.sp8 { top: 1000px; left: -2000px; }
.sp9 { top: -1000px; left: -467px; }
.sp10 { top: 1000px; left: 2000px; }
.sp11 { top: -1000px; left: -1000px; }

.start .sp1 { top: 17px; left: 0; }
.start .sp2 { top: 17px; left: 188px; }
.start .sp3 { top: 17px; right: 563px; }
.start .sp4 { top: 17px; left: 558px; }
.start .sp5 { top: 17px; right: 188px; }
.start .sp6 { top: 17px; right: 0; }
.start .sp7 { top: 177px; left: 94px; }
.start .sp8 { top: 177px; left: 281px; }
.start .sp9 { top: 177px; left: 467px; }
.start .sp10 { top: 177px; left: 654px; }
.start .sp11 { top: 177px; left: 840px; }

.services-cols { position: relative; margin-right: -100px;  }
.services-col { float: left; width: 450px; }
.services-col ul ul li { padding-left: 20px; }
.services-col ~ .services-col { padding-left: 110px; }
.services-col h4 { padding: 0 40px 25px 0; text-align: center; }
.services-col span { padding: 0 10px; font-size: 10px; vertical-align: middle;  }
.services-col img { margin: -127px 0 25px 111px; display: block; width: 177px; height: 202px;  }
.services-col .btns { float: left; margin-top: 20px;}
.services-col .btn-danger { margin-top: 56px;  }
/* ================================================================================
	#Prices
================================================================================ */
.page-title { padding-top: 20px; background: url(images/page-title.png) center 40px no-repeat; }
.page-title h2 { text-align: center; }

.prices .section ~ .section { margin-top: 30px; background: url(images/border-prices.png) 0 0 repeat-x; }
.prices .section-packets { padding: 37px 0; text-align: center; }
.section-packets span { padding: 0 60px; font-family: 'Caviar Dreams', serif; font-size: 36px; vertical-align: middle; }
.prices .text { float: left; width: 765px; font-size: 16px; }
.prices .text-entry { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
.prices .text-entry p { padding-bottom: 0; }

.video-economy { background: url(images/box.png) 0 0 repeat; }
.video-economy  .box-body { min-height: 187px; }

.video-standart { width: 665px; background: url(images/standart.png) 0 0 repeat; }
.video-standart .box-col { min-height: 440px; }
.video-standart .box-head h3 { color: #fff; }
.video-standart ul { padding-bottom: 20px; }
.video-standart .price { padding-bottom: 7px; }
.video-standart .box-col-2of3 .box-body { border-bottom: 1px solid #ebebeb; border-right: 1px solid #b9b9b9; }

.box-lux { width: 233px; height: 425px; margin-left: 14px; padding: 17px 25px 0 22px;  background: url(images/standart.png) 0 0 repeat; }
.box-lux .box-head { padding: 0 0 31px 5px; background: url(images/lux.png) center 0 no-repeat; }
.box-lux .box-head h3 { font-size: 20px; color: #323232; text-align: center; }
.box-lux .box-body { border: 0; background: transparent; font-family: 'Caviar Dreams', serif; font-size: 18px; color: #fff; text-align: center; }
.box-lux .box-body p { line-height: 1.3; }
.box-lux .box-body strong { display: inline-block; padding-top: 5px; font-size: 24px; }
.box-lux .box-body span { font-size: 30px; }

.photoshoot .box-head h3 { padding-top: 12px; font-family: Arial, sans-serif; font-size: 24px; line-height: 1; color: #fff; }
.photoshoot-additional .box-head h3 { padding-top: 5px; font-size: 18px; }
.photoshoot .box-col { border-radius: 5px; background: url(images/photoshoot.png) 0 0 repeat; }
.photoshoot .box-col ~ .box-col { margin-left: 12px; }
.photoshoot .box-body { padding: 20px 25px 10px 26px; border-width: 0 1px 1px; border-style: solid; border-color: #b9b9b9; border-radius: 0 0 5px 5px; }
.photoshoot .box-body .price { text-align: center; margin: -9px 0 0 2px; color: #1caa6f; }
.photoshoot .box-body ul { overflow: visible; }
.photoshoot .box-body li { background-position: 0 11px !important;  }

.photoshoot .box-lux { width: 263px; height: 304px; }
.photoshoot .box-lux .box-head { padding: 0 0 10px 5px; }
.photoshoot .box-lux .box-head h3 { font-size: 20px; color: #323232; text-align: center; }
.photoshoot .box-lux .box-body { padding: 0 10px; border: 0; background: transparent; font-family: Arial, sans-serif; font-size: 14px; color: #fff; text-align: center; }
.photoshoot .box-lux .box-body p { line-height: 1.3; padding-bottom: 18px;  }
.photoshoot .box-lux .box-body strong { font-size: 18px; }
.photoshoot .box-lux .box-body span { display: block; padding-top: 10px; font-size: 24px; }
.photoshoot .box-lux .price { text-align: center;  }
.photoshoot .box-lux .price strong { font-size: 24px; color: #fdd960; }

.combo .combo-standart { background: url(images/combo-bg.png) 0 0 repeat; }
.combo-standart .box-body p { color: #808080; }
.combo .box-body p { padding-bottom: 10px; font-size: 20px; text-align: center; }
.combo .box-lux { height: 304px; }
.combo .photoshoot-additional .box-head h3 { padding-top: 12px; font-size: 24px; }

.section .box { border-radius: 5px; }
.section .box-inline { float: left; }
.box h3 { text-align: left; text-transform: none; }
.section .box h4 { padding-bottom: 16px; font-size: 19px; }
.box p { padding-bottom: 2px; line-height: 1.7; }
.section .box li { padding: 0 0 19px 15px; background: url(images/tick.png) 0 0 no-repeat; line-height: 1.2; }
.section .box .price { font-size: 24px; color: #da6158; text-align: right; font-style: normal; }
.section .price { font-family:'Caviar Dreams', serif; }

.box-head { min-height: 56px; padding: 8px 0 0 20px; }
.box-body { min-height: 226px; border-style: solid; border-color: #b9b9b9; background: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 1; letter-spacing: -0.2px; }

.box-cols { overflow: hidden; border-radius: 4px; }
.box-col { float: left; width: 310px; }
.video-standart .box-col ~ .box-col .box-body { height: 357px; border-width:  0 1px 1px 1px; border-style: solid; border-color: transparent #b9b9b9  #b9b9b9 #ebebeb;  border-radius: 0 0 5px 0; }

.box-col-1of3 { width: 385px; }
.box-col-1of3 .box-body { padding: 20px 23px 0 29px; border-width: 0 0 1px 1px; border-radius: 0 0 0 5px; }
.box-col-1of3 h3 { font-family: Arial, sans-serif; font-size: 24px; color: #323232; }
.box-col-2of3 { width: 280px; }
.box-col-2of3 .box-body { padding: 20px 23px 0 16px; border-width: 0 0 1px 0; background: #f8f8f8; }
.box-col-2of3 .box-body ~ .box-body { background: #fff; border-bottom: 1px solid #b9b9b9; }
.box-col-2of3 h3 { padding-bottom: 4px; font-size: 22px; color: #484848; }

.box-col-3of3 { width: 295px; }
.box-col-3of3 .box-body { padding: 20px 35px 0 18px; border-width: 0 1px 1px 0; border-radius: 0 0 5px 0; }

/* ================================================================================
	#Contact
================================================================================ */
.main.contact { padding-bottom: 0; }
.form-head { padding: 40px 0 40px; background: url(images/page-title.png) center 60px no-repeat; }
.form-head h2 { width: 450px; }

.list-address { float: left; width: 845px; padding-bottom: 50px; }
.list-address li { float: left; width: 370px; padding: 0 25px; border-width: 0 0 0 2px; border-style: solid; margin-bottom: 25px;  font-size: 16px; color: #3d3d3d;  }
.list-address li.blue { border-color: #95a2b7; }
.list-address li.green { border-color: #4fa83a; color: #000;  }
.list-address li.orange { border-color: #ffd1a9;  }
.list-address li.yellow { border-color: #e4e79e;  }
.list-address a { color: #000; }
.list-address a:hover { color: #C86C65; }
.list-address strong { display: inline-block; width: 95px; padding-right: 15px; font-size: 17px; color: #656565; text-transform: uppercase;  }

.socials { position: relative; left: -20px; float: left; padding-top: 64px;  }

.contact .page-title h2 { width: 355px; margin: 0 auto; background: #fff; }

.form-request { padding-bottom: 50px; background: url(images/honeycomb.png) 0 0 repeat; }
.form-head h2 { background: url(images/honeycomb.png) 0 0 repeat; margin: 0 auto; } 
.form-head { text-align: center; }
.form-body { width: 915px; padding-bottom: 15px; margin: 0 auto; }

.form-cols { overflow: hidden; }
.form-col { float: left; }
.form-col ~ .form-col { margin-left: 25px;  }
.form-col-1of2 { width: 290px; }
.form-col-2of2 { width: 600px; }

.form-row { padding-bottom: 16px; }
.form-label { display: block; font-size: 16px; color: #494949; text-transform: uppercase;  }
.field,
.textarea { padding: 10px; border-width: 0 0 1px 0; border-style: solid; border-color: #c8c7c7; border-radius: 5px;  background: #e0dfdf;  font-size: 14px; }
.field { width: 270px; }
.textarea { overflow: auto; width: 580px; height: 123px; resize: none; }
.field.field-error,
.textarea.field-error { border-color: #900; background: #fbc5c1; }

.form-actions { float: right; }

.form-success,
.address { height: 68px; padding-top: 38px; background: #51bba2; color: #fff; text-align: center; text-transform: uppercase; }

.form-success { display: none; }
.form-success h3 { color: #fff; line-height: 1;  }

.address { position: relative; width: 100%; }
.address .icon-arrow-down { position: absolute; bottom: -20px; left: 50%; margin-right: -10px;  }

.map { position: relative; }
.map iframe { display: block; width: 100%; height: 465px; }

.map .street-view { position: absolute; left: 0; bottom: 0; }
.map .street-view iframe { width: 350px; height: 465px; }

/* ================================================================================
	#Popups
================================================================================ */
.popup { width: 600px; height: 640px; }

.company-name { font-size:15pt; margin-bottom:10px;}
.section-address { padding-top: 40px;}
.package { -webkit-transition: all 70ms ease-in-out;
-moz-transition: all 70ms ease-in-out;
-ms-transition: all 70ms ease-in-out;
-o-transition: all 70ms ease-in-out;
transition: all 70ms ease-in-out; }
.package:hover { 
	-webkit-transition: all 70ms ease-in-out;
	-moz-transition: all 70ms ease-in-out;
	-ms-transition: all 70ms ease-in-out;
	-o-transition: all 70ms ease-in-out;
	transition: all 70ms ease-in-out;
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);}