body { background: url(../images/body.gif) repeat;  font-family: 'gotham_proregular';  font-size: 18px; color: #4f4f4f; min-height: 100%; height: auto !important; height: 100%; position: absolute; min-width: 1280px}
html, body { width: 100%;}
.clearfloat {clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}
a { text-decoration: none;  color: #28383a; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
a:hover { text-decoration: underline;}
strong { font-family: 'gotham_probold'; }
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
em {font-family: 'gotham_proitalic';}


/*layout*/
.centermap {width: 1000px; margin: 0 auto;}
/*layout*/


/* defaul select style */

*::-webkit-input-placeholder {
    opacity: 1;
}
*:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}
*:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
}
*:-ms-input-placeholder {
    opacity: 1;
}
*:focus::-webkit-input-placeholder {
    opacity: 0;
}
*:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
}
*:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity: 0;
}
*:focus:-ms-input-placeholder {
    opacity: 0;
}
/* defaul select style */

/*header*/
header { display: block; padding-top: 20px; padding-bottom: 20px;}
.logo { float: left; font-size: 14px; line-height: 16px;}
.logo a { background: url(../images/logo.png) left top no-repeat; background-color: #FFF; height: 70px; display: inline-block; padding-left: 150px; padding-right: 7px; color: #28383a; padding-top: 3px; text-decoration: none !important; }
.date_event { float: left; margin-left: 70px;}
.date_title { background: #8ecd79; padding-right: 93px; position: relative; font-size: 40px; color: #FFF; padding-left: 13px; height: 46px; padding-top: 2px; text-shadow: 1px 1px #71a361;}
.year { background: url(../images/year.png) left top no-repeat; width: 87px; height: 44px; position: absolute; top: 5px; right: -7px; padding-left: 9px; padding-right: 8px; font-size: 32px; padding-top: 2px; text-shadow: 1px 1px #0c95b7;}
.event_name { background: #18b164; font-family: 'gotham_promedium'; padding: 3px; text-align: center; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px #138e51;}
.logo_right { float: right; white-space: nowrap; font-size: 16px; color: #28383a; line-height: 17px; width: 260px;}
.logo_right span { float: left; margin-right: 8px;}
/*header*/

/*section*/
section { display: block;}

/*banner*/
.banner { background: url(../images/banner.jpg) center top no-repeat; height: 590px; background-size: cover; position: relative;}
.banner_desc {font-family: 'gotham_promedium'; color: #FFF;  float: left; width: 525px; padding-top: 66px;}
.banner_desc h4 {font-family: 'gotham_promedium'; font-size: 70px; color: #fff; text-shadow: 1px 1px #403a33; line-height: 60px; padding: 0px; margin: 0px; padding-bottom: 42px;}
.banner_desc p { background: url(../images/banner_desc_line.png) left top no-repeat; text-shadow: 0 1px 1px #000; padding-top: 23px; line-height: 140%; font-size: 22px;}

.form_container { margin-top: 77px;	width: 380px; padding-top: 84px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2), 0 6px 8px rgba(0,0,0,.1), inset 0 0 2px #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2), 0 6px 8px rgba(0,0,0,.1), inset 0 0 2px #fff; box-shadow: 0 0 5px rgba(0,0,0,.2), 0 6px 8px rgba(0,0,0,.1), inset 0 0 2px #fff; margin-right: 7px; float: right; position: relative;}
.title_form { background: url(../images/title_form.png) left top no-repeat; width: 395px; height: 56px; position: absolute; top: 12px; left: -7px; padding-top: 15px; font-size: 26px; color: #fff; text-shadow: 0 1px rgba(0,0,0,.3); text-align: center;}

.form { text-align: center; padding-bottom: 11px;}
.form p { padding-bottom: 16px;}
.form input[type="text"] {width: 320px; height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; border: solid 1px #c3c3c3; background-image: -webkit-linear-gradient(top, #eaeaea, #fff); background-image: -moz-linear-gradient(top, #eaeaea, #fff); background-image: -o-linear-gradient(top, #eaeaea, #fff); background-image: -ms-linear-gradient(top, #eaeaea, #fff); background-image: linear-gradient(to bottom, #eaeaea, #fff); padding-left: 16px; font-family: 'gotham_proregular'; font-size: 16px; color: #333;}
.form input[type="text"].error { border-color: red;}
.form input[type="submit"] { background: url(../images/button_submit.png) left top no-repeat; font-family: 'gotham_probold'; width: 328px; height: 48px; text-align: center; text-transform: uppercase; color: #fff; text-shadow: 0 -1px rgba(0,0,0,.21); font-size: 20px; border: none; cursor: pointer;}
.send_check {font-family: 'gotham_proregular'; width: 322px; height: 42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #d00000; text-align: center; display: inline-block; font-size: 22px; color: #fff; text-shadow: 0 1px #a10000; padding-top: 8px;} 

.partners {background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); ; height: 100px; left: 0px; width: 100%; bottom: 0px; position: absolute; font-family: 'gotham_promedium'; font-size: 24px; color: #FFF; vertical-align: middle; text-shadow: 0 1px 1px rgba(40,40,40,.5); padding-top: 30px;}
.partners img { margin-left: 25px;}
.partners  span { display: inline-block; vertical-align: top; padding-top: 13px;}
/*banner*/



/*what_container*/
.what_container { background: url(../images/what_container.png) center top  no-repeat;}
.what_container .centermap { width: 960px;}
.what_container  h4 { background: url(../images/h4_line.gif) center bottom no-repeat; padding-bottom: 36px; padding-top: 36px; margin-bottom: 51px; font-family: 'gotham_probold'; font-size: 40px; color: #2b322d; text-transform: uppercase; text-align: center;}
.tumb { height: 332px; position: relative;}
.photo_left { text-align: left; width: 295px; padding-left: 9px; position: relative; float: left;}
.photo_right { text-align: right; width: 295px; padding-right: 9px; position: relative; float: right;}

.photo_left span, .photo_right span { background: #00aa55;-webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px;  width: 54px; height: 54px; position: absolute; text-align: center; color: #FFF; font-size: 32px; font-family: 'gotham_promedium'; padding-top: 10px; padding-left: 5px;}

.number_position_one { position: absolute; left: 213px; top: 166px;}
.number_position_two { position: absolute; right: 132px; top: -22px;}
.number_position_three { position: absolute; left: 202px; top: 13px;}
.number_position_four { position: absolute; right: 94px; top: -25px;}
.number_position_five { position: absolute; left:-11px; top: 65px;}


.h_313 { height: 313px;}
.what_container h6 { font-family: 'gotham_promedium'; font-size: 30px; color: #202c2e; padding-top: 12px;}
.what_container h6 span {background: rgb(72, 239, 59); background: rgba(72, 239, 59, 0.2); padding-left: 9px; padding-right: 9px; display: inline-block; padding-bottom: 5px; margin-bottom: 3px; }
.what_container  p { line-height: 160%; padding-left: 9px;}

.tumb_desc { float: left; width: 665px;}
/*what_container*/


/*reviews*/
.reviews { background: url(../images/reviews_bg.jpg) center repeat; height: 598px; border-bottom: 1px solid #545454; border-top: 1px solid #545454;}
.reviews_center { background: url(../images/reviews_center.jpg) center top no-repeat; height: 598px;}
.reviews  h4 { background: url(../images/h4_line.gif) center bottom no-repeat; padding-top: 95px; padding-bottom: 39px; margin-bottom: 57px; font-family: 'gotham_probold'; font-size: 28px; text-transform: uppercase; text-align: center; color: #FFF;}

.reviews_slider { position: relative; height: 340px;}
.reviews_slider_wr { margin: 0 45px;}
.prev a { background: url(../images/prev.png) left top no-repeat; width: 21px; height: 44px; position: absolute; top: 75px; left: 0px;}
.prev a:hover { background-position: 0 -44px;}
.next a { background: url(../images/next.png) left top no-repeat; width: 21px; height: 44px; position: absolute; top: 75px; right: 0px;}
.next a:hover { background-position: 0 -44px;}
.reviews_slider ul {}
.reviews_slider ul li { font-family: 'gotham_prolight_italic'; text-align: center; font-size: 20px; color: #fff; line-height: 32px; height: 100%;}
/*@media (max-device-width: 1024px) {
  .reviews_slider ul li {font-size: 21px; line-height: 30px;}
}*/
.reviews_slider ul li span {font-family: 'gotham_probold_italic'; color: #00aa55;}
.reviews_slider ul li .brand_style {font-family: 'gotham_prolight'; color: #FFF;}
.reviews_slider ul li p { /*padding-left: 45px; padding-right: 45px;*/ }
.author {font-family: 'gotham_promedium'; padding-top: 35px; color: #00aa55;}

.paginator { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center;}
.paginator a { text-indent: 9999px; font-size: 0px; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(32,80,27,0); border: solid 2px #9b9b9b; display: inline-block; margin-left: 4px; margin-right: 4px;}
.paginator .active {width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0a5; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1)); background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1)); border: 2px solid #12a35c;}
/*reviews*/


/*reason*/
.reason { padding-bottom: 58px;}
.reason  h4 { background: url(../images/h4_line.gif) center bottom no-repeat; padding-bottom: 36px; padding-top: 50px; margin-bottom: 27px; font-family: 'gotham_probold'; font-size: 40px; color: #2b322d; text-transform: uppercase; text-align: center;}
.pyramid { background: url(../images/pyramid.jpg) left top no-repeat; width: 996px; height: 501px; margin: 0 auto; position: relative; margin-bottom: 65px;}

.tumb_pyramid { position: absolute; width: 332px; height: 332px; text-align: center; font-size: 20px; color: #000; font-family: 'gotham_promedium'; line-height: 130%;}
.title { font-size: 60px; color: #00aa55; padding-top: 71px; padding-bottom: 8px; line-height: normal;}
.tumb_pyramid_one { margin-left: 0px; bottom: 0px;}
.tumb_pyramid_two { margin-left: 166px; top: 0px;}
.tumb_pyramid_three { margin-left: 332px; bottom: 0px;}
.tumb_pyramid_four { margin-left: 498px; top: 0px;}
.tumb_pyramid_five { margin-left: 664px; bottom: 0px;}

.desc_reason { line-height: 160%; text-align: center;}
.more { color: #202c2e; font-size: 30px; padding-top: 35px;}
/*reason*/

/*invite*/
.invite { background: url(../images/invite.jpg) center top no-repeat; height: 746px; background-size: cover; position: relative;}
.invite  h4 { background: url(../images/h4_line_invite.gif) center bottom no-repeat; padding-top: 73px; padding-bottom: 39px; margin-bottom: 61px; font-family: 'gotham_probold'; font-size: 40px; text-transform: uppercase; text-align: center; color: #FFF;}
.invite .banner_desc { margin-top: 0px; padding-top: 0px;}
.invite .banner_desc h4 { background: none; padding: 0px; margin: 0px;}
.invite .form_container { margin-top: 0px;}
.invite .form { padding-bottom: 5px;}

.invite .partners { background: none; padding-top: 0px; height: 107px;}
.invite .partners .centermap { background: url(../images/invite_partners.png) top repeat-x; padding-top: 28px;}
.invite .partners .centermap  img { margin-left: 40px;}
.price { padding-bottom: 26px;}
.price li {font-family: 'gotham_proregular';  padding-bottom: 17px;}
.price h6 {font-family: 'gotham_promedium'; font-size: 22px; padding-bottom: 22px;}

.contacts { }
.contacts li {font-family: 'gotham_proregular';  padding-bottom: 17px;}
.contacts h6 {font-family: 'gotham_promedium'; font-size: 24px; padding-bottom: 22px;}
.contacts li a { color: #00f87c;}
/*invite*/

/*footer*/
footer { display: block; text-align: center; font-size: 14px; color: #4f4f4f; padding-top: 45px; padding-bottom: 60px;}
/*footer*/

/*section*/
    
© TrueDev.org