/*
Theme Name: Planned Group
Theme URI: #
Author: Anirban Hajra
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}


@font-face {
	font-family:'Roboto-Medium';
	src: url('css/Roboto-Medium_latin+latin-ext_gdi.eot');
	src: url('css/Roboto-Medium_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.woff') format('woff'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.ttf') format('truetype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.otf') format('opentype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.svg#Roboto-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-F6C3;
}

@font-face {
    font-family: 'robotolight';
    src: url('css/roboto-light-webfont.eot');
    src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-light-webfont.woff') format('woff'),
         url('css/roboto-light-webfont.ttf') format('truetype'),
         url('css/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family:'Roboto-Thin';
	src: url('css/Roboto-Thin_gdi.eot');
	src: url('css/Roboto-Thin_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/Roboto-Thin_gdi.woff') format('woff'),
		url('css/Roboto-Thin_gdi.ttf') format('truetype'),
		url('css/Roboto-Thin_gdi.otf') format('opentype'),
		url('css/Roboto-Thin_gdi.svg#Roboto-Thin') format('svg');
	font-weight: 250;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}


/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1206px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%;}

.header_top{ position:absolute; width:100%; z-index:999;}
.banner_sec{ position:relative;}

.head_left{ width:/*223px*/18.58%; float:left;}
.head_right{width:/*977px*/81.42%; float:left;}
.head_top{ background:#2f2f2f; padding:10px 0; text-align:right;}
.head_top ul{ padding:0 20px 0 0;; list-style:none; margin:0;}
.head_top ul li{display:inline-block; margin:0 0 0 3.89%; font:normal 14px 'Roboto-Medium'; color:#fff; text-transform:uppercase;}
.head_top ul li:first-child{margin-left:0;}
.head_top ul li img{ vertical-align:top; margin-top:4px;}
.head_top ul li a{ font:normal 14px 'robotolight';  color:#a7a7a7; text-transform:none;}

.banner_sec img{ width:100%;}
.banner_info{ position:absolute; bottom:40px; left:0; width:100%; text-align:right;}
.banner_info h1{font:normal 70px 'robotolight'; color:#fff; line-height:70px; text-transform:uppercase; text-shadow: 1px 1px 0px rgba(150, 150, 150, 1); margin:0 0 20px;}
.banner_info h1 span{ font-size:48px; display:block; line-height:48px;}
.banner_info p{ font:normal 20px 'Roboto-Medium'; color:#fff; text-shadow: 1px 1px 0px rgba(150, 150, 150, 1); text-transform:uppercase;}

/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}

.wel_sec{ background:url(images/wel_pic.jpg) no-repeat right center; padding:70px 0;}
.wel_sec h2{ font:normal 18px 'Roboto-Medium'; color:#000;}
.wel_sec h2 span{ display:block; font:normal 40px 'Roboto-Thin'; color:#839533;}
.wel_sec h2 span span{font:normal 40px 'Roboto-Medium'; display:inline-block;}
.line{ margin:0 0 40px;}
.line:before{  border-bottom: 3px solid #000;content: "";display: inline-block;width: 163px;}

.wel_sec p{ font:normal 14px 'robotolight'; font: color:#464646; margin:38px 0 0;}

.wel_sec a{ font:normal 15px 'Roboto-Medium'; color:#fff; background:#839533; padding:10px; display:inline-block; border:1px solid #9f9f9f; text-transform:uppercase; margin:46px 0 0;}

.service_sec{ background:url(images/service_sec.jpg) no-repeat center top; background-size:cover; padding:70px 0 80px;}
.service_sec h2{font:normal 30px 'robotolight'; color:#fff; text-transform:uppercase; margin:0 0 48px;}
.service_sec h2 span{font:normal 30px 'Roboto-Medium'; color:#9cb823;}

.service_box{ width:/*274px*/22.83%; float:left; margin:0 2.83% 0 0;}
.no_margin{ margin-right:0;}
.service_box h3{ font:normal 18px 'Roboto-Medium'; color:#9db723; text-transform:uppercase; margin:50px 0 18px;}
.service_box p{ font:normal 14px 'robotolight'; color:#fff; line-height:25px; margin:0 0 50px;}
.service_box a{font:normal 15px 'Roboto-Medium'; color:#fff; background:#839533; padding:10px; display:inline-block; text-transform:uppercase;}


.content_inner{ padding:62px 0 52px;}
.content_inner h2{font:normal 40px 'Roboto-Medium'; color:#839533; text-transform:uppercase;}
.content_inner p{ font:normal 14px 'robotolight'; color:#464646; margin:0 0 20px;}
.content_inner ul{ padding:0; margin:0 0 42px; list-style:none;}
.content_inner ul li{ margin:0 0 10px; background:none;}
.content_inner ul li a{ background:url(images/arw.png) no-repeat left center; padding:0 0 0 20px; font:normal 14px 'robotolight'; color:#464646}
.content_inner ul li a:hover{ background:url(images/arw1.png) no-repeat left center; color:#33937b;}

.content_inner h2 span{font:normal 40px 'robotolight'; color:#000;}
.abt_box{ margin:0 0 42px;}
.abt_box h3{font:normal 20px 'Roboto-Medium'; color:#000; text-transform:uppercase; margin:0 0 30px;}
.abt_box p span{font:normal 14px 'Roboto-Medium';}

.abt_right{ width:/*549px*/45.75%; float:right}
.abt_left{width:/*588px*/ 49%; float:left; margin:0 1% 0 0;}

.abt_box ul{ padding:0; margin:0; list-style:none;}
.abt_box ul li{ margin:0 0 10px; background:url(images/arw.png) no-repeat left center; font:normal 14px 'robotolight'; color:#464646; padding: 0 0 0 20px;}


.service_left{ width:/*333px*/27.75%; float:left; margin:0 5.5% 0 0;}
.service_right{overflow:hidden;}


ul.inner{ padding:0; margin:0; list-style:none;}
ul.inner li{ margin:0 0 10px; background:url(images/arw.png) no-repeat left center; font:normal 14px 'robotolight'; color:#464646; padding: 0 0 0 20px;}


.gallery_box{ width:/*295px*/24.58%; float:left; margin:0 0.2% 4px 0;}

.map{ border:1px solid #7e7e7e;}
.map img{ width:100%;}

.address{padding:0; margin:0; list-style:none;}
.address li{ display:inline-block; margin:0 0 0 7.33% !important; font:normal 14px 'robotolight'; color:#464646; vertical-align:top;}
.address li span{ font:normal 14px 'Roboto-Medium'; color:#000; text-transform:uppercase;}
.address li:first-child{ margin-left:0 !important;}
.address li a{ background:none !important; color:#464646 !important; padding:0 !important;}
.address li a:hover{ color:#464646 !important;}


ul.inn_top{margin:0 0 28px;}

.service_box_inn{ float:left; width:48%;  margin-right:2%; margin-top:50px;}

.service_right h3{ font:normal 14px 'Roboto-Medium'; color:#464646; margin:0 0 10px;}
/*
------------------------------------
Gallery
------------------------------------
*/
.ngg-gallery-thumbnail {
    background-color: #fff;
	display: block!important;
    border: none !important;
    margin: 4px 0 4px -5px !important;
    padding: 0px !important;
    position: relative !important;
}



/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; text-align:center; background:#000; padding:34px 0 20px;}
.foot_top{margin:0 0 20px;}
.foot_top ul{ padding:0; margin:0; list-style:none;}
.foot_top ul li{ display:inline-block; background:url(images/li_bg.jpg) no-repeat left center; padding:0 1% 0 2%}
.foot_top ul li:first-child{ background:none; padding-left:0;}
.foot_top ul li a{ font:normal 13px 'robotolight'; color:#fff; text-transform:uppercase;}

.foot_mid{ margin:0 0 22px;}
.foot_mid ul{padding:0; ma2rgin:0; list-style:none;}
.foot_mid ul li{ display:inline-block;}

.foot_bottom p{ font:normal 12px 'robotolight'; color:#fff;}
.foot_bottom p span{ color:#9dbe0b;}

/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
#navigation ul{padding:0;margin:0;list-style:none;}
#navigation ul li {float:left; width:/*196px*/20%; text-align:center; padding:0; position:relative; line-height:40px;}
#navigation ul li a{float:left; width:100%;padding:12px 0; line-height:40px; font:normal 13px 'Roboto-Medium'; color:#FFF; text-transform:uppercase;}
#navigation ul li:hover a, #navigation ul li.current-menu-item a{ background:#000; color:#fff;}
.current-menu-parent 
#navigation ul li:hover a, #navigation ul li.current-menu-parent  a{ background:#000; color:#fff;}

.col_1{ background:#5f7501;}
.col_2{ background:#6b8401;}
.col_3{ background:#779301;}
.col_4{ background:#82a101;}
.col_5{ background:#8daf01;}
.sub-menu1 {top: 40px; visibility: visible; left: 0px; width: 260px; display: none;}

.ddsmoothmenu ul li ul{position:absolute;left:0;display:none;visibility: hidden;background:#000;padding:0px;margin-top:6px;text-align:left;width:260px;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;margin:0;padding:10px; width:260px !important; display:block;line-height:normal; text-align:left!important;}
.ddsmoothmenu ul li ul li:first-child{border-top:none;}
.ddsmoothmenu ul li ul li:hover{background:url(images/dropdown_bg.png) repeat}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{color:#ffffff !important; padding:12px !important;  float:none;padding-left:15px;background-image:none !important;line-height:normal;}
.ddsmoothmenu ul li ul li.active a, .ddsmoothmenu ul li ul li:hover a{color:#fff !important;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


}


@media(max-width:1130px){
	
}


@media(max-width:999px){
	
.service_box h3 {
    font-size: 14px;
}

.address li{ display:block; margin:0 0 20px !important;}

.banner_info {
    bottom: 12px;
}

.banner_info h1 {    
    font-size: 55px;
	line-height:55px;
	 margin: 0 0 7px;
}


.banner_info h1 span {
    font-size: 55px;
    line-height: 55px;
}

.banner_info p {
    font-size: 15px;
}

}

@media(max-width:767px){

	
.service_box {
    margin: 0 2.83% 40px 0;
    width: 47%;
}


.header_top {
    position: relative;
}

.head_left {
    float: none;
    text-align: center;
    width: 100%;
	margin:0 0 20px;
}

.head_right {
    float: none;
    width: 100%;
}


.head_top {
    text-align: center;
}

.wel_sec{ background-size:cover;}
		


.banner_info {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 14px 0;
    position: relative;
    text-align: left;
    width: 100%;
}



.banner_info h1 {    
    font-size: 48px;
	line-height:48px;
	 margin: 0 0 7px;
}


.banner_info h1 span {
    font-size: 40px;
    line-height: 40px;
}

.banner_info p {
    font-size: 13px;
}


.abt_right{ width:100%; float:none; margin:0 0 20px;}
.abt_right img{ width:100%;}
.abt_left{width:100%; float:none;}

.service_left{ width:100%; float:none; margin:0 0 20px 0;}
	
}

@media(max-width:479px){
	
	.head_top ul li{ display:block; margin:10px 0 0;}
	.head_top ul li:first-child{ margin-top:0;}
	
	.service_box {
    margin: 0 0 40px;
    width: 100%;
}

.service_box img{ width:100%;}



.banner_info h1 {
    font-size: 28px;
    line-height: 28px;
}

.banner_info h1 span {
    font-size: 24px;
    line-height: 24px;
}


.banner_info p {
    font-size: 11px;
}

.gallery_box {
    width: 49%;
}
.ngg-gallery-thumbnail{
margin: 0 0 0 50px!important;
} 

}