@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
a{ color:#7ac142;}
#navbtn{ display:none;}
.nav-menu{ background:#03a6e8;}
.nav-menu li{ position:relative; float:left;}
.nav-menu li > a{ font:normal 16px/68px Arial, Helvetica, sans-serif; color:#fff; padding:0 32px; white-space:nowrap; display:block;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#fff; color:#0089cf; text-decoration:none;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/34px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu .menu-item-has-children > a{ cursor:pointer;}

header{ background:#fff; padding:8px 0 0;}
#logo{ float:left; padding:0 0 16px;}
a.btn{ background:#fc3904; padding:0 30px; font:400 italic 18px/48px 'Lora', serif; float:right; display:inline-block; border-radius:5px; color:#fff;}
#banner{ margin:0 auto; text-align:center;}
#content{ padding:50px 0 0;}

#content h1{ font:400 italic 39px/51px 'Lora', serif; color:#da2d20; padding:0 0 15px;}
#content h2{ font:400 29px/31px 'Roboto', sans-serif; padding:0 0 15px;}
#content h3{ font:400 20px/24px 'Roboto', sans-serif; padding:0 0 15px;}
#content h4{ font:400 18px/22px 'Roboto', sans-serif; color:#181818; padding:0 0 15px;}
#content h5{ font:500 16px/22px 'Roboto', sans-serif; padding:0 0 15px;}
#content p{ font:400 14px/22px 'Roboto', sans-serif; padding:0 0 15px;}

.gap{padding-bottom:30px; padding-top:30px;}
.gap_bottom{ padding-bottom:30px;}
.gap_top{ padding-top:30px;}
.white_text{ color:#fff;}

.three_fact{ position:relative; padding:0 0 0 60px; width:32.333%; float:left;}
.three_fact:nth-child(3n+2){ margin:0 1%; padding:0 23px 0 76px; border-left: double 3px #000; border-right: double 3px #000;}
.three_fact:nth-child(3n+2) img{ left:20px;} 
.three_fact img{ position:absolute; left:0; top:0;}

.box{ width:32.333%; float:left;}
.box:nth-child(3n+2){ margin:0 1%; padding:0 25px; border-left: solid 1px #000; border-right: solid 1px #000;}


.world_part{ background:url(images/bg1.jpg) no-repeat 50% 0; background-size:cover; padding:20px 0;}
.midl_bg{/* background:url(images/bg2.jpg) no-repeat 100% 0*/ #fff;}
.success{ font:500 40px/42px 'Roboto', sans-serif; text-align:center; padding:20px 0; }
.success span{ font:300 39px/41px 'Roboto', sans-serif; color:#fc3904;}
.bottom_part{ background:url(images/bg3.jpg) no-repeat 50% 0; background-size:cover;}
.fifty{ width:50%; float:left; padding:0 2% 0 0; }
.fifty+.fifty{ padding:0 0 0 2%; border-left:double 3px rgba(255, 255, 255, 0.5);}
a.only{ background:#fc3904; border-radius:25px; font:700 18px/52px 'Roboto', sans-serif; padding:0 25px; text-align:center; display:inline-block; color:#fff;}
.lower_case{ /*background:url(images/lower.jpg) no-repeat 50% 0; background-size:cover;*/ padding:20px 0; border-top:solid 1px #ccc;}
#content .lower_case h1{ font:300 50px/52px 'Roboto', sans-serif; color:#fc3904; padding:0;}
#content .lower_case h2{ font:500 35px/38px 'Roboto', sans-serif;}
#content .lower_case h3{ font:300 30px/34px  'Roboto', sans-serif; padding:0 0 15px;}
#content .lower_case h4{ font:400 18px/22px 'Roboto', sans-serif; color:#181818;}

.frm_part{ background:url(images/contact_bg.jpg) no-repeat 50% 0; background-size:cover; margin:20px 0 0;}

#popular-projects{ position:relative; padding:0 34px;}
#popular-projects img{ margin-bottom:20px;}
.jcarousel {    position: relative;    overflow: hidden;    width: 100%; text-align:center;}
.jcarousel ul{ width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.jcarousel li{ width:200px;float:left; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; padding:15px;}
#popular-projects .jcarousel-control-prev{ left:0; position:absolute; top:50%; margin:-17px 0 0; width:32px; height:58px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/sliderarrow.jpg) no-repeat 50% 50%;}
#popular-projects .jcarousel-control-next{ right:0; position:absolute; top:50%; margin:-17px 0 0; width:32px; height:58px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/sliderarrow2.jpg) no-repeat 50% 50%;}
.jcarousel ul li img{ max-width:100%; display:block; margin:0 auto; vertical-align:top; border-radius:4px 4px 0 0;}
.progress{ padding:0 5px 10px;}
#content .testimoni h4{ color:#dc0000;}
#content .testimoni h2{ font:500 44px/48px 'Roboto', sans-serif; color:#dc0000; text-align:center;}
footer{ background:#000; padding:15px 0; text-align:center; color:#fff; font:400 14px/16px 'Roboto', sans-serif;}
.thank {
    color: #000;
    font: 400 28px/30px 'Lora', serif;
    text-align: center;
    padding: 0 0 35px;
}


@media only screen and (max-width: 1198px) {
}
@media only screen and (max-width: 990px) {
#logo{ width:59%;}
.midl_bg{ opacity: 0.8; background-position:50% 0;}
#content .lower_case h1{ font-size:40px; line-height:42px;}
#content .lower_case h2{ font-size:30px; line-height:32px;}
}
@media only screen and (max-width: 740px) {
#logo{ width:100%; float:none; text-align:center;}
a.btn{ margin:0 auto 10px; text-align:center; float:none; display:table;}
#content{ padding:10px 0 0;}
.three_fact{ width:100%; float:none;}
.three_fact:nth-child(3n+2){ margin:0; border:none;}
.three_fact:nth-child(3n+2) img{ left:0;}
.fifty{ width:100%; float:none; padding:0;}
.fifty+.fifty{ width:100%; float:none; padding:0; border:none;}
.box{ width:100%; float:none; margin:0; padding:0;}
.box:nth-child(3n+2){ margin:0; border:none; padding:0;}
#content h1{ font-size:30px; line-height:32px;}
.success{ font-size:25px; line-height:27px;}
.success span{ font-size:20px; line-height:24px;}
#content .lower_case h1{ font-size:33px; line-height:35px;}
.lower_case{ background-position:74% 0;}
a.only{ margin:0 auto; text-align:center; display:table;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {

}