/* === prettify === */



/*



font-family: 'Montserrat', sans-serif;



font-family: 'Open Sans', sans-serif;*/







@import url('font-awesome.css');

 @import url('flaticon.css');

 @import url('animate.css');

 @import url('owl.css');



/*@import url('jquery.fancybox.min.css');*/



/*@import url('jquery.mCustomScrollbar.min.css');*/



/*@import url('project.css');*/



/*@import url('hover.css');*/



/*@import url('custom-animate.css');*/















/*** 



@import url('../js/google-code-prettify/prettify.css');



/* === fontawesome === */







@import url('font-awesome.css');



/* === custom icon === */







@import url('custom-fonts.css');



/* ==== overwrite bootstrap standard ==== */







@import url('overwrite.css');

 @import url('animate.css');

/* Table of content */







/*===================================



1. General



2. layout



3. Responsive media



4. Header



5. Section: Featured



6. Sliders



7. Intro



8. Section: Content



9. Section: Bottom



10. Inner - Section: page headline



11. Forms



12. Portfolio



13. Elements



14. Blog & article



15. Aside, sidebar



16. Footer



17. Divider, Line & Misc



18. Position & alignment



19. More icon from custom font icon



20. Spacer, margin



21. Media queries



==================================== */







/* ===================================



1. General



==================================== */

body {

	font-family: sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 1.6em;

	color: #656565;

}

a:active {

	outline: 0;

}

.clear {

	clear: both;

}

/* ===================================



2. layout



==================================== */


.container {

	padding: 0 20px 0 20px;

	position: relative;

}

#wrapper {

	width: 100%;

	margin: 0;

	padding: 0;

}

#wrapper.boxed {

	width: 1230px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0;

	background: #fff;

}

.row, .row-fluid {

	margin-bottom: 4px;

}

.row .row, .row-fluid .row-fluid {

	margin-bottom: 0px;

}

.row.nomargin, .row-fluid.nomargin {

	margin-bottom: 0;

}

/*.menu_sub:hover { 



	color:#000000;



	text-decoration:none;



	border-bottom:1px solid #900;



	padding-bottom:5px;



	



}



.menu_sub:visited { 



	color:#000000;



	text-decoration:none;



	



}*/



/*.menu_sub:active { 



	color:#000000;



	text-decoration:none;



	border-bottom:3px solid #d5a244;



}*/



/*.menu_sub:hover { 



	color:#000000 !important;



	text-decoration:none;



	border-bottom:3px solid #d5a244;



}







.menu:hover { 



	color:#d5a244;



	text-decoration:none;



	border-bottom:3px solid #d5a244;



	



}*/



/* ===================================



3. Responsive media



==================================== */







.video-container, .map-container, .embed-container {

	position: relative;

	margin: 0 0 15px 0;

	padding-bottom: 51%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	border: none;

}

.embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

iframe {

	border: none;

}

img.img-polaroid {

	margin: 0 0 20px 0;

}

.img-box {

	max-width: 100%;

}

/* ===================================



4. Header



==================================== */







.marginBottom-0 {

	margin-bottom: 0;

}

/*.dropdown-submenu {



	position: relative;



	



}



.dropdown-submenu>.dropdown-menu {



	top: 0;



	left: 100%;



	margin-top: -6px;



	margin-left: -1px;



	-webkit-border-radius: 0 6px 6px 6px;



	-moz-border-radius: 0 6px 6px 6px;



	border-radius: 0 6px 6px 6px;



	margin-right:50px;



}



.dropdown-submenu>a:after {



	display: block;



	content: " ";



	float: right;



	width: 0;



	height: 0;



	border-color: transparent;



	border-style: solid;



	border-width: 5px 0 5px 5px;



	border-left-color: #cccccc;



	margin-top: 5px;



	margin-right: -10px;



}



.dropdown-submenu:hover>a:after {



	border-left-color: #555;



}



.dropdown-submenu.pull-left {



	float: none;



}



.dropdown-submenu.pull-left>.dropdown-menu {



	left: -100%;



	margin-left: 10px;



	-webkit-border-radius: 6px 0 6px 6px;



	-moz-border-radius: 6px 0 6px 6px;
acti


	border-radius: 6px 0 6px 6px;



}*/



/* --- hidden top area --- */



.site-logo {

	margin-top: 16px;

	margin-bottom: 8px;

	float: left;

	/*margin-left: 16px;*/

	padding-top: 0px;

	margin-bottom: 30px;

}

.corner_r img {

	/*position: fixed;

	right: 0;

	top: 0;

	float: right;

	margin-top: 0px;*/
	position: fixed;
    /* right: 0; */
    /* top: 88px; */
    /* float: right; */
    bottom: 40px;
    margin-top: 0px;

}

 @media (max-width: 767px) {

.corner_r img {

	/*overflow: hidden;

	z-index: 0;

	position: fixed;

	right: 0;

	top: 0;

	float: right;

	margin-top: 5px;*/
	overflow: hidden;

	z-index: 0;

	position: fixed;

	/*right: 0;

	top: 0;*/

	float: right;

	margin-top: 5px;
	bottom: 5px;

}

}

/*.hidden-top {



	height: 0;



	color: #fff;



	overflow: hidden;



	-webkit-transition: all 0.4s ease-out;



	-moz-transition: all 0.4s ease-out;



	-o-transition: all 0.4s ease-out;



	transition: all 0.4s ease-out;



}



.hidden-top-inner ul {



	list-style: none;



	margin-top: 30px;



	margin-left: 0;



}



.hidden-top-inner ul li {



	display: inline;



	margin: 0 20px 0 0;



}



.hidden-top.toggle-link-open {



	padding: 10px 0;



}



.hidden-top a {



	color: #ffffff;



}*/



#header-hidden-link {

	position: absolute;

	right: 60px;

	top: 0px;

}

#header-hidden-link a.toggle-link, #header-hidden-link a.top-link {

	outline: 0;

	font-size: 0;

	line-height: 1;

	padding: 5px 10px;

	height: 20px;

	display: block;

	text-align: center;

	color: #fefefe;

	text-decoration: none;

}

#header-hidden-link a.toggle-link:active, #header-hidden-link a.toggle-link:focus, #header-hidden-link a.toggle-link:hover {

	outline: 0;

}

#header-hidden-link a.toggle-link i, #header-hidden-link a.top-link i {

	font-size: 16px;

	line-height: 1;

}

#header-hidden-link a.toggle-link:hover, #header-hidden-link a.top-link:hover {

	text-decoration: none;

	color: #ffffff;

}

#header-hidden-link a.toggle-link>i:before {

	content: "\f067";

	font-family: 'FontAwesome';

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

}

#header-hidden-link a.toggle-link.open {

	text-decoration: none;

}

#header-hidden-link a.toggle-link.open>i:before {

	content: "\f068";

}

.toggle-link-open {

	height: auto !important;

	min-height: 40px;

	max-height: 40000px;

}

.toggle-link-close {

	height: 0;

	overflow: hidden;

}

/* --- modal signup & signin form --- */







/* modal styled */







.modal.styled .modal-header h4 {

	color: #fff;

}

/* --- header -- */

header.navbar {

	top:0;

	position: fixed;

	margin-bottom:50px;

}





header {

	background: #fff;

	margin: 0;

	padding: 0;

	position: relative;

}

header .logo {

	margin: -8px 0 10px 40px;

	float: left;

}

header .logo img {

	margin-bottom: -23px;

}

header .logo h1 {

	font-size: 14px;

	margin: 0;

}

/* --- headnav menu : signup & signin --- */







.headnav {

	float: right;

	margin: 35px 0 0 0;

	border-bottom: 1px dotted #e6e6e6;

}

.headnav ul {

	margin-left: 0;

	list-style: none;

}

.headnav ul li {

	display: inline;

	margin-left: 10px;

}

.headnav ul li a {

	outline: 0;

	font-size: 12px;

	font-weight: 600;

}

.headnav ul li a:hover, .headnav ul li a:focus, .headnav ul li a:active {

	outline: 0;

}

/* --- menu --- */



.top_space {

	margin-top: 80px;

}

 @media (min-width: 768px) {

header .navigation {

	right: 0px;

	position: absolute;

	margin-right: 109px;

	margin-top: 16px;

}

}

header ul.nav li {

	border: none;

	margin: 0;

}

header ul.nav li a {

	font-size: 12px;

	border: none;

	font-weight: 300;

	text-transform: uppercase;

}

.navbar .nav>li>a {

	color: #d5a244;

	text-shadow: none;

}

.navbar .nav a:hover {

	background: none;

	color: #000000;

}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover {

	 background: none; 
   

	font-weight: unset;

}

.navbar .nav>.active>a:active, .navbar .nav>.active>a:focus {

	 background: none; 
   
	outline: 0;

	font-weight: unset;

}

.navbar .nav li .dropdown-menu {

	z-index: 2000;

}

header ul.nav li ul {

	margin-top: 1px;

}

header ul.nav li ul li ul {

	margin: 1px 0 0 1px;

}

.dropdown-menu .dropdown i {

	position: absolute;

	right: 0;

	margin-top: 3px;

	padding-left: 20px;

}

.dropdown-menu li a:hover {

	background-color: #d5a244;

}

.navbar .nav>li>.dropdown-menu:before {

	display: inline-block;

	border-right: none;

	border-bottom: none;

	border-left: none;

	border-bottom-color: none;

	content: none;

}

.navbar .nav>li>.dropdown-menu:after {

	display: inline-block;

	border-right: none;

	border-bottom: none;

	border-left: none;

	content: '';

}

ul.nav li.dropdown a {

	z-index: 1000;

	display: block;

}

select.selectmenu {

	display: none;

}

/* ===================================



5. Section: Featured



==================================== */







#featured {

	background: #fcfcfc;

	position: relative;

	margin: 0;

	padding: 0;

}

/* ===================================



6. Sliders



==================================== */







/* --- slit slider --- */







/* --- flexslider --- */







#featured .flexslider {

	padding: 0;

	margin: 30px 0 30px;

	background: #fff;

	position: relative;

	zoom: 1;

}

#featured .flexslider .slide-caption {

	background: #333;

}

#featured .flexslider .slide-caption {

	background: none;

 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

	zoom: 1;

}

#featured .flexslider .slide-caption {

	width: 30%;

	padding: 2%;

	position: absolute;

	left: 10px;

	bottom: -30px;

	background: rgba(0, 0, 0, .5);

	z-index: 99;

}

#featured .flexslider .slide-caption p {

	font-size: 14px !important;

	line-height: 22px;

	font-weight: 300;

	color: #f0f0f0 !important;

	margin-bottom: 15px;

}

#featured .flexslider .slide-caption h3 {

	font-weight: 700;

	color: #f4f4f4;

	font-size: 22px;

}

#featured .flexslider .slide-caption span a {

	padding: 7px 15px;

	float: left;

}

#featured .flexslider .slide-caption span a:hover {

	opacity: .9;

}

/* The Nivo Slider styles */







#nivo-slider {

	position: relative;

}

#featured #nivo-slider .row, #featured #nivo-slider .row-fluid {

	margin-bottom: 0;

}

.nivo-slider {

	background: #fbfbfb;

}

.slides {

	margin: 0;

	overflow: hidden;

}

.slides li {

	list-style-type: none;

}

.nivoSlider, .nivo-slider {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 0;

}

.nivo-slider img {

	position: absolute;

	top: 0px;

	left: 0px;

	max-width: none;

}

.nivo-main-image {

	display: block !important;

	position: relative !important;

	width: 100% !important;

}

/* If an image is wrapped in a link */







.nivoSlider a.nivo-imageLink {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 30%;

	height: 100%;

	border: 0;

	padding: 0;

	margin: 0;

	z-index: 6;

	display: none;

	background: white;

	filter: alpha(opacity=0);

	opacity: 0;

}

/* The slices and boxes in the Slider */







.nivo-slice {

	display: block;

	position: absolute;

	z-index: 5;

	height: 100%;

	top: 0;

}

.nivo-box {

	display: block;

	position: absolute;

	z-index: 5;

	overflow: hidden;

}

.nivo-box img {

	display: block;

}

/* Caption styles */



.right_caption {

	float: right;

	position: absolute;

	right: 80px !important;

	bottom: 20px;

	background: #000;

	color: #fff;

	width: 30%;

	z-index: 8;

	padding: 20px;

	opacity: 0.8;

	overflow: hidden;

	display: none;

	-moz-opacity: 0.8;

	filter: alpha(opacity=8);

	-webkit-box-sizing: border-box;

 Safari/Chrome, other WebKit  -moz-box-sizing: border-box;

 Firefox, other Gecko  box-sizing: border-box;

Opera/IE 8+

}

.right_caption h2 {

	position: absolute;

	margin-right: 0px;

	float: right;

	color: #fff;

	font-size: 26px;

	line-height: 1em;

}

.right_caption p {

	color: #fff;

	font-size: 26px;

	line-height: 1em;

}

.right_caption a {

	display: inline !important;

}

.left_caption {

}

.nivo-caption {

	float: left;

	position: absolute;

	left: 80px;

	bottom: 20px;

	background-color: #000;

	color: #fff;

	width: 30%;

	z-index: 8;

	padding: 20px;

	opacity: 0.8;

	overflow: hidden;

	display: none;

	-moz-opacity: 0.8;

	filter: alpha(opacity=8);

	-webkit-box-sizing: border-box;

	/* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;

	/* Firefox, other Gecko */



	box-sizing: border-box;/* Opera/IE 8+ */

}

.nivo-caption h2 {

	color: #fff;

	font-size: 26px;

	line-height: 1em;

}

.nivo-caption p {

	margin-bottom: 20px;

}

.nivo-caption a {

	display: inline !important;

}

.nivo-html-caption {

	display: none;

}

/* Direction nav styles (e.g. Next & Prev) */







.nivo-directionNav a {

	position: absolute;

	bottom: 250px;

	z-index: 9;

	cursor: pointer;

}

.nivo-prevNav {

	left: 0px;

}

.nivo-nextNav {

	right: 0px;

}

/* Control nav styles (e.g. 1,2,3...) */







.nivo-controlNav {

	text-align: center;

	padding: 20px 0;

}

.nivo-controlNav a.active {

	background-position: 0 -22px;

}

.nivo-directionNav a {

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	text-decoration: inherit;

	-webkit-font-smoothing: antialiased;

	/* sprites.less reset */



	display: inline;

	width: auto;

	height: auto;

	line-height: normal;

	vertical-align: baseline;

	background-image: none;

	background-position: 0% 0%;

	background-repeat: repeat;

	margin-top: 0;

	margin: 0;

	display: inline-block !important;

	text-align: center !important;

	color: #fff;

	width: 30px;

	height: 20px;

	padding: 3px;

	font-size: 12px;

	line-height: 18px;

	text-shadow: none;

	cursor: pointer;

	/*background-color:#08070799;*/



	right: 15px;

}

.nivo-directionNav a {

	opacity: 1;

}

a.nivo-nextNav {

	right: 0px;

	font-size: 50px;

	/* border-radius: 60px; */



    /* padding: 17px; */



   /* border: 2px solid #ffffff;*/



	margin-right: 10px;

	padding-left: 3px;

	padding-top: 10px;

	padding-bottom: 10px;

}

a.nivo-nextNav:hover {

/*  background-color:#333;



    border: 2px solid #ffffff;*/



   



}

a.nivo-nextNav:before {

	content: "\f105";

	color: #fff;

}

a.nivo-prevNav {

	right: 0px;

	font-size: 50px;

	/* border-radius: 60px; */



    /* padding: 17px; */



    /*border: 2px solid #ffffff;*/



	margin-left: 10px;

	padding-right: 5px;

	padding-top: 10px;

	padding-bottom: 10px;

}

a.nivo-prevNav:hover {

	/* background-color:#333;



    border: 2px solid #ffffff;*/



	color: #333;

}

a.nivo-prevNav:before {

	content: "\f104";

	color: #fff;

}

.nivo-controlNav.nivo-thumbs-enabled {

	width: 100%;

}

.nivo-controlNav.nivo-thumbs-enabled a {

	width: auto;

	height: auto;

	background: none;

	margin-bottom: 5px;

}

.nivo-controlNav.nivo-thumbs-enabled img {

	display: block;

	width: 120px;

	height: auto;

}

.nivo-controlNav a {

	display: inline-block;

	width: 22px;

	height: 22px;

	background: url(../img/nivo-bullets.png) no-repeat;

	text-indent: -9999px;

	border: 0;

	margin: 0 2px;

}

.nivo-control.active {

	background-position: 0 0;

}

/* ===================================



7. Section: call action



==================================== */







section.callaction {

	background: #f9f9f9;

	padding: 50px 0 0 0;

}

/* ===================================



8. Section: Content



==================================== */







#content {

	position: relative;

	background: #fff;

	padding: 50px 0 0 0;

}

#content img {

	max-width: 100%;

	height: 259px;

}

}

/* --- Call to action --- */







.cta-text {

	float: left;

	margin-top: 10px;

}

.cta-text h3 strong {

	color: #d5a244;

}

.big-cta .cta {

	margin-top: 10px;

}

.btn-theme1 {

	border: 1px solid #d5a244;

	background: F;

	color: #ffffff;

}

[class^="icon-"].active {

	background-color: #d5a244;

}

/* ===================================



9. Section: Bottom



==================================== */







#bottom {

	background: #fcfcfc;

	padding: 50px 0 0;

}

/* twitter */







#twitter-wrapper {

	text-align: center;

	width: 70%;

	margin: 0 auto;

}

#twitter em {

	font-style: normal;

	font-size: 13px;

}

#twitter em.twitterTime a {

	font-weight: 600;

}

#twitter ul {

	padding: 0;

	list-style: none;

}

#twitter ul li {

	font-size: 20px;

	line-height: 1.6em;

	font-weight: 300;

	margin-bottom: 20px;

	position: relative;

	word-break: break-word;

}

/* ===================================



10. Inner - Section: page headline



==================================== */







#inner-headline_about {

	background-image:url(../img/b_c_about.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_about .inner-heading h2 {

	color: #fff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

/*#inner-headline_about {

	background-image:;

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 0px;

}*/

#inner-headline_service {

	background-image:url(../img/b_c_service.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_service .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_port {

	background-image:url(../img/b_c_portfolio.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_port .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_contact {

	background-image:url(../img/b_c_contact.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_contact .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_testi {

	background-image: url(../img/b_c_testimonials.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_testi .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_terms_condition {

	background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_terms.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_terms_condition .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_privacy {

	background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_policy.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_privacy .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

#inner-headline_career {

	background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_career.png);

	height: 256px;

	background-repeat: no-repeat;

	position: relative;

	margin: 0;

	padding: 0px;

	color: #fefefe;

	margin-top: 70px;

}

#inner-headline_career .inner-heading h2 {

	color: #ffffff;

	margin: 100px 0 0 0;

	font-size: 25px;

	font-style: normal;

	font-weight: 300;

}

/* --- breadcrumbs --- */







#inner-headline ul.breadcrumb {

	margin: 13px 0 0;

	float: right;

}

#inner-headline ul.breadcrumb li {

	margin-bottom: 0;

	padding-bottom: 0;

}

#inner-headline ul.breadcrumb li {

	font-size: 13px;

	color: #ddd;

}

#inner-headline ul.breadcrumb li i {

	color: #dedede;

}

#inner-headline ul.breadcrumb li a {

	color: #fff;

}

ul.breadcrumb li a:hover {

	text-decoration: none;

}

/* ============================



11. Forms



============================= */







/* --- contact form  ---- */







.contactForm input[type="text"], .contactForm input[type="email"] {

	width: 100%;

	min-height: 40px;

	padding-left: 20px;

	font-size: 13px;

	padding-right: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.contactForm textarea {

	width: 100%;

	padding-left: 20px;

	padding-top: 10px;

	font-size: 13px;

	padding-right: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.validation {

	color: red;

	display: none;

	margin: 0 0 20px;

	font-weight: 400;

	font-size: 13px;

}

#sendmessage {

	color: green;

	border: 1px solid green;

	display: none;

	text-align: center;

	padding: 15px;

	font-weight: 600;

	margin-bottom: 15px;

}

#errormessage {

	color: red;

	display: none;

	border: 1px solid red;

	text-align: center;

	padding: 15px;

	font-weight: 600;

	margin-bottom: 15px;

}

#sendmessage.show, #errormessage.show, .show {

	display: block;

}

/* Google Map */



#google-map {

	height: 400px;

	margin-bottom: 40px;

}

/* --- comment form ---- */







form#commentform input[type="text"] {

	width: 100%;

	min-height: 40px;

	padding-left: 20px;

	font-size: 13px;

	padding-right: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-border-radius: 2px 2px 2px 2px;

	-moz-border-radius: 2px 2px 2px 2px;

	border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {

	width: 100%;

	padding-left: 20px;

	padding-top: 10px;

	font-size: 13px;

	padding-right: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-border-radius: 2px 2px 2px 2px;

	-moz-border-radius: 2px 2px 2px 2px;

	border-radius: 2px 2px 2px 2px;

}

/* --- search form --- */







.search {

	float: right;

	margin: 35px 0 0;

	padding-bottom: 0;

}

#inner-headline form.input-append {

	margin: 0;

	padding: 0;

}

/* ===============================



12. Portfolio



================================ */







/* ===============================



12. Portfolio



================================ */







.work-nav #filters {

	margin: 0;

	padding: 0;

	list-style: none;

}

.work-nav #filters li {

	margin: 0 10px 30px 0;

	padding: 0;

	float: left;

}

.work-nav #filters li a {

	color: #7F8289;

	font-size: 16px;

	display: block;

}

.work-nav #filters li a:hover {

}

.work-nav #filters li a.selected {

	color: #DE5E60;

}

#thumbs {

	margin: 0;

	padding: 0;

}

#thumbs li {

	list-style-type: none;

}

.item-thumbs {

	position: relative;

	overflow: hidden;

	margin-bottom: 30px;

	cursor: pointer;

}

.item-thumbs a+img {

	width: 100%;

}

.item-thumbs .hover-wrap {

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;

	-moz-transition: all 450ms ease-out 0s;

	-o-transition: all 450ms ease-out 0s;

	transition: all 450ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);

	-moz-transform: rotateY(180deg) scale(0.5, 0.5);

	-ms-transform: rotateY(180deg) scale(0.5, 0.5);

	-o-transform: rotateY(180deg) scale(0.5, 0.5);

	transform: rotateY(180deg) scale(0.5, 0.5);

}

.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1, 1);

	-moz-transform: rotateY(0deg) scale(1, 1);

	-ms-transform: rotateY(0deg) scale(1, 1);

	-o-transform: rotateY(0deg) scale(1, 1);

	transform: rotateY(0deg) scale(1, 1);

}

.item-thumbs .hover-wrap .overlay-img {

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0.80;

	filter: alpha(opacity=80);

}

.item-thumbs .hover-wrap .overlay-img-thumb1 {

	position: absolute;

	top: 45%;

	width:100%;

	/*left: 43%;*/

	margin: -16px 0 0 -16px;

	color: #fff;

	text-align:center;

	font-size: 25px;

	line-height: 1em;

	opacity: 1;

	filter: alpha(opacity=100);

}

.item-thumbs .hover-wrap .overlay-img-thumb {

	position: absolute;

	top: 60%;

	width:100%;

	text-align:center;

	/*left: 50%;*/

	margin: -16px 0 0 -16px;

	color: #fff;

	font-size: 30px;

	line-height: 1em;

	opacity: 1;

	filter: alpha(opacity=100);

}

/* --- Portolio filter --- */







ul.portfolio-categ {

	margin: 45px 0 30px 0;

	padding: 0;

	float: left;

	list-style: none;

}

ul.portfolio-categ li {

	margin: 0;

	padding: 0 20px 0 171px;

	float: left;

	list-style: none;

	font-size: 13px;

	font-weight: 600;

}

ul.portfolio-categ li a {

	display: block;

	padding: 35x 0 35x 0;

	color: #000;

}

ul.portfolio-categ1 li a {

	display: block;

	padding: 35x 0 35x 0;

	color: #d5a244;

}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.portfolio-categ li a:focus, ul.portfolio-categ li a:active {

	text-decoration: none;

	outline: 0;

}

/* --- portfolio detail --- */







.top-wrapper {

/*margin-bottom: 20px;*/



}

.load_more {

	margin-left: 44%;

	border: 1px solid #d5a244;

	color: #fff;

	background: #d5a244;

	/*padding: 15px;*/

	width: 150px;

	height: 50px;

	text-align: center;

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 30px;

}

.load_more:hover {

	color: #fff;

	background: #111111;

}

.load_more:hover a {

	color: #fff;

	background: #111111;

}

.load_more a {

	color: #111111;

}

/* ===============================



13. Elements



================================ */







/* --- blockquote --- */







blockquote {

	font-size: 16px;

	font-weight: 400;

	font-family: serif;

	font-style: italic;

	padding-left: 0;

	color: #a2a2a2;

	line-height: 1.6em;

 #ccc;

}

blockquote cite {

	display: block;

	font-size: 12px;

	color: #666;

	margin-top: 10px;

}

blockquote cite:before {

	content: "\2014 \0020";

}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {

	color: #555;

}

/* --- pullquotes --- */







.pullquote-left {

	display: block;

	color: #a2a2a2;

	font-family: 'Noto Serif', serif;

	font-size: 14px;

	line-height: 1.6em;

	padding-left: 20px;

}

.pullquote-right {

	display: block;

	color: #a2a2a2;

	font-family: 'Noto Serif', serif;

	font-size: 14px;

	line-height: 1.6em;

	padding-right: 20px;

}

/* --- list style --- */







ul.general {

	list-style: none;

	margin-left: 0;

}

ul.link-list {

	margin: 0;

	padding: 0;

	list-style: none;

}

ul.link-list li {

	margin: 0;

	padding: 2px 0 2px 0;

	list-style: none;

}

 ul.link-list li a {

	color: #919191;

}

 ul.link-list li a:hover {

	color: #d5a244 !important;

}

/* --- Heading style --- */







h4.heading {

	font-weight: 300;

}

h4.heading strong {

	font-weight: 700;

}

.heading {

	margin-bottom: 30px;

}

.heading {

	position: relative;

}

.widgetheading {

	width: 100%;

	padding: 0;

}

#bottom .widgetheading {

	position: relative;

	border-bottom: #e6e6e6 1px solid;

	padding-bottom: 9px;

}

aside .widgetheading {

	position: relative;

	border-bottom: #e9e9e9 1px solid;

	padding-bottom: 9px;

}

footer .widgetheading {

	position: relative;

}

footer .widget .social-network {

	position: relative;

}

.social-network li {

	margin-left: 10px;

}

#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {

	position: absolute;

	width: 60px;

	height: 1px;

	bottom: -1px;

	right: 0;

}

/*** 







====================================================================



	Hidden Sidebar style



====================================================================







***/







.hidden-bar {

	position: fixed;

	top: 0;

	width: 320px;

	height: 100%;

	background: #252525;

	z-index: 9999;

	transition: all 700ms ease;

	-webkit-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

}

.hidden-bar .mCSB_inside > .mCSB_container {

	margin-right: 0px;

}

.hidden-bar.right-align {

	right: -400px;

}

.hidden-bar.right-align.visible-sidebar {

	right: 0px;

}

.hidden-bar.right-align {

	right: -400px;

}

.hidden-bar.right-align.visible-sidebar {

	right: 0px;

}

.hidden-bar .hidden-bar-closer {

	width: 40px;

	height: 40px;

	position: absolute;

	right: 10px;

	top: 10px;

	background: none;

	color: #ffffff;

	border-radius: 0px;

	text-align: center;

	line-height: 40px;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	z-index: 999999;

}

.hidden-bar .hidden-bar-closer button {

	background: none;

	display: block;

	font-size: 16px;

	color: #ffffff;

	width: 40px;

	height: 40px;

	line-height: 40px;

}

.hidden-bar .hidden-bar-closer:hover button {

	color: #ffffff;

}

.hidden-bar-wrapper {

	height: 100%;

	padding: 30px 5px 30px 30px;

}

.hidden-bar .logo {

	padding: 0px 0px 30px;

}

.hidden-bar .logo img {

	display: inline-block;

	max-width: 100%;

}

.hidden-bar .content-box {

	position: relative;

	padding-right: 32px;

}

.hidden-bar .content-box h2 {

	position: relative;

	font-size: 18px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 20px;

}

.hidden-bar .content-box .text {

	position: relative;

	font-size: 14px;

	color: rgba(255,255,255,0.60);

	margin-bottom: 25px;

}

.hidden-bar .contact-info {

	position: relative;

	margin-top: 60px;

}

.hidden-bar .contact-info h2 {

	position: relative;

	font-size: 18px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 20px;

}











/*** 







/* --- testimonial --- */



@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,700,600,500,300,200,100,800);

section {

	background: #fbfbfb;

}

h2 {

	color: #4C4C4C;

	word-spacing: 5px;

	font-size: 30px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

}

#testimonial {

	padding: 100px 0px;

}

#testimonial .fa.fa-quote-right {

	color: #5db4c0;

	font-size: 30px;

}

#testimonial p {

	font-family: 'Raleway', sans-serif;

	margin-bottom: 20px;

	margin-top: 20px;

}

#testimonial img {

	width: 150px;

	height: 150px;

	margin: 0 auto;

	border-radius: 50%;

	border: 1px solid #5db4c0;

}

#testimonial .carousel-indicators li {

	background-color: #5db4c0;

	height: 13px;

	width: 13px;

	margin: 5px;

}

#testimonial .carousel-indicators li.active {

	background-color: #888383;

}

#testimonial .carousel-indicators {

	bottom: -50px;

}

/*** 







====================================================================



	Testimonial Section Three



====================================================================







***/







.testimonial-section-one {

	position: relative;

	padding: 0px;

}

.testimonial-section-one .testimonial-outer {

	position: relative;

}

.testimonial-block-one {

	position: relative;

}

.testimonial-block-one .inner-box {

	position: relative;

	text-align: center;

}

.testimonial-block-one .sec-title {

/*margin-top: 130px;*/



}

.testimonial-block-one .quote-icon {

	position: absolute;

	top: 88px;

	left: 300px;

	width: 100px;

	height: 100px;

	line-height: 100px;

	background: #000;

	color: #fff;

	font-size: 30px;

	text-align: center;

	margin-left: 46px;

}

.testimonial-block-one .image img {

	width: auto;

}

.testimonial-block-one .text {

	font-size: 17px;

	margin-bottom: 45px;

}

.testimonial-section-one .client-thumb-outer {

	position: absolute;

	width: 320px;

	right: 0;

	bottom: -85px;

	margin: 0 auto;

	overflow: hidden;

	margin-bottom: 20px;

}

.testimonial-section-one .client-thumb-outer .owl-item {

	position: relative;

	opacity: 1;

}

.testimonial-section-one .client-thumb-outer .owl-item .thumb-box:before {

	position: absolute;

	content: '';

	background: #000;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0.5;

	z-index: 9;

	cursor: pointer;

}

.testimonial-section-one .client-thumb-outer .owl-item.active .thumb-box:before {

	opacity: 0;

}

.testimonial-section-one .client-thumb-outer .owl-item.active {

	opacity: 1;

}

.testimonial-section-one .client-thumb-outer .owl-item.active .thumb-item .thumb-box {

	-o-transform: scale(1.0, 1.0);

	-ms-transform: scale(1.0, 1.0);

	-webkit-transform: scale(1.0, 1.0);

	transform: scale(1.0, 1.0);

}

.testimonial-section-one .client-thumb-outer .client-thumbs-carousel {

	position: relative;

	max-width: 100px;

	margin: 10px auto;

	text-align: center;

}

.testimonial-section-one .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {

	overflow: visible;

}

.testimonial-section-one .client-thumb-outer .thumb-item .thumb-box {

	width: 100px;

	height: 100px;

	cursor: pointer;

	margin: 0 auto;

}

.testimonial-section-one .client-thumb-outer .client-thumbs-carousel .thumb-item img {

	overflow: hidden;

	width: 100%;

	height: 100%;

	display: block;

}

.testimonial-section-one .author-content {

	margin-top: -20px;

}

.testimonial-section-one .author-content h3 {

	font-family: 'Montserrat', sans-serif;

	color: #222;

	font-size: 20px;

	font-weight: 400;

}

.testimonial-section-one .author-content .designation {

	margin-top: -20px;

}

.testimonial-section-one .owl-nav {

	display: none;

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -65px;

	width: 100%;

}

.testimonial-section-one .owl-nav .owl-prev,  .testimonial-section-one .owl-nav .owl-next {

	display: inline-block;

	color: #d1d1d1;

	font-size: 20px;

	width: 50px;

	height: 50px;

	text-align: center;

	line-height: 48px;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	transition: all 300ms ease;

}

.testimonial-section-one .owl-nav .owl-prev:hover,  .testimonial-section-one .owl-nav .owl-next:hover {

	color: #000000;

}

.testimonial-section-one .owl-nav .owl-prev {

	position: absolute;

	left: 0px;

}

.testimonial-section-one .owl-nav .owl-next {

	position: absolute;

	right: 0px;

}

/* testimonial block three */







.testimonial-block-three {

	position: relative;

	border: 1px solid #efefef;

	padding: 30px;

	padding-top: 0;

	margin-bottom: 75px;

	margin-top: 45px;

	text-align: center;

}

.testimonial-block-three .client-info {

	position: relative;

	min-height: 75px;

}

.testimonial-block-three .client-info .img-box {

	position: absolute;

	top: -45px;

	left: 50%;

	margin-left: -45px;

	height: 90px;

	width: 90px;

	border-radius: 50%;

	overflow: hidden;

}

.testimonial-block-three .author-info {

	margin: 6px 0;

}

.testimonial-block-three .author-info h3 {

	color: #252525;

	font-size: 18px;

	font-weight: 500;

	text-transform: capitalize;

	margin: 0 0 2px;

}

.testimonial-block-three .author-info span {

	color: #777777;

	font-size: 14px;

}

.testimonial-block-three .text-box {

	margin-bottom: 18px;

}

.testimonial-block-three .text-box p {

	margin: 0;

}

.testimonial-block-three .review-box ul li {

	display: inline-block;

	color: #222;

}

/* --- Clients style --- */







ul.clients {

	list-style: none;

	float: left;

	width: 100%;

	margin: 0;

	padding: 0;

}

ul.clients li {

	position: relative;

	float: left;

	width: 155px;

	margin: 0;

}

/*ul.clients li:hover {



	-webkit-transition: all 1s ease-in-out;



	-moz-transition: all 1s ease-in-out;



	-o-transition: all 1s ease-in-out;



	transition: all 1s ease-in-out;



}*/



ul.clients li img {

	margin: 0;

	opacity: 0.8;

}

ul.clients li img:hover {

	opacity: 1;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

/* --- Map --- */







.map {

	position: relative;

	margin-top: -50px;

	margin-bottom: 40px;

}

.map iframe {

	width: 100%;

	height: 450px;

	border: none;

}

.map-grid iframe {

	width: 100%;

	height: 350px;

	border: none;

	margin: 0 0 -5px 0;

	padding: 0;

}

/* --- our team --- */







ul.team-detail {

	margin: -10px 0 0 0;

	padding: 0;

	list-style: none;

}

ul.team-detail li {

	border-bottom: 1px dotted #e9e9e9;

	margin: 0 0 15px 0;

	padding: 0 0 15px 0;

	list-style: none;

}

ul.team-detail li label {

	font-size: 13px;

}

ul.team-detail li h4, ul.team-detail li label {

	margin-bottom: 0;

}

ul.team-detail li ul.social-network {

	border: none;

	margin: 0;

	padding: 0;

}

ul.team-detail li ul.social-network li {

	border: none;

	margin: 0;

}

ul.team-detail li ul.social-network li i {

	margin: 0;

}

/* --- Pricing box --- */







.pricing-title {

	background: #fff;

	text-align: center;

	padding: 10px 0 10px 0;

}

.pricing-title h3 {

	font-weight: 600;

	margin-bottom: 0;

}

.pricing-offer {

	background: #fcfcfc;

	text-align: center;

	padding: 40px 0 40px 0;

	font-size: 18px;

	border-top: 1px solid #e6e6e6;

	border-bottom: 1px solid #e6e6e6;

}

.pricing-box.special .pricing-offer {

	color: #fff;

}

.pricing-offer strong {

	font-size: 78px;

	line-height: 89px;

}

.pricing-offer sup {

	font-size: 28px;

}

.pricing-content {

	background: #fff;

	text-align: center;

	font-size: 14px;

}

.pricing-content strong {

	color: #353535;

}

.pricing-content ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

.pricing-content ul li {

	border-bottom: 1px solid #e9e9e9;

	list-style: none;

	padding: 15px 0 15px 0;

	margin: 0 0 0 0;

}

.pricing-action {

	margin: 0;

	background: #fcfcfc;

	text-align: center;

	padding: 20px 0 30px 0;

}

.pricing-wrapp {

	margin: 0 auto;

	width: 100%;

	background: #fd0000;

}

/* --- pricing box alt 1 --- */







.pricing-box-alt {

	border: 1px solid #e6e6e6;

	background: #fcfcfc;

	position: relative;

	margin: 0 0 20px 0;

	padding: 0;

	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);

	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);

	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.pricing-box-alt .pricing-heading {

	background: #fcfcfc;

	text-align: center;

	padding: 40px 0 0px 0;

	display: block;

}

.pricing-box-alt.special .pricing-heading {

	background: #fcfcfc;

	text-align: center;

	padding: 40px 0 1px 0;

	border-bottom: none;

	display: block;

	color: #fff;

}

.pricing-box-alt.special .pricing-heading h3 {

	color: #fff;

}

.pricing-box-alt .pricing-heading h3 strong {

	font-size: 32px;

	font-weight: 700;

	letter-spacing: -1px;

}

.pricing-box-alt .pricing-heading h3 {

	font-size: 32px;

	font-weight: 300;

	letter-spacing: -1px;

}

.pricing-box-alt .pricing-terms {

	text-align: center;

	background: #333;

	display: block;

	overflow: hidden;

	padding: 30px 0 20px;

}

.pricing-box-alt .pricing-terms h6 {

	font-style: italic;

	margin-top: 10px;

	color: #fff;

	font-family: 'Noto Serif', serif;

}

.pricing-box-alt .icon .price-circled {

	margin: 10px 10px 10px 0;

	display: inline-block !important;

	text-align: center !important;

	color: #fff;

	width: 68px;

	height: 68px;

	padding: 12px;

	font-size: 16px;

	font-weight: 700;

	line-height: 68px;

	text-shadow: none;

	cursor: pointer;

	background-color: #888;

	border-radius: 64px;

	-moz-border-radius: 64px;

	-webkit-border-radius: 64px;

}

.pricing-box-alt .pricing-action {

	margin: 0;

	text-align: center;

	padding: 30px 0 30px 0;

}

/* --- Custom carousel --- */







.custom-carousel-nav {

	outline: 0;

	color: #ffffff;

	text-align: center;

}

a.custom-carousel-nav {

	outline: 0;

}

a.custom-carousel-nav:hover {

	outline: 0;

	text-decoration: none;

}

.icon-control {

	margin: 0 0 0 140px;

}

/* ===============================



14. Blog & article



================================ */







article {

	float: left;

	width: 100%;

	margin-bottom: 40px;

}

article .post-heading h3 {

	margin-bottom: 20px;

}

article .post-heading h3 a {

	font-weight: 700;

	color: #353535;

}

article .post-heading h3 a:hover {

	text-decoration: none;

}

/* --- post meta --- */







.post-meta {

	background: #fcfcfc;

	border: 1px solid #e6e6e6;

	border-top: none;

	text-align: center;

}

.post-meta .format {

	border-bottom: 1px solid #e6e6e6;

	padding: 10px 0 10px;

}

.post-meta i {

	margin: 0;

}

.post-meta .date {

	border-bottom: 1px solid #e6e6e6;

	padding: 10px 0 10px;

}

.post-meta .date span {

	text-align: center;

	color: #999;

	font-size: 12px;

	font-weight: 600;

}

.post-meta .comments {

	padding: 10px 0 10px;

}

.post-meta .comments a {

	color: #999;

	font-size: 12px;

	font-weight: 700;

}

.post-meta .comments a:hover {

	text-decoration: none;

}

/* --- post format --- */







.post-image {

	margin-bottom: 20px;

}

.post-quote {

	margin-bottom: 20px;

}

.post-video {

	margin-bottom: 20px;

}

.post-audio {

	margin-bottom: 20px;

}

.post-link {

	margin-bottom: 20px;

}

.post-slider {

	margin-bottom: 20px;

}

.post-quote blockquote {

	font-size: 16px;

	color: #999;

	font-family: 'Noto Serif', serif;

	font-style: italic;

	line-height: 1.6em;

}

.post-image img:hover {

	-webkit-box-shadow: 0 0 2px #979797;

	-moz-box-shadow: 0 0 2px #979797;

	box-shadow: 0 0 2px #979797;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

ul.meta-post {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}

ul.meta-post li {

	float: left;

	margin: 0 10px 0 0;

	padding: 0;

	list-style: none;

	border-right: 1px dotted #e9e9e9;

	padding-right: 10px;

}

ul.meta-post li i {

	float: left;

	font-size: 12px;

	margin: 2px 5px 0 0;

}

ul.meta-post li a {

	color: #999;

	float: left;

	font-size: 12px;

	font-weight: 600;

}

/* --- single post --- */







.bottom-article {

	float: left;

	width: 100%;

	border-top: 1px solid #e9e9e9;

	border-bottom: 1px solid #e9e9e9;

	padding: 10px 0 10px 0;

	margin-top: 20px;

}

/* --- author info --- */







.about-author {

	border: 1px solid #d5d5d5;

	padding: 20px;

	float: left;

	margin-bottom: 5px;

}

.about-author h5 {

	margin-bottom: 10px;

}

/* --- Comment --- */







.comment-area {

	float: left;

	width: 100%;

	margin-top: 30px;

}

.media-content {

	overflow: hidden;

	margin-left: 12px;

	border-bottom: 1px dotted #d5d5d5;

	padding-bottom: 20px;

}

.media-content h6 {

	font-size: 14px;

	font-weight: 700;

}

.media-content span {

	color: #a9a9a9;

	font-size: 14px;

	font-weight: 300;

}

.comment-area .thumbnail>img {

	display: block;

	width: 60px;

	height: 60px;

}

.filter-list {

	margin-top: 20px;

}

/* --- pagination --- */







#pagination a, #pagination span {

	display: block;

	float: left;

	margin: 0 7px 0 0;

	padding: 7px 10px 6px 10px;

	font-size: 12px;

	line-height: 12px;

	color: #888;

	font-weight: 600;

}

#pagination a:hover {

	color: #fff;

	text-decoration: none;

}

#pagination span.current {

	background: #333;

	color: #fff;

	font-weight: bold;

}

/* ===============================



15. Aside, sidebar



================================ */







aside {

	position: relative;

	margin-bottom: 40px;

}

.sidebar-nav {

	float: left;

	width: 100%;

}

.right-sidebar {

	border-left: 1px solid #e9e9e9;

	padding: 0 0 0 30px;

	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);

	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);

}

.left-sidebar {

	border-right: 1px solid #e9e9e9;

	padding: 0 30px 0 0;

	-webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);

	box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);

}

.left-sidebar .widget h3, .left-sidebar .widget .widget-content {

	padding-right: 20px;

}

aside .widget {

	margin-bottom: 40px;

}

ul.cat, ul.recent, ul.folio-detail, ul.contact-info {

	margin: 0;

	padding: 0;

	list-style: none;

}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li {

	margin: 0 0 15px 0;

	list-style: none;

}

ul.cat li a, ul.folio-detail li a {

	color: #656565;

}

ul.folio-detail li label {

	display: inline;

	cursor: default;

	color: #353535;

	font-weight: bold;

}

.widget ul.recent li {

	margin-bottom: 20px;

}

ul.recent li h6 {

	margin: 0 0 10px 0;

}

ul.recent li h6 a {

	color: #353535;

	font-size: 16px;

	font-weight: 600;

}

.widget ul.tags {

	list-style: none;

	margin: 0;

}

.widget ul.tags li {

	margin: 0 5px 15px 0;

	display: inline-block;

}

.widget ul.tags li a {

	background: #e6e6e6;

	color: #333;

	padding: 5px 10px;

}

.widget ul.tags li a:hover {

	text-decoration: none;

	color: #fff;

}

/* ===== Widgets ===== */







/* --- flickr --- */







.widget .flickr_badge {

	width: 100%;

}

.widget .flickr_badge img {

	margin: 0 9px 20px 0;

}

footer .widget .flickr_badge {

	width: 100%;

}

footer .widget .flickr_badge img {

	margin: 0 9px 20px 0;

}

.flickr_badge img {

	width: 50px;

	height: 50px;

	float: left;

	margin: 0 9px 20px 0;

}

/* --- latest tweet widget --- */







.twitter ul {

	margin-left: 0;

	list-style: none;

}

.twitter img {

	float: left;

	margin-right: 15px;

}

.twitter span.tweet_time {

	display: block;

	padding-bottom: 5px;

}

.twitter li {

	border-bottom: 1px dashed #efefef;

	padding-bottom: 20px;

	margin-bottom: 20px;

	list-style: none;

}

.twitter li:last-child {

	border: none;

}

/* --- Recent post widget --- */







.recent-post {

	margin: 20px 0 0 0;

	padding: 0;

	line-height: 18px;

}

.recent-post h5 a:hover {

	text-decoration: none;

}

.recent-post .text h5 a {

	color: #353535;

}

ul.time-post {

	float: left;

	width: 120px;

	padding: 0;

	list-style: none;

	margin: 0 20px 0 0;

	text-align: center;

	color: #0e0f0f;

}

ul.time-post li {

	float: none;

	background: #f8f8f8;

	list-style: none;

	margin: 0 0 2px 0;

	padding: 0;

}

ul.time-post li a img:hover {

	opacity: 0.8;



  /* For IE 5-7 */



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

	/* For IE 8 8 */



	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

ul.time-post li.time {

	float: none;

	padding: 5px 0 5px 0;

	text-shadow: none;

}

.recent-post ul.time-post li.time {

	color: #121214;

}

.post-meta {

	margin-bottom: 20px;

}

.post-meta span {

	padding: 0 10px 0 10px;

	margin-bottom: 10px;

}

.post-meta span a {

	color: #919191;

}

.post-meta strong {

	font-weight: 200px;

	color: #c7c7c7;

}

.item .text {

	margin-left: 22%;

	margin-bottom: 20px;

	width: 56%;

	border: 1px solid #ccc;

	padding: 30px;

}

blockquote p {

	margin-bottom: 0;

	font-size: 17.5px;

	font-weight: 300;

	line-height: 1.25;

	margin-top: 10px;

}

/* ===============================



16. Footer



================================ */







footer {

	background: #d5a244;

	padding: 20px 0 0 0;

	color: #858585;

}

footer a {

	color: #858585;

}

footer a:hover {

	color: #858585;

}

footer a:active {

	color: #ffffff;

}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {

	color: #eee;

}

footer address {

	line-height: 1.6em;

}

footer h5 a:hover, footer a:hover {

	text-decoration: none;

}

ul.social-network {

	list-style: none;

	margin: 0;

}

ul.social-network li {

	display: inline;

}

#sub-footer {

	background: #fff;

	text-shadow: none;

	color: #5d5d5d;

	padding: 0;

	padding-top: 0px;

	margin: 0px 0 0 0;

}

#sub-footer p {

	margin: 0;

	padding: 0;

}

#sub-footer span {

	color: #ffffff;

}

.copyright_right {

	text-align: right;

	font-size: 12px;

	color: #111111;

	margin-top: 15px;

}

.copyright_left {

	text-align: left;

	font-size: 12px;

	color: #111111;

	margin-top: 15px;

}

#sub-footer ul.social-network {

	float: right;

}

.social_icon {

	/*background-color: #111111;*/



	padding: 10px;

	width: 30px;

	height: 30px;

	color: #d5a244;

	border-radius: 5px;

}

/*.social_icon_facebook{



	



    padding:10px;



    width: 30px;



    height: 30px;



	color:#3b5998;



	



    border-radius: 5px;



	}



.social_icon_pintreast{



	



    padding:10px;



    width: 30px;



    height: 30px;



	color:#c82c23;



	



    border-radius: 5px;



	}



.social_icon_youtube{



	



    padding:10px;



    width: 30px;



    height: 30px;



	color:#c82c23;



	



    border-radius: 5px;



	}



.social_icon_g{







    padding:10px;



    width: 30px;



    height: 30px;



	color:#ff0000;



	



    border-radius: 5px;



	}



.social_icon_behance{



	



    padding:10px;



    width: 30px;



    height: 30px;



	color:#053eff ;



	



    border-radius: 5px;



	}



.social_icon_skype{



	



    padding:10px;



    width: 30px;



    height: 30px;



	



	color:#00aff0;



    border-radius: 5px;



	}*/







/*.social_icon:hover{



	background-color: #ffffff;



   color:#d5a244;



   



    



	}*/



/* ===============================



 Live preview purpose



================================ */







/* --- buttons --- */





.bs-docs-example {

	margin: 0 0 10px 0;

}

.demobtn a.btn {

	margin: 0 10px 10px 0;

	

}

section.demogrid .span1, section.demogrid .span2, section.demogrid .span3, section.demogrid .span4, section.demogrid .span5, section.demogrid .span6, section.demogrid .span7, section.demogrid .span8, section.demogrid .span9, section.demogrid .span10, section.demogrid .span11 {

	background: #f6f6f6;

	text-align: center;

	padding: 20px 0 20px;

}

section.demogrid .show-grid .row, section.demogrid .show-grid .row-fluid {

	margin-bottom: 0;

}

section.demogrid .show-grid .nest {

	background: #ddd;

	text-align: center;

	padding: 20px 0 20px;

}

section.demogrid .span12.nest {

	background: #f6f6f6;

	text-align: center;

	padding: 20px 0 0;

}

.demoinline p {

	display: inline;

	margin-right: 20px;

}

/* --- demo animations --- */







.demo a.btn {

	margin: 0 10px 10px 0;

}

/* ===============================



17. Divider, Line & Misc



================================ */







.solidline {

	border-top: 1px solid #e6e6e6;

	margin: 0 0 30px;

}

.dottedline {

	border-top: 1px dotted #e6e6e6;

	margin: 0 0 30px;

}

.dashedline {

	border-top: 1px dotted #e6e6e6;

	margin: 0 0 30px;

}

.blankline {

	height: 1px;

	margin: 0 0 30px;

}

/* scroll to top */







.scrollup {

	position: fixed;

	width: 32px;

	height: 32px;

	bottom: 47px;

	right: 20px;

	/*top:17px;*/

}
.scrollup1 {

	position: fixed;
    width: 38px;
    height: 40px;
    bottom: 70px;
	right:17px;
   /* left: 20px; */
    /* top: 17px; */
    padding: 3px;
	/*top:17px;*/

}
a.scrollup {

	outline: 0;

}

a.scrollup:hover, a.scrollup:active, a.scrollup:focus {

	opacity: 1;

	text-decoration: none;

}

a.scrollup i:hover {

	text-decoration: none;

}

/* =============================



18. Position & alignment



============================= */







.absolute {

	position: absolute;

}

.relative {

	position: relative;

}

.aligncenter {

	text-align: center;

}

.aligncenter i:active {

	background-color: #d5a244;

}

.aligncenter span {

	margin-left: 0;

}

.floatright {

	float: right;

}

.floatleft {

	float: left;

}

.floatnone {

	float: none;

}

.aligncenter {

	text-align: center;

}

/* --- Image allignment style --- */







img.pull-left, .align-left {

	float: left;

	margin: 0 15px 15px 0;

}

.widget img.pull-left {

	float: left;

	margin: 0 15px 15px 0;

}

img.pull-right, .align-right {

	float: right;

	margin: 0 0 15px 15px;

}

article img.pull-left, article .align-left {

	float: left;

	margin: 5px 15px 15px 0;

}

article img.pull-right, article .align-right {

	float: right;

	margin: 5px 0 15px 15px;

}

/* =============================



19. Custom icon from custom font icon



============================= */







/* ==================================================



   Icons Example



================================================== */







.icons-example ul {

	margin: 0 0 0 -20px;

	padding: 0;

	text-align: center;

}

.icons-example ul li {

	display: inline-block;

	margin: 0 0 10px 20px;

	list-style: none;

	cursor: pointer;

}

.icons-example ul li a {

	display: inline;

	-webkit-transition: all 400ms ease-out 0s;

	-moz-transition: all 400ms ease-out 0s;

	-o-transition: all 400ms ease-out 0s;

	transition: all 400ms ease-out 0s;

}

.icons-example ul li a span {

	display: inline-block;

	margin: 0;

	color: #111;

	font-size: 32px;

	line-height: 70px;

}

/* =============================



20. Spacer, margin



============================= */







.clear-marginbot {

	margin-bottom: 0;

}

.marginbot10 {

	margin-bottom: 10px;

}

.marginbot20 {

	margin-bottom: 20px;

}

.marginbot30 {

	margin-bottom: 30px;

}

.marginbot40 {

	margin-bottom: 40px;

}

.clear-margintop {

	margin-top: 0;

}

.margintop10 {

	margin-top: 10px;

}

.margintop20 {

	margin-top: 20px;

}

.margintop30 {

	margin-top: 30px;

}

.margintop40 {

	margin-top: 40px;

}







/* =============================



21. Media queries



============================= */







@media (min-width: 979px) and (max-width: 1200px) {

#wrapper.boxed {

	width: 1000px;

	margin: 0 auto;

}

}

 @media (min-width: 768px) and (max-width: 979px) {

#wrapper.boxed {

	width: 784px;

	margin: 0 auto;

}

.navbar .nav {

	border: none;

}

.navbar .nav li a {

	border: none;

}

a.detail {

	background: none;

	width: 100%;

}

.nivo-caption {

	width: 50%;

}

/* slitslider */



.sl-slider h2 {

	font-size: 72px;

}

ul.clients li {

	width: 104px;

	margin: 0 20px 0 0;

}

ul.clients li .client-hover {

	width: 104px;

}

footer .widget form input#appendedInputButton {

	display: block;

	width: 91%;

	-webkit-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

}

footer .widget form .input-append .btn {

	display: block;

	width: 100%;

	padding-right: 0;

	padding-left: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin-top: 10px;

}

ul.related-folio li {

	width: 156px;

	margin: 0 20px 0 0;

}

}

 @media (max-width: 767px) {

body {

	padding-right: 0;

	padding-left: 0;

}

#wrapper.boxed {

	width: 90%;

	margin: 0 auto;

}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

	margin-right: 0;

	margin-left: 0;

}

.navbar .nav {

	margin-top: 40px;

	border-bottom: 1px solid #2d2d2d;

}

div nav ul {

	display: none;

}

nav ul li {

	display: none;

}

select.selectmenu {

	display: block;

	width: 96%;

	margin-bottom: 20px;

	color: #111;

	margin-right: 20px;

	line-height: 30px;

	font-size: 13px;

	

}

select.selectmenu .bold {

	font-weight: bold;

}

.box {

	border-bottom: 1px solid #e9e9e9;

	padding-bottom: 20px;

}

#featured .flexslider .slide-caption {

	width: 90%;

	padding: 2%;

	position: absolute;

	left: 0;

	bottom: -40px;

}

/* slitslider */



.sl-slider h2 {

	font-size: 60px;

}

/* nivo slider */



.nivo-caption {

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 10px;

}

#inner-headline .breadcrumb {

	float: left;

	clear: both;

	width: 100%;

}

#inner-headline .search {

	float: left;

	margin-top: 20px;

}

.breadcrumb>li {

	font-size: 13px;

}

ul.portfolio li article a i.icon-48 {

	width: 20px;

	height: 20px;

	font-size: 16px;

	line-height: 20px;

}

.left-sidebar {

	border-right: none;

	padding: 0 0 0 0;

	border-bottom: 1px dotted #e6e6e6;

	padding-bottom: 10px;

	margin-bottom: 40px;

}

.right-sidebar {

	margin-top: 30px;

	border-left: none;

	padding: 0 0 0 0;

}

footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 {

	margin-bottom: 20px;

}

#sub-footer ul.social-network {

	float: left;

}

 [class*="span"] {

 margin-bottom: 20px;

}

}

 @media (max-width: 480px) {

header .logo {

	margin: 0 auto;

	text-align: center;

	margin-top: 0px;

	float: none;

}

header .logo img {

	margin-bottom: 0px;

}

header .logo h1 {

	font-size: 14px;

	margin: 0;

}

.bottom-article a.pull-right {

	float: left;

	margin-top: 20px;

}

.navbar .nav {

	margin-top: 40px;

	border-bottom: 1px solid #2d2d2d;

}

.search {

	float: left;

}

.flexslider .slide-caption {

	display: none;

}

/* nivo slider */



.nivo-caption {

	background: none;

	background-color: #d5a244;

}

.nivo-caption p {

	display: none;

}

.da-slide .da-img .video-container {

	margin-top: 50%;

}

.da-slide h2 {

	color: #fff;

	position: relative;

	font-size: 20px;

	width: auto;

}

.cta-text {

	margin: 0 auto;

	text-align: center;

}

.cta.floatright {

	float: none;

	margin: 0 auto;

	text-align: center;

}

.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {

	margin-top: -30px;

}

#twitter-wrapper {

	text-align: center;

	width: 100%;

	margin: 0 auto;

}

ul.portfolio li article a i.icon-48 {

	width: 20px;

	height: 20px;

	font-size: 14px;

}

}

 @media (max-width: 765px) {

#inner-headline {

	margin-top: 0px;

}

}

/* ============== options panel for live preview ======================= */







#t_options {

	position: fixed;

	top: 30px;

	left: -230px;

	width: 230px;

	background: #111;

	color: #fff;

	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);

	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);

	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);

	-o-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);

	z-index: 5000;

	font-size: 11px;

	font-family: 'Open Sans', arial, sans-serif;

}

#t_options hr {

	margin: 20px 0;

	border: 0;

	border-top: none;

	border-bottom: 1px dotted #999;

}

#t_options h6 {

	color: #fff;

	font-size: 14px;

}

/*#t_options input {

	width: 60px;*/

}

#t_options .col {

	width: 50px;

	margin: 0 10px 0;

}

.colorpicker {

	z-index: 5001;

}

.options_inner {

	position: relative;

	width: 100%;

	height: 100%;

}

.options_box {

	margin: 0 14px;

	padding: 10px 0 20px;

	overflow: hidden;

}

.options_box .solidline {

	margin-bottom: 10px;

}

.options_box h6 {

	text-align: center;

	font-weight: bold;

}

.options_box .full {

	width: 100%;

	overflow: hidden;

	padding-bottom: 10px;

}

.options_box .halfcol {

	width: 90px;

	float: left;

	margin: 0 5px;

}

.options_box .fourcol {

	width: 30px;

	float: left;

	margin: 0 5px;

}

.options_box .fourcol.color a {

	width: 30px;

	height: 30px;

	display: block;

	margin-bottom: 5px;

}

.options_box .halfcol .wideboxed h6 {

	font-size: 11px;

	font-weight: 600;

}

.options_toggle_holder {

	position: absolute;

	right: -40px;

}

.options_toggle {

	margin: 6px 0 0 4px;

	width: 40px;

	height: 40px;

	cursor: pointer;

	border: 1px solid #111;

	border-left: none;

	display: block;

	background: #111;

}

.options_toggle span .icon {

	margin: 10px 0 0 7px;

	display: block;

}

.options_toggle:hover, .options_toggle:focus, .options_toggle:active {

	outline: 0;

	text-decoration: none;

}

.options_heading {

	color: #fff;

	margin-top: 5px;

	margin-bottom: 20px;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: bold;

	letter-spacing: 2px;

	padding-bottom: 10px;

	border-bottom: 1px dotted #888;

}

/* colors */







.options_box a.t_default {

	background: #ef5523;

}

.options_box a.t_kissme {

	background: #6D0C1F;

}

.options_box a.t_lime {

	background: #C6DF45;

}

.options_box a.t_rose {

	background: #9E001D;

}

.options_box a.t_amethyst {

	background: #9b59b6;

}

.options_box a.t_asphalt {

	background: #34495e;

}

.options_box a.t_pomegranate {

	background: #c0392b;

}

.options_box a.t_pumpkin {

	background: #d35400;

}

.options_box a.t_lightorange {

	background: #f39c12;

}

.options_box a.t_red {

	background: #cb1103;

}

.options_box a.t_green {

	background: #9AC43C;

}

.options_box a.t_sand {

	background: #BFB372;

}

.options_box a.t_purple {

	background: #c81dbe;

}

.options_box a.t_yellow {

	background: #FFD053;

}

.options_box a.t_blue {

	background: #5C9CC7;

}

.options_box a.t_pink {

	background: #FF439E;

}

.bgr .bg {

	width: 28px;

	height: 28px;

	border: 1px solid #e6e6e6;

}

.bgr .bg.bg1 {

	background: url(../img/bodybg/bg1.png) repeat left top;

}

.bgr .bg.bg2 {

	background: url(../img/bodybg/bg2.png) repeat left top;

}

.bgr .bg.bg3 {

	background: url(../img/bodybg/bg3.jpg) repeat left top;

}

.bgr .bg.bg4 {

	background: url(../img/bodybg/bg4.png) repeat left top;

}

.bgr .bg.bg5 {

	background: url(../img/bodybg/bg5.png) repeat left top;

}

.bgr .bg.bg6 {

	background: url(../img/bodybg/bg6.png) repeat left top;

}

.bgr .bg.bg7 {

	background: url(../img/bodybg/bg7.png) repeat left top;

}

.bgr .bg.bg8 {

	background: url(../img/bodybg/bg8.jpg) repeat left top;

}

.bgr .bg.bg9 {

	background: url(../img/bodybg/bg9.png) repeat left top;

}

.bgr .bg.bg10 {

	background: url(../img/bodybg/bg10.png) repeat left top;

}

#accent_color {

	color: #fff;

	background: #ef5523;

	border: none;

	text-transform: uppercase;

	margin-left: 2px;

	text-align: center;

	outline: 0;

}

#bodybg_color {

	color: #fff;

	background: #ccc;

	border: none;

	text-transform: uppercase;

	margin-left: 2px;

	text-align: center;

	outline: 0;

}

/* Theme Styler :: End */



/*========================================*/







.nivo-caption, .caption {

	border-bottom: #d5a244 5px solid;

}

.mobile_erp {

	width: 348px;

	border: 1px solid brown;

	padding: 10px;

}

.mobileerp_sec {

	background: #e4e4e496;

}

.border_span6 {

	font-size: 15px;

	width: 550px;

	border-right: 1px solid #ccc;

	font-family: sans-serif;

}

.icon-hover:hover {

	color: #39F;

}

/*----our expertise*/	



.skillbar {

	position: relative;

	display: block;

	width: 100%;

	margin-bottom: 30px;

}

.skillbar-bar:before {

	background: red;

	content: "";

	height: 3px;

	position: absolute;

	width: 100%;

	z-index: -1;

}

.skillbar-bar {

	height: 3px;

	width: 0px;

	background: #000000;

	transition-property: width, background-color;

}

.skillbar-title {

	color: #333333;

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

	display: inline-block;

}

.skill-bar-percent {

	float: right;

	display: inline-block;

	color: #323232;

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

}

/* CENTERING ONLY */







.wrapper {

	position: relative;

	top: 50%;

	left: 0%;/* transform: translateX(-50%) translateY(-50%); */



}

.c_content {

	margin: 10 0 10px;

}

/**/ 



/*--------social draggable -----------*/

.draggable-monitor {

    background:url(../img/social-icon/drop_img.png) no-repeat center;

    height:110px;

    width:120%;

    margin-top:0px;

   /* margin-bottom:145px;*/

    position:relative;

	margin-left:-45px;

}

/*social link*/

.social-link {

    background:url(../img/social-link.png) no-repeat top left;

    display:inline-block;

    position:absolute;

}

.sprite-dribbble {

     background-position:0 -118px;

    width:69px;

    height:68px;

    left:73%;

    top:90px;

}

.sprite-facebook {

    background-position:0 -118px;

    width:69px;

    height:68px;

    left:73%;

    top:40px;

	

}

.sprite-flickr {

    background-position:0 -708px;

    width:69px;

    height:68px;

    left:13%;

    top:35px;

}

.sprite-github {

    background-position:0 -354px;

    width:69px;

    height:68px;

    left:34%;

    top:250px

}

/*.sprite-google-plus {

    background-position:0 -472px;

    width:69px;

    height:68px;

    right:20%;

    top:50px

}*/

.sprite-instagram {

    background-position:0 -590px;

    width:69px;

    height:68px;

    left:13%;

	top: 30px;

}

/*.sprite-linkedin {

    background-position:0 -708px;

    width:69px;

    height:68px;

    left:13%;

    top:20px;

}*/

.sprite-mail {

    background-position:0 -826px;

    width:69px;

    height:68px;

    left:47%;

    top:10px

}

.sprite-printerest {

    background-position:0 -944px;

    width:69px;

    height:68px;

    left:13%;

    top:-20px

}

/*.sprite-twitter {

    background-position:0 -1062px;

    width:69px;

    height:68px;

    left:13%;

    top:30px;

}*/

.sprite-behance

{

    background-position:0 -1180px;

    width:69px;

    height:68px;

    left:13%;

    top:90px;

	

}

.sprite-youtube {

    background-position:0 -1180px;

    width:69px;

    height:68px;

    left:73%;

    top:-10px;

	

}

.drag-arrow {

    /*background:url("../Portfolio/Portfolio/img/draggable-arrow.png") no-repeat;*/

    width:245px;

    height:119px;

    position:absolute;

    right:22%;

    top:-50px;

    z-index: 101;

}

.drag-place{

    height: 196px;

    margin: auto;

    position: relative;

    top: 14px;

    width: 314px;

    z-index: 100;





}



.social-link-drag {

    z-index: 102;

    -webkit-transition:all 0.0s !important;

    -moz-transition:all 0.0s !important;

    transition:all 0.0s !important;

}

.social-drag-hover{

    background:#d5a244;

	opacity:0.2;

    border:#d5a244 0px solid;

	border-radius:100px;

	border-width:1px;

	width:80px;

	height:80px;

	

}

/**/



/*html, body {



  height: 100%; }







html {



  box-sizing: border-box;



  font-size: 16px; }







*, *:before, *:after {



  box-sizing: inherit; }







body {



  margin: 0;



  line-height: 1.5;



  font-family: Roboto, Helvetica, Arial, sans-serif;



  color: #333; }



*/



/* main ie fix */



/*main {



  display: block; }







h1, h2, h3, h4, h5, h6 {



  font-family: "Roboto Slab", Times, "Times New Roman", serif; }







h1 {



  font-size: 2.2em; }







h2 {



  font-size: 2em; }







h3 {



  font-size: 1.8em; }







h4 {



  font-size: 1.6em; }







h5 {



  font-size: 1.4em; }







h6 {



  font-size: 1.2em; }



*/





a {

	color: #000000;

}

a:hover,  a:active {

	text-decoration: none;

}

.ul-reset {

	padding-left: 0;

	margin-top: 0;

	margin-bottom: 0;

	list-style: none;

}

.wrapper {

	width: 80%;

	margin-right: auto;

	margin-left: auto;

	padding-right: 20px;

	padding-left: 20px;

}

.header {

	text-align: center;

}

/*.navigation {



  background-color: #eee;



  font-weight: 700; }*/







.navigation-list {

	font-size: 0;

	padding-top: 10px;

	padding-bottom: 10px;

}

.navigation-item {

	font-size: 1.2rem;

	display: inline-block;

	zoom: 1;

	vertical-align: top;

}

.main {

	padding-top: 20px;

	padding-bottom: 20px;

}

.content-article {

	margin-top: 80px;

}

.content-article:first-child {

	margin-top: 0;

}

.content-article > h1:first-child {

	margin-top: 0;

}











/* media queries */



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

.wrapper {

	width: 90%;

}

}

.navigation-link {

	display: block;

	position: relative;

	padding: 5px 0px;

	text-decoration: none;

	color: #000000;

	transition: color .2s ease-in-out;

}

.navigation-link-center {

	display: block;

	position: relative;

	padding: 5px 0px;

	text-decoration: none;

	color: #000000;

	transition: color .2s ease-in-out;

}

.navigation-link-left {

	display: block;

	position: relative;

	padding: 5px 0px;

	text-decoration: none;

	color: #000000;

	transition: color .2s ease-in-out;

}

a:hover {

	color: #000000;

}

a :focus {

	color: #d5a244;

}

/* Animate from center */



/* Animate from left or right  */



/* Animate from left */



/* Animate from right */



/* Links */



.navigation-link:before {

	content: "";

	position: absolute;

	bottom: 0;

	border-bottom: solid 2px #d5a244;

	width: 0;

	transition: width .2s ease-in-out;

	right: 0;

}

.navigation-link:hover:before {

	width: 100%;

}

.navigation-link:hover:focus {

	color: #d5a244;

}

.navigation-link-left:before {

	content: "";

	position: absolute;

	bottom: 0;

	border-bottom: solid 2px #d5a244;

	width: 0;

	transition: width .2s ease-in-out;

	left: 0;

}

.navigation-link-left:hover:before {

	width: 100%;

	border-bottom: solid 2px #d5a244;

}

.navigation-link-left:focus:before {

	width: 100%;

	color: #000000;

	border-bottom: solid 2px #d5a244;

}

.navigation-link-center:before {

	content: "";

	position: absolute;

	bottom: 0;

	border-bottom: solid 2px #d5a244;

	width: 100%;

	left: 0;

	transform: scaleX(0);

	transition: transform .2s ease-in-out;

}

.navigation-link-center:hover:before {

	transform: scaleX(1);

}

.number {

	color: #fff;

}

#inner-headline ul.breadcrumb {

	margin: 0px 0 0;

	float: left;

}

.icon-home {

	color: #ffffff;

}

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

.copyright_right {

	text-align: center;

}

.copyright_left {

	text-align: center;

}

.testimonial-section-one .client-thumb-outer {

	width: 100px;

}

.load_more {

	margin-top: 20px;

	margin-left: 34%;

}

body {

	overflow-x: hidden;

}

.corner_r img {

	margin-top: 0px;

}

#inner-headline_about {

   

    height: 220px;

   

    margin-top: 10px;

    width: 100%;

}

#inner-headline_about .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_testi{

    background-image:url(../img/b_c_testimonials.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

   margin-top: 170px;

    width: 100%;

}

#inner-headline_testi .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_contact {

    background-image:url(../img/b_c_contact.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

    margin-top: 170px;

    width: 100%;

}

#inner-headline_contact .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_service {

    background-image:url(../img/b_c_service.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

    margin-top: 170px;

    width: 100%;

}

#inner-headline_service .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_port {

    background-image:url(../img/b_c_portfolio.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

    margin-top: 170px;

    width: 100%;

}

#inner-headline_port .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_about {

    background-image:url(../img/b_c_about.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

    margin-top: 170px;

    width: 100%;

}

#inner-headline_about .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}



#inner-headline_terms_condition{

    background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_terms.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

   margin-top: 170px;

    width: 100%;

}

#inner-headline_terms_condition .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}



#inner-headline_privacy{

    background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_policy.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

   margin-top: 170px;

    width: 100%;

}

#inner-headline_privacy .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}

#inner-headline_terms_career{

    background-image:url(../img/Breadcrumb_images/Breadcrumb_images/b_c_2_career.png);

    height: 207px;

    background-repeat: no-repeat;

    position: relative;

    margin: 0;

    padding: 0px;

    color: #fefefe;

   margin-top: 170px;

    width: 100%;

}

#inner-headline_career .inner-heading h2 {

    

    margin: 65px 0 0 0;

    

}



ul.portfolio-categ  {

    margin: 40px 30px 30px -80px;

    list-style: none;

	

}

.scrollup {

	margin-right: -10px;

	top:95%;

	

	z-index:200;

}
.scrollup1 {

	margin-right: -10px;

	top:89%;

	

	z-index:200;

}



#featured {

	background: #fcfcfc;

	position: relative;

	margin: 0;

	padding: 0;

	margin-top:151px;

}



.testimonial-block-one .quote-icon {

   /* position: absolute;

    top: 350px;

    left: 86px;

    width: 100px;

    height: 100px;

    line-height: 100px;

    background: #000;

    color: #fff;

    font-size: 30px;

    text-align: center;

    margin-left: 46px;

    z-index: 10000;

	margin-top:-50px;

	overflow:hidden;*/

	display:none;

}

.testimonial-block-one .text {

    font-size: 15px;

    margin-bottom: 0px;

	margin-top:-70px;

}

.testimonial-section-one .author-content h3 {

    font-family: 'Montserrat', sans-serif;

    color: #222;

    font-size: 20px;

    font-weight: 400;

	margin-top:20px;

	margin-bottom:-28px;

	

}



.icon-32 {

    width: 24px;

    height: 24px;

    padding: 8px;

    font-size: 16px;

    line-height: 24px;

    float: right;

    margin: 36px 0px 0px 0px;

}

/*---social icon css responsive*/

.draggable-monitor {

    background:none;

    height:110px;

    width:120%;

    margin-top:0px;

   /* margin-bottom:145px;*/

    position:relative;

	margin-left:-45px;

}

/*--------social draggable -----------*/

.draggable-monitor {

    /*background:url(../img/social-icon/drop_img.png) no-repeat center;*/

    height:110px;

    width:120%;

    margin-top:0px;

   /* margin-bottom:145px;*/

    position:relative;

	margin-left:-45px;

}

/*social link*/

.social-link {

    background:url(../img/social-link.png) no-repeat top left;

    display:inline-block;

    position:absolute;

}

.sprite-dribbble {

     background-position:0 -118px;

    width:69px;

    height:68px;

    left:73%;

    top:30px;

}

.sprite-facebook {

    background-position:0 -118px;

    width:69px;

    height:68px;

    left:43%;

    top:40px;

	

}

.sprite-flickr {

    background-position:0 -708px;

    width:69px;

    height:68px;

    left:13%;

    top:35px;

}

.sprite-github {

    background-position:0 -354px;

    width:69px;

    height:68px;

    left:34%;

    top:250px

}

/*.sprite-google-plus {

    background-position:0 -472px;

    width:69px;

    height:68px;

    right:20%;

    top:50px

}*/

.sprite-instagram {

    background-position:0 -590px;

    width:69px;

    height:68px;

    left:43%;

	top: -20px;

}

/*.sprite-linkedin {

    background-position:0 -708px;

    width:69px;

    height:68px;

    left:13%;

    top:20px;

}*/

.sprite-mail {

    background-position:0 -826px;

    width:69px;

    height:68px;

    left:47%;

    top:10px

}

.sprite-printerest {

    background-position:0 -944px;

    width:69px;

    height:68px;

    left:13%;

    top:-20px

}

/*.sprite-twitter {

    background-position:0 -1062px;

    width:69px;

    height:68px;

    left:13%;

    top:30px;

}*/

.sprite-behance

{

    background-position:0 -1180px;

    width:69px;

    height:68px;

    left:13%;

    top:30px;

	

}

.sprite-youtube {

    background-position:0 -1180px;

    width:69px;

    height:68px;

    left:73%;

    top:-20px;

	

}

.drag-arrow {

    /*background:url("../Portfolio/Portfolio/img/draggable-arrow.png") no-repeat;*/

    width:245px;

    height:119px;

    position:absolute;

    right:22%;

    top:-50px;

    z-index: 101;

}

.drag-place{

    height: 196px;

    margin: auto;

    position: relative;

    top: 14px;

    width: 314px;

    z-index: 100;





}



.social-link-drag {

    z-index: 102;

    -webkit-transition:all 0.0s !important;

    -moz-transition:all 0.0s !important;

    transition:all 0.0s !important;

}

.social-drag-hover{

    background:#d5a244;

	opacity:0.2;

    border:#d5a244 0px solid;

	border-radius:100px;

	border-width:1px;

	width:80px;

	height:80px;

	

}

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

}

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

	#featured {	



	margin-top:30%;

}

}



@media (max-width: 767px)

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

    margin-right: 0;

    margin-left: 0;

}

@media (max-width: 767px)

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

    margin-right: 0;

    margin-left: 0;

}



@media (max-width: 979px)

.navbar-fixed-top {

    margin-bottom: 20px;

}

@media (max-width: 979px)

.navbar-fixed-top, .navbar-fixed-bottom {

    position: static;

}

@media (max-width: 767px)

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

    margin-right: -20px;

    margin-left: -20px;

}

@media (max-width: 979px)

.navbar-fixed-top {

.navbar-fixed-top {

    top: 0;

    opacity: 0.9;

}

.navbar-fixed-top, .navbar-fixed-bottom {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030;

    margin-bottom: 0;

}

.navbar {

    margin-bottom: 20px;

    overflow: visible;

}

}

@media (max-width: 979px)

.navbar-fixed-top {

#inner-headline_about {

   

    margin-top: 150px;

}

}

/*-----media query css start ---------*/

/* Nav Menu */



/*.nav-menu {

	background-color: #ffffff;

    padding: 13px px;

    

    position: relative;

    float: left;

    margin-left:40%;

}



div.nav-menu ul {

	margin: 0;

	padding: 0;

}



div.nav-menu ul li {

	list-style: none;

	float: left;

}



div.nav-menu ul li a:link,

div.nav-menu ul li a:visited {

	display: block;

	font-size: 90%;

	padding: 10px 25px 10px 0;

	color: #305782;

	text-decoration: none;

	font-weight: bold;

}

.menu-trigger {

	display: none;

}



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

	

	.menu-trigger {

		display: block;

		color: #305782;

		background-color: #d5dce4;

		padding: 10px;

		text-align: right;

		font-size: 83%;

		cursor: pointer;

	}

	

	div.nav-menu {

		display: none;

	}

	

	div.nav-expanded {

		display: block;

	}

	

	div.nav-menu ul li {

		float: none;

		border-bottom: 2px solid #d5dce4;

	}

	

	div.nav-menu ul li:last-child {

		border-bottom: none;

	}

	

}







.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

@media (max-width: 392px)

header .logo {

    margin: 0 auto;

    text-align: center;

     margin-top: 0px; 

    float: none;

}

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

div.nav-menu {

	background-color: #ffffff;

    padding: 13px px;

    width:100%;

    position: relative;

    float: left;

    margin-right:-50px;

}

}*/

.number {

    display: inline-block;

    margin-right: 30px;

    flex-shrink: 0;

    flex-basis: 90px;

    line-height: 40px;

    text-align: center;

    /* border-radius: 50%; */

    background-color: #d5a244;

    color: #fff;

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 999;

    width: 45px;

}





/*.wrap {

  position: relative;

  width: 5 0%;

  margin: 50px auto;

}

/*our team slider css start */

/*.slider {

  width: 65%;

margin: 50px auto;

overflow: hidden;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

height: 350px;

}

.slider__row {

  display: flex;

  position: relative;

  left: 0;

  width: 1536px;

  overflow: hidden;

  transition: .5s;

}*/

.our_team_1 {

  position: relative;

  width: 0%;

}



.image {

  display: block;

  width: 100%;

  height: auto;

}



.overlay_1 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_1 {

  height: 100%;

}



.text_1 {

  color: white;

  font-size: 20px;

  position: absolute;

   top:50%;

   left:50%;

   width:100%;

   padding:0px 20px 0px 20px;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  text-align: center;

}

.sub_text{

	margin-top:60%;

	color:#ffffff;

	font-size:13px;

	font-family:Verdana, Geneva, sans-serif;

	line-height:10px;

	text-align:center;

}



.our_team_2 {

  position: relative;

  width: 0%;

}



.overlay_2 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_2 {

  height: 100%;

}





.overlay_3 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_3 {

  height: 100%;

}





.overlay_4 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color:  #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_4 {

  height: 100%;

}







.overlay_5 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_5 {

  height: 100%;

}



.overlay_6 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color:  #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_6 {

  height: 100%;

}







.overlay_7 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color:  #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_7 {

  height: 100%;

}



.overlay_8 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #ba4344cc;

  overflow: hidden;

  width: 100%;

  height: 0;

  transition: .5s ease;

}



.our_team:hover .overlay_8 {

  height: 100%;

}



/*our team slider css end */