@charset "utf-8";


@import url("fontawesome-4.2.0.min.css");
@import url("../scripts/nivo-lightbox/nivo-lightbox.min.css");
@import url("framework.css");


/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */

/* Header
--------------------------------------------------------------------------------------------------------------- */



/* Homepage Slider
--------------------------------------------------------------------------------------------------------------- */


/* Content Area
--------------------------------------------------------------------------------------------------------------- */

/* Content */

/* Comments */


/* Footer
--------------------------------------------------------------------------------------------------------------- */


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */

/* Top Navigation */

/* Breadcrumb */

/* Sidebar Navigation */

/* Pagination */

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box; color:#000}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:0px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}
#gallery li a{display:block;}


/* Portfolio
--------------------------------------------------------------------------------------------------------------- */
#portfolio{display:block; width:100%; margin-bottom:20px;}
#portfolio li, #portfolio img{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */


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


/* Rounded Corners
--------------------------------------------------------------------------------------------------------------- */
.rounded, input, button, textarea, #header input, #footer input, #slide-wrapper figcaption, .avatar, #comments li, .faico a, #twitter, 
.pagination a, .pagination strong{border-radius:8px;}

#header button, #footer button{border-radius:0 8px 8px 0;}

#mainav li li:last-child a{border-radius:0 0 8px 8px;}
#mainav li li:first-child a, #slide-wrapper figure img, #slide-wrapper figure .view:hover::before{border-radius:8px 8px 0 0;}

#slider #slide-tabs li:first-child a{border-radius:0 0 0 8px;}
#slider #slide-tabs li:last-child a{border-radius:0 0 8px 0;}


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


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#F9F9F9;}

a{color:#177ec2; }

hr, .borderedbox{border-color:#D7D7D7;}

label span{color:#FF0000; background-color:inherit;}

.rounded{color:inherit; background-color:#F9F9F9;}


/* Rows */
.row0, .row0 a{color:#F9F9F9; background-color:#152437;}
.row1{color:#979797; background-color:#152437;}
.row1 a{color:#F9F9F9; background-color:inherit;}
.row2, .row2 a{color:#a2a8b0; background-color:inherit;}
.row3{color:#333333; background-color:inherit;}
.row4{color:#979797; background-color:inherit;}
.row5, .row5 a{color:#55ABDA; }


/* Top Bar */
#topbar li{border-color:#FFFFFF;}


/* Header */
#header input{color:#979797; background-color:#FFFFFF;}
#header button{color:#F9F9F9; background-color:#55ABDA;}


/* Homepage Slider */


/* Content Area */
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .heading{border-color:#D7D7D7;}

#twitter{color:#FFFFFF; background-color:#06213F;}
#twitter div:first-child{border-color:#FFFFFF;}

.listing li{border-color:#D7D7D7;}

.quickinfo li a{color:#666666; background-color:#DEDACB;}
.quickinfo li a:hover{color:#FFFFFF; background-color:#06213F;}


/* Footer */



/* Navigation */



/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#f2f2f2;}
tr:nth-child(odd), #comments li:nth-child(odd){color:inherit; background-color:#FFFFFF;}
table a, #comments a{background-color:inherit;}


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


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
}

@media screen and (min-width:180px) and (max-width:900px) {
	.wrapper{max-width:95%;}

	
}

@media screen and (min-width:750px) and (max-width:900px) {
	.quickinfo{font-size:11px; line-height:1.2em;}
	.quickinfo li a{padding:20px 5px 0 85px;}
}


/* Max Wrapper Width
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:978px) {
	.wrapper{max-width:978px;}
}


/* Other
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
}

.nospace span{font-weight:bold; float:right; margin-right:10%}

.listing  p .title_service{color:#669900; font-weight:bold;}

.index_p{font-size:16px; line-height:23px;}

#topbar li a:hover{color:#ffcd32}
#topbar .li_active{color:#ffcd32}
 .li_active{color:#ffcd32}
 
 .sdb_holder .li_side a:hover{color:#ffcd32}
 .sdb_holder .li_side_act{color:#ffcd32; font-weight:bold}
 
 
table td{text-align:center; padding-top:6%;}

.name-pro{text-align:center; padding-top:7%;}
table, th{text-align:center;}

.tab-pro  th{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box; color:#fff; }
.tab-pro .th-srl{width:60px}
.tab-pro .th-name-item{width:190px}
.tab-pro .th-about{width:32%}
.tab-pro .th-sol{width:350px}
.tab-pro .th-sol-about{width:150px}
td{border-width:0 1px;}
table td{text-align:center; padding:10px 0;border-bottom:1px solid #000 }