/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);

body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background:url('../img/back.png') repeat;
	font-weight:400;
	font-size:18px;
	line-height:30px;
	color:#555;
	border-top:3px solid #e24e35;
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6{
font-family:Oswald, Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1{
font-size:40px;
line-height:45px;
}

h2{
font-size:35px;
line-height:40px;
}

h3{
font-size:30px;
line-height:35px;
}

h4{
font-size:25px;
line-height:30px;
}

h5{
font-size:20px;
line-height:25px;
}

h6{
font-size:17px;
line-height:22px;
}

a, a:visited{
color:#e24e35;
text-decoration:none;
}

a:hover{
color:#e24e35;
}

ul li, ol li{
padding:7px 0px;
color:#e24e35;
}

hr{
border-top:1px solid #eee;
height:0px;
border-bottom:0px;
padding:5px 0px;
}


.color{
color:#e24e35;
}

.caps{
text-transform:uppercase;
}

.border{
height:50px;
}

.bor{
height:15px;
margin:5px 0px;
padding:5px 0px;
background:url('../img/dot.png') repeat-x;
}

.center{
text-align:center;
}

.normal{
font-weight:normal;
}

.small{
font-size:14px;
line-height:25px;
}

a:active, a:focus { 
border:none;
outline:none;
}

a:-moz-any-link:focus { 
outline:none; 
}

/* Top */

.top .social i{
display:inline-block;
background:#f8f8f8;
border:1px solid #f0f0f0;
font-size:13px;
width:25px;
height:25px;
text-align:center;
line-height:25px;
-webkit-transition:background 2s ease;
-moz-transition:background 2s ease;
-o-transition:background 2s ease;
transition:background 2s ease;
}

.top .social i:hover{
background:#f0f0f0;
-webkit-transition:background 2s ease;
-moz-transition:background 2s ease;
-o-transition:background 2s ease;
transition:background 2s ease;
}

.top .social a, .top .social a:visited, .top .social a:hover{
text-decoration:none;
}

.container{
	max-width:1000px;
}

/* Header */

header{
text-align:center;
margin-top:20px;
}

.logo{
margin-bottom:20px;
}

.logo .ltop i{
width:100px;
font-size:100px;
line-height:70px;
}

.logo .ltop a, .logo .ltop a:visited, .logo .ltop a:hover{
color:#444;
text-decoration:none;
}

.logo .lbot{
font-family:Oswald, Arial, Helvetica, sans-serif;
font-size:40px;
line-height:45px;
margin-top:10px;
margin-bottom:30px;
}

.logo .lbot p{
display:inline;
padding-bottom:15px;
border-bottom:1px solid #eee;
}

.info{
font-size:22px;
line-height:35px;
}

/* Navigation */

.navy{
text-align:center;
text-transform:uppercase;
font-weight:600;
margin:10px 0px;
font-size:18px;
}

.sec1, .sec2, .sec3{
float:left;
width:33.3333%;
}

.n1{
width:50%;
float:left;
}

.n2{
width:50%;
float:left;
}

.navy a span{
font-size:13px;
position:relative;
top:-10px;
margin-bottom:-10px;
font-family:Tahoma, Verdana, sans-serif;
font-weight:normal;
text-transform:none;
}

.navy a, .navy a:visited{
padding:7px 0px 0px 0px;
background:#e24e35;
display:block;
color:#fff;
border-left:1px solid #ca422b;
border-right:1px solid #ff806a;
border-bottom:5px solid #b35140;
border-top:1px solid #ca422b;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.navy a:hover{
text-decoration:none;
background:#d0432b;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

/* Content */

.content h3{
text-align:center;
text-transform:uppercase;
font-weight:700;
}

.content .up{
text-align:center;
padding:0px;
margin:0px;
line-height:0px;
position:relative;
top:-35px;
font-size:25px;
color:#bbb;
margin-bottom:-30px;
}

.content .up a, .content .up a:visited{
color:#bbb;
}

.content .up a:hover{
color:#aaa;
text-decoration:none;
}

/* About */

.staff { text-align:center; }
.staff {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
         -o-animation-duration: 1.5s; 
	        animation-duration: 1.5s;   
}

.staff.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.staff .pic img{
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 150px;
	max-width: 175px;
}

.ssocial a, .ssocial a:visited, .ssocial a:hover{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}

.ssocial i{
	display:inline-block;
	border-radius:100px;
	background:#e24e35;
	font-size:13px;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
}

/* Features */

.feature-item {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee; 
}

.feature-item {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s; 
	        animation-duration: 1s;   
}

.feature-item.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.feature-item i {
	display: block;
	float: left;
	color:#e24e35;
	font-size:50px;
}

.feature-item h5,
.feature-item hr { margin-left: 67px; }
.feature-item h5 { font-size: 23px; }
.feature-item hr  {
	width: 50px; 
	margin-bottom: 6px;
	border-top: 3px solid #e24e35;
}

.flist .fimg img{
max-width:95%;
padding:3px;
border:1px solid #ddd;
border-radius:10px;
}

/* Services */

.service { text-align:center; }
.service {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
         -o-animation-duration: 1.5s; 
	        animation-duration: 1.5s;   
}

.service.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Animation Delays */

.delay-one {
	-webkit-animation-delay: 0s;
	   -moz-animation-delay: 0s;
	    -ms-animation-delay: 0s;
		 -o-animation-delay: 0s; 
		    animation-delay: 0s;
}

.delay-two {
	-webkit-animation-delay: 0.3s;
	   -moz-animation-delay: 0.3s;
	    -ms-animation-delay: 0.3s;
		 -o-animation-delay: 0.3s; 
		    animation-delay: 0.3s;
}

.delay-three {
	-webkit-animation-delay: 0.5s;
	   -moz-animation-delay: 0.5s;
	    -ms-animation-delay: 0.5s;
		 -o-animation-delay: 0.5s; 
		    animation-delay: 0.5s;
}

.delay-four {
	-webkit-animation-delay: 0.7s;
	   -moz-animation-delay: 0.7s;
	    -ms-animation-delay: 0.7s;
		 -o-animation-delay: 0.7s; 
		    animation-delay: 0.7s;
}


.service .sicon i{
color:#e24e35;
font-size:60px;
margin:10px 0px 20px 0px;
width:60px;
}

/* Portfolio */

.img-portfolio ul{
   margin:0;
   padding:0;
}

/**** Isotope Filtering ****/

.isotope-item {
   z-index: 2;
}

.isotope-hidden.isotope-item {
   pointer-events: none;
   z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.isotope {
   -webkit-transition-property: height, width;
   -moz-transition-property: height, width;
   -ms-transition-property: height, width;
   -o-transition-property: height, width;
   transition-property: height, width;
}

.isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
   -ms-transition-property:     -ms-transform, opacity;
   -o-transition-property:      -o-transform, opacity;
   transition-property:         transform, opacity;
}

#filters{
   margin-left:0px;
   text-align:center;
}

#filters li{
   display:inline-block;
   padding:0px;
  
}

#filters a{
   font-size:13px;
   padding: 7px 13px;
   display: inline-block;
   color:#fff; 
   text-transform:uppercase;
}

#filters .btn{
   border-radius:4px !important;
   background:#e24e35;
   box-shadow:none;
   border:0px;
}

.portfolio li{
   display:inline !important;
   border:none !important;
}

.portfolio li a, .portfolio li a:visited{
   color:#777;
   padding:5px 10px;
   margin:0px 5px;
}

.portfolio li a:hover{
   color:#555;
}

#portfolio{
   text-align:center;
}

#portfolio .element{
   margin: 15px 15px 0px 0px;
   padding: 0px;
}

#portfolio h4{
   margin:4px 0px;
   padding:0px;
   margin-top: 10px;
   color: #666;
	font-size: 15px;
}

#portfolio a, #portfolio a:visited, #portfolio a:hover{
   color:#666;
   text-decoration:none;
}

#portfolio img{
   width:227px;
   max-width:227px;
   height:160px;
   border:1px solid #ddd;
   padding:3px;
   border-radius:10px;
}

/* PrettyPhoto */

div.ppt {
   display:none !important;
}


/* Contact */


.gmap{
padding:0px 10px;
}

footer address{
padding:0px 10px;
}

.gmap iframe{
width:100%;
margin-top:20px;
}

/* Testimonial */

.testimonial { margin-top: 80px; }
.testimonial-item { margin-top: 30px; }

.testimonial-item {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1.3s;
       -moz-animation-duration: 1.3s;
        -ms-animation-duration: 1.3s;
         -o-animation-duration: 1.3s; 
	        animation-duration: 1.3s;   
}

.testimonial-item.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	
.testimonial-item img {
	width: 100%;
	max-width: 50px;
	padding: 2px;
	float: left;
	border: 1px solid #eee;
}

.testimonial-item h4 {
	margin-left: 65px;
	padding-top: 10px;
	font-size: 18px;
	margin-bottom: 20px;
}

.testimonial-item h4 span {
	font-size: 14px;
	font-weight: normal;
	color: #888;
}

.testimonial-item blockquote {
	position: relative; 
	margin-top: 12px;
	padding-top: 10px;
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-top: 3px solid #e24e35;
	border-radius: 3px;
}
	
.testimonial-item blockquote:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.testimonial-item blockquote:after {
	border-color: rgba(75, 170, 211, 0);
	border-width: 10px;
	left: 16px;
	border-bottom-color: #e24e35;
}

.testimonial-item blockquote p {
	font-size: 15px;
	line-height: 25px;
}

/* Blog */

.blog { margin-top: 40px; }
.blog-post .entry {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.blog-post .entry  {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
         -o-animation-duration: 1.5s; 
	        animation-duration: 1.5s;   
}

.blog-post .entry.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.blog-post .entry .blog-img {
	max-width: 200px;
	margin-right: 15px;
	margin-bottom: 2px;
}

.blog-post .entry .meta {
	margin-left: 215px;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 25px;
}

.blog-post .entry h3 {
	margin-top: 0;
	margin-bottom: 8px;
	padding-bottom: 6px;
	margin-left: 215px;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	border-bottom: 4px solid #e24e35;
}

.blog-post .entry h3 a { color: #555; }
.blog-post .entry h3 a:hover { text-decoration: none; }
.blog-post .entry p {
	font-size: 14px;
	line-height: 26px;
	color: #9a9a9a;
	text-align: justify;
}

/* Pricing */

.pricing { margin-bottom: 40px; }

.ptable-content{
	max-width: 270px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
}

.ptable-content{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
         -o-animation-duration: 1.5s; 
	        animation-duration: 1.5s;   
}

.ptable-content.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ptable-content h4{
	padding-top: 28px;
	color: #777;
	font-size: 30px;
}

.ptable-content p{
	margin: 10px 0 20px 0;
	color: #aaa;
	font-size: 13px;
	font-style: italic;
}

.ptable-content .pcost{
	display: block;
	padding: 20px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #fff;
	background: #e24e35;
}

.ptable-content.phighlight{
	box-shadow: 0 0 10px #eee;
}

.ptable-content .list{
	list-style: none;
	padding: 0;
	color: #777;
}

.ptable-content .list li{
	padding: 15px 0 15px 0;
	border-bottom: 1px dashed #ccc;
	font-style: italic;
	font-size: 14px;
	color: #898989;
}

.ptable-content a.btn{
	margin: 10px 0;
	color: #fff;
	background: #e24e35;
}

/* Theme Message */

.theme-message{
	text-align: center;
}

.theme-msg-content {
	margin-bottom: 30px;
	padding: 80px 0; 
	border-bottom: 1px solid #eee;
}

.theme-msg-content{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s; 
	        animation-duration: 1s;   
}

.theme-msg-content.animation{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	
.theme-msg-content i{
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 100px;
}

.theme-msg-content h4 {
	margin-top: 20px;
	font-size: 40px;
	line-height: 80px;
}

.theme-msg-content h4 span {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 60px;
	color: #fff;
	background: #e24e35;
}

.theme-msg-content p {
	max-width: 500px;
	margin: 0 auto;
	margin-top: 15px;
}


/* Footer */

footer{
	margin-top:10px;
	background: #191919;
	color:#ddd;
	padding:10px 0px;
	border-top:3px solid #e24e35;
	font-size:14px;
}

footer .container{
	width:99%;
}

footer .social a, footer .social a:visited, footer .social a:hover{
color:#fff;
text-decoration:none;
}

footer .social i{
display:inline-block;
background:#e24e35;
font-size:13px;
width:25px;
height:25px;
text-align:center;
line-height:25px;
-webkit-transition:background 2s ease;
-moz-transition:background 2s ease;
-o-transition:background 2s ease;
transition:background 2s ease;
}

footer .social i:hover{
background:#c73820;
-webkit-transition:background 2s ease;
-moz-transition:background 2s ease;
-o-transition:background 2s ease;
transition:background 2s ease;
}

footer hr{
border-bottom:0px solid #222;
border-top:1px solid #222;
height:0px !important;
margin:10px 0px 15px 0px;
padding:0px !important;
}

footer .up{
text-align:center;
padding:0px;
margin:0px;
line-height:0px;
position:relative;
top:-27px;
font-size:25px;
color:#e24e35;
margin-bottom:-30px;
}

footer .up a, footer .up a:visited{
color:#e24e35;
}

footer .up a:hover{
color:#e24e35;
text-decoration:none;
}


/* Scroll to top */

.totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 104400;
}

.totop a i{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 25px;
	background: #e24e35;
}

.totop a, .totop a:visited,
.totop a:hover {
	color: #fff;
	text-decoration: none;
}


/* Responsive */

@media (max-width: 480px){
   footer span.pull-right{
   display:block;
   float:none;
   }
	
	.blog-post .entry .blog-img { max-width: 100px;}
	.blog-post .entry .meta,
	.blog-post .entry h3 { margin-left: 115px;  }
	.blog-post .entry .meta { font-size: 11px; }
	.theme-msg-content i { font-size: 75px; }
}

@media (max-width: 767px){
	.container{
		width:100%;
	}
	
	.feature-item , .testimonial-item,
	.service, .staff , .contact{
		max-width: 380px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.img-portfolio,
	.blog-post .entry {
		max-width: 500px;
		margin: 0 auto;
	}
	
	.blog-post .entry { margin-bottom: 30px; }
	
	
	.theme-msg-content h4 {
		font-size: 25px;
		line-height: 60px;
	}

	.theme-msg-content h4 span { font-size: 45px; }
	
   .top .social{
   text-align:center;
   }
   .sec1, .sec2 , .sec3{
   width:100%;
   float:none;
   }
   .navy a{
   border:1px solid #d1462f !important;
   }
   
   footer .copy{
   text-align:center;
   }
}

@media (min-width: 768px) and (max-width: 991px){
	.form-horizontal .control-label {
		text-align: left;
	}
	
}