/*
Zerotheme.com | Free Html5 Responsive Templates
Author URI: http://www.zerotheme.com/
*/
@import url(https://fonts.googleapis.com/css?family=Racing+Sans+One);
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none ;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


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

/**:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/

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

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #4C4C4C;text-decoration: none;}
a:hover {opacity: 0.9; text-decoration: none;}

h1, h2 , h3	{font-size: 25px;line-height: 25px;font-family: 'Racing Sans One', cursive;margin: 25px 0;}
h4, h5, h6	{font-size: 16px;line-height: 16px;}

p{margin: 10px 0;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;
}
body {background: #eee url(../images/pattern19.jpg) left top repeat;color: #3F3F3F ;font: 14px/25px Arial, Helvetica, sans-serif;



    }
body .wrap-body{}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */

header{margin-bottom: 5px;}
header .wrap-header{width:100%; height:140px;padding: 0;margin:0;border-bottom: 2px solid #ccc;color:#ebebe8; background: #eee url(../images/pattern19.jpg)left top repeat; background-size:120px 120px;border:1px solid #ebebe8;}
header #search {margin: 10px auto;}
header #search input[type="text"] {
    background: url(../images/search-dark.png) no-repeat 10px 6px #fff;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 200px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

/* ---------------------------------------------------------------------------- */
/* --------------------------------Zoom-Effect--------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100% !important;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container .wrap-container{}

/* ---content-box--- */
.content-box {margin-bottom: 30px;}

.content-box.box-1{border-bottom: 1px solid #ccc;padding-bottom: 0px; margin : 0px}
.content-box.box-2 .item{border-right: 1px solid #ccc;padding-right: 30px;}
.content-box.box-2 .item h3.item-header{margin-bottom: 30px;}

.content-box .item{padding: 10px 20px; }
.content-box .item:hover .item-content{background-color: #f26324;color: #fff;-webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;border: 1px solid #f26324;}
.content-box .item h3.item-header{font-size: 25px;margin: 0 0 20px;}
.content-box .item img{display:inline;list-style-image: none;list-style-type: none;width: 100% !important;height: auto;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
.content-box .item .item-content{background-color: #fff;padding: 0px;border: 1px solid #ddd;}
.content-box .item span{font-size: 15px;font-weight: 500;color: #000;}
.content-box .item .item-content p {margin: 0;}
.content-box .item:hover h3.item-header a{color: #f26324;}
.content-box .item:hover .zoom-container img{-webkit-transform:scale(1.25); /* Safari and Chrome */-moz-transform:scale(1.25); /* Firefox */-ms-transform:scale(1.25); /* IE 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.25);}


.link{margin-bottom: 25px;}
.link li{margin-bottom: 5px;}
.link a{display:inline-block;text-decoration:none;font-weight:bold;letter-spacing:1px}
.link a:hover{color:#f26324}
.link  li:before{content:'';margin-left: 10px;margin-top: 7px;display:inline;width:4px;height:4px;margin-bottom:2px;background-color:#82080c;text-align: right;float: right ;overflow:hidden;
    white-space:no-wrap;
    text-overflow:ellipsis;}
.link  li ul{display:none ; }

/* ---MainContent-Article--- */
#main-content{}
#main-content .wrap-content{

}

article{background: #f8f8f8; color: #3F3F3F; margin-bottom: 0px; border: 1px solid #ddd;float:right; width:100%;height:100%;padding-bottom:250px ;}
article:after, article:before{clear: both; content: '\0020'; visibility: hidden;}
article img{ width: 600px; border: inset;}
article .art-header{ margin-top:100px;margin-right:40px;float: right}
article .excerpt p{font-size: 19px; clear: both ; line-height: 45px; padding-left: 40px }
article .excerpt h1{font-size: 25px; clear: both ; padding-left: 40px ;color: #000000;float: right ;margin:0}
article .art-content{padding: 30px 20px 0px 0px;text-align: right}
article .art-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 50px;font-style: italic;color: #82080c;padding-left: 20px;}
article .art-content ul {line-height: 155% ;clear: both ;font-size: 18px ;margin :10px 20px ;}
article .art-content li:before{content:'';margin-left: 10px;margin-top: 7px;display:inline;width:4px;height:4px;margin-bottom:2px;background-color:#82080c;text-align: right;float: right ;overflow:hidden;
    white-space:no-wrap;
    text-overflow:ellipsis;}
article .entry-title {margin: 10px 20px 20px;text-align: right;}
article  h1.entry-title{line-height: 1.2;font-size: 38px;color: #82080c }
article h2{line-height: 1.1;font-size: 20px;margin: 0;}
article .info a{ color: #BE0A0A;}
article .info a:hover{ text-decoration: underline;}
/* ---------------------------------------------------------------------------- */
/* --------------------------------------Footer-------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{  padding: 25px 0; bottom: }
footer{}
footer .bottom-social{}
footer .bottom-social a{background-color: #f26324;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */

#contact_form *{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.contact h3{margin-left: 30px;}
#contact_form {padding:0px 25px;}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#000;	border:1px solid #F26324;padding:13px;margin: 5px 0 25px 0;font-size: 16px;max-height: 45px;}

#ff textarea {display:block;width:100%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #F26324;padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#F26324;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:35%;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.8;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer.button{color: #000;font-family: 'Racing Sans One', cursive;font-size: 16px; text-align: left}

footer.button:hover{text-decoration: underline;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Slider------------------------------------- */
/* ---------------------------------------------------------------------------- */
.advsBox
{
    position: relative;
    height: 320px;
    max-height: 320px;
    width:100%;
    overflow: hidden;
    float: right;
    padding:15px;

    text-align: right;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.advsBox h2{
    color: #82080c;
    font-family: sans-serif;
    font-size: 33px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
    float: right;
    clear: both;

}


.topRectangle{
    height: 5px;
background: #82080c;


}
.bottomRectangle{
    height: 5px;
    background:#82080c   ;
clear: both;

}

.rectangle{
    width: 96%;
    height: 385px;
    margin-top: 10px;
    float: left;
    text-align: right;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}



.rectangle h2{
   color: #82080c;
    font-family: sans-serif;
    font-size: 33px;
float: right;
    margin-top: 20px;
margin-right: 10px;
    margin-bottom: 5px;

}
.rectangle img{
    width: 150px;
    height: 180px;
    margin-left: 30px;

    margin-top: 0px;
    float: right;
    border: ridge ;
    border-color: #82080c;

}
.rectangle .floated{
    margin-right: 20px;
    float: right;
    clear: right;

}
.rectangle span{
    font-family: sans-serif;
    font-size: 16px;
    padding:10px;

    color: fff;
    height: 280px;
max-height: 280px;

}

.rslides{

}

.callbacks_container {

  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;

  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;

  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
text-align: right;
  display: block;
  position: absolute;
  z-index: 1;
  font-size: 20px;
    text-align:right;
    text-shadow: none;
  color: #2e2e2d;
    background: rgba(200,200,200,0.4) ;
  left: 0;
  padding: 10px 20px;
  margin: 0;
  width: 45%;

  max-width:  50%;
    height: 300px;

}
.callbacks .caption .more{
position:relative;
    text-align:left;
    font: Bold  ;
    background: rgba(200,200,200,0.4) ;

}


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 47%;
  opacity: 0.7;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
    background-position: right top;
  right: 0;
  }
/*************************************************************************/
/* latest news style*/
/*************************************************************************/
.newsBox {
position: relative;
    background: #DDDDDD;
    width: 100%;
    height: 370px;
    max-height: 370px;
    margin-top: 5px;
    padding: 5px;
    padding-bottom: 20px;
    padding-left: 15px;
    overflow: hidden;
    float: right;
    text-align: right;
    clear: right;


}
img.left {
    margin: 5px 20px 20px 10px;

}
.imageList {
    list-style: none;
}

.imageList li {
    clear: both;
}
.news
{
    max-height: 370px;
    width:100%;
    float: right;
    overflow: hidden;
    padding:3px;
    border: solid 1px #E5E5E5;
    background:#EEEEEE; /*-webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #BBBBBB), to(#EEEEEE));*/
        /* background: -moz-linear-gradient(top, #EEEEEE,#BBBBBB 1px, #EEEEEE 25px);*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
.newsImg
{

    overflow: hidden;
    padding:3px;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.newsImg a:hover
{

    text-decoration: none; color: #82080c;


}.newsImg a
 {
    font:Bold 16px Arial ;

 }

.newsImg img:hover
{border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.subtitle{color:#792934;margin-bottom:5px;font-size:11px;font-family: tahoma;

}.newsImg img
 {
     float: right;
     clear: right;
}
.newsImg span
{


}


/****************************************************************************************************************************/
/****************************************************************************************************************************/
/************************************* icons ********************************************************************************/


#icons ul {

    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#icons a:hover {
    background-color: fuchsia;
}
#icons li {
    display: inline;
}

/****************************************************************************************************************************/
/****************************************************************************************************************************/
/************************************* report ********************************************************************************/

.reportBox
{
    position: relative;
    height: 320px;
    max-height: 320px;
    width:100%;
    overflow: hidden;
    float: right;
    padding:15px;
    margin-right: 20px;
    text-align: right;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}


.projectBox
{
    position: relative;
    height: 320px;
    max-height: 320px;
    width:100%;
    overflow: hidden;
    float: right;
    padding:15px;
    margin-right: 40px;
    text-align: right;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
///****************************************************************************************************************************/
/****************************************************************************************************************************/
/************************************* tabs ********************************************************************************/


.reportBox h2 {
    width: 30%;
    font-size: 22px;
    color: #82080c;
    float: right;

    padding: 0px 0px 10px 0px;
    text-align: right;

}

.projectBox h2 {
    width: 30%;
    font-size: 22px;
    color: #82080c;
    float: right;
text-align: right;
    padding: 0px 0px 10px 0px;
    text-align: right;

}

label, p, a, h1, div, span {
    font:Bold 16px Arial ;
    text-align: right;
}

 .tab-wrap {
    width: 100%;
margin-top: 25%;
    margin-left: 5%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: -106px;
    text-align: right;
    float: right;
    border: solid 1px #E5E5E5;
    background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
    background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

input[type="radio"][name="tabs"] {
    position: absolute;
    z-index: -1;
}
input[type="radio"][name="tabs"]:checked + .tab-label-content label {
    color: white;
}
input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
    display: block;
}
input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
    left: calc((100% / 3) * 0);
}
input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
    left: calc((100% / 3) * 1);
}
input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {
    left: calc((100% / 3) * 2);
}

input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
    left: 0;
}

label {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    background-color: #82080c;
    background: #ddd;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 56px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    width: 100%;

}

.tab-wrap .slide {
    text-align: right;
    background: #ffeb3b;
    width: calc(100% / 3);
    height: 4px;
    position: absolute;
    left: 0;
    top: calc(100% - 3px);
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
}

.tab-label-content {
    width: 100%;
    text-align: right;
}
.tab-label-content .tab-content {
    position: absolute;
    top: 100px;
    left: 16px;
    line-height: 130%;
    height: 160%;
    display: none;
    text-align: right;

}
.tab-label-content .tab-content li{
    font-size: 18px;
    overflow:hidden;
    white-space:no-wrap;
    text-overflow:ellipsis;

}





@media screen and (max-width: 767px) {
    h1 {
        padding: 40px 0 90px 10%;
    }

    .tab-wrap {
        width: 100%;
        margin-left: 10%;
        top: -106px;
        style="text-align: right"
    }
}


ol.menu-list li
{
float: right;

    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    list-style-type: none;
    list-style-image: none;
    padding-right: 20px;

}
ol.menu-list
{margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    background-color: #ddd;
}
/***** Services *****/

.services-container {
    margin-top: 10px;

}

.services-title {
    margin-top: 40px;
    background: url(../images/line.png) left center repeat-x;
}

.services-title h2 {
    width: 200px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    color: #5d5d5d;
    font-weight: bold;

}

.service {
    margin-top: 40px;
    padding: 15px 15px 20px 15px;
    background: #eeeeee;
    border-top: 5px solid #82080c;
    border-bottom: 2px solid #82080c;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.service:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.25), 0 1px 25px 0 rgba(0,0,0,.25) inset, 0 -1px 25px 0 rgba(0,0,0,.25) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.service .service-icon {
    font-size: 30px;
    line-height: 20px;
    color: #5d5d5d;

    text-align: center;
}

.service .service-icon i { vertical-align: middle; }

.service h3 {
    text-align: center;
    margin-top: 3px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 18px;
    margin-right: 5px;
    color: #5d5d5d;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.service p {
    float: right;
    padding-bottom: 7px;
    line-height: 24px;
}

/* image scheme effect */
.thumbnail {
    width: 600px;
    float: right;
    clear: both;
    margin-top: 30px;
    margin-right: 90px;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

/* complaints form style  */
.form {
    float: right;
    margin-right: 42px;
    text-align: right;
}
.form p {
    margin-bottom: 10px;
    margin-right: 30px;
    font-size: 18px ;
    color: #82080c;
}
input{
    padding: 9px;
    border: solid 1px #d5d5d5;
    outline: 0;
    font: 13px Verdana, Tahoma, sans-serif;
    width: 200px;
    background: #FFFFFF;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;
    transition: all .2s;
}

input:hover{
    border-color: #b1b1b1;
}

input:focus{
    border-color: #b1b1b1;
    box-shadow: rgba(0,0,0, 0.20) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.20) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.20) 0px 0px 8px;
    transition: all .2s;
}

.form label{
    font: 14px Verdana, Tahoma, sans-serif;
    color: #555555;
    display:inline-block;
    width:80px;
}

.submit input{
    width: auto;
    padding: 9px 20px;

    background: #82080c;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    cursor:pointer;
}

.submit input:hover{
    background:  #792934;
    border-bottom: 3px solid #FF9E9D;
    transition: all .1s;
}
/*********************************************************************************************************
**********************************************************************************************************/

ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    float: right;
    text-align: right;
	width:70% ;
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rounded-list a{

    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    font-size: 23px ;
    border-radius: .3em;
    transition: all .3s ease-out;
}

.rounded-list a:hover{
    background: #eee;
}

.rounded-list a:hover:before{
    transform: rotate(360deg);
}






@media screen and(max-width: 767px) {
    .advsBox
    {
        position: relative;
        width:100%;
        padding:15px;

        text-align: right;
        border: solid 1px #E5E5E5;
        background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
        background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    }


    .reportBox
    {
        position: relative;
        width:100%;
        padding:15px;
        margin:0 auto;

        text-align: right;
        border: solid 1px #E5E5E5;
        background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
        background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

    }
    .projectBox
    {
        position: relative;
        width:100%;
        padding:15px;
        margin:0 auto;

        text-align: right;
        border: solid 1px #E5E5E5;
        background: -webkit-gradient(linear, left top, left 25, from(#EEEEEE), color-stop(4%, #DDDDDD), to(#EEEEEE));
        background: -moz-linear-gradient(top, #EEEEEE,#DDDDDD 1px, #EEEEEE 25px);
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

    }
    .repots{
        width:100%;
margin:0;
    }
    .service h3 {
        text-align: center;
        margin-top: 3px;
        font-size: 12px;
        margin-right: 5px;
        overflow: hidden;
        color: #5d5d5d;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255,255,255,.7);
    }




}