@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto:400,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body{font-family: 'Open Sans', sans-serif; overflow-x:hidden;}

.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
input,a,button{outline:none;box-shadow:none;}
ul{margin:0;padding: 0;}
li{list-style:none;}
img{max-width:100%;}
a,button,.header-nav,.logo img,.contact-wrap,.top-msg,#back-to-top i{
  -webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s; 
}
.logo,.top-msg{
  display:inline-block;vertical-align:top;
}
/*------Header---------*/
header{position:relative;}
.header-nav{
  position: fixed;
  top: 0;left:0;
  width: 100%;
  z-index: 2;
  padding:5px 0;
  background-color: #1b2029;
  /*text-align: center;*/
}
.header-nav.fixed{
  background:rgba(79,79,79,0.9);
  padding:5px 0;
  -webkit-box-shadow: 0px 2px 8px 0px #888;
  -moz-box-shadow: 0px 2px 8px 0px #888;
  box-shadow: 0px 2px 8px 0px #888;
}
.header-nav.fixed .logo img{max-width:120px;}
/*.logo{float:left;}*/
.top-msg {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Raleway', sans-serif;
}
.contact-wrap{
  float: right;
  color: #fff;
  font-size:14px;
  text-align:left;
  margin-top: 13px;
}
.contact-wrap span i{
  margin-right: 10px;
  width: 20px;
  text-align: center;
}
.header-nav.fixed .contact-wrap {font-size:12px;}
.header-nav.fixed .top-msg{font-size:18px;}
/*---navigation----*/
.top-nav{
  padding-top:100px;
 /* background-color:#dfdfdf;*/
/*  background: rgba(209,209,209,1);
background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(194,194,194,1) 47%, rgba(153,151,153,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,209,209,1)), color-stop(47%, rgba(194,194,194,1)), color-stop(100%, rgba(153,151,153,1)));
background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(194,194,194,1) 47%, rgba(153,151,153,1) 100%);
background: -o-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(194,194,194,1) 47%, rgba(153,151,153,1) 100%);
background: -ms-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(194,194,194,1) 47%, rgba(153,151,153,1) 100%);
background: linear-gradient(to bottom, rgba(209,209,209,1) 0%, rgba(194,194,194,1) 47%, rgba(153,151,153,1) 100%);*/
  background: #2c3544 none repeat scroll 0 0;
  
}
.top-nav .navbar {
  min-height: auto;
  margin: 0 -15px 0 -15px;
  border: 0;
}
.top-nav .navbar-collapse{padding:0;}
.top-nav .navbar .navbar-nav{width:100%;}
.top-nav .navbar .navbar-nav li.dropdown{
  width:25%;
  text-align:center;
}
.top-nav .navbar .navbar-nav li a{
  text-transform:uppercase;
  color:#fff;letter-spacing: 1px;
}
.top-nav .navbar .navbar-nav li a:hover{
  background-color:#f4f4f4;color:#000;
}
.top-nav .navbar .navbar-nav li a i{
  margin-left:5%;
}
.top-nav .navbar .navbar-nav li.dropdown + .dropdown {
    border-left:1px solid #c6c6c6;
}
.top-nav .navbar .dropdown-menu{
  width:100%;padding:0;
}
.top-nav .navbar .dropdown-menu li a{
  padding: 8px 20px;text-transform: none;
}
.top-nav .navbar .dropdown-menu li + li{
  border-top: 1px solid #f4f4f4;
}
.top-nav .dropdown.open .fa-plus:before {
  content: "\f068";
}
/*-------midle-block--------*/
.main-hed {
  margin:50px 0 20px;
  text-align: center;
  font-size:26px;
  font-weight: 700;
  color: #444;
  font-family: 'Raleway', sans-serif;
}
.main-hed span{position:relative;}
.main-hed span:after {
  content: '';
  width: 100px;
  height:4px;
  /*background-color:#000;*/
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 100%;
  margin-top:10px;
  border-radius: 20px;
}
.photo-commnder{
    padding: 50px 0;
}
.photo-commnder:nth-child(odd) .img-wrp{float:right;}
.img-wrp {
  padding: 10px;
  text-align: center;
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 10px 0px #aaa;
  -moz-box-shadow: 0px 0px 10px 0px #aaa;
  box-shadow: 0px 0px 10px 0px #aaa;
}
.txt-wrap {
  padding: 0 0 0 40px;
}
.txt-wrap h4{
  margin: 0 0 10px 0;
  color: #444;
  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
}
.txt-wrap .txt-iner{
  font-size: 16px;
  color: #444;
  font-weight: 300;
  line-height: 30px;
}
.txt-iner h2 {
    margin: 0 0 15px 0;
    font-weight: 700;
}
.photo-commnder:nth-child(odd) .txt-wrap{padding:0 40px 0 0;}
.photo-commnder:nth-child(odd){background-color:#f4f4f4;}

/*-----footer----------*/
footer {
  background-color:#dfdfdf;
  color: #444;
  padding:25px 0;
}
.copyright{text-align:center;}

/*----back-to-top-----*/
#back-to-top {
  position: fixed;
  bottom:100px;
  right:50px;
  z-index: 4;
  display: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  border-radius:50%;
  text-align: center;
  line-height: 50px;
}
#back-to-top i {
  color: #fff;
  font-size:20px;
}
#back-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#back-to-top:hover i {
  -webkit-transform:translateY(-5px);
  -moz-transform:translateY(-5px);
  transform:translateY(-5px);
}
/*----back-to-top-end----*/

.downld-section {
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px #aaa;
    -moz-box-shadow: 0px 0px 10px 0px #aaa;
    box-shadow: 0px 0px 10px 0px #aaa;
    max-width: 1170px;
    margin: 30px auto 0;
    padding: 10px;
}
.downld-section a {
    font-size: 16px;
    padding: 10px 0;
    display: inline-block;
    text-decoration:none;
}
.downld-section h2 {
    margin: 0 0 20px;
    font-size:18px;
}