/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
html,body{width:100%;height:100%;position:relative}
body{font-family:"Lato"}
.text-vertical-center{text-align:center}
.text-vertical-center div a{margin:0;padding:0;font-size:4.5em;font-weight:700;color:#000;outline:none}
.text-vertical-center div a:focus{text-decoration:none}
.text-vertical-center div a:hover{text-decoration:none}
.btn-dark{border-radius:0;color:#fff;background-color:rgba(0,0,0,0.4)}
.header .btn-dark{background-color:#F4C831;border-radius:5px}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active{color:#fff;background-color:rgba(0,0,0,0.7)}
.btn-light{border-radius:0;color:#333;background-color:rgb(255,255,255)}
.btn-light:hover,.btn-light:focus,.btn-light:active{color:#333;background-color:rgba(255,255,255,0.8)}
hr.small{max-width:100px}
#sidebar-wrapper{z-index:1;position:fixed;right:0;width:250px;height:100%;margin-right:-250px;overflow-y:auto;background-color:rgba(13,20,38,1);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.sidebar-nav{position:absolute;top:0;/*width:250px;*/width:100%;margin:0;padding:0;list-style:none}
.sidebar-nav li{text-indent:20px;line-height:40px}
.sidebar-nav li a{display:block;text-decoration:none;color:#999}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,0.2)}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav > .sidebar-brand{height:55px;font-size:18px;line-height:55px}
.sidebar-nav > .sidebar-brand a{color:#999}
.sidebar-nav > .sidebar-brand a:hover{color:#fff;background:none}
#menu-toggle{z-index:1;/*position:absolute;top:5%;right:3%*/}
.topMenuLink{position:absolute;right:5%;top:5%;z-index:1;min-height:50px;margin:10px;color:#FFFFFF}
.topMenuLink a{color:#FFFFFF;font-size:18px;padding:10px;display:inline-block}
.topMenuLink a:hover{text-decoration:none}
#sidebar-wrapper.active{right:250px;width:250px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.toggle{margin:5px 5px 0 0}
.header{display:table}
.about{padding:50px 0}
.services{padding:70px 0 55px}
.service-item{margin-bottom:30px}
.company-logo{padding:135px 0}
.company-logo-item{margin-bottom:30px}
.callout{width:100%;color:#000;padding-bottom:55px;background-color:#FFFFFF;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.portfolio{padding:0}
.portfolio-item{margin-bottom:30px}
.img-portfolio{margin:0 auto}
.img-portfolio:hover{opacity:.8}
.call-to-action .btn{margin:10px}
.map{height:500px}
@media(max-width:768px) {
.map{height:75%}
}
footer{background-color:#000;background-size:cover;background-repeat:no-repeat;position:relative}
footer:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.15;background-image:url(../img/bg_image.png);background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
footer .footer-first{padding:30px 0 50px}
footer .footer-first ul{padding:0;line-height:30px}
footer .footer-first ul li{display:block;text-decoration:none;text-align:center;text-transform:uppercase;font-size:13px}
footer .footer-secound{border-top:1px solid #2B2B2B;padding:10px 0;position:relative}
footer .footer-secound p{margin:0;padding:5px 0;color:#4d4d4d}
.footer-secound ul.list-inline{margin:0}
.footer-secound ul.list-inline img{width:48px;height:25px}
footer .footer-secound a.bottom-arow{color:#c4c4c4;margin-left:10px;display:inline-block;vertical-align:middle;position:absolute;right:20px;top:20px}
.fa-arrow-up{background:#BEC3C7;border-radius:50%;height:1em;width:1em}
.fa.fa-arrow-up.icon-a{height:48px;padding:10px;width:49px}
.padding-5{padding:5px}
.padding-left-right-5{padding:0 5px}
.padding-top-bottom-5{padding:5px 0}
.padding-left-right-10{padding:10px 0}
.padding-top-bottom-10{padding:10px 0}
.padding-left-5{padding-left:5px}
.padding-right-5{padding-right:5px}
.padding-top-5{padding-top:5px}
.padding-bottom-5{padding-bottom:5px}
.padding-10{padding:10px}
.padding-left-10{padding-left:10px}
.padding-right-10{padding-right:10px}
.padding-top-10{padding-top:10px}
.padding-bottom-10{padding-bottom:10px}
.custom-logo-link img{display:block;position:absolute;height:auto;left:68px;width:67px;margin-top:15px}
#footer-first .custom-logo-link img{height:auto;width:100%;position:static}
.menu ul li a{color:#4d4d4d}
div.haderDiv{width:100%;height:155px;background:#0d1426 none repeat scroll 0 0}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#menu-toggle{right:3%;top:7%}
.topMenuLink{font-size:10px;top:7%}
}
@media only screen
and (min-width : 321px) and (max-device-width : 768px) {
#menu-toggle{right:3%;top:2%}
.topMenuLink{font-size:10px;top:2%;/*right:12%*/}
.custom-logo-link img{display:block;position:absolute;height:auto;left:4%;width:37px}
div.haderDiv{height:86px}
}
@media only screen
and (max-width : 320px) {
#menu-toggle{right:3%;top:3%}
.topMenuLink{font-size:10px;top:4%;right:10%}
.custom-logo-link img{display:block;height:auto;left:4%;position:absolute;width:37px}
div.haderDiv{height:80px}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#menu-toggle{right:3%}
.topMenuLink{font-size:10px;/*right:8%*/}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#menu-toggle{right:3%;top:1%}
.topMenuLink{width:140px;font-size:10px;top:2%}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.topMenuLink{/*right:14%*/}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) { 
.topMenuLink{/*right:14%;right:12%*/}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
.topMenuLink{/*right:14%*/}
.custom-logo-link img{display:block;left:4%;position:absolute;width:37px;height:auto}
div.haderDiv{height:86px}
}