.top-spec{margin-top: 24px;}
.right-spec{ margin-right:18px;}
.table-spec{margin-left:54px;}
.clr{ clear:both;}

.middle-part { width:100%; float:left;}

.middle-part-left { width:100%; float:left; background-color:#dbdbdb; margin-bottom:20px;}

.middle-part-left h3 { padding-left:20px; margin:0; background-color:#0689bb; color:#fff; font-size:22px; padding-top:15px; height:50px;}

.navbar-right {margin-right:-80px; margin-top:-70px;}

.navbar-nav > li {list-style-type:none;}

.navbar-default .navbar-nav > li > a {text-decoration:none;}

.nav-fixed-1 {position:fixed; top:0; right:0; width:100%;}

.middle-part-left input, textarea { margin-top:10px;}

.middle-part-left .call-us{ font-family:"Lato",sans-serif; width:50%; height:45px; padding-top:5px; text-transform:uppercase; background-color:#cb6fff; color:#fff; text-align:center; font-size:24px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; margin:10px 0 10px 20px;}

.middle-part-left .call-us:hover {background-color:#e7e7e7; color:#5c247c; cursor:pointer; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}

.middle-part-left address{margin-top: 30px; margin-left:10px;}

.middle-part-left address h4 {font-family:"Lato",sans-serif; font-size:16px; font-weight:normal;}


.middle-part-right { width:100%; background-color:#dbdbdb; float:right; border:1px solid #CCC;}

.middle-part-right .middle-part-right-2 {width:60%; float:right;}

.middle-part-right .middle-part-right-2 input { width:100%; margin-top:8px;}

.middle-part-right .middle-part-right-1 { width:35%; float:left; margin-top:18px; font-size:16px; font-family:"Lato",sans-serif; font-weight:normal;}

.middle-part-right .middle-part-right-2 .btn-primary {background-color: #0689bb;
    border-color: #bdbdbd;
    color: #fff; width:50%; margin-bottom:10px;}

.middle-part-right h3 { padding-left:20px; margin:0; background-color:#0689bb; color:#fff; font-size:22px; padding-top:15px; height:50px;}

.middle-part-right form { margin:10px;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1008px) {
	.middle-part-right .middle-part-right-1 { width:30%; float:left; margin-top:18px; font-size:16px; font-family:"Lato",sans-serif; font-weight:normal;}
	
}

@media only screen and (min-device-width : 600px) and (max-device-width : 767px) { 
.middle-part-right .middle-part-right-1 { width:30%; float:left; margin-top:18px; font-size:16px; font-family:"Lato",sans-serif; font-weight:normal;}


}

@media only screen and (min-device-width : 481px) and (max-device-width : 599px) { }

@media only screen
and (min-device-width : 0px) and (max-device-width : 480px) {}





.top-menu ul ul{display:none; left:210px; top:0; position:absolute; background:#3ec5f9; padding:0}
.top-menu ul ul li{ width:211px;}
.top-menu ul ul a{ padding:10px 15px; background:#0689bb;}
.top-menu ul li:hover > ul{ display:block}

#contact-section .contact-form h2 {margin-bottom:25px;}

.submit-area {margin-top:20px;}

address p .fa-home, .fa-phone, .fa-envelope {margin-right:0;}

p.details {font-size:15px; font-weight:400; font-style:italic;}

.form-contact {width:650px; border:5px solid #0689bb; -moz-box-shadow: inset 0 0 10px #9b9b9b;
   -webkit-box-shadow: inset 0 0 10px #9b9b9b;
   box-shadow: inset 0 0 10px #9b9b9b; height: 421px;}

form {width:95%; margin-left:20px;}

.form-contact h2 {padding-top:15px;}

.form-contact-1 {width:300px; border:5px solid #0689bb; -moz-box-shadow: inset 0 0 10px #9b9b9b;
   -webkit-box-shadow: inset 0 0 10px #9b9b9b;
   box-shadow: inset 0 0 10px #9b9b9b; margin-left:-30px;}
   
   .form-contact-1 h2 {padding-top:15px;}
   
   address.adrs {margin:20px;}

.form-contact input[placeholder="Name(Required)"], input[placeholder="Email(Required)"], input[placeholder="Website"], textarea[placeholder="Your Message(Required)"] {background:none; color:#fff;}





.welcome-box{}
.welcome-box h3{ font-size:16px; font-weight:bold;}
.welcome-box p{ color:#333;     float: right;
    width: 285px;
    text-align: left;
    padding-top: 36px;
    font-size: 15px;
    line-height: 23px;}

.welcome-box a{ float:left;}
.about-box h2{ font-size:30px; color:#6fb307; font-weight:bold; margin-left:-38px; text-align:center;}
.about-box h2 span{ font-size:30px; color:#0689bb; font-weight:bold; margin-left:80px; text-align:center;}
.fa-camera-retro{ color:#000;}
.fa-camera-retro:hover{ color:#093;}

.center-logo{ width:30%; float:left; text-align:center; margin:19px 0;}


.chanel{ background:#fff; width:208px; height:208px; border:5px solid #6fb307; border-radius:50%; background-position:top center; margin-left:16%;}
.chanel img{ border:2px solid #fff; border-radius:50%;}


.logo-up{ z-index:2; position:relative;}


.slider4{ background: rgba(255, 0, 0, 0.2);}
 .map{ background: url(../img/map.jpg) no-repeat; width:100%; height:414px; }