html,body{ margin:0; padding:0; font-size:15px; font-family: 'Pontano Sans', sans-serif;}
h1,h2,h3,h4,h5,h6,p,ol,ul{ margin:0; padding:0; font-weight:normal;}
ul{ list-style:none;}
li{ display:inline;}
a{ text-decoration:none; color:#067;}	
div{ margin:0 auto;}
img{ max-width:100%; border:none;}

.wrapper{ width:100%;}

.row1{ padding:0.2% 0; background-color:#f7f7f7; display:block;}
.row2{ padding:0 0 1% 0;}
.row3{ padding:2% 0 0 0;}
.row4{ padding:1% 0;}
.row5{ padding:2% 0; background-color:#e4004b;}

header, nav, section, footer{ margin:0 auto; width:1170px; padding:0 15px; display:block;}
.content{ margin:0 auto; width:1198px; display:block; border:1px solid #CCC; border-top:0; margin-top:-4px;}

article{ width:96%; line-height:22px; text-align:justify; margin:0 auto;}
.call-us{ float:right;}

#nav ul {position:absolute; left:0; display:none; margin:0px 0 0 -7px;}
#nav li {float:left; position:relative; z-index:500; margin:0 6px; background-color:#fff; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:1px solid #CCC;}
#nav li a {display:inline-block; padding:0px 20px; line-height:35px; height:35px; color:#666; }
#nav li a:last-child{ margin-right:0;}
#nav li a:hover, #nav a.selected {background-color:#e4004b; border-color:#af7d13; color:#fff; -moz-transition:background-color 300ms linear, color 300ms linear;
	-webkit-transition:background-color 300ms linear, color 300ms linear;
	-o-transition:background-color 3000ms linear,color 300ms linear;
	transition:background-color 300ms linear, color 300ms linear;}
#nav ul li{width:230px; display:block; background-color:#fff; float:left; border-top:1px solid #ccc; line-height:35px;}
#nav ul li a:hover{ background-color:#e4004b; width:80%; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding-left:20px; }

.slider{ width:100%;}

.services{ width:216px; float:left; margin:1% 0.6%; border:1px solid #510083;}
.services-image{ width:100%; text-align:center; height:306px; display:block
position:relative;
    height:306px;
    overflow:hidden;
    float:left;
    }
	.services-image figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    }
.services-image img figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:0; backface-visibility:hidden;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
}
.services-image img figure:hover img{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.services-image figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}
.services-image figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:40%;
    background-color:rgba(26,76,110,0.5);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.services-image figure p { font-size:20px; font-weight:bold; font-family:"Times New Roman"; color:#fff; text-shadow:0 0 2px #000;}
.services-title{ width:100%; background-color:#78a4bf; text-align:center; line-height:40px; height:40px; font-size:16px; color:#FFF; display:block; color:#d13510; background-color: #efefef;
	-moz-transition:background-color 300ms linear, color 300ms linear;
	-webkit-transition:background-color 300ms linear, color 300ms linear;
	-o-transition:background-color 3000ms linear,color 300ms linear;
	transition:background-color 300ms linear, color 300ms linear;}
.services-title:hover{color:#fff; background-color:#78a4bf;}

.services-description{ width:100%; background:url(../images/services-bg.jpg); border-top:1px solid #e1e2e3; border-bottom:1px solid #e1e2e3; margin:1% 0; line-height:22px; color:#333;}
.services-description:last-child{ margin-bottom:0;}
.social-media-icons{ float:left; padding:0 2%; width:100%;}
.social-icons{ float:left; margin:0 2% 0 1%;}

.style1{ font-size:20px; color:#565656; text-align:center; transition: all .2s ease-in-out;}
.style1:hover{transform: scale(1.1);}
.style2{ font-size:30px; color:#d13510;}
.style3{ font-size:18px; color:#999; text-transform:capitalize;}
.style4{ font-size:20px; color:#510083;}
.style5 a{ font-size:20px; color:#e5a723;}
.style6 a{ font-size:20px; color:#68995e;}
.style7 a{ font-size:20px; color:#817065;}
.style8 a{ font-size:20px; color:#78a4bf;}
.style9 a{ font-size:20px; color:#814c3c;}
.style10{ color:#c5dbe8;}
.style11 a{ color:#c5dbe8;}
.style12{ width:100%; display:inline-block;}
.style13{ font-size:18px; color:#e5a723;}
.style14{ font-size:16px; color:#000; background-color:#FC0; padding:0 4px;}

.f-orange{ color:#e5a723;}
.f-green{ color:#68995e;}
.f-brown{ color:#817065;}
.f-blue{ color:#78a4bf;}
.f-d-brown{ color:#814c3c;}

.text-center{ text-align:center;}
.text-left{ text-align:left}
.text-right{ text-align:right}
.text-justify{text-align:justify;}
.font-bold{font-weight:bold;}

input.text {width:400px; border:1px solid #c0c0c0; margin:10px 0; height:25px; background-color:#fff;}
select.choice {width:402px; border:1px solid #c0c0c0; margin:10px 0; height:30px; background-color:#fff;}
textarea { width:400px; border:1px solid #c0c0c0; margin:0;	background-color:#fff; resize:none;}
.submit-btn{ width:100px; height:30px; background-color:#006cb5; border:none; margin-top:10px; color:#fff; cursor:pointer;}

.top-margin{ margin-top:25px;}
/*---- about us -----*/
.about-us-thumb{ width:18%; margin:0.5% 1%; float:left; text-align:center;}
/*-- contacts --*/
input.text {width:400px; border:1px solid #c0c0c0; margin:10px 0; height:25px; background-color:#fff;}
select.choice {width:402px; border:1px solid #c0c0c0; margin:10px 0; height:30px; background-color:#fff;}
textarea { width:400px; border:1px solid #c0c0c0; margin:0;	background-color:#fff; resize:none;}
.submit-btn{ width:100px; height:30px; background-color:#999; border:none; margin-top:10px; color:#fff; cursor:pointer;}