/* --------------------------------------------------------
LIGHT - Multipurpose Business HTML5 Landing Page 
author: http://themeforest.net/user/rayoflightt
website: http://rayoflightthemes.com
----------------------------------------------------------*/
/* -----------------------------------------------------------
CONTENTS:
html5 and responsive content
reset
general classes
top image and form
circle images
team
prices
testimonials
footer

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


/* HTML5 styles */
header, nav, article, section, aside, footer {display: block;} 
/* HTML5 styles-end */

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
max-width: 100%
}


/********* reset *********/

a:link, a:visited{ 
outline:none;
text-decoration:none;

}
ul, ol { 
line-height: 1.6; 
margin: 0 0 22px 0;  
padding:0;
list-style:none;
color: BLACK;
text-shadow: 1px 1px 2px #FFF;
}

ul li, ol li{ 
margin: 0 0 11px 0; 
padding:0; 
list-style:none;
font-size:18px;
}


h1, h2, h3, h4, h5, h6 {
color:#057D9F;
font-family: "arial";
font-weight:normal;
color: BLACK;
font-size: 50px;
}


h6 {
font-size:11px;
}
h5 {
font-size:14px;
}
h4 {
font-size: 30px;
}
h3 {
font-size:22px;
}
h2 {
font-size:28px;
}
h1 {
font-size:28px;
}


p{
color:#555555;
font-size:14px;
font-family:"pt sans" arial, san-serif;
font-weight:normal;
line-height:1.6;
margin:0 0 22px 0;
}
address {
font-size:21px;
color:#555555;
}


blockquote{
margin:0 0 22px 0;
padding:22px 20px;
}

blockquote p{
margin:0;
}


.centered {
float:none;
margin:0 auto;		
}

.texthighlight{
font-size:21px;
}

/***bootstrap3 row fix***/
.row {
margin-right: 0;
margin-left: 0;
}
/***bootstrap3 fow fix end***/



/********* reset end *********/




/********* general classes *********/

html,
body {
height: 100%;
}

body{
height:100%;
color:#555555;
line-height:1.6;
background:#f0f0f0 url(../images/bg.jpg) top center repeat-y;
background-attachment:fixed;
font-size:14px;
font-family:"pt sans", Arial, sans-serif;
font-weight:normal;
overflow-x:hidden;
}


.mainwrapper {
background:#fff;
float:left;
}


.wrapper100percent{
float:left;
width:100%;
padding:0;
}


.sectiongrey{
text-align:center;
width:100%;
float:left;
background:#f0f0f0;
padding:42px 0;
margin:0 auto 3px auto;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
border-bottom:#fff 4px solid;
border-top:#fff 4px solid;
}



.sectiongrey h1{
font-family:"pt sans";
font-weight:normal;
color:#333333;
line-height:1.6;
margin-bottom:21px;
}
.sectiongrey h2{
font-family:"pt sans";
font-weight:normal;
color:#333333;
line-height:1.6;
margin-bottom:21px;
}







.sectiongreyfooter{
text-align:center;
width:100%;
float:left;
background:#f0f0f0;
padding:5px 0;
margin:0 auto 3px auto;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
border-bottom:#fff 4px solid;
border-top:#fff 4px solid;
}



.sectiongreyfooter h1{
font-family:"pt sans";
font-weight:normal;
color:#333333;
line-height:1.1;
margin-bottom:19px;
}
.sectiongreyfooter h2{
font-family:"pt sans";
font-weight:normal;
color:#333333;
line-height:1.1;
margin-bottom:19px;
}





.sectionwhite{
width:100%;
float:left;
background:#fff;
padding:42px 0;
}

.sectioncabecera{
width:100%;
float:left;
background:#fff;
padding:0;
}

.marginbottomone{
margin-bottom:21px;
}

/***dashed line headline***/

.dashedline {
margin:0 0 21px 0;
padding: 0;
background: url(../images/dashedline.png) repeat-x;
text-align:center;
}

.dashedline span{
background: #fff;
padding:0 20px;
}

/***dashed line headline end***/



button{
border:none;
box-shadow:none;
}

.button1{
	font-size: 25px;
cursor:pointer;
display:inline-block;
margin: 0 auto 21px auto;
float:none;
color: #fff; 
padding:8px 22px;  
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
text-align:center;
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0 ;
box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
}

.button1:link, .button1:visited{
color: #fff; 
}
.button1wrapper a.button1{
}
.button1:hover{
color:#FFF;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

}

/********* general classes end*********/

.button222{
	background: none repeat scroll 0% 0% #39AECF;
	font-size: 25px;
cursor:pointer;
display:inline-block;
margin: 0 auto 21px auto;
float:none;
color: #fff; 
padding:8px 22px;  
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
text-align:center;
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0 ;
box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
}

.button222:link, .button222:visited{
color: #fff; 
}
.button222wrapper a.button222{
}
.button222:hover{
color:#FFF;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

}
/*********top image and form**********/


.top{
width:100%;
margin-bottom:42px;
}


.top1{
height:auto;
}
.top .teamicons{
float:right;
margin-top:21px;
}
.top .teamicons a{
border:1px solid #fff;
}


.toplefttext h2{
font-family:"pt sans";
font-size:45px;
}

.toplefttext h3{
font-family:"pt sans";
color: rgba(255, 0, 0, 1);
font-size: 30px;
text-shadow: 1px 1px 2px #FFF;
}

.toplefttext h4{
font-family:"pt sans";
}

.toplefttext i{
padding-right:10px;
}


.contactform{
padding:0px 30px 10px 30px;
margin: 60px 0 41px 0;
max-width:500px;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.contactform h4{
color:#fff;
text-align:center;
font-size:28px;
margin:0 0 21px 0;
font-family:"pt sans";
padding-top:20px;
}

/*for contact form*/

#main {
margin-top:0px;
margin-bottom:0px;
text-align:center;
}



#main input{
font-size:14px;
border:none;
box-shadow:none;
outline:none;
border-radius:0;
padding:0 10px;
margin-bottom:0px;
width:100%;
}

#main .contact1 input {
color:#555555;
background:#fff;
box-shadow:none;
border:none;
outline:none;
height:43px;
transition: all .1s;
-moz-transition: all .1s; 
-webkit-transition:all .1s; 
-o-transition: all .1s; 
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
#main .contact1 input:focus {
box-shadow:none;
outline:none;
}


#main .contact2 input {
color:#555555;
background:#fff;
box-shadow:none;
border:none;
box-shadow:none;
outline:none;
height:35px;
transition: all .1s;
-moz-transition: all .1s; 
-webkit-transition:all .1s; 
-o-transition: all .1s; 
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}


#main .contact2 input:focus {
box-shadow:none;
outline:none;
}

#main .textarea{
border:none;
font-size:14px;
color:#555555;
box-shadow:none;
outline:none;
width:100%;
padding:10px;
height:110px;
float:left;
display:inline;
border-radius:0;
background:#fff;
transition: all .1s;
-moz-transition: all .1s; 
-webkit-transition:all .1s; 
-o-transition: all .1s; 
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#main .textarea:focus{
box-shadow:none;
outline:none;
}


/**main button**/

.buttonmain1{
font-size:21px;
text-decoration:none;
margin:10px auto 0px auto;
min-width:150px;
display:inline-block;
text-align:center;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
border:6px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-webkit-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0 ;
box-shadow: 0 10px 3px -7px #555555, -1px -1px 1px #f0f0f0;
}
#main .buttonmain1 button{

color:#fff;
padding:7px 7px;
font-size: 30px;
}

#main .buttonmain1 p{
margin:0;
}

.buttonmain1:hover{
color:#fff;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow:none;
}

.buttontextmain1{
background:transparent;
text-align:center;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
}

.buttontextmain1:hover{
color:#fff;
}



/**main button end**/


/*for contact form end*/


/*********top image and form end**********/



/*********circle images*********/


.maincolumnsblock1 {
margin-bottom:21px;
float:left;
}

.maincolumnsblock1 ul {
list-style:none;
padding:0 ;
text-align:center;
}
.maincolumnsblock1 ul li {
position:relative;
float:left;
padding:0 ;
margin-bottom:21px;
}


.maincolumnsblock1 ul li p {
margin:0 20px;
}

.maincolumnsblock1 ul li .circle {
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
}

.maincolumnsblock1 ul li:hover .circle { 
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}

/*for first homepage*/
.maincolumnsblock1 ul li .circle1 {
background: url(../images/project.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle2 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle3 {
background: url(../images/project1.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .circle4 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for first homepage end*/

/*********circle images end*********/



/*********team*********/

.teamicons a { 
text-align:center;
color:#fff;
width:38px;
height:38px;
padding-top:4px;
font-size:18px;
background:#f0f0f0;
margin-right:3px;
display:inline-block;
border-radius:500px;
-moz-border-radius:500px;
-webkit-border-radius:500px;
}
.team p { 
margin-bottom:11px;
}


.team .picture{
background: url(../images/team.png) center center no-repeat;
background-size:100% 100%;
margin:21px 0 0 0;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}




.teamrow .picture{
margin:21px 0 42px 0;
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;

}

.teamrow .picturewrapper{
width:100%;
}

.teamrow {
margin-bottom:21px;
}



/*********team end*********/



/********** prices **********/


.prices{
margin: 0;
}

.prices1{
box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-webkit-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
-moz-box-shadow: 1px 1px 1px #f0f0f0, 1px -1px 1px #f0f0f0, -1px 1px 1px #f0f0f0, -1px -1px 1px #f0f0f0;
float:left;
width:100%;
background:#fff;
margin:21px 0;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
}


.pricelist{
list-style:none;
margin:21px 0;
}
.pricelist li{
text-align:center;
padding:21px 0;
border-bottom:1px solid #f0f0f0;
margin-bottom:0;
}

.pricelist li.last{
border-bottom:none;
}
.pricelist li i{
color:#555555;
padding-right:10px;
}

.prices1 h3{
text-align:center;
padding:16px 0;
margin:0;
display:block;
color:#fff;
}

.prices1 h4{
text-align:center;
}

.pricesrow{
float:left;
width:100%;
background: #f0f0f0;
}
.pricesrow h4{
text-align:center;
padding:8px 0;
font-size:28px;
}

.pricesrow h4 sup{
font-size:21px;
}


/*********prices end*********/



/******testimonials******/


.testimonials{
text-align:center;
margin:21px auto;
}


.testimonials p{
font-style:italic;
text-align:center;
padding:0 20px;
}

.testimonials h5{
text-align:center;
font-size:18px;
}


.testimonials img{
max-width:100px;
border-radius:500px;
-moz-border-radius:500px;
-webkit-border-radius:500px;
}


/******testimonials end******/


/*********footer**********/


.bottom{
width:100%;
float:left;
background:#fff;
text-align:center;
}

p.copyright{
margin-top:42px;
}

.copyrightwrapper{
width:100%;
float:left;
}

.copyright a:link, .copyright a:visited{
font-weight:bold;
color:#333333;
}
.copyright a:hover{
}


.scrollbutton{
float:right;
margin-top:30px;
width:50%;
}

.scrollbutton a:link, .scrollbutton a:visited{
background: url(../images/scrollbutton.png) top center no-repeat;
width:70px;
height:41px;
float:right;
margin-right:22px;
display:inline-block;
}

.scrollbutton a:hover{
background: url(../images/scrollbutton.png) bottom center no-repeat;
}



/*********footer end**********/


    #overbox3 {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
        display: block;
    }
    #infobox3 {
        margin: auto;
        position: relative;
        top: 0px;
        height: 58px;
        width: 100%;
        text-align:center;
        background-color: #eeeeee;
    }
    #infobox3 p {
        line-height:20px;
        font-size:12px;
        text-align:center;
    }
    #infobox3 p a {
        margin-right:5px;
        text-decoration: underline;
    }