/******** BOF by developer 110 on 10/8/2014 *******/

/***** BOF common css *****/

@font-face {
            font-family: "Lithos Pro";
            src: url('fonts/lithos-pro.eot');
            src: url('fonts/lithos-pro.eot?#iefix') format('embedded-opentype'),
            url('fonts/lithos-pro.svg#Lithos Pro') format('svg'),
            url('fonts/lithos-pro.woff') format('woff'),
            url('fonts/lithos-pro.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
           }
@font-face {
            font-family: "Lato";
            src: url('fonts/Lato-Regular.eot');
            src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
            url('fonts/Lato-Regular.svg#Lato') format('svg'),
            url('fonts/Lato-Regular.woff') format('woff'),
            url('fonts/Lato-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
           }
@font-face {
            font-family: "Lato Light";
            src: url('fonts/Lato-Light.eot');
            src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
            url('fonts/Lato-Light.svg#Lato') format('svg'),
            url('fonts/Lato-Light.woff') format('woff'),
            url('fonts/Lato-Light.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
           }
body { margin: 0; font-family:'Lato'; color:#868888; font-weight:400; }
.container { width:1100px; margin:0 auto; background:#ffffff; }
ul { margin:0; padding:0; }
ul, li { list-style:none; }
a { text-decoration:none; color:#868888; }
img { border:0; }
p { font-family: 'Lato'; font-size: 15px; line-height: 21px; margin: 19px 0 0; }

/***** EOF common css *****/

/****** BOF header *******/

/******* BOF Navigation css ********/

#nav { padding: 25px 0 0; }
#nav ul { float: right; text-align: right; }
#nav li { float: left; font-size: 14px; padding: 0 4px; position: relative; height: 25px; }
#nav a { font-size: 13px; font-family: 'Lato'; }
#nav li a:hover { color: #1badc2; }
#nav li .sub-menu { float: none; position: absolute; text-align: center; width: auto; display:none; left: -8px; top: 25px; }
#nav li .sub-menu li { background: none repeat scroll 0 0 #868888; float: none; margin-bottom: 1px; padding: 6px 9px; height: auto; }
#nav li:hover > ul { display:block; }
.sub-menu a { color: #FFFFFF !important; }
#nav li .sub-menu a:hover { color: #fff; }
#nav li .sub-menu li:hover { background: none repeat scroll 0 0 #1badc2; }
#nav li .defaultactive { color: #00B0C6; }
#nav li.defaultactive a { color: #00B0C6; }
#nav li .sub-menu .defaultactive, #nav li .sub-menu .default { color: #FFFFFF !important; background: none repeat scroll 0 0 #1badc2; }
.defaultactive .sub-menu { display: block !important; }
.default.defaultactive .sub-menu, .defaultactive .sub-menu { display: block !important; }
.line { padding: 0 6px !important; margin-top: 1px; }

/******* EOF Navigation css ********/

.logo { clear: both; padding: 24px 20px 18px; }

/****** EOF header *******/

/***** BOF inner pages css *****/

.inner-container { float: left; width: 100%; padding: 3px 0 0; }

/* BOF slider css  */

#slideshow { position: relative; width: 861px; height: 323px; float: right; padding-top: 1px; }
#slideshow > div { position: absolute; }

/* EOF slider css  */

.heading { clear: both; float: right; padding:0; width: 863px; }
.heading p {  font-family: Lato Light; font-size: 26px; font-style: normal; font-weight: 400; margin: 28px 0; }
.bottom-logos { clear: both; padding: 50px 11px 0 0; text-align: right; }
.clients-banner { position: relative; top: -8px; float:right; }
.testimoni-banner { position: relative; top: -10px; }
.content { clear: both; float: right; width: 861px;  padding: 7px 0 0; }
.content li { float: left; padding: 0 190px 0 0; }
h6 { font-size: 15px; margin: 22px 0 0; }
.content li:last-child { padding: 0; }
.content h1 { color: #1BADC2; }
.content h1 { color: #1BADC2; font-size: 27px; letter-spacing: 5px; font-weight: normal; margin-bottom: 26px; }
.sub-heading { clear: both; color: #1BADC2; letter-spacing: 3px; text-align: right; width: 243px; font-size: 15px; }
.content-services { clear: both; float: right; width: 861px; }
.content-services p { margin: 0; padding: 0 0 17px; }
.content-services span { font-style: italic; font-weight: bold; }
.sub-heading span { font-family: "Lithos Pro"; }
.content-clients li { float: right;margin-right: 10px; }
.content-clients { display: block; float: right; width: 405px; position: relative; top: 300px; }
.content-clients span { font-style: italic; font-weight: bold; }
.testimoni-heading { color: #868887 !important; font-size: 15px !important; letter-spacing: 0 !important; }
.content.testimonial span { font-weight: bold; }
.content.testimonial { clear: both; float: right; padding: 7px 0 0; position: relative; top: -186px; width: 861px; }
.content-clients li:first-child { padding-left: 0;margin-right: 15px; }
.space {clear: both;}

/***** EOF inner pages css *****/

/***** BOF footer css *****/

.footer { clear: both; }

/***** EOF footer css *****/

/******** EOF by developer 110 on 10/14/2014 *******/