a, a:hover, a:focus{ text-decoration:none; outline:none;}
ul, ul li{ list-style:none; margin:0; padding:0;}
/*h3{ font-family:"Arial Narrow"; font-size:2em; font-weight:normal; font-stretch:extra-condensed; letter-spacing:1px; text-decoration:underline; text-transform:uppercase; margin-bottom:30px;}*/
h2{ text-align:center; color:#333; text-transform:uppercase; margin:0; padding:40px 0; font-size:2.4em;}
h3{ font-size:1.6em; font-weight:normal; text-align:center; color:#333; text-transform:uppercase; margin-bottom:30px; padding:5px 0; font-size:2em; display:inline-block; margin-left:auto; margin-right:auto; border-bottom:2px solid red;}

p{ text-align:justify;}
.header{ clear:both; display:block; background:#fff; position:fixed; top:0; width:100%; display:inline-block; z-index:9; box-shadow:1px 1px 10px #333;}

.navbar{ margin:0;}
.nav > li { margin:40px 20px 0; padding-bottom:38px;}
.nav > li > a{ padding:0; color:#646464; text-transform:uppercase; border-bottom:2px solid #ffff; }
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active{ background:none; border-bottom:2px solid #fb132a; color:#000;}

.dropdown a{ border-bottom:2px solid #fff !important; color:#000;}
.dropdown.open a, .dropdown a.active{ border-bottom:2px solid #fb132a !important; color:#000;}
.dropdown.open .dropdown-menu a{ border-bottom:none !important;}
.dropdown .dropdown-menu{ left:0; right:auto;}

.navbar-toggle{ background:#ccc; }
.navbar-toggle .icon-bar{ background:#333;}
/*.dropdown:hover .dropdown-menu {display: block;}*/

.home-banner-wrap{ background:url(../images/bg-banner-shadow.png) bottom center no-repeat; padding:0 0 80px 0; margin-top:100px;}
.home-banner-wrap .home-banner { background:url(../images/bg-banner.png) left bottom repeat-x; padding:50px 0 0 0;}
.home-banner-wrap .home-banner img{ width:100%;}

.footer{ background:#d00216; padding:10px 0;}
.footer ul.links{ clear:both;.links display:block;}
.footer ul.links li{ color:#fff; font-size:12px; text-transform:uppercase; float:left; line-height:1em; margin:10px 10px 0 0; padding-right:10px; border-right:1px solid #fff;}
.footer ul.links li:last-child{ border:none;}
.footer ul.links li a{ color:#fff;}

.footer ul.social li{ border:none; padding:0; margin:0 0 0 5px; float:left; line-height:1em;}
.footer ul.social li a{ opacity:.7;}
.footer ul.social li a:hover{ opacity:1;}
.footer ul.social li a.fb{ background:url(../images/social.png) 0 0 no-repeat; width:32px; height:32px; display:inline-block;}
.footer ul.social li a.tw{ background:url(../images/social.png) -55px 0 no-repeat; width:32px; height:32px; display:inline-block;}

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.html) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-prev{ position:absolute; top:45%; left:0px; color:#fff; font-weight:bold; font-size:3em; padding:10px;}
.owl-next{ position:absolute; top:45%; right:0px; color:#fff; font-weight:bold; font-size:3em; padding:10px;}
.owl-prev:hover, .owl-next:hover{ background:rgba(0,0,0, .6)}



.welcome-div{ clear:both; display:block; padding:10px 0 50px 0; text-align:center;}
.welcome-div h2{ text-transform:uppercase; font-size:18px;}
.welcome-div p{ padding-bottom:20px; text-align:center;}
.welcome-div .btn-knowmore{ display:inline-block; border:2px solid #ccc; text-align:center; font-size:14px; text-transform:uppercase; padding:10px 40px; color:#333;
-webkit-transition: all .4s ease-in-out ;
-moz-transition: all .4s ease-in-out ;
-ms-transition: all .4s ease-in-out ;
-o-transition: all .4s ease-in-out ;
transition: all .4s ease-in-out ;}
.welcome-div .btn-knowmore:hover{ background:#fb132a; color:#fff; border:2px solid #fb132a;
-webkit-transition: all .4s ease-in-out ;
-moz-transition: all .4s ease-in-out ;
-ms-transition: all .4s ease-in-out ;
-o-transition: all .4s ease-in-out ;
transition: all .4s ease-in-out ;}

.bg-gray{ background:#eeeeee; padding:40px 15px;}

.adlet{ display:inline-block; margin:20px 0;}
.adlet .img-div{ height:160px;}
.adlet .img-div img{ width:100%}
.adlet .copy{height:160px; background:#fff; padding:0 20px;}
.adlet .copy h3 { font-size:1.4em; text-transform:uppercase; color:#333; padding:10px 0; margin:0; border:none;}
.adlet .copy p{ font-size:1em; line-height:1.2em; padding-bottom:10px; text-align:justify; margin:0;}
.adlet .copy .btn-knowmore{ float:right; display:inline-block; color:#333; font-weight:bold;}
.adlet .copy .btn-knowmore:hover{color:#fb132a; }


.main{ padding-top:100px; }


.map{ background:url(../images/map.jpg) top center no-repeat; background-size:cover; height:400px; margin-bottom:20px;}
.address-div{ padding-top:20px ; padding-bottom:40px; text-align:center; }
.address-div p{ text-align:center;}
 /*.address-divh3{font-size:1.6em; text-transform:uppercase; border-bottom:1px solid #ccc; text-align:center; padding-bottom:10px;}*/

.experience-div{ text-align:center; padding-bottom:40px; }
.experience-div img{ margin:40px 0; background:#fff; padding:20px;}

.founder{ clear:both; display:block; padding:30px 15px;}
.founder h3{ margin-bottom:30px;}

.clients .col-sm-3{ margin-bottom:20px;}

.crt-proj-div .col-sm-4{ margin-bottom:20px;}
.crt-proj{ background:#fff; text-align:center; padding: 10px 10px 1px 10px;}
.crt-proj img{ margin-bottom:10px;}
.crt-proj p{ clear:both; display:block; padding:5px; font-size:14px; line-height:1.1em; background:#F3F3F3; text-align:center;}
.crt-proj p strong{ clear:both; display:block; color:#000; font-weight:normal; font-size:12px; color:#999;}

.complt-proj{ clear:both; display:block; margin-bottom:20px; background:#fff; padding:15px;}
.complt-proj .proj-info{ min-height:150px;}
.complt-proj .img img{ width:100%; text-align:center;}
.complt-proj .img{position:relative; margin-bottom:15px; text-align:center; max-height:330px; overflow:hidden;}
.complt-proj .img .mask-wrap{  opacity:0; 
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.complt-proj .img:hover .mask-wrap{ opacity:1;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.complt-proj .img .mask-wrap{ background:rgba(255,0,0,.6); position:absolute; top:0; left:0; right:0; bottom:0px; text-align:center; color:#fff; text-transform:uppercase;  }
.complt-proj .img .mask-wrap .mask{ position: absolute; width:100%; top: 50%;  
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.complt-proj .img .mask-wrap .mask .icon-plus{ background:url(../images/icon-plus.png) center bottom no-repeat; padding-bottom:60px;  display:inline-block; margin-bottom:-100%;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.complt-proj .img .mask-wrap:hover  .mask .icon-plus{  margin:0;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}

.gallery .col-sm-4{ margin-bottom:30px;}
.gallery .img{ width:100%;  height:150px; overflow:hidden; position:relative; text-align:center;}
.gallery .img img{ width:100%; }

.gallery .img .mask-wrap{  opacity:0; 
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.gallery .img:hover .mask-wrap{ opacity:1;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.gallery .img .mask-wrap{ background:rgba(255,0,0,.4); position:absolute; top:0; left:0; right:0; bottom:0px; text-align:center; color:#fff; text-transform:uppercase;  }
.gallery .img .mask-wrap .mask{ position: absolute; width:100%; top: 50%;  
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.gallery .img .mask-wrap .mask .icon-plus{ background:url(../images/icon-plus.png) 0 0 no-repeat; display:inline-block; height:0; width:40px;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}
.gallery .img .mask-wrap:hover  .mask .icon-plus{  height:40px;
-webkit-transition: all 0.2s linear 0s;
   -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
}

ul.list{ clear:both; display:block; padding-left:13px;}
ul.list li{ list-style:disc outside; clear:both; margin-bottom:5px; }

.sitemap-div{ clear:both; display:block; padding:80px 10px;}
.sitemap-div ul{ clear:both; display:block;}
.sitemap-div ul li{ color:#484848; font-size:16px; clear:both; margin-bottom:15px; list-style:disc; line-height:1.3em;}
.sitemap-div ul li a{ color:#484848; }
.sitemap-div ul li a:hover{ color:#000; border-bottom:1px dotted #000;}
.sitemap-div ul li ul{ margin-left:20px; margin-top:10px;}


/* loader css */
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #fff; text-align:center;}
#loader-wrapper .loader{ height:300px; position:absolute; margin:auto; width:100%; left:0; right:0; bottom:0; top:0; display:block;}
#loader-wrapper .loader .logo-padams-loader{  margin-bottom:60px; }
/*#loader-wrapper .loader .logo-padams-loader img{ padding:10px; border:1px solid #CCC;}*/
#loader-wrapper .loader h2{ font-size:1.8em; text-transform:none; margin:0; padding:0; text-align:center; color:#333; font-style:italic; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; word-spacing:5px;}
/* loader css */

@media (max-width:1120px){
	.navbar-brand{ width:200px;}
	.navbar-brand img{ width:100%;}
	.nav > li{ margin:40px 15px 0}
}
@media (max-width:1024px){
	.experience-div img{ width:100%;}
}
@media (max-width:992px){
	.adlet .img-div, .adlet .copy{height:auto; display:inline-block;}
	.adlet a{ margin-bottom:10px;}
	.navbar-brand{ width:200px;}
	#loader-wrapper .loader .logo-padams-loader img{ width:80%;}
	.crt-proj img, .clients img{ width:100%;}
	
}
@media (max-width:768px){
	.nav > li{ margin:10px 15px 0; padding-bottom:10px;}
}
@media (max-width:600px){
	.nav{ background:#E2E2E2;}
	.nav > li{ margin: 1px 5px; padding:5px 15px;}
	.nav > li a{ border-bottom:2px solid #999;}
	.navbar-toggle{ right:0; top:18px;}
}
@media (max-height:550px){
	.header{ position:absolute;}
	.text-loader{ width:90%;}
}