/*  

Theme Name: Carlos Rito
Theme URI: http://karbono.net/

Description: nothing to say here, just go away...
Author: Karbono

Version: 1.0

*/

/* getting the new tags to behave */

article, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block }

    footer a { font-weight: 400; text-align: left; line-height: 24px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 13px; text-transform: lowercase; }

    footer a:hover { text-decoration: none; color: #fff; }

mark, rp, rt, ruby, summary, time { display: inline }

/* global properties ======================================================== */

html { width: 100%; height: 100%; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #000; padding: 30px 0; background: #E6E7E8; min-width: 950px; }

#wrap { width: 1040px; margin: 0 auto; background: #fff; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-top: 15px solid #9DCE51; }

.main { width: 940px; padding: 0; margin: 0 auto; position: relative; }

.slider_holder { background: #E5E5E5; }

.bg1 { display: block; width: 100%; }

.header_plane { background: url(../images/head_plane.jpg) repeat 0 0; position: relative; }

.w1 { width: 197px }

.w2 { width: 294px }

.w3 { width: 160px }

/*********************************layouts & alignment**********************************/

.col-1, .col-2 { float: left }

.col1 { width: 340px; float: left; }

.wrapper { width: 100%; overflow: hidden;padding: 20px 0; }

.extra-wrap { overflow: hidden }

.fleft { float: left }

.fright { float: right }

.alignright { text-align: right }

.aligncenter { text-align: center }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.mar_t_0 { margin-top: -5px }

.mar_t_02 { margin-top: 2px }

.mar_t_1 { margin-top: 10px }

.mar_t_12 { margin-top: 12px }

.mar_t_15 { margin-top: 15px }

.mar_t_2 { margin-top: 20px }

.mar_t_25 { margin-top: 25px }

.mar_t_3 { margin-top: 30px }

.mar_t_4 { margin-top: 40px }

.mar_t_5 { margin-top: 50px }

.mar_t_6 { margin-top: 60px }

.mar_t_7 { margin-top: 70px }

.mar_t_8 { margin-top: 80px }

.mar_t_9 { margin-top: 90px }

.mar_t_10 { margin-top: 100px }

.mar_t_138 { margin-top: 138px }

.mar_b_05 { margin-bottom: 5px }

.mar_b_1 { margin-bottom: 10px }

.mar_b_2 { margin-bottom: 20px }

.mar_b_3 { margin-bottom: 30px }

.mar_b_4 { margin-bottom: 40px }

.mar_b_5 { margin-bottom: 50px }

.mar_r_05 { margin-right: 5px }

.mar_r_08 { margin-right: 8px }

.mar_r_1 { margin-right: 10px }

.mar_r_19 { margin-right: 19px }

.mar_r_2 { margin-right: 20px }

.mar_r_22 { margin-right: 22px }

.mar_r_24 { margin-right: 24px }

.mar_r_3 { margin-right: 30px }

.mar_r_4 { margin-right: 40px }

.mar_r_5 { margin-right: 50px }

.mar_r_6 { margin-right: 60px }

.mar_r_7 { margin-right: 70px }

.mar_r_8 { margin-right: 80px }

.mar_r_18 { margin-right: 18px }

.mar_b_18 { margin-bottom: 18px }

.mar_l_08 { margin-left: 8px }

.mar_l_1 { margin-left: 10px }

.mar_l_2 { margin-left: 20px }

.mar_l_3 { margin-left: 30px }

.mar_l_4 { margin-left: 40px }

.mar_l_5 { margin-left: 50px }

.mar_l_6 { margin-left: 60px }

.mar_l_7 { margin-left: 70px }

.pad_t_0 { padding-top: 5px }

.pad_t_03 { padding-top: 3px }

.pad_t_07 { padding-top: 7px }

.pad_t_1 { padding-top: 10px }

.pad_t_12 { padding-top: 12px }

.pad_t_15 { padding-top: 15px }

.pad_t_17 { padding-top: 17px }

.pad_t_20 { padding-top: 20px }

.pad_t_2 { padding-top: 20px }

.pad_t_25 { padding-top: 25px }

.pad_t_3 { padding-top: 30px }

.pad_t_35 { padding-top: 35px }

.pad_t_4 { padding-top: 40px }

.pad_t_45 { padding-top: 45px }

.pad_t_5 { padding-top: 50px }

.pad_t_55 { padding-top: 55px }

.pad_t_6 { padding-top: 60px }

.pad_t_65 { padding-top: 65px }

.pad_t_7 { padding-top: 70px }

.pad_t_75 { padding-top: 75px }

.pad_t_8 { padding-top: 80px }

.pad_t_9 { padding-top: 90px }

.pad_b_05 { padding-bottom: 5px }

.pad_b_1 { padding-bottom: 10px }

.pad_b_16 { padding-bottom: 16px }

.pad_b_18 { padding-bottom: 18px }

.pad_b_2 { padding-bottom: 20px }

.pad_b_22 { padding-bottom: 22px }

.pad_b_25 { padding-bottom: 25px }

.pad_b_3 { padding-bottom: 30px }

.pad_b_4 { padding-bottom: 40px }

.pad_b_41 { padding-bottom: 41px }

.pad_b_43 { padding-bottom: 43px }

.pad_b_45 { padding-bottom: 45px }

.pad_b_5 { padding-bottom: 50px }

.pad_b_55 { padding-bottom: 55px }

.pad_b_6 { padding-bottom: 60px }

.pad_b_63 { padding-bottom: 63px }

.pad_b_7 { padding-bottom: 70px }

.pad_b_75 { padding-bottom: 75px }

.pad_b_8 { padding-bottom: 80px }

.pad_b_9 { padding-bottom: 90px }

.pad_b_10 { padding-bottom: 100px }

.pad_b_105 { padding-bottom: 105px }

.pad_b_140 { padding-bottom: 120px }

.pad_r_1 { padding-right: 10px }

.pad_r_2 { padding-right: 20px }

.pad_r_3 { padding-right: 30px }

.pad_l_1 { padding-left: 10px }

.pad_l_2 { padding-left: 20px }

.pad_l_3 { padding-left: 20px }

.bl1 { width: 420px; display: block; background: #9DCE51; padding: 15px 20px; position: relative; }

.bl1:after { content: ""; position: absolute; bottom: -30px; left: 85px; height: 30px; width: 27px; }

.bl2 { width: 420px; display: block; background: #dadada; padding: 15px 20px; position: relative; }

.bl2:after { content: ""; position: absolute; bottom: -30px; left: 85px; height: 30px; width: 27px; }

.bl3 { width: 300px; display: block; background: #9DCE51; padding: 15px 20px; position: relative; margin-bottom: 20px; }

.bl4 { width: 300px; display: block; background: #dadada; padding: 15px 20px; position: relative; margin-bottom: 20px; }

.bl5 { width: 180px; display: block; background: #9DCE51; padding: 21px 20px; position: relative; margin-bottom: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.ban1 { position: absolute; top: 25px; left: 125px; }

/********************** twitter************************/

.p1_tweet { }

.tweet_list li { width: 180px; display: block; background: #9c9c9c; padding: 15px 20px; position: relative; margin-bottom: 50px; }

.tweet_list li:first-child { border: none }

.tweet_list li>.tweet_odd { border: none }

.tweet_list li:after { content: ""; position: absolute; bottom: -30px; left: 35px; background: url(../images/bl3_con.jpg) no-repeat 0 0; height: 30px; width: 27px; }

.tweet_join { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #fff; }

.tweet_text { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #fff; }

    .tweet_text a { text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #fff; }

.tweet_join { display: inline-block }

.tweet_time { background: url(../images/tw.jpg) no-repeat 0 0; margin-left: 50px; bottom: -30px; padding-left: 23px; font-size: 16px; position: absolute; }

    .tweet_time a { color: #9c9c9c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 24px; position: relative; top: -3px; width: 115px; left: 10px; text-decoration: none; }

    .tweet_time a:hover { color: #9DCE51 }

/*********************************aside**********************************/

aside { background: #ECECEC; border-top: #e0e0e0 solid 1px; margin-top: 15px; display: block; }

#icons { margin-top: -5px }

    #icons .img_act { z-index: 50; position: absolute; top: 0; left: 0; opacity: 0; }

    #icons li { padding-top: 15px }

    #icons a { z-index: 50; display: block; position: relative; display: inline-block; }

    #icons a:hover .img_act { opacity: 1 }

    #icons a:hover span { color: #000 }

    #icons a  span { margin: 10px 0 0 15px; color: #7f7f7f; display: inline-block; }

/*******************************************************************/

/* tooltips */

#aToolTip { border: 2px solid #f0f0f0; background: #000; color: #747474; margin: 0; padding: 2px 8px; font-size: 11px; position: absolute; display: none; z-index: 50000; }

    #aToolTip .aToolTipContent { position: relative; margin: 0; padding: 0; }

/*********************************p**********************************/

p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 24px; color: #7f7f7f; text-transform: none; font-weight: 400px; }

    p span { color: #000; font-weight: 700; }

.p1 { text-transform: uppercase; font-weight: 700; }

    .p1 span { font-weight: 400; color: #7f7f7f; }

.p2 { color: #fff }

    .p2 span { font-weight: 700; color: #fff; }

.p3 { color: #000 }

    .p3 span { font-weight: 700 }

.p4 { font-family: 'Lekton', sans-serif; color: #fff; font-size: 72px; line-height: 84px; text-transform: uppercase; display: inline-block; letter-spacing: -8px; }

    .p4 span { color: #000 }

.p5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; text-transform: uppercase; font-weight: 700; color: #fff; }

.p6 { font-family: 'Trebuchet MS', sans-serif; font-weight: 400; color: #fff; font-size: 24px; line-height: 33px; text-transform: uppercase; text-align: left; display: block; letter-spacing: -.5px; }

.p7 { font-family: 'Trebuchet MS', sans-serif; font-weight: 400; color: #fff; font-size: 36px; line-height: 36px; text-transform: uppercase; text-align: left; display: block; letter-spacing: -.5px; }

/*********************************boxes**********************************/

.dib { display: inline-block }

.img-indent-bot { margin-bottom: 25px }

.img-indent { float: left; margin: 0 20px 0px 0; }

.img-indent1 { float: left; margin: 0 30px 0px 0; }

.img-indent2 { float: left; margin-right: 15px; }

/*********************************links**********************************/

a { color: #fff; text-decoration: none; cursor: pointer; }

a:hover { color: #000 }

.link-1 { font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; display: inline-block; line-height: 19px; color: #9c9b9f; background: none; padding: 10px 10px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.link-1:hover { background: #808d28 }

.link-2 { background: url(../images/p1_arr3.png) no-repeat 0 0; height: 5px; width: 7px; display: block; position: absolute; right: 0; margin: -16px 15px 0 0; }

.link-2:hover { color: #000; text-decoration: none; }

#page4 #content .link-2 { margin: -15px -10px 0 0 }

.link-3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; display: inline-block; line-height: 20px; color: #afc137; margin: 20px 0 0 0; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.link-3:hover { color: #000; text-decoration: none; }

.camera_wrap .a1 { font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 700; color: #c17d56; text-decoration: none; line-height: 18px; text-transform: uppercase; text-align: center; background: #f5eae0; padding: 12px 30px; display: inline-block; margin-bottom: 30px; }

.camera_wrap .a1:hover { color: #000 }

.a1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #000; text-decoration: none; line-height: 24px; text-transform: none; display: inline-block; }

.a1:hover { color: #9DCE51 }

.a1 span { background: url(../images/bl_bull.jpg) no-repeat 0 0; width: 20px; height: 20px; display: inline-block; padding: 0 10px 0 0; margin-top: 2px; }

.a2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; color: #9DCE51; text-decoration: none; line-height: 24px; text-transform: none; display: inline-block; }

.a2:hover { color: #000 }

.a3 { color: #000; font-weight: 700; }

.a3:hover { color: #9DCF52 }

.a4 { display: inline-block }

.a5 { position: relative }

.a4:hover .bl5 { background: #000 }

.a6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; color: #000; text-decoration: none; line-height: 20px; text-transform: uppercase; display: inline-block; text-decoration: underline; }

.a6:hover { color: #fff }

.a7 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; color: #fff; text-decoration: none; padding: 15px 17px; text-transform: uppercase; display: inline-block; background: #9DCE51; }

.a7:hover { background: #000; color: #fff; }

.a8 { font-family: 'Trebuchet MS', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000; font-size: 16px; line-height: 24px; text-align: left; display: block; letter-spacing: -.5px; }

.a8:hover { color: #9DCF52 }

.a9 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 24px; color: #7f7f7f; text-transform: uppercase; font-weight: 700 !important; }

.a9:hover { color: #9DCF52 }

time { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; color: #9DCE51; text-decoration: none; line-height: 24px; text-transform: none; display: inline-block; }

/*********************************lists*************************************/

.list-1 { margin-top: 10px }

    .list-1 li.last { background: none }

    .list-1 li { background: url(../images/list1_line.jpg) no-repeat 0 bottom; padding: 10px 0 11px 0; width: 220px; }

        .list-1 li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; display: inline-block; color: #9DCE51; overflow: hidden; text-transform: none; position: relative; }

        .menu li a, .list-1 li a, .list-2 li a, .list-4 li a, .button, .logo { text-decoration: none }

        .list-1 li a:hover { color: #000 }

.list-2 li a:hover { color: #242424 }

.list-1 li a span { background: url(../images/arr.jpg) no-repeat 0 0; display: inline-block; height: 19px; width: 3px; position: relative; margin-right: 10px; top: 9px; float: left; }

.list-2 { margin-top: 15px }

    .list-2 li { background: url(../images/p4_bul.jpg) no-repeat left 14px; padding: 5px 0 5px 10px; }

        .list-2 li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; display: inline-block; color: #de9c76; overflow: hidden; font-weight: 700; }

.list-3 { margin-bottom: 20px; margin-top: 30px; }

    .list-3 li { }

        .list-3 li a { font-family: 'Lora', serif; font-size: 18px; line-height: 36px; display: inline-block; color: #2e2e2e; overflow: hidden; font-weight: 600; }

        .list-3 li a:hover { color: #ff7742 }

/*********************************header*************************************/

header { width: 100%; position: relative; padding: 20px 0; }

h1 { z-index: 50; float: left; padding: 0 0 0 0; }

    h1 a { display: block; width: 265px; height: 80px; text-indent: -5000px; background: url(../images/logo_250.png) 0 0 no-repeat; }

/*********************************headings*************************************/

h2 { font-family: 'Trebuchet MS', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000; font-size: 22px; line-height: 28px; text-transform: uppercase; text-align: left; display: block; letter-spacing: -.5px; }

h3 { font-family: 'Trebuchet MS', sans-serif; font-weight: 400; letter-spacing: 1px; color: #000; font-size: 20px; line-height: 24px; text-align: left; display: block; letter-spacing: -.5px; }

/*** menu ***/

.menu { }

nav { width: 520px; position: absolute; right: 0; top: 30px; }

.sf-menu, .sf-menu * { padding: 0; list-style: none; }

.sf-menu>li>.last_menu>.active>a, .sf-menu>li.last_menu>a:hover { color: #414141; background: none; }

.sf-menu>li.last_menu:hover { }

.sf-menu >li:first-child { }

.sf-menu>li a.active { color: #414141; background: none; border-bottom: #414141 1px solid; }

.sf-menu>li.active>a, .sf-menu>li>a:hover, .sf-menu>li.sfHover>a { color: #414141; background: none; border-bottom: #414141 1px solid; }

.sf-menu>li a:hover { color: #414141; background: none; border-bottom: #414141 1px solid; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 70px; top: -5px; z-index: 99 !important; }

.sf-menu li li { position: relative }

.sf-menu >li>a { display: block; background: none; position: relative; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; text-align: left; text-transform: lowercase; color: #000; line-height: 20px; padding-bottom: 5px; border-bottom: #fff 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;border-bottom: #9DCE51 1px solid;text-align: center }

.sf-menu > li { float: left; position: relative; width: 80px; display: block; margin-bottom: 23px;margin-left: 15px; }

.sf-menu ul { position: absolute; display: none; background: url(../images/submenu_plane1.png) no-repeat; padding: 10px 0 10px 0; width: 168px; display: inline-block; text-align: center; }

    .sf-menu ul ul { position: absolute; background: url(../images/submenu_plane2.png) no-repeat; display: none; padding: 10px 0 10px 0; width: 168px; }

        .sf-menu ul ul li { display: block }

        .sf-menu ul ul li:first-child { background: none }

        .sf-menu ul ul a { margin-right: 20px; border: none; }

        .sf-menu ul ul a:hover { color: #000; border: none; }

    .sf-menu ul li { display: block }

    .sf-menu ul li:first-child { background: none }

    .sf-menu ul a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; padding: 5px 0 5px 0; text-transform: lowercase; color: #fff; border: none; background: none; margin-left: 5px; }

    .sf-menu ul a:hover, .sf-menu ul li.sfHover>a { color: #9DCE51; border: none; }

.sf-menu { z-index: 99 }

.last_menu { }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: -160px; top: 0px; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em }

/********************** table content ************************/

.table-1 { width: 100%; margin-top: 18px; border: none; background: #ddcec0; }

    .table-1 tr td.coll-1 { color: #242424; line-height: 18px; text-transform: none; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; }

    .table-1 tr th.r1, .table-1 tr .coll-1 { width: 113px; padding-left: 15px; }

    .table-1 tr th.r4, .table-1 tr .coll-4 { width: 57px }

    .table-1 tr th.r2, .table-1 tr .coll-2 { width: 60px }

    .table-1 tr th.r3, .table-1 tr .coll-3 { width: 65px }

    .table-1 tr th { background: #de9c76; text-align: left; border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; padding: 14px 0; color: #fff; line-height: 18px; text-transform: none; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; vertical-align: middle; }

    .table-1 tr td { border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; }

    .table-1 tr td { font-weight: 700; color: #9a5731; }

    .table-1 tr td { color: #4a4949; font-size: 13px; line-height: 16px; padding: 7px 0 8px; text-align: left; vertical-align: middle; }

/*********************************content*************************************/

#content { width: 100%; position: relative; }

#content .flash { border: 5px solid #EAEAEA; }

.bord1 { border-bottom: #d9d9d9 1px solid; display: block; }

.bord2 { border-bottom: #e3e3e3 1px solid; display: block; }

/****************************buttons************************/

.button1 { position: absolute; right: 115px; bottom: 110px; z-index: 100; display: none; background: url(../images/round_bg2.png) no-repeat right 0; padding-right: 9px; height: 35px; }

    .button1 b { font-family: 'Open Sans', sans-serif; color: #d50072; font-size: 14px; font-weight: 800; background: url(../images/round_bg1.png) no-repeat 0 0; position: relative; line-height: 22px; top: -2px; text-transform: uppercase; padding: 8px 0 8px 9px; display: block; }

    .button1 b:hover { color: #000; text-shadow: 0 1px 0 #e9dfdd; }

.button2 { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 25px; color: #201e24; text-transform: uppercase; background: #fff; padding: 3px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; position: relative; left: 75px; }

.button2:hover { background-position: 0 -58px; background-color: #fff; color: #dd0378; text-shadow: 0 1px 0 #e9dfdd; }

.roundabout-in-focus .button1 { display: inline-block }

/*----- address -----*/

dl dt { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 13px; line-height: 24px; color: #000; text-transform: none; padding-top: 25px; padding-bottom: 20px; }

dl dd { color: #7f7f7f; line-height: 24px; }

    dl dd span { display: inline-block; line-height: 24px; width: 80px; }

.link { color: #9DCE51; line-height: 24px; }

.link:hover { color: #000; text-decoration: none; }

/****************************footer************************/

footer { background: #9DCE51; font-weight: 700; text-transform: lowercase; display: block; }

footer p { color: #000; }

/* contact form */

#contact-form { display: block; height: 315px; position: relative; padding: 0; }

    #contact-form label.message { height: auto; position: relative; overflow: visible; padding: 0; }

        #contact-form label.message span { position: relative; display: none; top: 20px; margin: 0; text-align: left; }

    #contact-form textarea { height: 147px; width: 915px; outline: none; margin: 0; display: block; background: none; resize: none; color: #7f7f7f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; text-transform: none; padding: 10px; border: #e0dfdf 1px solid; overflow: auto; resize: none; }

    #contact-form .btns { position: absolute; bottom: -30px; right: 0; height: auto; width: auto; display: inline-block; }

        #contact-form .btns a { margin-left: 7px }

    #contact-form label { display: block; position: relative; height: 50px; overflow: hidden; }

        #contact-form label span.errors { display: block; position: absolute; margin: 0; right: 0; top: 10px; width: 230px; }

    #contact-form input { margin: 0; width: 435px; padding: 9px 10px 9px 10px; color: #7f7f7f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; background: none; text-transform: none; border: #e0dfdf 1px solid; display: block; overflow: none; }

    #contact-form span { position: relative; display: none; color: #000; top: -30px; font-size: 11px; text-align: right; line-height: 14px; }

.success { display: none; font-size: 12px; line-height: 16px; padding: 0; top: -5px; left: 0; right: 0; position: relative; word-spacing: -1px; color: #000; margin: 0 0 -5px 0; }

/* contact form bottom */

#contact-form.bottom { width: 360px; }

#contact-form.bottom input { width: 335px;background: #fff; }

#contact-form.bottom textarea { width: 335px;background: #fff; }

#contact-form.bottom .btns { position: absolute;bottom: -30px;left: 0 !important;width: 360px;text-align: center; }

/****************************box************************/

.box-1 { width: 190px; height: 314px; display: inline-block; z-index: 100; position: relative; }

    .box-1 a:hover .plane1, .box-2 a:hover .plane1, .box-3 a:hover .plane1 { background: none; border: 1px solid #d6c8ba; margin-bottom: 1px; }

    .box-1 a:hover img, .box-2 a:hover img, .box-3 a:hover img { opacity: 0.5 }

.box-2 { width: 230px; height: 314px; display: inline-block; z-index: 100; position: relative; }

.box-3 { width: 150px; height: 314px; display: inline-block; z-index: 100; position: relative; }

.plane1 { background: #ddcec0; margin-top: 1px; display: block; }

/******************* scroll *************/

.jspContainer { overflow: hidden; position: relative; height: 363px !important; }

.scroll-pane { width: 950px !important }

    .scroll-pane ul li { float: left; margin-right: 10px; }

    .scroll-pane .last { margin-right: 0px }

.jspPane { position: absolute }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; }

    .jspVerticalBar .jspArrow { height: 39px }

    .jspVerticalBar .jspArrow:focus { outline: none }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; height: 40px; }

    .jspHorizontalBar .jspArrow { width: 39px; float: left; height: 100%; }

    .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

    .jspHorizontalBar .jspCap { float: left }

    .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none }

.jspTrack { background: url(../images/track.png) no-repeat 0 0; height: 39px !important; position: relative; }

.jspDrag { background: url(../images/menu_bg.jpg); position: relative; top: 0; left: 0; cursor: pointer; }

.jspDrag:hover { background-position: 0 bottom }

.jspArrow { text-indent: -20000px; display: block; cursor: pointer; }

.jspArrowLeft { background: url(../images/prev_scroll.jpg) no-repeat 0 0; width: 39px; height: 39px; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.jspArrowLeft:hover { background: url(../images/prev_scroll.jpg) no-repeat -39px 0 }

.jspArrowRight { background: url(../images/next_scroll.jpg) no-repeat -39px 0; width: 39px; height: 39px; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.jspArrowRight:hover { background: url(../images/next_scroll.jpg) no-repeat 0 0 }

.jspArrow.jspDisabled { cursor: pointer }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

*+html .scroll-pane li { display: inline }

.scroll-pane { width: 100%; overflow: auto; }

.horizontal-only { height: auto }

ul.thumbs { position: relative; margin: 0; padding: 0; width: 1910px; overflow: hidden; }

    ul.thumbs li { float: left; padding: 0; list-style: none; }

/* lightbox video */

.lightbox-video { display: inline-block; position: relative; }

    .lightbox-video img.magnify { position: absolute; width: 0px; : 0px; left: 50%; top: 50%; }

.banner { width: 260px; overflow: hidden; position: absolute; top: 200px; color: #fff; right: 0px; z-index: 15; background: url(../images/png.png) left top repeat; padding: 0px; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }

    .banner span { display: block; padding: 20px; }

/* ------------- * selects * ------------- */

.pro_text-form { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4a4949; line-height: 24px; padding-right: 15px; }

#pro_form2 .jqTransformSelectWrapper { position: relative; float: left; width: 172px !important; }

    #pro_form2 .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0; top: 2px; width: 22px; height: 21px; background: url(../images/select.png) no-repeat 0 -21px; }

    #pro_form2 .jqTransformSelectWrapper a.jqTransformSelectOpen:hover { background-position: 0 0px }

    #pro_form2 .jqTransformSelectWrapper div span { display: block; float: none; width: 162px !important; background: #fff; position: relative; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #ddd; padding: 0 5px; box-shadow: inset 0 2px 0 rgba(0, 0, 0, .3); }

    #pro_form2 .jqTransformSelectWrapper ul { position: absolute; top: 22px; left: 0px; background-color: #FFF; display: none; margin: 0px; padding: 0px; overflow: auto; overflow-y: auto; z-index: 10; border: 1px solid #ddd; width: 172px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); }

        #pro_form2 .jqTransformSelectWrapper ul a.selected { color: #750808 }

        #pro_form2 .jqTransformSelectWrapper ul a:hover, #pro_form2 .jqTransformSelectWrapper ul a.selected:hover { color: #fff; background: #750808; text-decoration: none; }

        #pro_form2 .jqTransformSelectWrapper ul a { display: block; padding: 5px; color: #000; font-size: 12px; padding-left: 12px; text-transform: inherit; }

/****************************other************************/

.bull {
	margin-top: 20px;
}
.bull li {
	list-style: disc;
	margin-left: 20px;
	line-height: 22px;
}