body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }

.header {  width: 90%; margin: auto;  position: relative; }

.blogLeft { width: 70%; float: left; }
.blogLeft.Article { border-top: 1px solid rgba(228,227,227, 1); }
.blogRight { width: 24%; float: left; margin-left: 30px; padding-left: 30px; border-left: 1px solid rgba(228,227,227, 1);  }

.blogRight ul { list-style: none; margin: 0; padding: 0; }
.blogRight ul li a { text-decoration: none; color: #f26122; }

.blogImg { float: left; margin-right: 30px; margin-bottom: 30px; }

.breadcrumbs { width: 90%; margin: auto; margin-top: 15px; font-weight: 300; }
.breadcrumbs a { color: #f26122; text-decoration: none; }

.secondFooter { text-align: center; color: #999; font-size: 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid rgba(228,227,227, 1); }
.secondFooter a { color: #999; }

.textalign404 p { text-align: center !important; }

.link { color: #f26122; text-decoration: none; }

.hiddenh2 { position: absolute; text-indent: -9999999px; }

form { padding: 20px; background-color: #f2f2f2; width: 360px; font-family: 'Open Sans', sans-serif;float: right; margin-top: 30px; }
form p { margin: 0; padding: 0; }
form input { border: 1px solid #ccc; padding: 5px; width: 250px; margin-top: 10px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; }
form textarea { border: 1px solid #ccc; padding: 5px; width: 350px; height: 100px; margin-top: 10px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; }
form button {display: block; text-decoration: none; background-color: #f26122; color: #fff; width: 130px; font-size: 16px; padding: 10px; text-align: center; border: 0; font-family: 'Open Sans', sans-serif; cursor: pointer; }
form button:hover { background-color: #141414; }

.articleBackLink { display: block; text-decoration: none; background-color: #f26122; color: #fff; width: 160px; font-size: 16px; padding: 10px; text-align: center; border: 0; font-family: 'Open Sans', sans-serif; cursor: pointer; }

.map iframe { display: block; width: 500px; height: 286px; }

.article { border-top: 1px solid rgba(228,227,227, 1); border-top: 1px solid rgba(228,227,227, 1); padding-bottom: 20px; }
.article p {text-align: justify !important; }
.article img { float: left; margin-right: 30px; }
.article .readmore { display: block; text-decoration: none; background-color: #f26122; color: #fff; width: 100px; padding: 10px; text-align: center; margin-left: 259px; }
.article .readmore:hover { background-color: #141414; }

.article_date { float: right; color: #888888; font-size: 14px; margin-top: 22px; }
.article_date_story { color: #888888; font-size: 14px; }

.feedbackDivider { width: 100%; height: 5px; background-image: url(../images/feedbackbg.gif); background-color: #ffa680;  }

.feedback, .feedback p { text-align: justify !important; }

.feedback h3 { font-size: 28px; margin-top: 20px; margin-bottom: 10px; }
.feedback h3 span { font-size: 16px; display: block; color: #f26122; }

.gallery { list-style: none; margin: 0; padding: 0; margin-top: 30px; }
.gallery li { float: left; margin-right: 15px; margin-bottom: 15px;  padding-bottom: 0; text-align: center; width: 182px; min-height: 270px; }
.gallery li img { border: 3px solid #e4e3e3; width: 182px; }
.gallery li:nth-child(5n) { margin-right: 0; }

.clientAnchor { 
    margin-top: -110px;
    position: absolute;
    width: 90%;
    z-index: -1; }

.categoryHeading { text-align: center; }
.categoryHeading h3 { text-transform: uppercase; font-size: 26px;background-image: url(../images/headingbg.gif); background-color: #f2f2f2; padding-top: 5px; padding-bottom: 5px; color: #f26122;  }

.filter-container { width: 100%; margin: auto; margin-top: 20px; }

.filter { width: 100%; margin-bottom: 0; font-family: 'Open Sans', sans-serif; text-align: center; }

.filter a { display: inline-block;  text-decoration: none; border-left: 1px solid #e4e3e3; padding-left: 10px; padding-right: 10px;  font-size: 16px; color: #f26122; text-align: center; }

.filter a:last-of-type { border-right:1px solid #e4e3e3; }


.filter span { margin-right: 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; }

.filter a.last { border-right: 1px solid #e4e3e3; }

.filter-container.scroll-to-fixed-fixed {
background-color: #e4e3e3;
    margin: 0;
	margin: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    top: 57px !important;   }
	
	.filter-container.scroll-to-fixed-fixed a { border-left: 1px solid #ccc;  }
	.filter-container.scroll-to-fixed-fixed a:last-of-type { border-right: 1px solid #ccc; }

.header-container { position: fixed; padding-top: 10px; top: 0; z-index: 999999999; background-color: #fff; width: 100%; padding-bottom: 10px; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;border-top: 1px solid rgba(228,227,227, 0); border-bottom: 1px solid rgba(228,227,227, 0); }

.header-container.small { padding-bottom: 5px; border-bottom: 1px solid #e4e3e3; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); }

.header-container.small .socialIcons { opacity: 0; top: -80px; }

.header-container.small .logo { width: 130px; height: 46px; margin-top: -6px; }

.header-container.small .menu { margin-top: -4px; border-top: 1px solid rgba(228,227,227, 0); border-bottom: 1px solid rgba(228,227,227, 0); }
.header-container.small .menu li a { padding-top: 7px; padding-bottom: 7px; }

.team { float: right; margin-left: 30px; margin-top: 28px; }

.logo { float: left; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; width: 215px; height: 76px; margin-top: 5px; }

.clientBlock {    border: 1px solid #e4e3e3;
    box-sizing: border-box;
    display: inline-block;
    height: inherit;
    margin-bottom: -6px;
    margin-right: -5px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    width: 20%; }
.clientBlock img { display: block; margin: auto; padding: 30px 10px;box-sizing: border-box; width: 100%; max-width: 296px; }

.spacer { width: 100%; height: 110px; }

.menu {  border-top: 1px solid rgba(228,227,227, 1); border-bottom: 1px solid rgba(228,227,227, 1);
    float: right;
    list-style: outside none none;
    margin: 33px 0 0;
    padding: 0; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
.menu li { float: left; position: relative; }
.menu li a { text-decoration: none; color: #888888; font-weight: 300; padding: 10px 32px 10px 32px; display: block; font-size: 18px; }
.menu li a:hover { color: #f26122; }
.menu li a.current { background-color: #f26122; color: #fff; }

.menu li ul { display: none; position: absolute; background-color: #eee; margin: 0; padding: 0; list-style: none; width: 200%; }
.menu li ul li { float: none; }

.menu li:hover ul { display: block; }

.menu li ul li a { font-size: 14px; width: 100%; }

#banner-fade { border-top: 1px solid #e4e3e3; border-bottom: 1px solid #e4e3e3; }

.socialIcons { position: absolute; right: 0; top: -5px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;  }

.socialIcons a { 
cursor: pointer;
display: block; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; float: right; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat;background-color: #f26122; margin-left: 5px; }

.socialIcons a:hover { background-color: #ccc; }

.socialIcons .facebook { background-image: url(../images/facebook.png);  }
.socialIcons .twitter { background-image: url(../images/twitter.png);  }
.socialIcons .instagram { background-image: url(../images/instagram.png);  }

h1 {  font-weight: 800; font-size: 48px; text-transform: uppercase; margin: 0; padding: 0; color: #f26122; }
.h1rest { font-size: 40px; font-weight: 300; text-transform: capitalize; }
.heading { text-align: center; width: 500px; margin:auto; margin-top: 30px; color: #141414; }
.heading span {font-family: 'Open Sans', sans-serif; font-size: 26px;display: inline-block; position: relative;  }

.heading .linehead:before,
.heading .linehead:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ccc;
  top: 0;
  width: 71px;
}

.heading .linehead:before {
  right: 100%;
  margin-right: 15px;
  margin-top: 14px;
}
.heading .linehead:after {
  left: 100%;
  margin-left: 15px;
  margin-top: 14px;
}

.heading .linehead2:before,
.heading .linehead2:after {
  content: "";
  position: absolute;
  height: 0;
  border-bottom: 1px solid #ccc;
  top: 0;
  width: 169px;
}

.heading .linehead2:before {
  right: 100%;
  margin-right: 15px;
  margin-top: 20px;
}
.heading .linehead2:after {
  left: 100%;
  margin-left: 15px;
  margin-top: 20px;
}

.alignCenterText { text-align: center !important; }

.content { width: 90%; margin: auto;  }
.content p { text-align: center; line-height: 30px;font-weight: 300; font-size: 15px; }

.contentRest { width: 90%; margin: auto;  }
.contentRest p { text-align: justify !important; line-height: 30px;font-weight: 300; font-size: 15px; }

.contentRestContact { width: 1000px; margin: auto; }
.contentRestContact .heading { width: 100%; }
.contentRestContact p { text-align: justify; line-height: 30px;font-weight: 300; font-size: 15px; }

.contentRestContact a { color: #f26122; text-decoration: none; }

.headingSmaller { width: 54%; text-align: center; margin:auto; margin-top: 30px; color: #141414; font-size: 16px; position: relative; }

.headingSmaller h2:before,
.headingSmaller h2:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ccc;
  top: 0;
  width: 130px;
}

.headingSmaller h2:before {
  right: 100%;
  margin-right: 15px;
  margin-top: 15px;
}
.headingSmaller h2:after {
  left: 100%;
  margin-left: 15px;
  margin-top: 15px;
}

.services { 
width: 83%;
margin: 0; padding: 0;
margin: 30px auto auto;
-moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em; }
	 
.services li { padding-left: 30px; list-style: none; margin-bottom: 10px; font-size: 15px;font-weight: 300; background-image: url(../images/tick.png); background-position: center left; background-repeat: no-repeat;}

.footer { border-top: 1px solid #e4e3e3; padding-top: 25px; padding-bottom: 25px; margin-top: 30px; text-indent: 30px; font-weight: 300; }
.footer div { float: right; }
.footer div a:hover { color: #f26122; }

.footer .email { padding-left: 10px;background: url(../images/email.png) no-repeat left center; display: inline-block; color: #000; text-decoration: none; margin-right: 30px; }
.footer .phone { padding-left: 0;background: url(../images/phone.png) no-repeat left center; display: inline-block; color: #000; text-decoration: none; margin-right: 30px; }
	 .footer a { color: #000; text-decoration: none; }
	 .footer a:hover { color: #f26122; }


.clear { clear: both; }

@media only screen and (max-width : 1320px) {
	
	.menu li a { padding: 10px 30px 10px 30px; }
	
}

@media only screen and (max-width : 1240px) {
	
	.menu li a { padding: 10px 25px 10px 25px; }
	
}

@media only screen and (max-width : 1160px) {
	
	.menu li a { padding: 10px 20px 10px 20px; }
	
}

@media only screen and (max-width : 1100px) {
	
	.menu li a { padding: 10px 15px 10px 15px; }
	
}

@media only screen and (max-width : 1030px) {
	
	.menu li a { padding: 10px 10px 10px 10px; }
	
}

@media only screen and (max-width : 1130px) {
	.blogLeft { width: 68%; }
}

@media only screen and (max-width : 1100px) {
	iframe { width: 350px; }
}

#nav-text { display: none; } 


/** START MOBILE CSS **/

@media only screen and (max-width : 250px) {
	
	.aboutPic { float: none; width: 85%; height: inherit; }
	
}

@media only screen and (max-width : 940px) {
	
	* { box-sizing: border-box; }
	
	.clientBlock { width: 100%; float: none; }
	
	.contentRestContact { width: 100%; }
	.contentRestContact p { margin-left: 15px; }
	
	.map iframe { width: 90%; margin: auto; display: block; }
	
	form { width: 90%; margin: auto; float: none; margin-top: 15px; }
	form input { width: 90%; }
	form textarea { width: 90%; }
	
	.gallery { width: 100%; text-align: center;}
	.gallery li { display: block; margin: auto; float: none; margin-bottom: 15px; }
	.gallery li img { width: 100%; height: inherit; max-width: 228px; }
	
	.filter a { display: block; border: 0 !important; }
	
	.heading .linehead::before, .heading .linehead::after { width: 0; border: 0; }
	.heading .linehead2::before, .heading .linehead2::after { width: 0; border: 0; }
	
	.header { text-align: center; }
	
	.girls { width: 100%; height: inherit; }
	
	.footer { text-align: center; }
	
	.footer div { float: none; }
	.footer div a { display: block !important; margin-left: 15px; margin-bottom: 15px; }
	
	.socialIcons a {    display: inline-block;
    float: none;
    text-align: center; }
	
	.logo { float: none; }
	
	.header-container { position: relative; margin-top: 54px; }
	
	.socialIcons {     display: block;
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%; margin-top: 17px;}
	
	.spacer { display: none; }
	
	.services {
		-moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
     column-count: 1;
     column-gap: 0;
	 width: 100%;
	}
	
	.services li { width: 100%; }
	
	.heading { width: 100%; }


nav {  background-color: #4c4c4c; height: 50px; padding: 0; width: inherit; margin: inherit; border: 0; }

      #nav-text { display: block; color: #fff; margin-top: 15px; text-indent: 15px; } 
	   
	   #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; font-size: 18px;  }
	#nav li a span { font-size: 32px; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 5px; top: 0px;
			background-image: url('images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			width: 100%;
			background-position: right;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 13px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			text-indent: 10px;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
		color: #999;
    }

}

/** END MOBILE CSS **/