@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

.blue { color: #06C; }

.green { color: #090; }

.lightgreen { color: #3C6; }

.yellow { color: #CC6; }

.orange { color: #C60; }

.white { color: #FFF; }
.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
/*BASIC*/

ul { padding: 0; margin: 0; }
ul li { list-style: none;}

p { color: #787878; line-height: 22px; }

body { background-color: #eee !important; overflow-x: hidden;}

.templatemo-flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }


/*PARALLAX*/

[class*="bg__"] { height: 100vh; position: relative; /* fix background */ background-attachment: fixed; /* center it */ background-position: center center; /* Scale it nicely to the element */ background-size: cover; /* just make it look a bit better ;)    &:nth-child(2n) {     box-shadow: inset 0 0 1em #111;   }*/ }

.bg__first { background-image: url(     ../images/first-bg.jpg   ); }
.bg__first .container { height: 75.5vh; min-height: 440px; }
.bg__second { border-bottom: 3px solid #337AB7; height: 45vh; background-image: url(     ../images/second-bg.jpg   ); }
.bg__third { height: 100vh; background-image: url(     ../images/third-bg.jpg   ); }
.bg__fourth { height: 150px; background-image: url(     ../images/fourth-bg.jpg   ); }





/*HEADER*/
/*.header { position: fixed;width: 100%;z-index: 10;}*/
.navbar-brand img { display: inline-block; margin-right: 5px; }

.navbar-brand { font-size: 18px; font-weight: 700; color: #1e1e1e !important; text-transform: uppercase; text-shadow: none !important; }

.navbar { margin-bottom: 0px !important; }

.navbar-inverse { background-image: none; background-color: #fff !important; border-radius: 0 !important; border-color: transparent !important; border-bottom: 1px solid #ddd !important; }

.navbar-nav li a { padding: 5px 10px;margin: 30px 15px 5px 15px; }
.nav a { font-size: 14px; color: #AB806E !important; text-shadow: none !important; margin-left: 20px;  }

.nav a:hover {background-color: #0067B2 !important; color: #FFFFFF !important; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.nav li:hover .sub-menu { /*http://www.greywyvern.com/?post=337*/ visibility: visible; opacity: 1; }

.nav span { font-size: 13px; font-weight: 600; color: #fff; margin-top: -10px; display: inline-block; background-color: #f23b3b; padding: 6px 12px; text-align: center; border-color: transparent; }

.nav .sub-menu { border-top: 8px solid #fff; margin-left: 30px; position: absolute; background-color: #fff; width: 140px; visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s ease; transition: opacity 1.5s ease; z-index: 12; }

.nav .sub-menu li { list-style: none; padding: 10px 0px; border-bottom: 1px solid #eee; }

.nav .sub-menu li:first-child { border-top: 3px solid #f23b3b; }

.nav .sub-menu li a { font-size: 13px; text-decoration: none; }

/*SECTIONS*/


/*First Section*/

.left-image { float: right; overflow: hidden; background-size: cover; max-width: 100%; }

.right-caption { color: #fff; }

.right-caption h4 { font-size: 24px; font-weight: 600; color: #fff; }

.right-caption h2 { font-size: 42px; font-weight: 600; text-transform: uppercase; color: #fff; padding-bottom: 10px; margin-top: 30px; }

.right-caption p { color: #fff !important; }

.stroked-button { margin-top: 40px; }

.stroked-button a { margin-top: 30px; text-decoration: none !important; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 16px; border: 1px solid #fff; border-radius: 5px; }

.stroked-button a:hover { color: #159CFF; border-color: #159CFF; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.arrow { position: absolute; left: 0; bottom: 72px; width: 100%; text-align: center; }

.arrow i { font-size: 22px; color: #fff; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; border: 1px solid #fff; border-radius: 50%; }

.arrow i:hover { color: #337AB7; border-color: #337AB7; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.arrow:active .btn { box-shadow: none; }

/*Second Section*/
.sevice-items { margin-top: 40px; }

.single-item { background-color: #fff; text-align: center; margin-bottom: 20px; height: 265px; }

.single-item:hover i { color: #fff; background-color: #337AB7; cursor: pointer; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-color: transparent; }

.single-item i { margin-top: 30px; font-size: 26px; color: #337AB7; border: 1px solid #e7e7e7; border-radius: 50%; width: 80px; height: 80px; line-height: 80px; display: inline-block; text-align: center; }

.single-item h2 { font-size: 15px; color: #AB806E; font-weight: 700; text-transform: uppercase; }

.single-item p { margin-top: 10px; margin-left: 20px; margin-right: 20px; padding-bottom: 20px; }

.service-arrow { text-align: center; margin-top: 10px; padding-bottom: 20px !important; }

.service-arrow i { font-size: 22px; color: #337AB7; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; border: 1px solid #337AB7; border-radius: 50%; }

.service-arrow i:hover { color: #337AB7; border-color: #337AB7; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.service-arrow:active .btn { box-shadow: none; }


/*Third Section*/

.left-text { position: absolute; margin-top: 20%;margin-left: 4%; background-color: #fff; border-top: 3px solid #337AB7; }

.left-text h2 { margin-right: 30px; margin-left: 30px; padding-top: 10px; padding-bottom: 15px; font-size: 20px; color: #1e1e1e; font-weight: 700; }

.left-text .line { margin-left: 30px; width: 180px; height: 2px; background-color: #ddd; }

.left-text p { margin: 30px; }

.left-text .button { margin: 30px; padding-bottom: 30px; }

.left-text a.link { text-decoration: none !important; font-size: 13px; font-weight: 600; padding: 7px 10px; margin: 0px; color: #fff !important; background-color: #337AB7; }

ul.solutionitem { margin: 10px 30px;}
ul.solutionitem li { list-style:inside square;line-height: 30px;}
ul.solutionitem li.sub-solution { margin-left:30px;font-size: 13px;line-height: 25px;}
ul.solutionitem li.sub-solution a { margin:}

.solution-item { padding: 5%; background-color: #fff; text-align: center; margin-bottom: 20px; min-height: 265px; }

.solution-item:hover i { color: #fff; background-color: #337AB7; cursor: pointer; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-color: transparent; }

.solution-item img { width: 100%; }

.solution-item h2 { font-size: 15px; color: #AB806E; font-weight: 700; text-transform: uppercase; }

.solution-item p { margin-top: 10px; margin-left: 20px; margin-right: 20px; padding-bottom: 20px; }

/*news Section*/
#news-section { text-align: center; padding-top: 40px; background-color: #fff; }

#news-section h1 { font-size: 22px; color: #1e1e1e; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #337AB7; }

#news-section p { margin-top: 5px; }

.news-item { background-color: #fff; text-align: left; margin-bottom: 20px; height: 300px; }

.news-item img {width: 100%;display: block;}

.news-item h2 { font-size: 15px; color: #AB806E; font-weight: 700; text-transform: uppercase; }

.news-item p { margin-top: 10px; margin-left: 20px; margin-right: 20px; padding-bottom: 20px; }

/*pics Section*/
#pics-section { text-align: center; padding-top: 40px; background-color: #eee; }

#pics-section h1 { font-size: 22px; color: #1e1e1e; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #337AB7; }

#pics-section p { margin-top: 5px; }

/*Fourth Section*/

.right-text { position: absolute; z-index: 11; background-color: #fff; border-top: 3px solid #f23b3b; }

.right-text h2 { margin-right: 30px; margin-left: 30px; padding-top: 10px; padding-bottom: 15px; font-size: 20px; color: #1e1e1e; font-weight: 700; }

.right-text .line { margin-left: 30px; width: 180px; height: 2px; background-color: #ddd; }

.right-text p { margin: 30px; }

.right-text .button { margin: 30px; padding-bottom: 30px; }

.right-text a { text-decoration: none !important; font-size: 13px; font-weight: 600; padding: 7px 10px; margin: 0px; color: #fff !important; background-color: #f23b3b; }

.templatemo-position-relative { position: relative; }

#third-section, #third-section .container, #third-section .row, #fourth-section, #fourth-section .container, #fourth-section .row { height: 100%; }
.fourth-arrow { text-align: center; position: absolute; bottom: 20px; left: 0; width: 100%; }

.fourth-arrow i { font-size: 22px; color: #fff; width: 30px; height: 30px; line-height: 28px; display: inline-block; text-align: center; border: 1px solid #fff; border-radius: 50%; }

.fourth-arrow i:hover { color: #337AB7; border-color: #337AB7; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.fourth-arrow:active .btn { box-shadow: none; }

#fourth-section h1 { font-size: 22px; color: #FFF; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #337AB7;text-align: center; }

#fourth-section p { margin-top: 5px;text-align: center; }

ul.branchregion { text-align: center;margin: 50px auto;width:50%}
ul.branchregion li { float:left;list-style-type: none;height: 52px;margin: 0 2px 0 0;}
ul.branchregion li a { display: block;color: #ffffff;background: #337AB7;padding: 0 20px;-webkit-transition-duration: 300ms;-moz-transition-duration: 300ms;-o-transition-duration: 300ms;	-ms-transition-duration: 300ms;
    line-height: 42px;}
ul.branchregion li a:hover {background: rgba(51,122,183, 0.6);}
ul.branchregion li.active a { background: #AB806E;font-weight: bold;}

.branch-items { margin: 20px 0 0 0;}

.ourHolder{
	margin: 0;
	margin-bottom: 70px;
}
.gallery-item{
	float: left;
	position: relative;
    padding: 0;
}
.gallery-item:hover .overlay-works{
	opacity: 1;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
}
.overlay-works{
	background-color: rgba(0,0,0, .4);
	position: absolute;
    top: 0;
    width: 95%;
    height: 95%;
	z-index: 2;
	opacity: 0;
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-ms-transition-duration: 250ms;
    color: #ffffff;
    padding: 5px;
}
.gallery-item img { margin: 0 5% 5% 0;width:95%}


/*fifth Section*/

#fifth-section { text-align: center; padding-top: 40px; background-color: #fff; }

#fifth-section h1 { font-size: 22px; color: #1e1e1e; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #337AB7; }

#fifth-section p { margin-top: 5px; }

.submit-form { margin-top: 40px; }

.submit-form input { color: #888; padding: 8px 10px; font-size: 13px; width: 100%; outline: none; border: 1px solid #ddd; }

.submit-form select { color: #888; padding: 8px 10px; font-size: 13px; width: 100%; outline: none; border-color: #ddd; }

#fifth-section .templatemo-submit { display: block; margin-top: 24px; margin-bottom: 60px; text-decoration: none; font-size: 13px; font-weight: 600; padding: 10px 60px; color: #fff; background-color: #337AB7; border: 0px; }

.templatemo-center { text-align: center; }

/*FOOTER*/

footer { background-color: #383838; text-align: center; }

.social-icons li { margin-top: 60px; list-style: none; display: inline-block; }

.social-icons a { color: #337AB7; margin: 0 5px; width: 25px; height: 25px; border-radius: 50%; background-color: #fff; text-align: center; display: inline-block; line-height: 25px; }

.social-icons a:hover { background-color: #337AB7; color: #fff; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.copyright-text p { text-transform: uppercase; margin-top: 20px; font-size: 12px; color: #fff; font-weight: 300; padding-bottom: 10px; }

.copyright-text a { color: #f9c9c9 !important; text-decoration: none !important; }

.third-arrow { text-align: center; padding-bottom: 40px; }

.third-arrow i { font-size: 22px; color: #337AB7; width: 30px; height: 30px; background-color: #fff; line-height: 28px; display: inline-block; text-align: center; border: 1px solid #fff; }

.third-arrow i:hover { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.third-arrow:active .btn { box-shadow: none; }



/*SIDEBAR*/


#heading-pages img { height: auto; overflow: hidden; width: 100%; border-bottom: 3px solid #337AB7; background-repeat: no-repeat; }


#heading-pages { text-align: center; }

#heading-pages h2 { margin-top: 60px; font-size: 22px; color: #AB806E; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #337AB7; padding-bottom: 15px; }

#heading-pages p { margin-top: 5px; padding-bottom: 50px; }

.main-post { padding-bottom: 80px; }

.image-post img { width: 100%; overflow: hidden; border-bottom: 3px solid #337AB7; }

.post-content { background-color: #fff; margin-top: -20px; }

.post-content h1 { font-size: 18px; color: #1e1e1e; font-weight: 700; text-transform: uppercase; padding: 30px 0 0 30px; }

.post-content p { padding: 30px; }
.post-content p img { width: 100%;}

.post-content blockquote { font-size: 14px; color: #555; font-weight: 600; border-left: 3px solid #337AB7; margin-left: 30px; margin-right: 30px; }

.first-widget { padding-bottom: 60px; }

.widgets h4 { margin-top: 0px; font-size: 20px; color: #AB806E; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; }

.widget-social li { margin-top: 15px; list-style: none; display: inline-block; }

.widget-social a { font-size: 13px; color: #fff; margin: 0 5px; width: 25px; height: 25px; border-radius: 50%; background-color: #aaa; text-align: center; display: inline-block; line-height: 25px; }

.widget-social a:hover { background-color: #337AB7; color: #fff; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.second-widget { padding-bottom: 70px; }

.posts { display: inline; }

.posts img { }

.posts a { text-decoration: none; color: #1e1e1e; }

.posts a:hover { color: #337AB7; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.posts h6 { font-size: 15px; color: #1e1e1e; font-weight: 700; margin-left: 135px; margin-top: -80px; line-height: 22px; }

.posts span { font-size: 12px; color: #999; font-weight: 300; display: inline; margin-left: 135px; }

.post1 { margin-top: 30px; }

.post2 { margin-top: 40px; }

.third-widget { padding-bottom: 50px; }

.third-widget ul { margin-top: 20px; }

.third-widget li { list-style: none; padding-bottom: 5px; }

.third-widget li a:hover p { color: #337AB7; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.third-widget li a:hover span { color: #337AB7; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.third-widget a { font-size: 13px; font-weight: 600; }

.third-widget li p { display: inline-block; color: #7AAFDA; }

.third-widget li span { float: right; color: #aaa; }

/*ELEMENTS*/

.elements-headings { margin-top: 60px; padding-bottom: 20px; }

.elements-headings h2 { font-size: 18px; color: #1e1e1e; font-weight: 700; text-transform: uppercase; border-bottom: 3px solid #ddd; padding-bottom: 10px; }

.heading-levels h1 { margin-top: 0px; }

.photos img { margin-top: 20px; width: 100%; overflow: hidden; background-size: cover; }

.elements { padding-bottom: 0px; }

.main-footer { margin-top: 80px; margin-bottom: -80px; }

/*RESPONSIVE*/

@media (max-width: 991px) {
    .fourth-arrow { text-align: center; margin-top: 92vh; }
    .submit-form select { margin-top: 15px; }
    .submit-form input { margin-top: 15px; }
}

@media (max-width: 767px) {
    .right-caption h4 { font-size: 16px; }
    .right-caption h2 { font-size: 26px; }
    .left-image { float: none; }
    .left-image img { margin: 0 auto; }
    .right-caption { text-align: center; margin-top: 10px; padding-bottom: 0; }
    .right-caption h2 { padding-bottom: 0px; margin-top: 0px; }
    .right-caption p { margin-top: -5px; }
    .stroked-button { padding-bottom: 15px; padding-top: 10px; margin-top: 10px; }
    .nav .sub-menu { display: block; position: relative; text-align: left; }
    .sub-menu a { color: #999 !important; }
    .navbar-inverse .navbar-toggle { border-color: #0067B2 !important; background-color: #0067B2; }
    .navbar-inverse .navbar-toggle:hover { background-color: #0067B2 !important; }
    .right-text .button { padding-bottom: 0px; }
    .left-text .button { padding-bottom: 0px; }
}
@media (max-width: 640px) {
    .left-image img { width: 128px; }
}
@media (max-width: 480px) {
    .arrow { bottom: 20px; }
}
@media (max-height: 600px) {
    .bg__third, .bg__fourth { min-height: 600px; }
}
@media (max-height: 500px) {
    .bg__first { min-height: 520px; }
}

@font-face { font-family: 'iconcustom'; src: url('../fonts/fontcustom.eot?-na8cul'); src: url('../fonts/fontcustom.eot?#iefix-na8cul') format('embedded-opentype'), url('../fonts/fontcustom.ttf?-na8cul') format('truetype'), url('../fonts/fontcustom.woff?-na8cul') format('woff'), url('../fonts/fontcustom.svg?-na8cul#icomoon') format('svg'); font-weight: normal; font-style: normal; }

[class^="myicon-"], [class*=" myicon-"] { font-family: 'iconcustom'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.myicon-airplane:before { content: "\e9af"; }
.myicon-truck:before { content: "\e9b0"; }
.myicon-clipboard:before { content: "\e9b8"; }
.myicon-earth:before { content: "\e9ca"; }


.navbar-toggle { margin: 20px 15px 0 0;}
.navbar-header { margin: 0 0 10px 0;}

.landiv {position: absolute; right: 70px; top: 35px;}
.lan-en {display: block; float: left; width: 20px; height: 20px;line-height: 20px; background: #337AB7; color: #ffffff; text-align: center; margin: 0 5px 0 0;}
.lan-ch {display: block; float: left; width: 20px; height: 20px;line-height: 20px; background: #337AB7; color: #ffffff; text-align: center;}