@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,200,600,700); /*font-family: 'Titillium Web', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Poiret+One);/* font-family: 'Poiret One', cursive;*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,500,700,100); /*font-family: 'Raleway', sans-serif;*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
 

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div,.clients li,.t-field ,.t-area,.grid li,.grid li{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
html {
    -webkit-text-size-adjust: 100%; overflow-x:hidden /* Prevent font scaling in landscape while allowing user zoom */
}
ul, li   { list-style:none; margin:0; padding:0;}

/*  Clearfix
------------------------------------------------------------------------------*/
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear:both;
	height:0;
}

::selection {
	background: #ae0006;
	color:#FFF;
}
::-moz-selection {
 background: #ae0006;
 color:#FFF;
}
.ease,header .row-01 ul li a,header .row-01 ul li,.main-features .colums .shade-rit,.main-features .colums .shade-left,.main-features .colums article .more,
  .main-features .colums article,footer ul.foot-nav li a,.clients li div,.secondary-nav ul li,.secondary-nav ul li a {
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font-family: 'helveticaregular';
  width: 100%;
  padding: 0;
  margin: 0;
  background:#ffffff;
}
img    { max-width:100%;}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
p {
	margin: 0 ;
	padding: 0 0 15px;
}
A:focus {
	outline:none;
}
*:focus {
	outline:none;
}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}
input[type="reset"] { cursor:pointer;}
#menu-main {
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 65px;
	height: 65px;
	display: block;
	margin-bottom: 7px;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #e50e62;
	background-image: url(../images/up-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#back-top a:hover span {
	background-color: #777;
}
#navi {
	height: 134px;
	margin-top: 0px;
	z-index:99999999999;
	
}
#menu {
	line-height: 50px;
	margin: 0 auto;
	padding: 0;
}
.fixed {
	position: fixed;
	z-index:9999999999;
	top: 0px;
	left: 0;
	width: 100%;
	background:#ffffff;
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
  overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
  visibility: visible;
	opacity: 1; z-index:999
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}
/**********************fontface*******************/
@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-webfont.woff') format('woff'),
         url('../fonts/helvetica-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'helvetica_lightregular';
    src: url('../fonts/helvetica-light-webfont.eot');
    src: url('../fonts/helvetica-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-light-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-light-webfont.woff') format('woff'),
         url('../fonts/helvetica-light-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-light-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/************************/
.row       {}

.col-md-01      { width:8.33333333%}
.col-md-02      { width:16.66666667%}
.col-md-03      { width:25%}
.col-md-04      { width:33.33333333%}
.col-md-05      { width:41.66666667%}
.col-md-06      { width:50%}
.col-md-07      { width: 58.33333333%}
.col-md-08      { width: 66.66666667%}
.col-md-09      { width:75%}
.col-md-10      { width: 83.33333333%}
.col-md-11      { width:91.66666667%}
.col-md-12      { width:100%}


.col-md-01,.col-md-02,.col-md-03,.col-md-04,.col-md-05,.col-md-06,
.col-md-07,.col-md-08,.col-md-09,.col-md-10,.col-md-11,.col-md-12      { float:left; padding:0 5px}



/************************/
.frame                       { width:100%; max-width:1240px; padding:0 10px; margin:0 auto}
header                       { background:#ffffff}
header .row-01               { padding:13px 0 0 0; font-size:14px}
header .row-01 ul            { float:right; padding:0 18px 0 0}
header .row-01 ul li         { display:inline-block; padding:0 6px; color:#464141;}
header .row-01 ul li.home a             { display:inline-block; width:17px; height:16px; background:url(../images/icon-home.png) no-repeat 0 0;}
header .row-01 ul li.home:hover a       { display:inline-block; width:17px; height:16px;background:url(../images/icon-home-hvr.png) no-repeat 0 0;}
header .row-01 ul li.seperator          { color:#dfdede; position:relative; }
header .row-01 ul li.phone              { background:url(../images/icon-phone.png) no-repeat 0 0; padding:0 0 0 20px}
header .row-01 ul li.phone:hover        { background:url(../images/icon-phone-hvr.png) no-repeat 0 0; color:#d81921}   

header.fixed .row-01  { display:none}
header.fixed .nav     { padding:21px 0 0 0;}
.banner img           { display:block}
#site-info            { background:url(../images/bg-dust.png) repeat #ffffff; min-height:550px}
#site-info .cover     { /*background:url(../images/building.png) no-repeat center bottom;*/min-height:550px; padding:0 0 208px}

.main-features                      { height:51px; position:relative; z-index:9;margin-bottom:60px}
.main-features .colums              { position:relative; height:115px; margin-top:-50px;}
.main-features .colums article      { float:left; width:74%;padding:42px 0 0 23px; color:#d3d3d3; overflow:hidden;font-family: 'Titillium Web', sans-serif; }
.main-features .colums:hover article      { padding:23px 0 0 23px; }
.main-features .colums article .more { position:relative; left:-200px; color:#ff7c81; text-transform:uppercase; font-weight:bold; font-size:12px}
.main-features .colums:hover .more   { left:0px;}
.main-features .colums article h2    { font-weight:400; font-size:20px; font-weight:normal; 
                                       text-transform:uppercase; line-height:26px; padding-bottom:10px}
.main-features .colums figure        { float:left; width:22%; text-align:center; padding:17px 0 0 0;}
.main-features .colums .shade-rit    { position:absolute; bottom:-22px; z-index:1; right:0}
.main-features .colums .shade-left   { position:absolute; bottom:23px; z-index:1; left:0}
.main-features .colums:hover .shade-rit    { bottom:23px; }
.main-features .colums:hover .shade-left   { bottom:-23px;}
.main-features .colums .red-box            { background:#d81921; height:115px; position:relative; z-index:3}
.main-features .colums .gry-box            { background:#8e8a8a;height:115px; position:relative; z-index:3}
.main-features .colums .gry-box .more      {  color:#c0c0c0;}

.main-features .col-md-03      { width:20%}


.main-features.inner  {background:#eeeeee; padding:55px 0; height:auto; margin-bottom:0}
.main-features.inner .colums { margin-top:0;}

#who-we             { text-align:center; color:#333333; font-size:24px;font-family: 'helvetica_lightregular';}
#who-we .title      { font-size:48px; line-height:48px; padding-bottom:40px; font-weight:400}

.plus-btn            { width:35px; height:35px; border:1px solid #d81921; margin:0 auto}
.plus-btn img        {
						transition:All .3s ease;
						-webkit-transition:All .3s ease;
						-moz-transition:All .3s ease;
						-o-transition:All .3s ease;
						transform: rotate(0deg) ;
						-webkit-transform: rotate(0deg) ;
						-moz-transform: rotate(0deg) ;
						-o-transform: rotate(0deg) ;
						-ms-transform: rotate(0deg) ;
}
.plus-btn:hover img  {  transform: rotate(180deg) ;
						-webkit-transform: rotate(180deg) ;
						-moz-transform: rotate(180deg) ;
						-o-transform: rotate(180deg) ;
						-ms-transform: rotate(180deg) ;
                     }

#expand           { font-size:15px; padding:0 0 30px}

.activities               { position:relative; z-index:10; margin-top:-203px; padding-bottom:131px}
.activities .box-ver              {}
.activities .box-ver figure       { height:203px; overflow:hidden}
.activities .box-ver figure img   { display:block; width:100%}
.activities .box-ver article      { height:203px;  background:#d81921; color:#d3d3d3; padding:20px 37px 25px;
                                    text-overflow:ellipsis; font-size:14px; position:relative; z-index:3 }
.activities .box-ver article h2   { font-family:'helvetica_lightregular'; font-weight:300; font-size:35px; line-height:35px; padding-bottom:23px}
.activities .box-ver article .more{ position:absolute; left:45%; top:-16px}
.activities .box-ver article .more .plus-btn{ background:#000000; border:0;}
.activities .box-ver figure img.image   { transition:All 1s ease;
									-webkit-transition:All 1s ease;
									-moz-transition:All 1s ease;
									-o-transition:All 1s ease;
									transform: rotate(0deg) scale(1) ;
									-webkit-transform: rotate(0deg)scale(1) ;
									-moz-transform: rotate(0deg)scale(1) ;
									-o-transform: rotate(0deg) scale(1);
									-ms-transform: rotate(0deg) scale(1) ;
                                   }

.activities .box-ver:hover img.image {  transform: rotate(5deg) scale(1.09);
											-webkit-transform: rotate(5deg) scale(1.09);
											-moz-transform: rotate(5deg) scale(1.09);
											-o-transform: rotate(5deg) scale(1.09);
											-ms-transform: rotate(5deg) scale(1.09);
                                   }
.activities .box-ver article:after {
                                     content: '...';
    }

.activities .box-ver article:before {
                                       content: '';
                                      }
.activities .box-ver.second article .more .plus-btn  { background:#d9242b;} 
.activities .box-ver.second article                  { background:#000000;}
 
.activities .box-hor              { padding:0 10px}
.activities .box-hor.second       { padding:19px 10px 0}
.activities .box-hor.second  figure       { height:185px; overflow:hidden; float:left; width:50%;}
.activities .box-hor figure img           { display:block; width:100%}
.activities .box-hor.second  article      { height:185px;  background:#585757; color:#d3d3d3; padding:20px 37px 25px;
                                            text-overflow:ellipsis; font-size:14px; position:relative; z-index:3;float:left; width:50%; }
.activities .box-hor.second  article .more          { position:absolute; top:45%;right:-16px; left:auto;}
.activities .box-hor.second  article .more .plus-btn{ background:#d81921;}
.activities .box-hor  figure      { height:203px; overflow:hidden; float:left; width:50%;}
.activities .box-hor figure img   { display:block; width:100%}
.activities .box-hor article      { height:203px;  background:#8e8a8a; color:#d3d3d3; padding:20px 37px 25px;
                                    text-overflow:ellipsis; font-size:14px; position:relative; z-index:3;float:left; width:50%; }
.activities .box-hor article h2             { font-family:'helvetica_lightregular'; font-weight:300; font-size:35px; line-height:35px; padding-bottom:23px}
.activities .box-hor article .more          { position:absolute; top:45%;right:auto; left:-16px;}
.activities .box-hor article .more .plus-btn{ background:#000000; border:0;}
.activities .box-hor figure img.image       { transition:All 1s ease;
												-webkit-transition:All 1s ease;
												-moz-transition:All 1s ease;
												-o-transition:All 1s ease;
												transform: rotate(0deg) scale(1) ;
												-webkit-transform: rotate(0deg)scale(1) ;
												-moz-transform: rotate(0deg)scale(1) ;
												-o-transform: rotate(0deg) scale(1);
												-ms-transform: rotate(0deg) scale(1) ;
                                   }

.activities .box-hor:hover img.image {  transform: rotate(5deg) scale(1.09);
											-webkit-transform: rotate(5deg) scale(1.09);
											-moz-transform: rotate(5deg) scale(1.09);
											-o-transform: rotate(5deg) scale(1.09);
											-ms-transform: rotate(5deg) scale(1.09);
                                   }
.activities .box-hor article:after {
                                     content: '...';
    }

.activities .box-hor article:before {
                                       content: '';
                                      }
.activities .box-hor.second .more {top:45%; left:-17px; right:auto}  
 
footer                 { background:url(../images/footer-bg.jpg) no-repeat center top #605e5e; min-height:412px; padding:42px 0 0 0; color:#d3d3d3;} 
footer .first-row      { min-height:277px} 
footer .heading        { border-left:1px solid #ffffff; padding:0 0 0 7px; font-size:24px; font-weight:bold; margin-bottom:26px; line-height:25px; color:#ffffff;}
footer ul.foot-nav     { padding:0 5px 0 0}
footer ul.foot-nav li  { border-bottom:1px solid #797979; list-style:none; margin:0}
footer ul.foot-nav li a     { background:url(../images/pointer.png) no-repeat 8px 10px; padding:7px 0 7px 24px; display:block; color:#d3d3d3; font-size:14px}
footer ul.foot-nav li a:hover   { background:url(../images/pointer.png) no-repeat 0px 10px #605e5e} 


footer .area              { padding:0 0 0 20px}
footer .quick-contact     { padding:0 0 0 157px}    
footer ul.list-1          { font-size:14px; padding-bottom:18px}
footer ul.list-1 li       { border-bottom:1px solid #797979;list-style:none; margin:0;padding:7px 0 7px 44px;}
footer ul.list-1 li span  { display:inline-block; width:51px;}
footer ul.list-1 li.ph    { background:url(../images/icon-phone2.jpg) no-repeat 9px 7px;}
footer ul.list-1 li.email { background:url(../images/icon-at.jpg) no-repeat 9px 7px;}
footer ul.list-1 li.fax   { background:url(../images/icon-fax.jpg) no-repeat 9px 7px;}

footer ul.social          {}
footer ul.social li       { display: inline-block; padding:0 13px; list-style:none; margin:0}
footer ul.social li img   { transition:All .2s ease;
							-webkit-transition:All .2s ease;
							-moz-transition:All .2s ease;
							-o-transition:All .2s ease;
							transform:  scale(1) ;
							-webkit-transform:scale(1) ;
							-moz-transform: scale(1) ;
							-o-transform: scale(1);
							-ms-transform: scale(1) ;
                         }
footer ul.social li img:hover   {
	                         transform:  scale(1.2) ;
							-webkit-transform:scale(1.2) ;
							-moz-transform: scale(1.2) ;
							-o-transform: scale(1.2);
							-ms-transform: scale(1.2) ;
	                     }
footer .second-row               { padding:31px 0 0 ; font-size:12px; color:#a3a0a0;}	
footer ul.footer-nav             { text-transform:uppercase; font-size:12px; padding-bottom:12px}
footer ul.footer-nav li          { display:inline; padding:0 1px;color:#888383;}
footer ul.footer-nav li a        { color:#888383;}	

.logo-footer       { text-align:right; padding:0 0 0 0}

.inner-banner    { height:163px; border-top:10px solid #908c8d; background:url(../images/inner-banner.jpg) no-repeat center 58px fixed; 
                   color:#ffffff;font-family: 'Raleway', sans-serif; font-weight:300}
.inner-banner .slogan   { float:left; width:50%; padding:37px 0 0 0; font-size:26px;}				 						 
.inner-banner .title    { float:left; width:50%; text-align:right; padding:52px 33px 0; font-size:45px; 
                          font-weight:300; text-transform:uppercase}	
						  
.bredcrumbs             { border-bottom:1px solid #dddbdb;}						  
.bredcrumbs	ul li       { background:url(../images/pointer1.jpg) no-repeat right center;font-family: 'Poiret One', cursive; 
                          font-weight:600; color:#605e5e; padding:10px 37px 10px 12px; display:inline-block}					  
.bredcrumbs	ul li a     { color:#605e5e;}						  

.content-area-main     { /*background:url(../images/building.png) center bottom #ffffff no-repeat; */padding:85px 0;font-family: 'Raleway', sans-serif;}
.main-content          { padding:0 0 0 90px; color:#333333; font-size:16px; line-height:31px}	
.main-content p        { padding-bottom:25px;}
.page-head       { font-size:34px; text-transform:uppercase; font-weight:300; padding-bottom:40px; line-height:24px; color:#050605;}
.sub-head        { font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#050605; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:3px solid #050605;}

.sub-yellow	{ font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#9e0808; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:15px solid #fff101;}
.sub-dyellow	{ font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#9e0808; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:15px solid #fcb615;}
.sub-orange	{ font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#9e0808; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:15px solid #f36821;}
.sub-green	{ font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#9e0808; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:15px solid #40ae49;}	   
.sub-dorange	{ font-size:24px; text-transform:uppercase; font-weight:300;  line-height:24px; color:#9e0808; padding:0 0 0 10px !important;
                   margin-bottom:25px; border-left:15px solid #f36821;}	
.secondary-nav        { background:url(../images/U-icon-red-transparent.png) no-repeat 4px -10px #d71921; position:relative;
                        margin-bottom:122px; padding:44px 20px 57px 23px; font-style:italic; font-size:19px; font-weight:200;}
.secondary-nav ul li   { display:block; color:#ffffff; text-transform:uppercase;margin:6px 0; padding:0 0 0 5px } 
.secondary-nav ul li a { display:block; background:url(../images/star.png) no-repeat 0 13px; padding:8px 5px 8px 20px; color:#ffffff; } 
.secondary-nav ul li:hover,
.secondary-nav ul li.active   { background:#bc1017}
.secondary-nav ul li:hover a { padding:8px 5px 8px 25px;} 
.secondary-nav .tail   { position:absolute; text-align:right;top:100%; width:100%; left:0}


.secondary-nav address  { font-style:normal; color:#ffffff; font-size:13px}
.secondary-nav address h2  { font-size:18px; font-weight:300; padding-bottom:20px}

.get-n-touch             { padding-bottom:50px}
.get-n-touch article     { padding:0 10px}
.get-n-touch article h3  { font-size:14px; font-weight:600; padding-bottom:20px}
.get-n-touch ul li       { padding:0 0 10px 35px; font-size:14px;font-family: 'Titillium Web', sans-serif;}
.get-n-touch ul li.mobile   { background:url(../images/icon-mobile.png) no-repeat 0 5px;}
.get-n-touch ul li.phone    { background:url(../images/icon-phone2.png) no-repeat 0 5px;}
.get-n-touch ul li.fax      { background:url(../images/icon-fax1.png) no-repeat 0 5px;}
.get-n-touch ul li.mail   { background:url(../images/icon-mail.png) no-repeat 0 7px;}

.clients            { padding:50px 0}
.clients li         { float:left; width:33.33%; padding:10px; font-size:17px; font-weight:200}
.clients li div     { background:#ebebeb; height:68px; border:5px solid #ffffff; box-shadow:0px 0px 3px #CCC; line-height:23px; 
                      text-align:center; padding:15px 10px 0; color:#050605;}
.clients li:hover div { background:#050605; color:#ffffff}

.form                 { font-size:12px}
.form p               { padding-bottom:15px}
.form label           { display:block; padding:0px 0 0px 5px; line-height:19px}

.t-field           { border:1px solid #d6d6d6; padding:5px; width:75%; height:40px}
.t-area            { border:1px solid #d6d6d6; padding:5px; width:100%; height:120px}
	
.btn-submit       { background:#393b3a; color:#ffffff; font-size:13px; font-weight:300; padding:10px 20px; border:0; text-transform:uppercase}	
.btn-reset        { background:#ffffff; color:#393b3a; font-size:15px; font-weight:300; padding:5px 20px; border:0;text-transform:uppercase}	
	
.location-map        { border:1px solid #d6d6d6; padding:5px; position:relative}	
.location-map .icon   { position:absolute; left:38px; top:-30px}	

ul.listing        { margin:0; padding:0 0 30px 30px}
ul.listing li     { background:url(../img/list-icon.png) no-repeat 0 10px; padding:0 0 3px 25px; list-style:none}
.small{font-size:14px;}

.error-msg       { background:url(../images/error.png) no-repeat 10px 8px #ffe8a3; border:1px solid #e1b213; margin-bottom:20px; 
                   padding:4px 10px 0 60px; color:#F00; height:36px; }

.sucesses-msg       { background:url(../images/sucesses.png) no-repeat 10px 8px #ceffdf; border:1px solid #7beca2; margin-bottom:20px; 
                   padding:4px 10px 0 60px; color:#4f4f4f; height:36px; }			  			 						 
/* MEDIA QUERIES */
@media screen and (max-width: 1280px){
}

@media screen and (max-width:1024px) {
	.cd-top {
	height: 60px;
	width: 60px;
	right: 30px;
	bottom: 30px;
}
 .activities .box-hor article h2  { font-size:21px; line-height:19px; padding-bottom:13px}
 .activities .box-hor article     { padding:20px 23px 0; height:158px}
 .activities .box-hor figure,.activities .box-ver figure      { height:158px}
 
 
}

@media screen and (max-width:980px) {
	.activities .col-md-03,.activities .col-md-06     { float:none; max-width:585px; width:100%; margin:0 auto; padding-bottom:20px}
	 .activities .col-md-03 figure,
	 .activities .col-md-03 article    { float:left; width:50%}
	 .activities .col-md-03 figure     { height:auto;} 
	 .activities .box-hor    { padding:0}
	 .activities .box-hor.second { padding:19px 0px 0}
	 .main-features .col-md-03         { width:50%}
	 .main-features .colums            { margin-top:25px}
	 .main-features                    { height: auto}
	 .main-features .colums article h2   { }
	 footer    { background:#585757}
	 footer .col-md-08,footer .col-md-04  { width:100%; float:none; padding:0 0 20px}
	 footer .second-row      { background:#3d3c3c; text-align:center} 
	 .logo-footer     { text-align:center;}
	 header .row-01  { display:none}  
}
@media screen and (max-width:800px) {
	.content-area-main .main-content   { float:none; width:100%; padding:0 0 40px 0}
	#left-panel        { float:none; width:100%; max-width:300px; margin:0 auto; padding:0 0 40px}
}
@media screen and (max-width:768px) { 
.cd-top {
	right: 20px;
	bottom: 20px;
}
footer .col-md-05,header .col-md-02 { float:none; width:100%;}
 header .col-md-02                  { text-align:center}
 header .col-md-10                  { float:none; width:100%}  
 .inner-banner   { height:auto}
 .inner-banner .slogan   { font-size:19px; padding:20px 0;text-align: center; width:auto; float:none}
 .inner-banner .title   { float:none; width:100%; padding:0 0 10px; text-align: center; font-size:28px}
 .bredcrumbs { display:none}
 .page-head { line-height:37px}
 
}
@media screen and (max-width:640px) { 

.main-features .col-md-03         { width:100%}
.clients li                       { width:50%; }


}

@media screen and (max-width:480px) {
	 .activities .col-md-03,.activities .col-md-06     { float:none; max-width:287px; width:100%; margin:0 auto; padding-bottom:20px}
	 .activities .col-md-03 figure,
	 .activities .col-md-03 article,.activities .box-hor figure, .activities .box-ver figure,.activities 
	 .box-hor article,.activities .box-hor.second article,.activities .box-hor.second figure    { float:none; width:100%; height:auto}
	 .activities .col-md-03 figure     { height:auto;} 
	 .activities .box-hor article .more { left:45%; top:-16px}
	 .activities .box-hor.second article .more { top:auto; bottom:-16px; left:45%; right:auto}
	 .clients li         { float:none; width:100%}


}

@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) { 
}