@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
html,body {height: 100%;  /* The html and body elements cannot have any padding or margin. */}
body { margin:0 !important; padding:0; font-family: 'robotoregular';background:#fff repeat-x top #f2f1ef;}
:focus { outline:none;}
.clr { clear:both;}
.fl { float:left;}
.fr { float:right;}
ul, ol, li { list-style:none; padding:0; margin:0; line-height:normal;}
a { text-decoration:none; outline:0 !important;}
a img, img { border:none; vertical-align:middle;}
a:hover {text-decoration:underline;color:#9c5d4e;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0; margin:0; line-height:normal;}


#wrap { width:100%; overflow:hidden; clear:both; min-height:100%; height:auto !important; height:100%; /* Negative indent footer by its height */ margin-bottom:-124px; /* Pad bottom by footer height */padding-bottom:230px;}

.container { width:980px; margin:0 auto;}
.container:before, .container:after { display:table; content:"";}
.container:after { clear:both;}



/* header */
#header {background:#eceff3;border-bottom:solid 1px #d4d8de; position:relative; z-index:111;}
#header .container {position:relative;}


#nav { width:100%; text-align:center;}
#nav ul { display:block;}
#nav ul li {display:inline-block; font-family: 'robotolight';font-size:21px;margin:0 12px;position:relative; padding-bottom:4px;}
#nav ul li a {display:block;color:#888ea1;text-decoration:none;}
#nav ul li a.active {text-decoration:none;color:#9c5d4e;}
#nav ul li a:hover {text-decoration:none;color:#9c5d4e;}

#nav ul li ul.sub {display:none;}
#nav ul li:hover ul.sub {display:block;position:absolute;top:100%;left:0;background:#fefefd; text-align:left; border-top:solid 1px #e2dbd4;}
#nav ul li:hover ul.sub li {float:none;font-size:15px;margin:0;min-width:100px; padding:0; display:block;}
#nav ul li:hover ul.sub li a {padding:5px 10px;}
#nav ul li:hover ul.sub li a:hover {background:#ebe4d8;}
/*slider */

#slider { margin-top:10px; margin-bottom:200px;}
#slider .carousel .item img { width:100%;}
#slider .carousel a.left { top:35px; left:45%;}
#slider .carousel a.right {top:35px; right:25%;}
#slider .carousel-control { background:none; box-shadow:none; bottom:auto; width:16px; height:18px; opacity:1;}
#slider .carousel .carousel-indicators { top:40px; bottom:auto; margin-left:0; left:72%; text-align:left; width:auto;}
#slider .carousel .carousel-indicators li { background:url(../images/slide-bullet.png) no-repeat; width:19px; height:18px; margin-right:20px;}
#slider .carousel .carousel-indicators li.active:first-child { background:url(../images/slide-bulletH1.png) no-repeat;}
#slider .carousel .carousel-indicators li.active:nth-child(2) { background:url(../images/slide-bulletH2.png) no-repeat;}
#slider .carousel .carousel-indicators li.active:nth-child(3) { background:url(../images/slide-bulletH3.png) no-repeat;}
#slider .carousel .carousel-indicators li.active:nth-child(4) { background:url(../images/slide-bulletH4.png) no-repeat;}
#slider .carousel .carousel-indicators li.active:nth-child(5) { background:url(../images/slide-bulletH5.png) no-repeat;}

/*cantent */
#cantent {}
#cantent .txt_box {margin:40px 0 30px 0;}
#cantent .txt_box p {font-family: 'robotolight';font-size:33px;color:#878fa1;line-height:36px;}
#cantent .txt_box p strong {font-weight:normal;font-family: 'robotomedium';color:#405d89;text-transform:uppercase;}
#cantent .txt_box p span {color:#a9766a;}

#cantent .about_us {padding-bottom:30px;overflow:hidden;}
#cantent .about_us .left_block {width:45%;float:left;}
#cantent .about_us .left_block .menu {width:50%;float:left;}
#cantent .about_us .left_block .menu ul {}
#cantent .about_us .left_block .menu ul li {clear:both;overflow:hidden;font-family: 'robotolight';font-size:21px;line-height:30px;}
#cantent .about_us .left_block .menu ul li a {color:#405d89;}

#cantent .about_us .left_block .info {width:50%;float:right;text-align:right;}
#cantent .about_us .left_block .info ul {display:block;margin-top:15px;}
#cantent .about_us .left_block .info ul li {font-family: 'robotolight';font-size:16px;line-height:21px;clear:both;overflow:hidden;}
#cantent .about_us .left_block .info ul li a {color:#a9766a;}



#cantent .about_us .right_block {width:52%;float:right;}
#cantent .about_us .right_block p {font-family: 'robotolight';font-size:16px;color:#878fa1;line-height:27px;margin-bottom:20px;}
#cantent .about_us .right_block p strong {font-weight:normal;font-family: 'robotomedium';color:#405d89;text-transform:uppercase;}
#cantent .about_us .right_block p a {color:#a9766a;}

/* about_rates*/

#cantent .about_rates {padding-bottom:30px;overflow:hidden;}
#cantent .about_rates .left_block {width:45%;float:left;}
#cantent .about_rates .left_block .menu {width:50%;float:left;}
#cantent .about_rates .left_block .menu ul {}
#cantent .about_rates .left_block .menu ul li {clear:both;overflow:hidden;font-family: 'robotoblack';font-size:21px;line-height:30px;}
#cantent .about_rates .left_block .menu ul li a {color:#405d89;}

#cantent .about_rates .left_block .info {width:50%;float:right;text-align:right;}
#cantent .about_rates .left_block .info ul {display:block;margin-top:15px;}
#cantent .about_rates .left_block .info ul li {font-family: 'robotolight';font-size:16px;line-height:21px;clear:both;overflow:hidden;}
#cantent .about_rates .left_block .info ul li a {color:#a9766a;}

#cantent .about_rates .right_block {width:52%;float:right;}
#cantent .about_rates .right_block h5 {font-family: 'robotomedium';color:#405d89;font-size:16px;text-transform:uppercase;}
#cantent .about_rates .right_block .box {clear:both;overflow:hidden;margin-bottom:20px;}
#cantent .about_rates .right_block ul {}
#cantent .about_rates .right_block ul li {font-family: 'robotolight';font-size:16px;color:#878fa1;line-height:21px;margin-top:2px;}
#cantent .about_rates .right_block ul li span {font-family: 'robotobold';}

/* credibility */

#cantent .credibility {padding-bottom:30px;overflow:hidden;}
#cantent .credibility .left_block {width:45%;float:left;}
#cantent .credibility .left_block .info {width:50%;float:right;text-align:right;}
#cantent .credibility .left_block .info ul {display:block;margin:15px 0;}
#cantent .credibility .left_block .info ul li {font-family: 'robotolight';font-size:16px;line-height:21px;clear:both;overflow:hidden;color:#878fa1;}
#cantent .credibility .left_block .info ul li a {color:#878fa1;}



#cantent .credibility .right_block {width:52%;float:right;}
#cantent .credibility .right_block p {font-family: 'robotolight';font-size:16px;color:#878fa1;line-height:21px;margin-bottom:20px;}
#cantent .credibility .right_block p strong {font-weight:normal;font-family: 'robotomedium';color:#405d89;text-transform:uppercase;}
#cantent .credibility .right_block p a {color:#a9766a;}


/* planning */

#cantent .planning {padding-bottom:30px;overflow:hidden;}
#cantent .planning .left_block {width:45%;float:left;}
#cantent .planning .left_block .info {width:50%;float:right;text-align:right;}
#cantent .planning .left_block .info ul {display:block;margin:15px 0;}
#cantent .planning .left_block .info ul li {font-family: 'robotolight';font-size:16px;line-height:21px;clear:both;overflow:hidden;color:#878fa1;}
#cantent .planning .left_block .info ul li a {color:#878fa1;}
#cantent .planning .left_block .info a.view {font-family: 'robotolight';font-size:16px;color:#a9766a;}

#cantent .planning .right_block {width:52%;float:right;}
#cantent .planning .right_block p {font-family: 'robotolight';font-size:16px;color:#878fa1;line-height:21px;margin-bottom:20px;}
#cantent .planning .right_block p strong {font-weight:normal;font-family: 'robotomedium';color:#405d89;text-transform:uppercase;}
#cantent .planning .right_block p a {color:#a9766a;}


/* portofoliyo */

#cantent .portfolio {padding:90px 0 30px 0;}
#cantent .portfolio ul {}
#cantent .portfolio ul li {display:block;float:left;border:solid 1px #c9b6b6;background:#fff;margin:0 14px;}
#cantent .portfolio ul li a { display:block; float:left;width:165px;height:166px;}
#cantent .portfolio ul li img {width:100%;}

#cantent .portfolio .modal-dialog { width:95%;}
#cantent .portfolio .modal-dialog .modal-body { padding:0;}
#cantent .portfolio .modal .modal-header { border:none; padding:0;}
#cantent .portfolio .modal .modal-header .close { background:url(../images/close-icon.png) no-repeat; width:25px; height:25px; opacity:1; margin-right:30px; margin-top:-20px;}
#cantent .portfolio .modal .carousel .item { width:95%;}
#cantent .portfolio .modal .carousel .item img { width:100%;}
#cantent .portfolio .modal .carousel a.left { top:50%; left:0;}
#cantent .portfolio .modal .carousel a.right {top:50%; right:49px;}
#cantent .portfolio .modal .carousel-control { background:none; box-shadow:none; bottom:auto; width:24px; height:44px; opacity:1;}
#cantent .portfolio .modal .carousel .carousel-indicators { bottom:22%;}
#cantent .portfolio .modal .carousel .carousel-indicators li { width:17px; height:17px; line-height:15px; text-align:center; background:#d4d4ba; border:solid 1px #74626e; border-radius:0; padding:0; color:#333; font-size:14px; text-indent:0;}
#cantent .portfolio .modal .carousel .carousel-indicators li.active { background:#5c726d; border:solid 1px #19227d; color:#fff;}


/* contact_us */

#cantent .contact_us {padding-bottom:30px;overflow:hidden;}
#cantent .contact_us .left_block {width:30%;float:left;}
#cantent .contact_us .left_block .menu {width:100%;float:left;}
#cantent .contact_us .left_block .menu ul {}
#cantent .contact_us .left_block .menu ul li {clear:both;overflow:hidden;font-family: 'robotoblack';font-size:21px;line-height:30px;}
#cantent .contact_us .left_block .menu ul li a {color:#ebe4d8;}
#cantent .contact_us .left_block .menu ul li a:hover {color:#e5d5bb;}


#cantent .contact_us .right_block {width:68%;float:right;}
#cantent .contact_us .right_block ul {}
#cantent .contact_us .right_block ul li {clear:both;overflow:hidden;margin-bottom:25px;}
#cantent .contact_us .right_block ul li:last-child {float:right;margin-right:18%;}
#cantent .contact_us .right_block .txtbox {width:473px;height:33px;border-radius:3px;box-shadow:0 2px 1px rgba(0, 0, 0, 0.20) inset;float:left;border:none;}
#cantent .contact_us .right_block .label {min-width:145px;font-family: 'robotolight';font-size:16px;color:#7d7888;float:left;font-weight:normal;text-align:right;margin-right:30px;}
#cantent .contact_us .right_block .txtarea {width:473px;height:110px;border-radius:3px;box-shadow:0 2px 1px rgba(0, 0, 0, 0.20) inset;float:left;border:none;}

#cantent .contact_us .right_block .submit {background:url(../images/submit_btn.png) no-repeat;width:182px;height:31px;min-width:145px;font-family: 'robotolight';font-size:16px;color:#888ea1;border:none;cursor:pointer;text-align:left;padding-left:20px;}








/*footer*/
#footer {background:#eceff3;border-top:solid 1px #d4d8de;padding:5px 0; width:100%;height:124px;}

#footer .logo {width:370px;height:66px;margin:0 auto 5px;}
#footer .logo a {display:block;background:url(../images/logo.png) no-repeat;width:370px;height:66px;}

#footer p {font-size:11px;color:#b3a99e; text-align:center; padding:0 6px;}
#footer p a {color:#b3a99e;margin-left:5px;}

#footer .social { overflow:hidden; clear:both; padding:3px 0; text-align:center;}
#footer .social ul { display:inline-block;}
#footer .social ul li {display:block;float:left;margin-left:6px;}
#footer .social ul li a {display:block;}

#footer{
    width:100%;
    position:fixed;
    bottom:0px;
}