/** custom style **/


#topBar ul li a {
text-transform:none !important;
}

li.topbaremail {
padding-top: 7px !important;
padding-left: 10px !important;
}

li.topbaremail a {
text-transform: lowercase !important;
font-size: 14px;
color:#fff;
text-decoration: none;
padding: 10px 10px 10px 0px;
}

li.topbaremail>i, li.topbarphone>i {
margin-right:5px;
filter: alpha(opacity=50);
opacity:0.5;
font-size: 14px;
}

li.topbarphone a {
font-size: 14px !important;
display: inline !important;
color:#fff;
padding: 10px 10px 10px 0px !important;
}

img.imgright {
border: 1px solid #CCCCCC;
float: left;
margin: 5px 20px 10px 0;
padding: 2px;
}

p, li {
    line-height: 1.7 !important;
}
p {
    margin-bottom: 20px !important;
}

#portfolio h3 {
font-size: 17px !important;
line-height: 24px !important;
margin: 0;
}



.cblock>h1 {
font-size: 30px;
font-weight: 400;
}

.cblock>h2, .cblock>div>h2 {
font-size: 26px;
font-weight: 400;
margin: 32px 0px 26px 0px;
}

.cblock>h3, .cblock>div>h3 {
font-size: 24px;
font-weight: 400;
margin: 32px 0px 26px 0px;
}

.cblock>h4, .cblock>div>h4 {
font-size: 22px;
font-weight: 400;
margin: 32px 0px 26px 0px;
}

div.cblock>ul, div.cblock>blockquote>ul {
padding:0;
list-style: none;
}
div.cblock>blockquote>ul {
margin-bottom: 0px;
}
div.cblock>ul>li, div.cblock>blockquote>ul>li{
padding:6px;
}
div.cblock>ul>li:before, div.cblock>blockquote>ul>li:before {
padding-right:10px;
font-weight: bold;
color: #21c2f8;
opacity: 0.7;
content: "\2714";
transition-duration: 0.5s;
}
div.cblock>ul>li:hover:before, div.cblock>blockquote>ul>li:hover:before {
color: #21c2f8;
content: "\2714";
opacity: 1;
}



div.cblock>ul.list-unstyled>li:before, div.cblock>ul.list-unstyled>li:hover:before, div.cblock>blockquote>ul.list-unstyled>li:hover:before {
padding:0;
content: "";
}

div.cblock>ol, div.cblock article>ol{
padding:0;
list-style: none;
counter-reset: li;
}    
div.cblock>ol>li, div.cblock article>ol>li  {
position: relative;
padding:4px 20px 20px 28px;
margin-left: 40px;
transition-duration: 0.5s;
}
div.cblock>ol>li:before, div.cblock article>ol>li:before {
border: 6px solid transparent;
line-height: 25px;
position: absolute;
top: 0;
left:-30px;
width:42px;
text-align:center;
font-size: 15px;
font-weight: bold;
color: #21c2f8;
counter-increment: li;
content: counter(li);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  
transition-duration: 0.5s;	
opacity: 0.7;
}

div.cblock>ol>li:hover:before, div.cblock article>ol>li:hover:before {
color: #21c2f8; 
opacity: 1;	
transition-duration: 0.5s;
}

div.cblock>ol>li:after, div.cblock article>ol>li:after {
position: absolute;
top: 0;
left: -28px;
width: 36px;
height: 36px;
border: 3px solid #21c2f8;
border-radius: 50%;
content: '';
opacity: 0.7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
transition-duration: 0.5s;	
}
div.cblock>ol>li:hover:after, div.cblock article>ol>li:hover:after {
opacity: 1;
} 

.cblock>p {
margin-bottom: 20px !important;
}

div.cblock p, div.cblock li {
line-height: 1.8 !important;
}

#topMain>li>a {
font-size: 16px;
}

.clear {
clear: both !important;
display: block !important;
overflow: hidden !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}

.prlxindex {
color: #fff;
margin: 0px 0px 10px 0px;
font-size: 40px;
font-weight: 600;
position: relative;
line-height: 1.5;
z-index: 10;
}

@media only screen and (max-width: 768px) {
.prlxindex {
font-size:36px !important;
}
}

span.hcolor {
background-color: #249afe;
	padding:10px 15px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.contact-header {
font-size: 18px;
font-weight: 400;
color: #fff;
}

.contact-header a {
color: #fff;
}

.contact-header i {
margin-right: 4px;
}


.page-prlx {
padding-top: 165px;
}

input#work-email {
display: none;
}

span.error {
font-size: 12px;
color: lightcoral;
}

@media only screen and (max-width: 992px) {
	#header li.contact-header {
		font-size:16px !important;
	}
}

@media only screen and (max-width: 1200px) {
	#header.transparent {
		border-bottom: none !important;
	}
}


@media only screen and (max-width: 482px) {
		#header #topNav a.logo>img {
			max-height: 34px !important;
		}
		#header li.contact-header {
		font-size:15px !important;
	}
}

@media (max-width: 482px) {
  .hidden-xxs-down {
    display: none !important; } }

@media only screen and (max-width: 992px) {
span.hcolor {
    background-color: transparent !important;
	padding: 0px !important;
	}
}	

@media only screen and (max-width: 992px) {
	section#slider {
		height:100% !important;
	}
}


@media only screen and (max-width: 482px) {
	#footer h2 {
		font-size: 18px;
	}
}