body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'robotoregular'; background: #25282e;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{ list-style: none}
/*-------------Font face------------------*/
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimoitalic';
    src: url('../fonts/arimo-italic-webfont.woff2') format('woff2'),
         url('../fonts/arimo-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'righteousregular';
    src: url('../fonts/righteous-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/righteous-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------Header Top----------------------------*/
header {position: relative;z-index: 999;}
.social-icon {  float: right; padding-top: 12px;}
.social-icon a{ display: inline-block; font-size: 18px; margin-left: 10px; color: #000}
.top-txt ul li a:hover,
.social-icon a:hover{ color: #333}
.header .navbar-brand { height: auto; padding: 0;transition: width 1s ease, height 1s ease; margin: 7px 0 0 50px !important; width:233px;}
.header .navbar.navbar-default{ background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: left; padding: 0;margin-top: 7px;}
.header .fixed-me .collapse.navbar-collapse{ padding: 0;margin-top: 0px;}
.slider { float: left; position: relative; width: 100%;}
.header { float: left; width: 100%; z-index: 99999; background: #fff;}
.header .navbar-default .navbar-nav > li > a { color: #000;   margin: 0px 0 0 2px;padding:9px 14px 9px 0;font-size: 16px; font-family: 'robotomedium';
 border-radius: 0px; position: relative}
.header .navbar-default .navbar-nav > li.active a:before,
.header .navbar-default .navbar-nav > li > a:hover:before{ position: absolute; left: 0; bottom: 0; content: ""; background: #ff4800; height: 2px; width: 25px;}
.header .navbar-default .navbar-nav > li > a:hover { color: #000; background: transparent;}
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #000; }
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 0 0; width: 100%  }
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding:22px 0 27px; top: 0px; border: 0px; border-radius: 0px; margin: 0;}
.fixed-me{ padding:10px 0 ; margin-bottom: 0px; position: fixed; top:0;z-index:9999;width: 100%;left: 0; background: #fff; box-shadow: 0 0 5px 0 #ccc}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 0px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding:0; width: 210px;transition: width 1s ease, height 1s ease;}
.header .navbar-default .fixed-me .navbar-nav > li > a{ }
.header .navbar-default .fixed-me .navbar-nav > li > a.btn.btn-primary { margin-top: 0px; padding: 21px 10px 12px}
#toTop {  background: #00fff6;  border-radius: 50%;  bottom: 10px;  cursor: pointer;  display: none;  font-weight: bold;  height: 40px;  line-height: 37px;
  padding: 0;  position: fixed;  right: 10px;  text-align: center;  transition: transform 0.5s ease 0s;  width: 40px;  z-index: 999999;}
.fixed-me .social-icon {padding-top: 7px;}

.slider .carousel-inner .item img {display: inline-block;width: 100%;}
.slider-txt{ display: inline-block; width: 100%; position: absolute; left: 0; top: 50%; color: #fff; transform: translate(0,-50%)}
.slider-txt h2{ font-size: 33px;font-family: 'robotomedium';}
.slider-txt h1{ font-size: 67px; font-family: 'righteousregular'; margin-top: 15px; position: relative}
.slider-txt h1:before{ left: 0; bottom: -30px; content: ""; width: 370px; height: 3px; position: absolute;
background: #02e4fd; /* Old browsers */
background: -moz-linear-gradient(left, #02e4fd 0%, #fecc01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e4fd 0%,#fecc01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e4fd 0%,#fecc01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e4fd', endColorstr='#fecc01',GradientType=1 ); /* IE6-9 */
}
.slider .carousel {position: relative;display: inline-block;width: 100%;}
.slider .carousel-control {position: absolute;top: 50%;width: 50px;opacity: 1;font-size: 20px;color: #fff;text-align: center;text-shadow: none;
background-color: transparent; height: 50px; background-image: none; transform: translate(0,-50%)}
.slider .carousel-control i {color: #fff;font-size: 32px;width: 50px;height: 50px;border: 2px #fff solid;border-radius: 50%;line-height: 41px;}
.slider .carousel-control.left{ left: 20px}
.slider .carousel-control.right{ right: 20px;}
/*--------------------------about-section--------------------------------------*/
.about-section{ background: #25282e; padding: 130px 0; overflow: hidden}
.about-section .jumbotron{ background: transparent; padding: 0; margin: 0; color: #fff;}
.about-section .jumbotron h2{ font-size: 33px;font-family: 'robotomedium'; padding-bottom: 10px;}
.about-section .jumbotron p{ font-size: 15px;}
.about-img{ display: inline-block; width: 100%; overflow: hidden}
/*------------------------------our-gallery-section----------------*/
.our-gallery-section{ padding: 0;  text-align: center; overflow: hidden}
.our-gallery-bx{ display: inline-block; float: left; width: 100%}
.gallery-bx{ padding: 5px; width: 20%; float: left}
.resto_img{ position: relative;float: left;position: relative;cursor: default;width: 100%;height: 100%;overflow: hidden;}
.resto_img a{  width: 100%; text-align: center; top: 50%; color: #fff; font-size: 36px;}
.resto_img img { -webkit-transition: all .35s; transition: all .35s;}
.resto_img img { display: block; position: relative; width: 100%;}
.resto_img a::before {content: "";top: 0;left: 0;z-index: 1;width: 100%;height: 100%;  position: absolute;transition: .35s;}
.resto_img a:hover::before { opacity: 0.7;
background: #d7af02; /* Old browsers */
background: -moz-linear-gradient(45deg, #d7af02 0%, #039aee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d7af02 0%,#039aee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d7af02 0%,#039aee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7af02', endColorstr='#039aee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.resto_img .caption-detail {top: 65%;left: 50%;font-size: 24px;text-align: center;opacity: 0;transition: all .8s;-webkit-transform: translateX(-50%);
transform: translateX(-50%);width: 100%; position: absolute; z-index: 9999;padding: 20px;}
.resto_img:hover .caption-detail {top: 30%;opacity: 1;}
.detail-icon {display: inline-block;margin-bottom: 40%;width: 100%;}
.resto_img a:hover::after {transform: translateY(50%) scale(1);-webkit-transform: translateY(50%) scale(1);color: #ffffff;}
.caption-detail h3{ font-size: 15px; color: #fff;font-family: 'robotomedium'; float: left}
.caption-detail span{ float: right;line-height: 18px;font-size: 18px;}

/*--------------------our-service-section----------------*/
.our-service-section{ padding: 80px 0; overflow: hidden}
.section-header{ display: inline-block; width: 100%; text-align: center}
.section-header h2{ color: #fff; font-size: 40px;font-family: 'robotobold'; text-transform: uppercase}
.section-header h2 span{ color: #00fff6}
.section-header p{ color: #fff;; padding: 30px 0; font-size: 16px}
.our-service-bx{ display: inline-block; width: 100%; padding-top: 30px;}
.our-service-bx .thumbnail {padding: 25px;background-color: transparent;border: none;border-radius:0px; width: 85%}
.our-service-bx .thumbnail:hover { box-shadow: 0 0 17px 0 #181818; }
.our-service-bx .thumbnail .caption {padding: 25px 0 0;color: #fff;}
.our-service-bx h3{ display: inline-block; width: 100%; padding-bottom: 15px; margin-bottom: 15px; position: relative}
.our-service-bx h3 a{ color: #fff; font-size: 20px;font-family: 'robotomedium'; position: relative;
display: inline-block;}
.our-service-bx h3:before{ position: absolute; left: 0; bottom: 0; content: ""; background: #fff; height: 2px; width: 33px;transition: all .8s;}
.our-service-bx p{ color: #fff; font-size: 15px}
.our-service-bx .thumbnail:hover h3:before{ width: 100%; background: #00fff6}
.our-service-bx .thumbnail:hover h3 a{ color: #00fff6}
.service-icon {display: inline-block;width: 100%;min-height: 66px; text-align: left}
.photo-printing{background: url(../img/icon1.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.photography{background: url(../img/icon2.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.video-editing{background: url(../img/icon3.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.studio-lighting{background: url(../img/icon4.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.photo-editing{background: url(../img/icon5.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.voice-recording{background: url(../img/icon6.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}

.our-service-bx .thumbnail:hover .photo-printing{background: url(../img/icon1-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.our-service-bx .thumbnail:hover .photography{background: url(../img/icon2-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.our-service-bx .thumbnail:hover .video-editing{background: url(../img/icon3-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.our-service-bx .thumbnail:hover .studio-lighting{background: url(../img/icon4-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.our-service-bx .thumbnail:hover .photo-editing{background: url(../img/icon5-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
.our-service-bx .thumbnail:hover .voice-recording{background: url(../img/icon6-hover.png) no-repeat left top; display: inline-block; width: 65px; height: 65px;}
/*-----------------------Lets Talk-----------------*/
.letstalk-section{background: #1A2845; padding: 70px 0; background: url("../img/bg1.png") no-repeat center top; 
background-size: cover;  background-attachment: fixed; text-align: center; overflow: hidden}
.number-client{ display: inline-block; color: #fff; font-size: 40px; padding-top: 85px; }
.letstalk-section p{ color: #fff; font-size: 22px; padding-top: 15px;}
.count{background: url("../img/80pres.png") no-repeat center top; width: 224px;height: 224px;}
.count2{background: url("../img/70pres.png") no-repeat center top; width: 224px;height: 224px;}
.count3{background: url("../img/75pres.png") no-repeat center top; width: 224px;height: 224px;}
.count4{background: url("../img/90pres.png") no-repeat center top; width: 224px;height: 224px;}
/*-------------------Pricing-Section----------------*/
.pricing_section{ padding: 70px 0; overflow: hidden}
.pricing-bx{ display: inline-block; width: 100%; padding-top: 50px;}
.pricing-bx .jumbotron{ background: #181b1f; border-radius: 0; border: none; padding: 30px 0 0; text-align: center; overflow: hidden}
.pricing-bx .jumbotron h2{  padding:20px 0 0; text-align: center; color: #fff; font-size: 35px; text-transform: uppercase;position: relative }
.pricing-bx .jumbotron span{  padding:25px 0 0;  font-size: 35px; display: inline-block; color: #fff }
.pricing-bx .jumbotron span em { font-style: normal; padding-right: 5px}
.pricing-bx .jumbotron p{  padding:12px 0;  font-size: 18px; color: #fff;; margin: 0}
.pricing-txt{ display: inline-block; width: 100%; padding: 50px 20px 40px; }
.pricing-txt .btn-primary{ margin-top: 20px; background: #181b1f; border: 1px #ccc solid; color: #fff; font-size: 17px;font-family: 'robotomedium';
border-radius: 0; padding: 12px 26px}
.pricing-bx .jumbotron:hover .pricing-txt .btn-primary,
.pricing-txt .btn-primary:hover{ background: #fff; border: 1px #fff solid; color: #000; }
.pricing-bx .jumbotron:hover{ box-shadow: 0 0 17px 0 #181818;  background: #25282e}
/*---------------testimonials-section-------------------*/
.testimonials-section{background: url(../img/bg2.png) no-repeat top center; padding: 80px 0 138px; background-size: cover}
.testimonials-titel{ display: inline-block; width: 100%; text-align: center;}
.testimonials-titel h2{ font-size: 40px; color: #fff;font-family: 'GothamMedium';}
.testimonials-titel p{ font-size: 18px; color: #fff; padding-top: 5px;}
.testimonial-bx{ float: left; width: 100%; padding-top: 50px;}
.testimonial-bx .thumbnail { background-color: transparent; border: medium none; border-radius: 0; padding: 0;}
.testimonial-bx .thumbnail .caption { color: #333; padding: 20px 0 0;}
.testimonial-bx .thumbnail h3 a,
.testimonial-bx .thumbnail h3{ color: #fff; font-size: 20px;font-family: 'arimoitalic'; }
.testimonial-bx .thumbnail p {color: #fff;font-size: 16px;padding-bottom: 20px;max-width: 730px;margin: 0 auto;}
.clints-img-bg {display: inline-block;padding: 6px;border-radius: 50%;background: transparent;width: 104px;height: 104px;overflow: hidden;
border: 1px #ddd solid;}
.clints-img {display: inline-block;padding: 0px;border-radius: 50%;background: #D7D7D7;width: 90px;height: 90px;overflow: hidden;}
/*-------------Blog----------------*/
.our-blog-bx {display: inline-block;width: 100%;padding-top: 40px;}
.our-blog-bx .thumbnail {padding: 0;background-color: transparent;border: none;border-radius: 0;}
.our-blog-bx .thumbnail .caption {padding: 30px 0 0;color: #fff;}
.our-blog-bx h3 a{ display: inline-block; color: #fff;  font-family: 'robotobold'; font-size: 20px;}
.our-blog-bx .thumbnail:hover h3 a,
.our-blog-bx h3 a:hover{ color: #01e3fd;}
.our-blog-bx h5{ padding: 15px 0; color: #fff;   font-size: 17px;}
.our-blog-bx p{ padding:0 0 15px; color: #fff;   font-size: 15px;}
.blog-btn-bx{ display: inline-block; width: 100%;}
.blog-btn-bx .text-primary {color: #fff; padding: 0; font-size: 17px; font-family: 'robotobold'; }
.blog-srd{ float: right}
.blog-srd span{ font-size: 17px; margin-left:15px;}
.blog-srd span i{ margin-right: 7px;}
.blog-img{ display: inline-block; width: 100%; overflow: hidden; text-align: center; position: relative}
.blog-img:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1}
.our-blog-bx .thumbnail:hover .blog-img:before{  background: rgba(0,0,0,0.2)}
/*---------------Footer-------------------*/
.about-img img,
.blog-img img,
.resto_img img{   transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all; width: 100%}
.about-img:hover img,
.our-blog-bx .thumbnail:hover img,
.resto_img:hover img{    transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-o-transform: scale(1.10);
          -ms-transform: scale(1.10);}
/*-------------footers----------*/
.footers{ background: #181B20; color: #000; padding: 40px 0; float: left; width: 100%}
.footer-bx{ display: inline-block; width: 100%  }
.footer-links{ display: inline-block; width: 100%; text-align: center;margin-top: 24px;}
.footer-links ul{ display: inline-block; width: 100%;}
.footer-links ul li{ display: inline-block;}
.footer-links ul li a{ color: #fff; font-size: 16px; margin: 0 8px;font-family: 'robotomedium';}
.footer-links ul li.active a,
.footer-links ul li a:hover{  color: #00fff6}
.copyrights{  padding-top: 15px;font-size: 14px; color: #fff;  }
.company-details{ float: right;}
.company-details p{ font-size: 16px; color: #fff;font-family: 'robotomedium'; padding-top: 5px;}
.event-img{ display: inline-block; width: 100%; overflow: hidden}
.event-img img,
.djs-img img,
.resto_img img{   transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all; width: 100%}
.event-img:hover img,
.ourdjs-bx .thumbnail:hover img,
.resto_img:hover img{    transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-o-transform: scale(1.10);
          -ms-transform: scale(1.10);}

/*---------------about-page------------*/
.breadcrumb-section{ background: transparent;padding:  0; text-align: center} 
.my_breadcum { background: transparent; display: inline-block; padding: 0; margin: 0}
.my_breadcum li{position: relative; padding: 0 17px; float: left}
.my_breadcum li a{ color: #ddd; font-size: 16px;}
.my_breadcum li + li::before{content: "\f105";font-family: 'FontAwesome';position: absolute;top: 52%;left: -5px;display: inline-block;font-size: inherit;
font-style: normal;color: #a1a1a1;transform: translate3d(0, -50%, 0);}
.my_breadcum li.active a{ color: #E8003A; }
.my_breadcum > li + li::before { color: #ddd;}
.about-banner{ background: url(../img/about-bg.jpg) no-repeat left top; overflow: hidden; padding: 110px 0; background-size: cover}
.about-banner h1{ font-family: 'righteousregular'; font-size: 55px; color: #fff; padding: 25px 10px 10px; text-align: center}
.our-progress-section{ padding: 70px 0}
.process {position: relative;margin-top: 30px;}
.process .process__single {display: inline-block; width: 100%;padding: 30px 0;}
.process__single__image {width: 50%;text-align: right;padding: 0 30px;position: relative; float: left;}
.process__single__image::before {position: absolute;content: "";right: 0px;top: 50%;margin-top: -15px;height: 15px;width: 15px;
border-top: 10px solid transparent;border-right: 15px solid #0d8681;border-bottom: 10px solid transparent;border-left: 15px solid transparent;}
.process__image__inner {display: inline-block;min-height: 120px;min-width: 120px;height: 120px;width: 120px;border-radius: 100%;overflow: hidden;}
.process .process__single .process__single__content {padding-left: 30px;text-align: left;width: 50%; float: left;}
.process .process__single .process__single__content h4 {font-size: 20px;font-weight: 400;color: #ffffff;font-family: 'robotomedium';}
.process .process__single .process__single__content p {font-size: 14px;color: #ffffff; padding-top: 10px;}
.process::before {content: "";position: absolute;left: 50%;top: 0;width: 2px;background: #0d8681;height: 100%;margin-left: -1px;}
.process .process__single.process__single--reverse .process__single__image::before {right: auto;left: 0;border-left: 15px solid #0d8681;
border-right: 15px solid transparent;}
.process__single--reverse .process__single__image {text-align: left;float: right;}
.process .process__single--reverse .process__single__content {padding-left: 0px; padding-right: 30px;text-align: right;}


/*--------------------our-portfolio-section---------------*/
.our-portfolio-section{ padding: 70px 0}
.portfolio-gallery-bx .gallery-bx{ width: 33.33%}
.portfolio-gallery-bx .detail-icon {margin-bottom: 25%;}
.portfolio-gallery-bx{ display: inline-block; width: 100%; margin-top: 30px;}
.muy-nav-tabs{ display: inline-block; width: 100%; text-align: center}
.muy-nav-tabs li{ display: inline-block; margin: 0 20px;}
.muy-nav-tabs li a{ color: #fff; display: inline-block; position: relative; padding: 5px 20px; font-size: 16px; text-transform: uppercase;
font-family: 'robotomedium';}
.muy-nav-tabs li a span{ display: inline-block; position: relative}
.muy-nav-tabs li.active a{ color: #000}
.muy-nav-tabs li a:before{ position: absolute; left: 0; top: 0; content: "";  width: 100%; height: 100%;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: #02e4fd; /* Old browsers */
background: -moz-linear-gradient(left, #02e4fd 0%, #fecc01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e4fd 0%,#fecc01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e4fd 0%,#fecc01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e4fd', endColorstr='#fecc01',GradientType=1 ); /* IE6-9 */
}
.muy-nav-tabs li.active a:before{-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);}

/*--------------contact-section-----------*/
.contact-section{ padding: 80px 0}
.my-contact{ display: inline-block; width: 100%; }
.contact-top{ display: inline-block; width: 90%; margin: 0 5%; position: relative}
.contact-img {display: inline-block; vertical-align: top; width: 52%}
.contact-details {display: inline-block;width: 43%;padding: 40px 10px 10px;background: #25282e;box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
top: 50%;position: absolute;right: 90px; transform: translate(0,-50%)}
.contact-details h2{ color: #fff; font-size: 24px; font-family: 'righteousregular'; text-align: center; margin-bottom: 30px;}
.address-details{ display: inline-block; width: 100%; padding-bottom: 20px; font-size: 14px; color: #fff; 
margin-bottom: 20px; text-align: center}

.address-details span{ display: inline-block; width: 100%; vertical-align: top; padding-top: 10px;}
.address-details span b{ font-weight: normal; display: block}
.address-details i {width: 40px;height: 40px;border: 1px solid #ffffff;border-radius: 50%;line-height: 36px;color: #fff;}
.phone-details i{ font-size: 20px;vertical-align: top;}
.addre-info i{ font-size: 21px;}
.my-contact .well-sm{ background: transparent; padding: 40px 0 0 ; border-radius: 0; box-shadow: none; border: none;}
.contact-forms{ display: inline-block; padding-top: 80px; width: 90%; margin: 0 5%}
.my-contact .form-control { border: 1px solid #ddd; border-radius: 0px; box-shadow: none;color: #7e7e7e;font-size: 17px; height: 55px; padding: 0px 20px;
background: #25282e}
.my-contact textarea.form-control { height: 200px; max-width: 100%; min-width: 100%;padding: 15px 20px; resize: none}
.my-contact .btn-primary{ border-radius: 30px; border:none;font-size: 16px;padding:9px 30px; margin-top: 5px; color: #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02e4fd+0,fecc01+100 */
background: #02e4fd; /* Old browsers */
background: -moz-linear-gradient(left, #02e4fd 0%, #fecc01 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #02e4fd 0%,#fecc01 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #02e4fd 0%,#fecc01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02e4fd', endColorstr='#fecc01',GradientType=1 ); /* IE6-9 */
}
.my-contact .btn-primary:hover {  color: #000;
background: #fecc01; /* Old browsers */
background: -moz-linear-gradient(left, #fecc01 0%, #02e4fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecc01 0%,#02e4fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecc01 0%,#02e4fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc01', endColorstr='#02e4fd',GradientType=1 ); /* IE6-9 */
}
.my-contact .site-sub-titles{ text-align: left;color: #fff; font-size: 24px; font-family: 'righteousregular';}
.my-contact .site-sub-titles::before {left: 0;transform: translate(-0%,0);}
/*-------------------------------Media css-------------*/
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1100px){
.header .navbar-default .navbar-nav > li > a {}
.resto_img:hover .caption-detail {top: 3%;}
.caption-detail span {float: none;}
.our-service-bx .thumbnail {width: 98%;}
.slider-txt {padding-left: 80px;}
.contact-details {right: 0px;}
.contact-img {width: 60%; text-align: center}
.header .navbar-brand {margin: 8px 0 0 0px !important;float: left;}
.header .collapse.navbar-collapse {float: right;margin-left: 50px;width: 50%;}
}
@media only screen and (max-width:991px){
.header .navbar-default .navbar-nav > li > a {  }
.header .navbar-default .fixed-me .navbar-nav > li > a { }
.header .navbar-brand { width: 150px;}
.header .fixed-me .navbar-brand { padding:0; width: 130px;}
.header .navbar-default .navbar-nav > li > a {}
.about-section {padding: 70px 0;}
.gallery-bx {width: 50%;}
.caption-detail span {float: right;}
.number-client {display: inline-block;color: #fff;font-size: 40px;padding: 59px 0;}
.count4, .count3, .count2, .count {width: 100%;height: auto;background-size: 100%;}
.footer-links {margin-top: 8px;}
.footer-links a {font-size: 12px;}
.contact-img {width: 100%;}
.contact-details {width: 100%;padding-left: 0;top: 0;position: initial;right: 90px;transform: translate(0,0%);margin-top: 20px;}
.contact-forms,
.contact-top {width: 80%;margin: 0 10%;}
.header .collapse.navbar-collapse { margin-left: 20px; margin-top: 0;width: 56%;}
.header .navbar-brand {margin: 8px 0 0 0px !important;}
.social-icon {padding-top: 5px;}
.navbar-me {padding: 12px 0 16px;}
}
@media only screen and (max-width:767px){

.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; background: #d5d5d5; padding: 0}
.header .navbar-default .navbar-nav > li.search-icon {margin-left: 0;}
.header .navbar.navbar-default ul.nav.navbar-nav {padding: 0 15px 15px;}
.location-bxs{ display: none !important}
.header{ position: relative}
.header .collapse.navbar-collapse{ padding: 0 0px; margin: 0; width: 100%}
.header .navbar-collapse{  margin-top: 0}
.header .navbar-default .navbar-nav > li:first-child a { border-radius: 0;}
.header .navbar-toggle { margin-top: 11px; margin-bottom: 10px}
.header .navbar-default .navbar-nav > li > a {border-radius: 0px;}
.header .navbar-brand { width: 170px; padding: 0; margin:-38px 0 0px !important}
.header .fixed-me .navbar-brand {  width: 150px; padding: 0}
.fixed-me{ padding:0}
.slider-txt {display: none;}
.slider .carousel-control{ width: 30px; height: 30px;}
.slider .carousel-control i {font-size: 22px;width: 30px;height: 30px;line-height: 25px;}
.our-service-section,
.pricing_section,
.about-section {padding: 30px 0;}
.about-section .jumbotron h2 {font-size: 19px;}
.gallery-bx {width: 50%;}
.our-service-bx .thumbnail {width: 100%;}
.copyrights,
.footer-logo {text-align: center;}
.footer-links a {font-size: 11px;margin: 0 2px;}
.company-details {width: 100%;text-align: center;}
.company-details p {font-size: 13px;}
.testimonials-section {padding: 50px 0 100px;}
.social-icon {padding: 5px 0;text-align: center;width: 100%;border-bottom: 1px #ddd solid;}
.navbar-me {padding: 7px 0 10px;}
.fixed-me .social-icon{ display: none}
.count4, .count3, .count2, .count {width: 224px;height: 224px;background-size: 100%;}
.number-client {padding: 85px 0 0;}
.letstalk-section p {margin-bottom: 30px;}
.process::before {left: 0;}
.process__image__inner {min-height: 90px;min-width: 90px;height: 90px;width: 90px;}
.process__single__image::before { right: auto;left: 0px;border-right: 15px solid transparent;border-left: 15px solid #0d8681;}
.process__single--reverse .process__single__image {float: left;}
.process .process__single--reverse .process__single__content {padding-left: 30px;padding-right: 0;text-align: left;}
.process .process__single .process__single__content {;width: 100%;}
.process .process__single {padding: 10px 0;}
.muy-nav-tabs li {margin: 0;width: 100%;padding: 2px 10px;}
.muy-nav-tabs li a {width: 100%;}
.portfolio-gallery-bx .gallery-bx {width: 100%;}
.my-contact .site-sub-titles {font-size: 20px;}
.contact-forms,
.contact-top {width: 100%;margin: 0 0%;}
}
@media only screen and (max-width:479px){
.gallery-bx {width: 100%;}
}