@charset "utf-8";
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
@font-face
{
	font-family:Roboto-Regular;
	src:url(../fonts/Roboto-Regular.ttf);
}
@font-face
{
	font-family:Roboto-Bold;
	src:url(../fonts/Roboto-Bold.ttf);
}
@font-face
{
	font-family:Roboto-Light;
	src:url(../fonts/Roboto-Light.ttf);
}
.no-gutter
{
	margin:0px !important;
	padding:0px !important;
}


.header
{
	width:100%;
	background-color:#2b2b2b;
}
.header-content
{
	max-width:1160px;
	margin:0px auto;
}
.logo
{
	padding:20px 0px;
}
.logo img
{
	display:block;
	max-width:100%;
	height:auto;
}
.top-menu
{
	margin-top:35px;
}
.banner
{
	width: 100%;
	background-image: url(../images/banner-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% 100%;
	min-height:600px;
}
.banner-content
{
	max-width:1160px;
	margin:0px auto;
	text-align:center;
	padding-top:20px;
}
.main-heading
{
	font-family:Roboto-Bold;
	font-size:38px;
	color:#2b2b2b;
	text-transform:uppercase;
}
.banner-content h3
{
	font-family:Roboto-Light;
	font-size:18px;
	color:#2b2b2b;
	text-transform:uppercase;
	line-height:30px;
}
.banner-content img
{
	display:block;
	max-width:100%;
	height:auto;
	margin:20px auto 0px auto;
}
.banner-separator
{
	width:100%;
}
.bars
{
	width:25%;
	height:9px;
	float:left;
}
.orange-bg
{
	background-color:#e45108;
}
.green-bg
{
	background-color:#88c505;
}
.cyan-bg
{
	background-color:#14c1c7;
}
.purple-bg
{
	background-color:#d92787;
}
.dark-green-bg
{
	background-color:#42af51;
}

.brown-bg
{
	background-color:#ca8c20;
}
.welcome
{
	width: 100%;
	background-color:#f3f3f3;
}
.welcome-content
{
	max-width:1160px;
	margin:0px auto;
	text-align:center;
	padding:40px 0px;
}
.paragraph
{
	font-family:Roboto-Light;
	font-size:18px;
	color:#2b2b2b;
	line-height:30px;
}
.services
{
	width: 100%;
	background-color:#f3f3f3;
	padding-bottom:10px;
}
.services-content
{
	margin-top:50px;
}
.service-box
{
	width:33.33%;
	float:left;
	padding:30px;
	text-align:center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.icon
{
}
.icon img
{
	display:block;
	margin:0px auto;
}
.service-name
{
	font-family:Roboto-Bold;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:30px;
}
.service-desc
{
	font-family:Roboto-Light;
	color:#fff;
	font-size:15px;
}
.service-link:hover .service-box
{
	background-color:#2b2b2b;
}
.portfolio
{
	width: 100%;
	background-color:#f3f3f3;
}
.portfolio-content
{
	max-width:1160px;
	margin:0px auto;
	text-align:center;
	padding:40px 0px;
}
.work
{

}
.work img
{
	display:block;
	max-width:100%;
	height:auto;
	margin:0px auto;
	box-shadow:0px 0px 5px rgba(0,0,0,0.7);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.portfolio-work
{
	margin-top:50px;
}
.link-portfolio:hover .work img
{
	box-shadow:0px 0px 20px rgba(0,0,0,0.7);
}
.footer
{
	background-color:#2b2b2b;
	width:100%;
}
.footer-content
{
	max-width:1160px;
	margin:0px auto;
	padding:10px 0px;
}
.footer-heading
{
	font-family:Roboto-Bold;
	color:#fff;
	font-size:22px;
	
}
ul.footer-list
{
	padding:0px;
	margin:20px 0px;
}
ul.footer-list li
{
	padding:4px 0px;
	list-style-type:none;
}
ul.footer-list li a
{
	font-family:Roboto-Regular;
	color:#fff;
	font-size:16px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.footer-list li a:hover
{
	padding-left:15px;
}
.copyrights
{
	background-color:#4d4d4d;
	width:100%;
}
.copyrights-content
{
	max-width:1160px;
	margin:0px auto;
	padding:25px 0px;
	text-align:center;
}.copyrights-content h6
{
	font-family:Roboto-Light;
	font-size:16px;
	color:#fff;
	margin:0px;
}



.inner-page
{
	width: 100%;
	background-color:#f3f3f3;
}
.inner-page-content
{
	max-width:1160px;
	margin:0px auto;
	padding:40px 0px;
}
ul.list
{
}
ul.list li
{
	font-family: Roboto-Light;
	font-size: 18px;
	color: #2b2b2b;
	padding: 4px 0px;
	list-style-image: url(../images/bullet.png);
}
.inner-link
{
}
.inner-link:hover
{
	text-decoration:underline;
	color:#2b2b2b;
}
.orange-color
{
	color:#e45108;
}
.green-color
{
	color:#88c505;
}
.cyan-color
{
	color:#14c1c7 !important;
}
.purple-color
{
	color:#d92787;
}
.dark-green-color
{
	color:#42af51;
}

.brown-color
{
	color:#ca8c20;
}
.font-35
{
	font-size:35px !important;
}
.font-22
{
	font-size:22px !important;
}
.min-height
{
	min-height:330px !important;
}
.bold
{
	font-weight: bold !important;
}


.contact-page
{
	width: 100%;
	background-color:#f3f3f3;
}
.contact-page-content
{
	max-width:1160px;
	margin:0px auto;
	padding:10px 0px;
}
.txt-box
{
	font-family: Roboto-Light;
	height:40px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:70%;
}
.txt-area
{
	font-family: Roboto-Light;
	height:120px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:70%;
}
.txt-box2
{
	font-family: Roboto-Light;
	height:40px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:90%;
}
.txt-area2
{
	font-family: Roboto-Light;
	height:120px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:90%;
}
.txt-area3
{
	font-family: Roboto-Light;
	height:60px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:90%;
}
.feild-decs
{
	font-family: Roboto-Bold;
	font-size:20px;
	color:#2b2b2b;
}
.select-box
{
	font-family: Roboto-Light;
	height:40px;
	padding-left:15px;
	margin-bottom:10px;
	font-size:15px;
	color:#2b2b2b;
	width:70%;
}
.check-box
{
	width:20px;
	height:20px;
	margin-bottom:10px !important;
}

.captcha
{
	font-family: Roboto-Light;
	height:40px;
	margin-bottom:10px;
	font-size:15px;
	color:#fff;
	border:none;
	padding:0px 10px;
	cursor:default !important;
	background-color:#2b2b2b;
}
.btn-send
{
	font-family: Roboto-Bold;
	height:40px;
	font-size:18px;
	text-transform:uppercase;
	border:none;
	color:#fff;
	background-color:#2b2b2b;
	width:150px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.btn-send2
{
	font-family: Roboto-Bold;
	height:40px;
	font-size:18px;
	text-transform:uppercase;
	border:none;
	color:#fff;
	padding:0px 10px;
	background-color:#2b2b2b;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.btn-send:hover, .btn-send2:hover
{
	color:#fff;
	background-color:#e45108;
}
ul.list li a
{
	font-family: Roboto-Light;
	font-size: 18px;
	color: #2b2b2b;
	border-bottom: solid 1px #f3f3f3;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
ul.list li a:hover
{
	border-bottom: solid 1px #2b2b2b;
}
.advertising-plans
{
	font-family: Roboto-Regular;
	font-size:14px;
	color:#2b2b2b;
	margin-top:20px;
}
.advertising-plans table
{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.advertising-plans table tr:hover
{
	background-color:#f3f3f3;
	color:#2b2b2b;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.advertising-plans table tr:hover
{
	background-color:#2b2b2b;
	color:#fff;
}
.head
{
	font-family: Roboto-Bold;
	font-size:15px;
}
.box-height
{
	height:330px;
}

.gallery
{
	margin-top:20px;
}
#imagelightbox
{
    position:fixed;
    z-index: 9999;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
}

.gallery-img
{
	position:relative;
	width:100%;
	margin-bottom:20px;
}

.gallery-img img
{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	box-shadow:0px 0px 5px rgba(0,0,0,0.7);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.gallery-img img:hover
{
	box-shadow:0px 0px 20px rgba(0,0,0,0.7);
}



.dotted
{
	border-top:dashed 1px #2b2b2b;
	border-bottom:none;
}
.center_align
{
	text-align:center;
}



@media (max-width:768px)
{
.logo img
{
	margin:0px auto;
}
.top-menu
{
	margin-top:0px;
}
.service-box
{
	width:100%;
	float:none;
}
.work 
{
	margin:0px auto 20px auto;
}
.txt-box, .txt-area, .select-box
{
	width:100%;
}
.advertising-plans table
{
	border:none;
	
}
}