/*--------------------------------------------------------------------------
+  GENERAL
--------------------------------------------------------------------------*/
body,
button,
input,
select,
textarea { 
	font-family: Lato, "Open Sans", sans-serif;
	color: #808080; 
	margin: 0; 
	font-size: 16px; 
	line-height: 25px;
	font-weight: 300;
}

body {}

/*boxed-layout*/
.boxed-layout {
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}

.clearfix { clear: both; }

/* H1&H3 for page titles */
h1, h2, h3, h4, h5, h6 { 
	font-family: Lato, "Open Sans", sans-serif;
	color: #272C37;
	font-weight: 500;
	margin-top: 0;
	line-height: 100%;
} 
h1 { font-size: 56px; margin-bottom: 10px; }  
h2 { font-size: 44px; margin-bottom: 10px; } 
h3 { font-size: 32px; margin-bottom: 10px; }
h4 { font-size: 28px; margin-bottom: 10px; }
h5 { font-size: 24px; margin-bottom: 10px; }
h6 { font-size: 18px; margin-bottom: 10px; }
p { 
	font-family: Lato, "Open Sans", sans-serif; 
	font-size: 16px; 
	line-height: 25px;
	font-weight: 300;
	color: #808080;
}
a { 
	text-decoration: none;
	color: #FC992E;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a:hover { color: #75787B; text-decoration: underline; }
a:focus { outline: none; }
button {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

form-signin  {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
     

/*default padding*/
.content { padding: 45px 0; background: white; }
.content-2 { padding: 100px 0; background: white; }
.padd { padding: 20px; }

/*default color*/
.piksell-color { color: #FC992E; }
.piksell-color2 { color: #FF0000; }

/*small-font*/
.small-text { font-size: 14px; }

/*WEIGHT*/
.weight-100 { font-weight: 100; }
.weight-200 { font-weight: 200; }
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }

.color-white { color: white; }

/*--------------------------------------------------------------------------
+  ELEMENTS STYLES
--------------------------------------------------------------------------*/
/*LIST STYLES*/
/*default list*/
ul { padding: 0 0 0 20px; }
ul li { margin-bottom: 5px; }
ol { padding: 0 0 0 20px; }
ol li { margin-bottom: 5px; }
.no-bullets { list-style-type: none; padding: 0; }
.no-bullets li { margin-bottom: 5px; }
/*styled lists*/
ul.inline-block { list-style-type: none; margin: 0; padding: 0; }
ul.inline-block li { display: inline-block; *display: block; }
/*list style 1*/
ul.list1 { list-style:none; padding-left: 22px; overflow: hidden; }
ul.list1 li { position: relative; padding: 4px 0 4px; }
ul.list1 li:before { content: ''; display: block; position: absolute; border: 1px solid #01c1c1; left:-19px; top: 13px; width: 9px; height: 9px; border-radius: 100%; }
/*list style 2*/
ul.list2 { list-style:none; padding-left: 22px; overflow: hidden; }
ul.list2 li { position: relative; padding: 4px 0 4px; }
ul.list2 li:before { content: ''; display: block; position: absolute; border: 1px solid #01c1c1; left:-19px; top: 13px; width: 9px; height: 9px; }
/*list style 3*/
ul.list3 { list-style:none; padding-left: 22px; padding: 0; }
ul.list3 li { padding: 4px 0 4px; }
ul.list3 li i.fa { color: #01c1c1; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 4px; }
/*list style 4*/
ul.list4 { list-style:none; padding-left: 22px; padding: 0; }
ul.list4 li { padding: 4px 0 4px; }
ul.list4 li i.fa { background: #01c1c1; color: #fff; width: 17px; height: 17px; line-height: 20px; text-align: center; margin-right: 8px; font-size: 11px; border-radius: 100%; }
/*list style 5*/
ol.list5 { counter-reset: li; list-style: none outside none; padding: 0; overflow: hidden; }
ol.list5 li { position: relative; padding: 4px 0 4px 34px; }
ol.list5 li:after { content: counter(li, decimal-leading-zero) "."; counter-increment: li; position: absolute; left:2px; top:50%; margin-top: -12px; color:#21252b; width: 26px; height: 26px; text-align: center; line-height: 26px; }
/*list style 6*/
ol.list6 { overflow: hidden; }
ol.list6 li { position: relative; padding: 4px 0 4px; }
/*list dividers*/
ul.list-solid li { border-bottom: 1px solid #e3e7e9; padding: 3px 0 10px 0; }
ul.list-solid li:last-child { border-bottom: 0px; }
/*dotted divider*/
ul.list-dotted li { border-bottom: 1px dotted #e3e7e9; padding: 3px 0 10px 0; }
ul.list-dotted li:last-child { border-bottom: 0px; }
/*dashed divider*/
ul.list-dashed li { border-bottom: 1px dashed #e3e7e9; padding: 3px 0 10px 0; }
ul.list-dashed li:last-child { border-bottom: 0px; }

/*BUTTON STYLES*/
/*default*/
.pi-btn-default { background: #01c1c1; color: #f4f6f6; border: 1px solid #00aeae; box-shadow: inset 0 1px 0px rgba(255,255,255, 0.2); }
.pi-btn-default:hover { background: #00aeae; color: #fff; border: 1px solid #019191; }

/*border buttons*/
.btn-border { background: transparent; color: #21252b; }
/*button icon*/
a.btn .fa { width: 25px; }
button.btn .fa { width: 25px; }

.no-rounded { border-radius: 0px; }

.btn-lg { font-size: 16px; }

.btn-xlg {
	padding: 14px 20px;
	font-size: 16px;
	line-height: 1.33;
}


/*SECTION COLOR*/
.section-grey { background: #fafafa; }
.section-dark { background: #21252b; color:#fff; opacity:0.9;}
.section-dark h1 { color: #fff; }
.section-dark h2 { color: #fff; }
.section-dark h3 { color: #fff; }
.section-dark h4 { color: #fff; }
.section-dark h5 { color: #fff; }
.section-dark h6 { color: #fff; }
.section-dark p { color: #fff; }


/*MARGINS*/
.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-25 { margin: 25px; }
.margin-30 { margin: 30px; }
.margin-35 { margin: 35px; }
.margin-40 { margin: 40px; }
.margin-45 { margin: 45px; }
/*margins-top*/
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
/*margins-left*/
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-45 { margin-left: 45px; }
/*margins-bottom*/
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
/*margins-right*/
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-45 { margin-right: 45px; }

/*box-shadow*/
.box-shadow { box-shadow: 0px 1px 2px #dcdede; }


/*TYPOGRAPHY*/
.lead { font-weight: 300; }
em { font-size: 1.4em; line-height: 1.2em; margin-bottom: 20px; display: inline-block; }
/*dropcap*/
.dropcap { font-size: 48px; line-height: 100%; font-weight: 500; float: left; margin: 0 15px 0px 0; }
.dropcap-bg { 
	font-size: 38px;
	font-weight: 500; 
	float: left; 
	margin: 8px 10px 7px 0; 
	background: #01c1c1;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.form-signin {
        max-width: 370px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }

/*text style*/
a.dark-link { color: #2d323a; }
a.dark-link:hover { color: #01c1c1; }

/*letter spacing*/
.letter-spacing { letter-spacing: 1px; }
.letter-spacing-3 { letter-spacing: 3px; }

/*divider*/
hr.divider { border-top: 1px solid #a5b3b4; }
hr.divider-big { margin: 40px 0; }
hr.divider-bigger { margin: 60px 0; }
hr.divider-dotted { border-top: 1px dotted #a5b3b4; }
hr.divider-dashed { border-top: 1px dashed #a5b3b4; }
hr.divider-double-dotted { height: 5px; border-top: 1px dotted #a5b3b4; border-bottom: 1px dotted #a5b3b4; }
hr.divider-double-dashed { height: 5px; border-top: 1px dashed #a5b3b4; border-bottom: 1px dashed #a5b3b4; }
hr.divider-piksell { height: 12px; background: url(/cm/images/header-bg.PNG) repeat; border: 0px; }
hr { border: 0; }



/*--------------------------------------------------------------------------
+  BOOTSTRAP ELEMENTS
--------------------------------------------------------------------------*/
/*FORMS*/
.form-group { margin-bottom: 20px; }
.input-group { margin-bottom: 20px; }
.input-group-addon { background: #e7e9e9; border: 1px solid #e7e9e9; }
.input-group-addon .fa { width: 20px; }
input[type="checkbox"] { margin: 7px 10px 0 0; }
label { font-size: 14px; font-weight: 300; }

textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, select.form-control, .uneditable-input { 
	border: 1px solid #e7e9e9;
	outline: none;
	-webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, select.form-control:focus, .uneditable-input:focus { border: 1px solid #d6d7d7; outline: 0 none; }

.form-control-feedback { margin-top: 6px; }

.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline { color: #c9220a; }

.has-success .form-control { border-color: #168949; }
.has-warning .form-control { border-color: #96642e; }
.has-error .form-control { border-color: #c9220a; }

.has-success .form-control-feedback { color: #168949; }
.has-warning .form-control-feedback { color: #96642e; }
.has-error .form-control-feedback { color: #c9220a; }


/*--------------------------------------------------------------------------
+	Headers style
--------------------------------------------------------------------------*/
/*HEADER VERSIONs*/
#top-header { padding: 6px 0 3px 0; }
.top-header .logo { margin: 7px 0; }
.top-header ul li { font-size: 14px; margin-right: 5px; color: #21252b; }
.top-header ul li i.fa-phone { margin-right: 5px; }
.top-header ul li i.fa-envelope { margin-right: 5px; }
.top-header ul li a { color: #21252b; }
.top-header ul li a:hover { color: #21252b; }

/*top-navigation*/
ul.top-navigation li.languages-nav { position: relative; z-index: 9999; }
ul.top-navigation li.languages-nav a:hover { cursor: pointer; text-decoration: none; }
ul.top-navigation li.languages-nav ul li a:hover { text-decoration: underline; }
ul.top-navigation li.languages-nav:hover ul.languages { margin: 0 0 0 0; visibility:visible; opacity: 1; }
ul.languages { 
	background: #21252b; 
	color: #fff; 
	position: absolute; 
	padding: 10px 0 3px 0; 
	margin: 20px 0 0 0;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.languages li { display: block; width: 100%; padding: 3px 30px 3px 15px; margin: 0; }
ul.languages li a.active { text-decoration: underline; }

.dark { background: #21252b; }
.light { background: #ffffff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.dark .top-header ul li { color: #b0bac2; }
.dark .top-header ul li a { color: #b0bac2; }

@media (max-width: 1200px) {
	
}
@media (min-width: 768px) and (max-width: 992px) {
	.copyrights ul li { font-size: 14px; margin: 0 7px 7px 0; color: #777777; }	
}
@media (min-width: 480px) and (max-width: 768px) {
	ul.social li.s-icon { display: none; }
}
@media (max-width: 480px) {
	ul.social li.s-icon { display: none; }
	ul li.fa-hide { display: none; }
}

/*in dark content*/
.dark p { color: #b0bac2; }

/*header*/
header { position: relative; padding-top:60px; padding-bottom:60px;}

header .no-slider { position: relative; color: #fff; }
header .no-slider h1 { color: #fff; }
header .no-slider p { color: #fff; margin: 30px 0; font-size: 18px; }

#happy-clients p { margin: 30px 0; }
#happy-clients span.logo { margin-right: 10px; }

#contact p { margin-top: 20px; }
#contact a.btn { margin: 20px 0; }

/*header text*/
.header-text { padding: 40px 0 30px 0;  text-align: left; color: #21252b; }
.header-text.style1 { background-color: #01c1c1; }
.header-text.style1 h5 { color: #fff; }
.header-text.style1 p { color: #fff; }
.header-text .btn-buy { text-align: right; }

@media (min-width: 480px) and (max-width: 768px) {
	.header-text { text-align: center; }
	.header-text .btn-buy { text-align: center; }
}
@media (max-width: 480px) {
	.header-text { text-align: center; }
	.header-text .btn-buy { text-align: center; }
}

/*--------------------------------------------------------------------------
+	Footers
--------------------------------------------------------------------------*/
/*footer*/
#footer { color: #b0bac2; padding: 30px 0 0 0; }
#footer p { color: #b0bac2; font-size: 15px; }
#footer address i { color: #b0bac2; font-size: 14px; }
#footer h4 { color: #fff; }
#footer h5 { color: #fff; }
.footer { background: transparent; padding-bottom: 30px; }
address i.fa { width: 20px; }
.copyrights { background: #282c32; padding: 20px 0 10px 0; text-align: left; }
.copyrights p { font-size: 14px; }
.copyrights ul li { font-size: 14px; margin: 0 7px 0px 0; color: #b0bac2; }
.copyrights a { color: #b0bac2; }


/*HEADING OPTIONS*/
.line { width: 50px; height: 1px; background: #01c1c1; margin: 0px auto 70px auto; text-align: center; }
.line-left { width: 50px; height: 1px; margin: 10px 0 25px 2px; background: #01c1c1; }
/*heading*/
.heading { position: relative; overflow: hidden; padding: 20px 0; }

/*heading v3*/
.heading-v3 span { display: inline-block; position: relative; }
.heading-v3 span:before,
.heading-v3 span:after {
	content: "";
	position: absolute;
	height: 12px;
	background: url(../img/header-bg.PNG) repeat;
	top: 35%;
	width: 1200px;
}
.heading-v3 span:before { right: 100%; margin-right: 15px; }
.heading-v3 span:after { left: 100%; margin-left: 15px; }

.appform {
	float:left;
}

.committees {
	float:right;
}

@media (max-width: 991px) {
.committees {
	float:left;
}	
}

@media (max-width: 1200px) {
	
}
@media (min-width: 768px) and (max-width: 992px) {
	.copyrights ul li { font-size: 14px; margin: 0 7px 7px 0; color: #777777; }	
}
@media (min-width: 480px) and (max-width: 768px) {
	
}
@media (max-width: 480px) {
	
}