/* Global CSS Document */



/*



	Theme Name: newtouch



	Description: newtouch - Responsive Theme



	Version: 1.0



	Author: newtouch



	Website: newtouch Theme



	TABLE OF CONTENTS



	---------------------------



 01.General & Basic Styles

 02.Demo heading

 03.BG Color

 04.Section

 05.Header banner

 06.Navigation

 07.Review

 08.TEAM

 09.Twitter Testimonial

 10.Mobile Apps 

 11.App Screen

 12.Button

 13.Services

 14.About Us 

 15.Achivements

 16.App,Clients 

 17.Testimonials

 18.Newsletter

 19.Pricing Table 

 20.Chart

 21.Back to top

 22.Page Loader

 23.general carousel 

 24.Awesome Features

 25.Blog

 26.Contact Us

 27.Footer

 



*/


/*------------------------------------------*/



/*	       /* General & Basic Styles /*



/*------------------------------------------*/







body{font-family:'Open+Sans', sans-serif; text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important; width: 100% !important; height: 100% !important;



font-size:15px; color:#616161; line-height:28px;}



h1,h2,h3,h4,h5,h6 {color:#12212f; font-family:'Raleway', sans-serif; font-weight:500; text-transform: uppercase;}



a{ color: #fff; }



a:hover,a:focus { text-decoration: none; outline:none; }



a:focus{ color:#fff;}



ul,ol { list-style: none; }



.clearfix:after { visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }



.clearfix { display: inline-block; }



.clearfix { display: block; }



ul,ol { padding: 0; webkit-padding: 0; moz-padding: 0; }



clients-name .radius { border-radius:50%; }







/*------------------------------------------*/



/*	       /* Demo heading */



/*------------------------------------------*/







.main-area { background: #f8001d; }



.main-area h1 { color: #12212f; text-align:center; font-size:25px; text-transform:uppercase; padding:5px; l }



.main-area-section { margin-top: 40px; margin-bottom: 40px; }



.main-para { text-align:center; font-size:40px; color:#fff; font-weight:300;  font-family:'Raleway', sans-serif;  text-transform: uppercase; margin-top:25px; }



.para-tex { font-size:20px; line-height:30px; color:#c1c1c1; }



p {line-height:28px; padding:5px;color:#616161; }



p.para { font-size:16px; margin: 65px 0 65px 0; line-height:28px; color:#616161; padding:5px; }



.main-para-i { text-align:center; font-size:50px; color:#fff; font-weight:200; line-height:60px; padding-top:25px }



.main-para-bold { text-align:center; font-size:40px; color:#fff; font-weight:200; line-height:50px; }



.clients-name { font-size:23px; color:#c9c9c9; }



.list-demos{ font-size:16px; color:#999999; padding:10px; font-family:'Raleway', sans-serif; text-transform:uppercase; margin-top:20px; }



.demo-head{ padding:0px; margin-top:-190px;}







/*------------------------------------------*/



/*	        /* BG Color  /*



/*------------------------------------------*/







.light-bg { background: #f7f7f7; }



.gray { color:#999999; }



.white { color:#ffffff; }



.black { color:#12212f;font-size:28px; }



.dark { color:#12212f;}



.interface-img {text-align:center; }



.centered { margin:30px auto; }



.cy-red { color:#fa063a;  font-weight:600;  }





/*------------------------------------------*/



/*	        /* Header & mid banner /*



/*------------------------------------------*/	







.bg-video{	background:url(../img/video-bg.jpg) repeat fixed 0 0 / cover}



.bg-footer {background:url(../img/footer-bg.jpg) no-repeat scroll center center / cover;background-size: cover;}

			

.video {position:absolute;top: 0;left: 50%;bottom: 0;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index:-999;padding:0px;margin:0px;}



.text-con-video {color:#fff;padding:100px 0 100px 0;}



.mobile {padding:35px 0 0 0;}



.text-con-i {color:#fff;padding:160px 0 0 0;}



.lead {font-size: inherit;font-size: 16px;font-weight: normal;line-height:  normal;margin-bottom: 10px;}



.lead h1 {color:#fff;font-size:30px;line-height:normal;font-family:'Raleway', sans-serif;font-weight:300;line-height: normal;margin-top:100px;text-transform:uppercase;}



.lead-fprm h1 {color:#fff;font-size:30px;line-height:normal;font-family:'Raleway', sans-serif;font-weight:300;	line-height: normal;margin-top:40px;}



.top-heading {color:#fff;font-size:40px;font-family:'Raleway', sans-serif;}



.text-con-app{ padding:90px 0 90px;} 



.top-heading-i {color:#fff;font-size:50px;font-weight:100;text-transform:uppercase;}



.top-heading-creative {color:#fff;font-size:45px;font-weight:600;}



.lead-text {color:#dfdfdf;line-height:25px;	}



.lead-controls {margin-top:0px;}



.video-about {padding:190px 0 0 0;}



.video-top {padding:20px 0 0 0;}



.lead-controls-i {margin-top:0px;display:table-cell;vertical-align:middle;margin:0 auto;height:600px;}



.lead-laptop {margin-top:20px;text-align:center;}



.lead-controls a {margin-top: 20px;vertical-align: middle;}



.play-home {font-size: 15px;display:inline-block;}



.btn-lead {margin-right: 20px;}



.play-home:hover {text-decoration: none;}



.play-home .fa {padding:1px;color: inherit;vertical-align: middle;margin-right: 10px;font-size:10px;}



.content {position: relative;background-color: #fff;}



.low-back {position: relative;}



.low-back:after {content:'';position: absolute;left:0;top:0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);}



.low-blue {position: relative;}



.low-blue:after {content:'';position: absolute;left:0;top:0;width:100%;height: 100%;background-color: rgba(16, 150, 189, 0.6);}



.low-back-i {position: relative;}



.low-back-i:after {content:'';position: absolute;left:0;top:0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);}



/*..................*/



.low-back-gradient-r {position: relative;}



.low-back-gradient-r:after {content:'';position: absolute;left:0;top:0;width:100%;height: 100%;background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0;opacity:0.95}



/*................*/



.low-back-footer-r {position: relative;}



.low-back-footer-r:after {content:'';position: absolute;left:0;top:0;	width:100%;height: 100%;background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12,#f00733) repeat scroll 0 0;opacity:0.95}



.low-back-dark {position: relative;}



.low-back-dark:after {content:'';position: absolute;left:0;top:0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);}



.low-back-up {position: relative;z-index: 1;}



.mobile * { background-attachment: scroll!important;}



.layout {overflow: hidden;}



#features1 {padding:70px 0 60px 0;background:#f1f1f1;}



.column { margin-top: 10px;}



.banner-f h4 {font-size:20px;}



.banner-f li {padding:4px 43px;line-height:28px;color:#ffffff;list-style-type:none;margin-bottom:14px;}



.banner-f ul {margin:15px 0 0 1px;padding:0px;}



.banner-f-i h4 {font-size:20px;}



.banner-f-i li {padding:4px 43px;line-height:28px;color:#000000;list-style-type:none;margin-bottom:14px;}



.banner-f-i ul {margin:15px 0 0 1px;padding:0px;}





.video-back { position: absolute; top: 50%;  width: 100%; left: 0; text-align: center; z-index: 15;  -webkit-transform: translate(0%, -50%);   -ms-transform: translate(0%, -50%);  transform: translate(0%, -50%);}

	 

.html-video {  top: 0%; left: 0%; max-height: 700px; width: 100%; overflow: hidden; position: relative;}



.html-video:before {  content: "";background: rgba(0,0,0,0.4) none repeat scroll 0 0; width: 100%;  height: 100%; position: absolute; top: 0;  left: 0;}



.content-slide { position: absolute; top: 40%; width: 100%; left: 0;text-align: center;z-index: 15; -webkit-transform: translate(0%, -50%);  -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);}



.content-slide h2 { padding-top: 100px; }



.video-back {position: absolute; top: 50%; width: 100%; left: 0; text-align: center; z-index: 15;-webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);  transform: translate(0%, -50%);}



.video-back h2 { padding-top: 130px; }



.video-text h2{ color:#ffffff; font-size:25px;text-transform:uppercase;	font-family:'Raleway', sans-serif;	}



.video-text h1{ color:#ffffff;font-size:55px;font-family:'Open+Sans', sans-serif; text-transform:uppercase;

}

.video-text p{ color:#ffffff; font-size:14px;}



video { min-width: 100% }







/*------------------------------------------*/



/*	        /* Review  /*



/*------------------------------------------*/







#testimonials {background-size: cover;background-attachment: fixed;color: #fff;padding:70px 0 70px 0;font-size:18px;}



#testimonials-w {background-size: cover;background-attachment: fixed;color: #fff;padding:110px 0;font-size:18px;}



#testimonial {padding: 0;}



#testimonial .item {display: block;width: 100%;height: auto;}



#testimonial .item p {font-weight: 500;margin: 30px 0;color: #ddd;}



.reviewer-img {height: 600px;margin: 0;}



#about-review {background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0;padding:110px 0 110px 0;}



#about-review-b {background:rgba(0, 0, 0, 0) linear-gradient(to top, #15a0b5 , #0447ce) repeat scroll 0 0;opacity:0.95;padding:110px 0 110px 0;}



#about-review-g {background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0;padding:110px 0 110px 0;}



.review-text {font-size:17px;line-height:26px;margin-bottom:25px;}



.review-text {font-size:17px;line-height:26px;margin-bottom:25px;}







/*------------------------------------------*/



/*	        /* TEAM  /*



/*------------------------------------------*/







#team { padding:110px 0 0px 0; background: #f1f1f1;}



.ms-staff-carousel{max-width:1170px;overflow: hidden;position: relative;}



.ms-staff-carousel .ms-view{overflow:visible; background-color: transparent;}



.ms-staff-carousel .ms-nav-prev,



.ms-staff-carousel .ms-nav-next { background: url(../img/arrows.png) white no-repeat -7px -57px;  width: 35px;  height: 40px;  left: -35px;  margin-top: -17px;  box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);

 position: absolute;  top:50%;

 cursor: pointer;}



.ms-staff-carousel .ms-nav-next {background-position: -6px -7px;right:-35px;left:auto;}



.ms-staff-carousel .ms-staff-info{font-family: 'Roboto Condensed', sans-serif;text-align: center;max-width: 600px;margin-top:30px;min-height:220px;color:#222222;}



.ms-staff-carousel .ms-staff-info h3{margin: 0;padding-bottom: 10px;}

	

.ms-staff-carousel .ms-staff-info h4{color: #777;margin: 0;padding-bottom: 15px;text-transform: capitalize;}

	

.ms-staff-carousel .ms-staff-info .email a{text-decoration: none; color:#a8e12a;}



.ms-staff-carousel .ms-staff-info.email,.ms-staff-info p {  margin: 4px; font-size: 11pt;}



.ms-staff-carousel.ms-round .ms-slide-bgcont {border-radius: 5000px;border: solid 8px rgb(230, 230, 230);margin: 0 -8px;}



.ms-staff-carousel.ms-round .ms-nav-prev,

.ms-staff-carousel.ms-round .ms-nav-next {   background-color:transparent;   box-shadow : none;  left:-45px;}

 

.ms-staff-carousel.ms-round .ms-nav-next { left:auto;  right:-45px}



.ms-staff-carousel.ms-round .ms-slide-bgcont { border-radius: 5000px; border: solid 8px rgb(230, 230, 230); margin: 0 -8px;}



.team .team-box { text-align: center; padding: 5px; border: 1px solid #eee; border-radius: 4px;}



.team .team-box img { display: block;  margin: 0 auto;}



.team .team-box h4 {  margin-bottom: 0px; text-transform: uppercase;  font-weight: 800;  margin-top: 15px;}



.team .team-box em { display: block; margin-bottom: 15px;margin-top: 10px;}



.ms-socials { }



.ms-socials li { }



.ms-socials li a { }



.ms-socials li a i { color: #fff; display: block; font-size: 20px;  height: 45px; line-height: 45px;  -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 45px; box-shadow: 0 0 0 7px transparent;border-radius:20% 0 20% 0;}



.facebook { background: #5D82D1 }



.facebook:hover { box-shadow: 0 0 0 0px #5D82D1 }



.twitter { background: #40BFF5 }



.twitter:hover { box-shadow: 0 0 0 0px #40BFF5 }



.youtube { background: #CC181E }



.youtube:hover { box-shadow: 0 0 0 0px #CC181E }



.linkedin { background: #238CC8 }



.linkedin:hover { box-shadow: 0 0 0 0px #238CC8 }







/*------------------------------------------*/



/*	          /* Twitter Testimonial */



/*------------------------------------------*/





.testimonials {  background: #f7f7f7; position: relative; height: auto; z-index: 1;  padding:100px 0 100px 0;}



.testimonials .flexslider { background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0;  border: 0 none; box-shadow: 0 7px 33px 0 rgba(0, 0, 0, 0.12);  margin: 0;}



.testimonials .flexslider .testi-slider-item { padding: 80px 0 80px 0;text-align: center;}



.testimonials .flexslider .testi-slider-item img {  border-radius: 50%;  height: 100px;  margin: 20px auto;  width: 100px;}



.testimonials .flexslider .testi-slider-item h6 { color: #ffffff; font-size: 16px; margin-bottom: 0;}



.testimonials .flexslider .testi-slider-item p { font-size: 18px;  font-weight: 300;  line-height: 30px;}



@media only screen and (max-width:360px) { 



.testimonials .flexslider .testi-slider-item p  {line-height: 24px;font-size: 16px; }

}

.testimonials .flex-direction-nav a { background:transparent; border-radius:0px; box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.2); color: #fff; cursor: pointer;  display: block;   height: 45px;  line-height: 50px; margin: -20px 0 0;   opacity: 0; filter: alpha(opacity=0);

 overflow: hidden; position: absolute; text-align: center; text-decoration: none;  text-shadow: none !important;  top: 50%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;  width: 45px; z-index: 10;	border:1px solid #ffffff;}

.testimonials .flex-direction-nav a i { display: inline-block;  font-size: 25px;}



.testimonials .flex-direction-nav a:before { display: none }



.testimonials .flex-direction-nav a.flex-next:before { display: none }



.testimonials .flex-control-paging li a {  background: #222 none repeat scroll 0 0;  border: 1px solid #222;   border-radius: 20px; cursor: pointer;  display: block; height: 6px; text-indent: -9999px; width: 6px;

}

.testimonials .flex-control-paging li a:hover {

    background: #00bcd4 none repeat scroll 0 0; border-color: #00bcd4;

}

.testimonials .flex-control-paging li a.flex-active {

    background: #00bcd4 none repeat scroll 0 0;border-color: #00bcd4;cursor: default;

}

.flex-control-nav {display: none;}







/*------------------------------------------*/



/*	          /* Navigation */



/*------------------------------------------*/







#nav {background:#fff;text-transform:uppercase;}



.navbar-custom {background:#fff;color:#000;}



.navbar-toggle {color:#000;font-size:21px;}



.navbar-brand {margin-top:11px;background: url(../img/logo-in.png) no-repeat;width:185px;height:39px;}





.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background:#0592f4;}



.navbar-nav > li:hover > a, .navbar-nav > li > a:focus {color:#fff06e;background:none; }



.menu-b{color:#000;background:#000;}



.navbar-nav > li > a {padding:13px 10px;text-transform:uppercase;margin-top:0px;font-size:12px;letter-spacing: 1px;font-weight:600;}



.navbar-nav > li.active > a {}



.navbar-nav {margin:5px 0 5px 0;}



.navbar-nav > li > .dropdown-menu {margin-top:0px;margin-left:-65px;}



.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:500px;}



.dropdown-menu > li > a {line-height:22px;font-size:14px;border-bottom:1px solid #f1f1f1;text-align: left;width:250px;font-family: 'Open Sans', sans-serif;padding:12px 16px;text-transform:uppercase;color:#12212f;}



.dropdown-menu > li > active a:hover {line-height:38px;border-bottom:1px solid #f1f1f1;text-align: center;width:250px;font-family: 'Open Sans', sans-serif;}

.navbar-right .dropdown-menu {right:auto;left:0;font-size:14px;}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background:#f8001d;;color:#fff;font-size:14px;width:100%;}



.button_Demo { max-width:250px;margin:0 auto;}



.button_flat {border-radius: 50px;color: #fff;display: inline-block;font-weight: bold;margin: 8px 0 0;padding:5px 35px;text-transform: uppercase;transition: all 300ms ease-in-out 0s;font-size:12px;background:#75af00;letter-spacing:1px;}



.button_flat : hover {border-radius: 50px;color: #fff;display: inline-block;font-weight: bold;margin: 8px 0 0;padding: 10px 25px;text-transform: uppercase;transition: all 300ms ease-in-out 0s;font-size:13px;background:#fff;letter-spacing:1px;

}







/*------------------------------------------*/



/*	           /* Mobile Apps */



/*------------------------------------------*/







#mobile-apps { padding:110px 0 110px 0; background:#fff }



#mobile-apps h2{ font-size:40px;    margin-bottom:55px;}



#app-download { overflow: hidden; padding:70px 0px 70px 0px; }



#app-download-i { overflow: hidden; padding:70px 0px 70px 0px; }





/*------------------------------------------*/



/*	        /* App Screen */



/*------------------------------------------*/





.join-us { overflow: hidden; padding:110px 0px 110px 0px; background:#ffffff;}



.join-us-app h1 { font-size:40px; font-weight:400; padding:15px 0 15px 0; text-transform:uppercase; line-height:normal; }



.join-us .title { margin-bottom: 70px; text-align: center; }



.join-us .features .row { margin-bottom: 40px; }



.join-us .carousel h1 { font-size: 45px; font-weight:200; }



.join-us .carousel h1,



.offer p { text-align: left; font-weight:200; text-transform:uppercase; }



.list-o h4{ font-size:20px;}



.list-o li { padding:12px; line-height:25px;  color:#616161;  list-style-type:none; margin-bottom:14px; background:#ffffff; box-shadow:0px 2px 8px 3px #e9e9e9; }



.list-o ul i.fa { padding:0px; margin:0px;  }



.list-o li i.fa { padding:4px 5px; line-height:18px;  color:#616161; list-style-type:none; margin-bottom:2px; font-size:10px; color:#333; }



.list-o ul { margin:15px 0 0 1px; padding:0px; }



.join-us p { color:#616161; font-size:15px;  margin-top:25px; line-height:28px; }



.detail .carousel-control { background: none; }



.join-us .app-s { overflow: hidden;margin-right: auto; margin-left: auto; padding-top: 95px;  height: 650px; background: url('../img/app-s.png') no-repeat; background-size: 100%; }



.join-us .app-s2 { overflow: hidden;margin-right: auto; margin-left: auto; padding-top: 95px; height: 650px; background: url('../img/app-s.png') no-repeat; background-size: 100%; }



.join-us .app-s3 { overflow: hidden;margin-right: auto; margin-left: auto; padding-top: 95px; height: 650px; background: url('../img/app-s.png') no-repeat; background-size: 100%; }



.join-us .app-s img { margin-right: auto; margin-left: auto; padding-left: 4px; width: 270px; }



.join-us .carousel-indicators { position: relative; bottom: 0; left: 0;margin-bottom: 0px;



margin-left: 0px; padding: 5px; padding-bottom: 8px; width: 100%; margin-top:-15px; color:#ccc;}



.join-us .carousel-indicators .active { width: 30px; height: 10px; border: none; border-radius: 0px; background:#f8001d; }



.join-us .carousel-indicators li { display: inline-block; margin: 1px; width: 30px; height:10px; border: none; border-radius: 0px; text-indent: -999px; cursor: pointer; background:#ccc; }







/*------------------------------------------*/



/*	        	 /* Button */



/*------------------------------------------*/







.btn-top { border-radius:10px; background:#fff; color:#f8001d; font-size:20px; font-weight:normal; padding:20px 50px; margin-top:25px; text-transform: uppercase; }



.btn-download-w { display:inline-block; border:1px solid #12212f; padding:20px 30px; background:#12212f; color:#ffffff; font-size:18px; text-shadow:none; text-decoration:none;



 -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;text-transform: uppercase;border-radius:0px; max-width:100#; width:225px;}



.btn-download-w:hover { background-color:transparent; border:1px solid #12212f; color:#12212f; text-decoration:none; display:inline-block; }



.btn-download { display:inline-block;  border:1px solid #000) ; padding:30px 30px; background:#000000; color:#ffffff; font-size:20px; font-weight:600;box-shadow:3px 5px 15px #000 ;  text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;text-transform: uppercase;max-width:100%; }



.btn-download:hover {  border:1px solid #fff) ; padding:30px 30px; background:none; color:#ffffff; font-size:20px; font-weight:600; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;text-transform: uppercase;max-width:100%; }



.btn-download:focus { color:#12212f; }



.btn-get {  display:inline-block; padding:30px 30px; color:#000000; background:#fff; font-size:20px; box-shadow:3px 5px 15px #000000 ;   text-decoration:none; -webkit-transition: all .6s ease 0s;

 

transition: all .6s ease 0s;margin:25px 10px 0;text-transform: uppercase; max-width:100%;font-weight:600;}



.btn-get:hover { background:none; color:#ffffff; text-decoration:none; display:inline-block; }



.btn-get:focus { color:#12212f;  }







.btn-download-black { font-weight:600;display:inline-block; border:1px solid #f8001d;  padding:20px 30px;  background:#f8001d; color:#12212f; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;text-transform: uppercase;max-width:100%; width:225px; }



.btn-download-black:hover { background-color:transparent; border:1px solid #f8001d; color:#ffffff; text-decoration:none; display:inline-block; }







.btn-small { border: 1px solid #c1c1c1; text-transform: uppercase;text-decoration:none; border-radius:0px; color: #333333; font-size: 13px; font-weight:600; margin-top:25px; padding: 10px 20px 10px 18px; transition: all 0.5s ease 0s; }



.btn-small:hover { background:#f8001d; color:#ffffff; text-decoration:none; }







.btn-ordernow {font-weight:600; display:inline-block; border:1px solid #fb0041;  padding:20px 30px;  background:transparent; color:#12212f; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s; text-transform:uppercase; max-width:100%; width:225px; }



.btn-ordernow:hover { background-color:transparent;  color:#fb0041; text-decoration:none; display:inline-block;max-width:100#; width:225px; }



.btn-ordernow-b {font-weight:600; display:inline-block; border:1px solid #0757ca;  padding:20px 30px;  background:transparent; color:#12212f; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s; text-transform:uppercase; max-width:100%; width:225px; }



.btn-ordernow-b:hover { background-color:transparent;  color:#0757ca; text-decoration:none; display:inline-block;max-width:100#; width:225px; }



.btn-ordernow-r {font-weight:600; display:inline-block; border:1px solid #fb0041;  padding:20px 30px;  background:transparent; color:#12212f; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s; text-transform:uppercase; max-width:100%; width:225px; }



.btn-ordernow-r:hover { background-color:transparent;  color:#fb0041; text-decoration:none; display:inline-block;max-width:100#; width:225px; }







.btn-ordernow-black { font-weight:600; display:inline-block; border:1px solid #12212f;  padding:20px 30px;  background:#12212f; color:#fff; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s; text-transform:uppercase;max-width:100%; width:225px; }



.btn-ordernow-black:hover { background-color:transparent; border:1px solid #12212f; color:#12212f; text-decoration:none; display:inline-block; }



.btn-ordernow-black:focus{ color:#ffffff;}





.btn-intro{ font-weight:600; display:inline-block; border:1px solid #f8001d; padding:20px 30px; background:#f8001d; color:#12212f; font-size:18px; text-shadow:none; border-radius:0px; text-decoration:none; -webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;margin:25px 10px 0; max-width:245px; width:100%;text-transform: uppercase;}



.btn-intro:hover { background-color:transparent; border:1px solid #f8001d; color:#12212f; text-decoration:none; display:inline-block; }



.btn-intro:focus {color:#12212f; }



.about-buttons-2 > a:first-child {font-size: 15px;font-weight: 700;text-transform: uppercase;color: #fff;border-radius:100px;padding: 14px 40px;font-size:16px;margin-right: 20px;}



.about-buttons-2 > a:first-child:hover {color: #000;}



.about-buttons-2 > a > i {height: 150px;width: 150px;text-align: center;	line-height: 130px;font-size:35px;border: 8px solid #f8001d;border-radius: 50%;margin-right: 12px;-webkit-transition: all .3s; transition: all .3s;color: #fff;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}



.about-buttons-2 > a:hover > i {height: 150px;width:

 150px;text-align: center;line-height:130px;font-size:35px;border: 8px solid #fff;border-radius: 50%;margin-right: 12px;-webkit-transition: all .3s; transition: all .3s;color: #fff;   background:#f8001d;}

 

.about-buttons-2 > a:last-child {

	color: #fff;

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 700;

}



.about-buttons-b-2 > a:first-child {font-size: 15px;font-weight: 700;text-transform: uppercase;color: #fff;border-radius:100px;padding: 14px 40px;font-size:16px;margin-right: 20px;}



.about-buttons-b-2 > a:first-child:hover {color: #000;}



.about-buttons-b-2 > a > i {height: 150px;width: 150px;text-align: center;	line-height: 130px;font-size:35px;border: 8px solid #15a0b5;border-radius: 50%;margin-right: 12px;-webkit-transition: all .3s; transition: all .3s;color: #fff;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}



.about-buttons-b-2 > a:hover > i {height: 150px;width:150px;text-align: center;line-height:130px;font-size:35px;border: 8px solid #fff;border-radius: 50%;margin-right: 12px;-webkit-transition: all .3s; transition: all .3s;color: #fff;   background:#15a0b5;}

 

.about-buttons-b-2 > a:last-child {color: #fff;	font-size: 15px;text-transform: uppercase;font-weight: 700;}





/*------------------------------------------*/



/*	   			/* Section */



/*------------------------------------------*/







.section-title.center { padding:10px 0 0 0; text-align:center;}



.section-title.black { padding:10px 0 0 0; text-align:center;}



.section-title h2,



.section-title.center h2 { font-weight: 200; margin-bottom:45px; font-size:40px; text-align:center; }



.section-title.center hr { height: 2px; width: 90px; text-align: center; position: relative; background:#333; margin: 0 auto; margin-bottom: 30px; border: 0; }



.section-title.center-r hr { height: 2px; width: 90px; text-align: center; position: relative; background:#f8001d; margin: 0 auto; margin-bottom: 30px; border: 0; }



.section-title.freelancer h2 { font-weight: 200; font-size:40px; max-width:450px; margin:0 auto; padding:30px; border:3px solid #12212f; margin-bottom:55px; }



.section-title.about hr { height: 8px; width: 90px; text-align: center; position: relative; background:#f8001d; margin: 0 auto; margin-bottom: 30px; border: 0; }



.section-title.feature hr { height: 2px; width: 90px; text-align: center; position: relative; background:#12212f; margin: 0 auto; margin-bottom: 30px; border: 0; }



.section-title.white hr { height: 2px; width: 90px; text-align: center; position: relative; background:#ffffff; margin: 0 auto; margin-bottom: 30px; border: 0; }



.section-title.black hr { height: 2px; width: 90px; text-align: center; position: relative; background:#12212f; margin: 0 auto; margin-bottom: 30px; border: 0; }



/*......................*/



.carousel-iphone { margin-right: auto; margin-left: auto; width: 320px; height: 672px;background-size: 100%; }



.carouse2 { position: relative; margin-right: auto; margin-left: auto; padding: 95px 0px 0px 4px; width:282px; }



.carousel-indicators .active { width: 15px; height: 15px; background: #444444; }



.carousel-indicators { bottom: -63px; }



.carousel-indicators li { display: inline-block; margin: 1px; width: 15px; height: 15px; border: 1px solid #666666; border-radius: 10px; text-indent: -999px; cursor: pointer; }











/*------------------------------------------*/



/*	          /* Services */



/*------------------------------------------*/







#about-newtouch { padding:110px 0 110px 0;  background: #fff;  }



#about-newtouch  h2 {  font-size:40px; }



#about-newtouch  h4 { text-transform:uppercase; transition: all 0.5s; margin-top:20px; font-size:20px; margin-bottom:20px; }



.space { margin-top: 40px; }



#about-newtouch  i.fa { font-size:50px; width: 150px; height: 150px; padding:45px 0; border-radius:0 20% 0 20%; margin-bottom: 10px; color: #f8001d; background: #fff; border:1px solid #d1d1d1;box-shadow:3px 11px 8px #d9d9d9;  }



#about-newtouch  .service:hover > i.fa { color:#ffffff; background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0; }



#main-centent { background: url(../img/fixed-img.jpg) repeat fixed 0 0 / cover; padding:110px 0 110px 0;}



#main-centent-i { background: url(../img/fixed-img.jpg) repeat fixed 0 0 / cover; padding:110px 0 110px 0;}



#main-centent-ii {background: url(../img/fixed-img.jpg) repeat fixed 0 0 / cover; padding:110px 0 110px 0;}



#main-centent-iii { background: url(../img/fixed-img.jpg) repeat fixed 0 0 / cover; padding:110px 0 0px 0; }



#main-centent-iv { background: url(../img/fixed-img.jpg) repeat fixed 0 0 / cover; padding:110px 0 0px 0; }



#main-bottam { background:#f8001d; padding:75px 0 75px 0; }



#main-demos{color: #12212f; background: #f1f1f1;}







/*------------------------------------------*/



/*	             /* Achivements */



/*------------------------------------------*/







#achivements { padding:110px 0 110px 0; color: #aaa; background: url(../img/achivement-bg.jpg) repeat fixed 0 0 / cover; }



.achivement-box { text-align: center; margin: 20px 0;   }



.achivement-box i.fa { font-size:20px; font-weight:400; color:#fff; margin-bottom: 20px; }



.achivement-box h4 { font-size:15px; text-transform: uppercase; color:#fff; }



.achivement-box span.count { font-size:30px;  color:#000; display: block; font-family: 'Open Sans', sans-serif; font-weight:600; }





#achivements { padding:110px 0 110px 0; color: #aaa; background: url(../img/achivement-bg.jpg) repeat fixed 0 0 / cover; }



.achivement-box-i { text-align: center; margin: 20px 0;   }



.achivement-box-i i  { font-size:30px; background:none; padding:20px;font-weight:400; color:#fff; margin-bottom: 30px; border:2px solid #fff; }



.achivement-box-i h4 { font-size:15px; text-transform: uppercase; color:#fff; }



.achivement-box-i span.count { font-size:38px;  color:#fff; display: block; font-family: 'Open Sans', sans-serif; font-weight:600; }











/*------------------------------------------*/



/*	       /*  App,Clients */



/*------------------------------------------*/







#client { background: #fff; padding:110px 0 110px 0; }



#apps-screen { background:#f1f1f1; padding:110px 0 110px 0;}







/*------------------------------------------*/



/*	         /* Testimonials */



/*------------------------------------------*/







#testimonials { background:url(../img/clients.jpg) repeat fixed 0 0 / cover; background-size: cover; background-attachment: fixed; color: #fff; padding:110px 0; font-size:18px; }



#testimonials-w { background-size: cover; background-attachment: fixed; color: #fff; padding:110px 0; font-size:18px; }



#testimonial { padding: 0; }



#testimonial .item { display: block; width: 100%; height: auto; }



#testimonial .item p { font-weight: 500; margin: 30px 0; color: #ddd; }







/*-----------------------------------------*/



/*	      /* Newsletter */



/*------------------------------------------*/





.text-con-n {color:#fff;padding:160px 0 160px 0;}



.newsletter > h3 {margin-bottom: 23px; font-size:40px;font-weight:100; line-height:normal;}



.newsletter-content > input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; color: #dfdfdf; font-size: 14px; height: 65px;padding: 0 19px; width: 100%;}



.newsletter-content { margin-top: 38px; position: relative;}



.newsletter-content .button { border: 0 none; color: #2d3e50; font-size: 16px; height: 100%; position: absolute;right: 0;  text-align: center; text-transform: uppercase; top: 0;

 transition: all 0.3s ease 0s; width: 29.5%;}



.newsletter-content .button:hover { background: #fff ; border: 0 none;color: #f8001d;}







/*------------------------------------------*/



/*	          /* Pricing Table */



/*------------------------------------------*/







#Pricing { padding:100px 0 110px 0; }



#Pricing-app { padding:110px 0 110px 0; background:#f1f1f1; }



.pricing-area h1 { margin-top: 0; margin-bottom:18px; margin-top:10px; color:#fff; font-size:26px; font-weight:500; text-transform:uppercase; }



.black span{ color:#12212f;}



.pricing-area h1 span { font-size:26px; color:#ffffff;  }



.pricing-areas h3,



.pricing-areas span { color: #12212f; font-size:16px; text-transform:uppercase; }



.pricing-area h3,



.mid-price{color: #ffffff; font-size:16px; text-transform:uppercase;}



.pricing-area span { color: #fff; font-size:16px; text-transform:uppercase; }



.plan { position: relative; margin-bottom:55px; margin-top:55px; }



.pricing-area ul { background:#FAFAFA; padding: 0; margin: 0; }



.pricing-area ul li { list-style: none; padding:22px 0;  color:#616161; font-family: 'Open Sans', sans-serif; }



.pricing-area ul li:nth-child(even) {background:#f1f1f1;}



.pricing-area .heading-one,



.pricing-area .price-one .plan-action { background: #12212f; padding:30px 60px; font-size:15px; }



.pricing-area .heading-two,



.pricing-area .price-two .plan-action  { background:#12212f; padding:30px 60px; font-size:15px; }



.pricing-area .heading-three,



.pricing-area .price-three .plan-action { background: rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0; padding:30px 60px; font-size:15px; }



.pricing-area .heading-three-b,



.pricing-area .price-three-b .plan-action { background: rgba(0, 0, 0, 0) linear-gradient(to top, #15a0b5 , #0447ce) repeat scroll 0 0; padding:30px 60px; font-size:15px; }



.pricing-area .heading-three-g,



.pricing-area .price-three-g .plan-action { background: rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0; padding:30px 60px; font-size:15px; }











/*------------------------------------------*/



/*	          /* Chart */



/*------------------------------------------*/







#skills {  background-size: cover; background-attachment: fixed; }



#skills p { color: #474d5d; }



#skills .skill { margin-bottom: 40px; text-align: center; padding: 0px; }



#skills .skill h4 {   font-size:20px; font-family:'Open+Sans', sans-serif; }



.chart { position: relative; display: inline-block; width: 192px; height: 192px; margin-bottom: 36px; text-align: center; }



.chart canvas { position: absolute; top: 0; left: 0; }



.percent { display: inline-block; font-size:31px; color: #12212f; line-height: 192px; z-index: 2; }



.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; }







/*------------------------------------------*/



/*	            /* Back to top */ 



/*------------------------------------------*/







#back-to-top { transition:all 1s ease 0s; -webkit-transition:all .3s ease 0s;



position: fixed; bottom: 90px; right: 10px; z-index: 9999; width: 55px; height: 55px; text-align: center; line-height:50px; background:#12212f; color: #fff; font-size:20px; cursor: pointer;  text-decoration: none; opacity: 0; }



#back-to-top:hover { background: #f8001d; border-color:#fff; border:1px solid #12212f; }



#back-to-top.show { opacity: 1; }







/*------------------------------------------*/



/*	            /* Page Loader */



/*------------------------------------------*/







.no-js #loader { display: none; }



.js #loader { display: block; position: absolute; left: 70px; top: 0; }



.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../img/loading.gif) center no-repeat #fff; }







/*------------------------------------------*/



/*	           /* general carousel  */



/*------------------------------------------*/



/* general carousel */



.revew-carousel .owl-controls { position: absolute;  right: 40px;bottom:-30px;}



.revew-carousel .owl-controls .owl-buttons div  { cursor: pointer; border: 1px solid #ffffff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:0%; width: 42px; height: 42px; text-align: center;  position: absolute; top: 0;

    -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: transparent;z-index: 99;opacity: 1; padding: 0;}



.revew-carousel .owl-controls .owl-buttons .owl-next { right: 0;}



.revew-carousel .owl-controls .owl-buttons .owl-next:hover { right: 0; background:#001b24;}



.revew-carousel .owl-controls .owl-buttons .owl-prev { right: 50px;}



.revew-carousel .owl-controls .owl-buttons .owl-prev:hover {  right: 50px; background:#001b24;}



.revew-carousel .owl-controls .owl-buttons i { font-size: 18px;  color: #ffffff;  -webkit-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;   padding-top: 9px;}



.general-carousel .owl-controls { position: absolute;right: 20px;bottom:-30px;}



.general-carousel .owl-controls .owl-buttons div  { cursor: pointer; border: 1px solid #333;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 0%; width: 42px; height: 42px;  text-align: center; position: absolute;top: 0;

    -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background:#f1f1f1; z-index: 99; opacity: 1; padding: 0;}



.general-carousel .owl-controls .owl-buttons .owl-next { right: 0;}



.general-carousel .owl-controls .owl-buttons .owl-next:hover { right: 0; background:#333;  color:#fff;}



.general-carousel .owl-controls .owl-buttons .owl-next:hover i { right: 0;  color:#fff;}



.general-carousel .owl-controls .owl-buttons .owl-prev {  right: 50px;}



.general-carousel .owl-controls .owl-buttons .owl-prev:hover { right: 50px; background:#333;}



.general-carousel .owl-controls .owl-buttons .owl-prev:hover i { right: 50px; color:#fff;}



.general-carousel .owl-controls .owl-buttons i { font-size: 18px;  color: #333; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  padding-top: 9px;}







/*------------------------------------------*/



/*	         /* Awesome Features */



/*------------------------------------------*/







#awesome-features { padding:110px 0 110px 0; background:#fff; }



#awesome-features-freelancer { padding:110px 0 110px 0; background:#ffffff; }



#awesome-features-app { padding:110px 0 110px 0; background:#f1f1f1; }



#awesome-features-y { padding:110px 0 110px 0; background:#f1f1f1; }



.feature-icon-left-more-y .feature-icon-y i.fa { float: left; font-size:30px; color:#12212f; margin:70px 20px 0 30px; height:65px; width:65px; padding:17px 0 0 0; border:2px solid #12212f; }



.feature-icon-left-more-y .feature-content-y { padding-left:90px; padding-bottom:55px; padding-top:55px; border:1px solid #dfdfdf; background:#ffffff; }



.feature-box { margin:5px 0 0px 0; }



.feature-center { text-align: center; }



.feature-test-light {  line-height:28px; color:#333333; margin-top:15px; font-size:14px; }



.feature-test {  line-height:28px; color:#616161; margin-top:15px; font-size:15px; }



.feature-icon-center-more .feature-icon i.fa { float: left; font-size:28px; color:#f8001d; margin:30px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #f8001d; }



.feature-icon-center-more .feature-content { padding-left:80px; padding-bottom:15px; padding-top:20px; text-align:left; }



.feature-icon-center-freelancer .feature-icon i.fa { float: left; font-size:20px; color:#12212f; margin:52px 0 0 10px; height:45px; width:45px; padding:11px 0 0 0; border-radius:50%; border:1px solid #f8001d; background:#f8001d;}



.feature-icon-center-freelancer .feature-content { padding-left:75px; padding-bottom:35px; padding-top:40px; text-align:left; }



.feature-icon-left-more .feature-icon i.fa { float: right; font-size:25px; color:#f8001d; margin:35px 0 0 0; height:55px; width:55px; padding:15px 0 0 0; border-radius:10%; background:#12212f  }



.feature-icon-left-more .feature-content { padding-right:80px; padding-bottom:35px; padding-top:25px; text-align:right; }



.feature-icon-left-more-app .feature-icon i.fa { float: right; font-size:25px; color:#12212f; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #12212f; }



.feature-icon-left-more-app .feature-content { padding-right:90px; padding-bottom:20px; padding-top:35px; text-align:right; }



.feature-icon-right-more .feature-icon i.fa { float: left; font-size:35px; box-shadow:-7px 11px 8px #a9a9a9;color:#ffffff; margin:35px 0 0 0; height:95px; width:95px; padding:30px 0 0 0; border-radius:0 20% 0 20%;

background:rgba(0, 0, 0, 0) linear-gradient(to top, #f45e12, #f00733) repeat scroll 0 0;}



.feature-icon-right-more .feature-icon i.fa:hove { float: left; font-size:35px; color:#ffffff; margin:35px 0 0 0; height:95px; width:95px; padding:30px 0 0 0; border-radius:0 20% 0 20%;background:#fff; }





.feature-icon-right-more .feature-content { padding-left:125px; padding-bottom:15px; padding-top:28px; text-align:left; }





.feature-icon-right-more-app .feature-icon i.fa { float: left; font-size:25px; color:#12212f; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #12212f; }



.feature-icon-right-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; }





.feature-center .service-icon { margin-bottom: 14px; }



.feature-center .service-content h4 { margin-bottom: 6px; font-weight: 500; }



.feature-center .service-icon i { display: inline-block; }



.feature-box h4 { margin-bottom:9px; font-weight: 400; font-size:21px;  font-family:'Open+Sans', sans-serif; }



.feature-box > div:first-child { padding: 0; }



.feature-boxed { margin-top:30px; padding: 0 15px 20px 15px !important; border: 1px solid #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }



.feature-boxed:hover { border-color: #e2e2e2; box-shadow: 0 0 6px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 6px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1); }



.feature-boxed p { margin-bottom: 0; }





/*------------------------------------------*/



/*	           /* Blog */



/*------------------------------------------*/







#blog { padding:110px 0 110px 0;  background:#f1f1f1; }



#blog {background:#f1f1f1;padding:88px 0 150px 0;}



.blog-section-area {padding: 60px 0 65px;overflow: hidden;}



.blog-section-area .blog-content-section {padding: 20px;}



.blog-section-area .blog-content-section .single-blog .feature-images {position: relative;overflow: hidden;margin-bottom: 30px;border:5px solid #ffffff;margin-top:45px;}



.blog-section-area .blog-content-section .single-blog .feature-images a {transition: all 0.3s ease 0s;}



.blog-section-area .blog-content-section .single-blog .feature-images a img {width: 100%;}



.blog-section-area .blog-content-section .single-blog .feature-images a img:hover {opacity: .9;}



.blog-section-area .blog-content-section .single-blog .blog-content h3 {margin: 20px 0 35px;font-size: 18px;position: relative;}



.blog-section-area .blog-content-section .single-blog .blog-content h3:after {background: #e0e0e0 none repeat scroll 0 0;content: "";height: 1px;left: 0;margin: auto;position: absolute;top: 40px;width: 50px;}



.blog-section-area .blog-content-section .single-blog .blog-content h3 a {display: block;text-decoration: none;color: #333333;transition: all 0.3s ease 0s;font-weight: 600;}



.blog-section-area .blog-content-section .single-blog .blog-content h3 a:hover {color: #333333;}



.blog-section-area .blog-content-section .single-blog .blog-content ul li {display: inline-block;transition: all 0.3s ease 0s;font-size: 13px;font-weight: 400;}



.blog-section-area .blog-content-section .single-blog .blog-content ul li a {display: block;text-decoration: none;color:#f8001d;}



.blog-section-area .blog-content-section .single-blog .blog-content ul li a:hover {color: #333333;}



.blog-section-area .blog-content-section .single-blog .blog-content ul li.comments {float: right;}



.blog-section-area .blog-content-section .single-blog .blog-content ul li.comments a {color: #000000;}



.blog-section-area .blog-content-section .single-blog .blog-content p {margin: 20px 0;}



.blog-section-area .blog-content-section .single-blog .blog-content .read-more {display: block; margin: 20px 0 50px;}



.blog-section-area .blog-content-section .single-blog .blog-content .read-more a {display: inline-block;text-decoration: none;text-transform: uppercase;color: #4caf50;transition: all 0.3s ease 0s;font-size: 

14px;font-weight: 700;border: 1px solid #4caf50; padding: 10px 20px;}



.blog-section-area .blog-content-section .single-blog .blog-content .read-more a:hover {background: #4caf50;color: #ffffff;}











/*-----------------------------------------*/



/*	      /* Contact Us */



/*------------------------------------------*/







#contact { padding:110px 0 110px 0; background:url(../img/footer-bg.jpg) no-repeat scroll center center / cover;}



#contact h3 { font-size:30px; font-weight: 200; text-transform: uppercase; margin-top:40px; }



#contact-b i.fa { font-size: 30px; width: 70px; height: 70px; padding: 35px 0; margin: 20px 0 30px 0; color: #f8001d; background:none;  border:1px solid #f8001d; }



#contact i.fa { font-size:30px; width:90px; height: 90px;border-radius:25px 0 25px 0; padding:30px 0; margin:30px 0 30px 0;  color:#ffffff; background:#12212f; border:1px solid #000; }



#contact .contact:hover > i.fa { color: ##12212f; background:#000000;}



#contact form { padding: 30px 0; }



#contact .fa { color: #F4D03F; margin-bottom: 10px; }



#contact p{ font-size:16px;} 



#contact .text-danger { color:#12212f; text-align:center; font-size:16px; }



.alert-danger { background:#fff; color:#FF9900; border:1px solid #f8001d; }



label { font-size: 12px; font-weight: 400; font-family: 'Open Sans', sans-serif; float: left; }



#contact .form-control { display: block; width: 100%; padding: 9px 12px; font-size: 14px; line-height:22px; background-color:transparent; background-image: none; color:#fff;  border-radius: 2px; -webkit-box-shadow: none;border:1px solid #fff; -webkit-transition: none; -o-transition: none; transition: none; margin-top:25px; }



#contact .form-control:focus { border-color: inherit; outline: 0; -webkit-box-shadow: transparent; box-shadow: transparent; border:1px solid #fff;}



.form-control::-moz-placeholder{ color:#ffffff;}









/*------------------------------------------*/



/*	          /* Footer*/



/*------------------------------------------*/





nav#footer { background:#080808; color:#999999; padding: 65px 0 65px 0; font-size:16px; line-height:28px; border:1px solid #202020; }



nav#footer .fnav { vertical-align: middle; margin-top:25px; margin-bottom:50px; }



.bottam-brand { font-size:40px; margin-bottom:35px; }



ul.footer-social li { display: inline-block; margin-right: 10px; }



nav#footer p { font-size: 15px; margin-top: 30px; padding:20px 0 30px 0px; color:#999; font-weight:200; border-top:1px solid #494949; }



#footer-love i.fa { height: 30px; width: 30px; font-size: 20px; padding: 18px 5px; color:#fff; transition: all 0.5s; width:60px; height:60px; border:1px solid #f8001d; border-radius:50%; background:#f8001d; }



#footer i.fa { height:45px; width:45px; font-size: 16px; padding:15px 5px; color:#ffffff; transition: all 0.5s;  border:1px solid #f8001d; background:#none;border-radius: 20% 0 20% 0 }



.heart i.fa { font-size:18px; color:#f8001d; transition: all 0.5s; border-radius:10%;  }



.footer-bottom { background:#000 ; padding:25px 0 25px 0; }



.f-b { color:#999; text-align:center; padding:10px; font-family:'Open+Sans', sans-serif; font-size:15px; text-transform:uppercase; }



#footer i.fa:hover { color: #12212f; background:#f8001d; }