@import url("fonts.css");
*
{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
.container
{
position:relative;
margin:0px auto;
max-width:1000px;
width:100%;
}
.header
{
width:100%;
background:url(../images/header_bg.jpg) repeat;
height:103px;
padding:5px 0;
padding-top:0;
border-bottom: 2px solid #7e7e7e;
}
.logo
{
float:left;
padding:1%;
width:17.7%;
}
.logo a, .logo img
{
width:100%;
float:left;
}
.hdr_right_col
{
width:80%;
padding:0 1%;
float:right;
min-height:101px;
position:relative;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 86%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(19%,rgba(255,255,255,1)), color-stop(86%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 86%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 86%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 86%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 86%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}
.hdrtop_nav
{
float:left;
width:100%;
margin:5px 0;
}
.right_top
{
float:right;
}
.top_nav
{
padding-top:5px;
}
.top_nav ul
{
float:right;
list-style:none;
}
.top_nav ul li
{
float:left;
list-style-type:none;
padding: 5px 3px;
}
.top_nav ul li a
{
float:left;
font-size:12px;
color:#555;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.maine_search
{
width:auto;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
padding:0.5% 1%;
min-width:3%;
}
.search
{
float:right;
position:relative;
height:30px;
width:200px;
}
.srch_fld
{
float:left;
width:160px;
padding-left:5px;
border:1px solid #ddd;
background:#fff;
height:25px;
line-height:25px;
transition:			display 1300ms ease-in-out, display 1300ms ease-in-out;
-moz-transition:	display 1300ms ease-in-out, display 1300ms ease-in-out;
-webkit-transition:	display 1300ms ease-in-out, display 1300ms ease-in-out;
-o-transition:		display 1300ms ease-in-out, display 1300ms ease-in-out;
}
.srch_btn
{
float:left;
width:24px;
right:0px;
height:24px;
text-indent:-9999px;
position:absolute;
border:none;
background:url(../images/search_icon.png) repeat;
}
.maine_search:hover .srch_fld
{
display:block;
}
.contact_dtl
{
width:22%;
padding-top: 10px;
padding-left: 4px;
}
.contact_dtl img, .contact_dtl span
{
float:left;
color:#555;
font-size:16px;
line-height:20px;

font-family:Verdana, Arial, Helvetica, sans-serif;
}
.manu
{
float:right;
padding-top:10px;
position:relative;
bottom:0px;
}
.manu ul {
float: left;
list-style: none;
position: relative;
top: 5px;
}
.manu ul li
{
float:left;
list-style-type:none;
line-height:37px;
}
.manu ul li a
{
font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:13px;
color:#555;
padding:0 15px;
text-transform:uppercase;
text-decoration:none;
}
.quote_btn
{
float:left;
}
.quote_btn a
{
position:relative;
top:9px;
font-size:15px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#90c404;
text-decoration:none;
text-transform:uppercase;
float:left;
background:url(../images/green_node.png) no-repeat right;
padding:5px 15px 5px 15px; 
}
.slider
{
float:left;
width:100%;
}
.captionOrange, .captionBlue, .captionBlack, .captionSymbol
{
display: block;
color: #fff;
font-size: 20px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.captionOrange
{
background: #EB5100;
background-color:#90c404;
}
.captionBlue
{
background: #746FBD;
background-color: rgba(21, 21, 120, 0.6);
}
.captionBlack
{
background: #000;
background-color: rgba(0, 0, 0, 0.4);
}
.captionSymbol
{
border-radius: 100px !important;
font-weight: 400 !important;
font-size: 26px !important;
background: #000;
background-color: rgba(0, 0, 0, 0.4);
}
.captionTextBlack
{
display: block;
color: #000;
font-size: 20px;
line-height: 30px;
}
.captionTextWhite
{
display: block;
color: #fff;
font-size: 20px;
line-height: 30px;
}
a.captionOrange, a.captionOrange:active, a.captionOrange:visited,a.captionTextWhite, a.captionTextWhite:active, a.captionTextWhite:visited
{
color: #fff;
text-decoration: none;
}
a.captionOrange:hover
{
color: #eb5100;
text-decoration: underline;
background-color: #eeeeee;
background-color: rgba(238, 238, 238, 0.7);
}
a.captionTextBlack, a.captionTextBlack:active, a.captionTextBlack:visited
{
color: #000;
text-decoration: none;
}
a.captionTextWhite:hover
{
color: #eb5100;
text-decoration: underline;
}
a.captionTextBlack:hover
{
color: #eb5100;
text-decoration: underline;
}
.bricon
{
background: url(../images/browser-icons.png);
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
filter: alpha(opacity=70);
opacity: .7;
overflow:hidden;
cursor: pointer;
border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(../images/a17.png) no-repeat;
overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(../images/a20.png) no-repeat;
overflow:hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20ldn { background-position: -243px -33px; }
.jssora20rdn { background-position: -303px -33px; }

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
background: url(../images/b03.png) no-repeat;
overflow:hidden;
cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(../images/a02.png) no-repeat;
overflow:hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }
.previus_btn
{
width: 55px; height: 55px; top: 123px; left: 8px;
}
.next_btn
{
width: 55px; height: 55px; top: 123px; right: 8px
}
.captionSymbol
{
position: absolute; top: 60px; left: 0px; width: 30px; height: 30px;
}
.captionOrange
{
position: absolute; top: 60px; left: 40px; width: 280px; height: 30px;
}
.slider_inner
{
position: relative;top: 0px; left: 0px; width:100%; text-align: center; background-image: url(../images/bnr_bg.png); border-top: 1px solid gray; border-bottom: 1px solid gray; overflow: hidden;
}


.slider_inner-1
{
position: relative;top: 0px; left: 0px; width:100%; text-align: center; background-image: url(../images/contact_bg.png); border-top: 1px solid gray; border-bottom: 1px solid gray; overflow: hidden; padding-bottom: 15px; padding-top: 15px;
}

#sliderc_container
{
position: relative; margin: 0 auto; width: 960px;
height: 450px; text-align: left; overflow: hidden;
}
.looder
{
position: absolute; top: 0px; left: 0px;
}
.looder2
{
position: absolute; display: block; background: url(images/loading.gif) no-repeat center center;
top: 0px; left: 0px;width: 100%;height:100%;
}
#slider1_container
{
position: relative; top: 90px; left: 0px; width: 600px;
			height: 300px; overflow: hidden; border-radius: 8px;
}
.looder_inr
{
filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
					background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;
}
.slides
{
cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;
}
.slides .captionOrange{
position:absolute; left:20px; top: 30px; width:300px; height:30px;
}
.prototype
{
POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;
}
.spaceship
{
position: absolute; left: 0px;top:30px;width:600px;height:30px;font-size:28px;color:#fff;line-height:30px; text-align: center;
}
.caption_main
{
position: absolute; left: 640px; width: 320px; height: 250px;
}
.captionTextBlack
{
position: absolute; top: 30px; left: 0px; width: 320px; height: 30px; font-size: 26px; background-color:transparent;
color:#fff;
}
.captxt_blk
{
position: absolute; top:190px; left: 0px; width: 320px; height: 30px; font-size: 26px; background-color:transparent;
color:#fff;
}
.content_area, .inner, .ser_boxes
{
float:left;
overflow:hidden;
padding: 0 1.5%;
width: 97%;
}
.content_area
{
background:url(../images/bg_black.png) repeat;
background-color:#181818;
float:left;
width:100%;
height:2640px;
padding:0px;
}
.quote_banner {
background:url(../images/request_q_btm_shadow.png) no-repeat center bottom;
float: left;
margin:20px 0;
width:100%;
overflow:hidden;
padding-bottom:22px;
}
.wlcm_msg_main
{
width:100%;
float:left;
}
.quote_inr
{
padding: 20px 2%;
float:left;
width:95.8%;
border:1px solid #eee;
height: 50px;
}
.quote_banner .quote_b_left {
float: left;
width: 75%;
}
.quote_banner .quote_b_right {
float: right;
}
.quote_banner .quote_b_left h3 {
color: #353535;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.quote_banner .quote_b_left p {
color: #777777;
font-size: 12px;
font-weight: normal;
margin: 0;
padding-top: 5px;
text-align:left !important;
}
.quote_b_right a {
background: none repeat scroll 0 0 #F2D422;
border: 1px solid #DFC31A;
border-radius: 5px 5px 5px 5px;
color: #555555;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: bold;
padding: 11px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.services_sec {
background: none repeat scroll 0 0 #fff;
box-shadow: 0 0 19px -9px #333 inset;
float: left;
padding:2% 0 4% 0;
width: 100%;
}
.container h1
{
background:url(../images/heading_btm.png) no-repeat bottom center;
padding:2% 0;
float:left;
text-align:center;
color:#333333;
font-weight:normal;
width:100%;
}
.services_sec p
{
float:left;
width:100% !important;
padding:3% 20% !important;
color:#555555 !important;
text-align: center;
}
.box1
{
float:left;
width:16.66%;
height:129px;
}
.box1 img
{
width:50%;
position:relative;
left:25%;
margin:15px 0;
}
.red
{
background:#e04545;
}
.purple
{
background:#8b499c;
}
.pink
{
background:#ff0096;
}
.blue
{
background:#3287c2;
}
.orange
{
background:#ef7b22;
}
.green
{
background:#4b9342;
}
.box1 span
{
float:left;
width:100%;
text-align:center;
color:#fff;
}
.back-to-top {
background: none repeat scroll 0 0 #cecece;
border-radius: 100px;
bottom: 20px;
color: #ffffff;
display: none;
font-size: 40px;
height: 50px;
line-height: 42px;
position: fixed;
right: 20px;
text-align: center;
width: 50px;
z-index: 50;
transition:			display 1300ms ease-in-out, display 1300ms ease-in-out;
-moz-transition:	display 1300ms ease-in-out, display 1300ms ease-in-out;
-webkit-transition:	display 1300ms ease-in-out, display 1300ms ease-in-out;
-o-transition:		display 1300ms ease-in-out, display 1300ms ease-in-out;
}

.content_area h2
{
font-size:40px;
text-align:center;
width:100%;
margin:30px 0 0px 0;
float:left;
text-transform:uppercase;
color:#fff;
font-weight:normal;
}
.content_area h3, .content_area h4
{
font-size:50px;
text-align:center;
width:100%;
margin:20px 0 10px 0;
font-weight:bolder;
float:left;
color:#ddd;
position:relative;
z-index:222;
text-indent:0px;
}
.row1, .row2, .row3, .row4, .row5, .row6
{
float:left;
position:relative;
width:100%;
}
.row2
{
padding-top:180px;
}
.row3
{
padding-top:280px;
width:91%;
}
.row6
{
padding-top:650px;
width:91%;
}
.line1
{
float:left;
width:156px;
height:65px;
background:url(../images/line1.png) no-repeat;
position:relative;
left:50%;
}
.line2
{
float:left;
width:170px;
padding-bottom:85px;
background:url(../images/line2.png) no-repeat bottom center;
position:relative;
left:38.7%;
top:72px;
}
.roundade_map {
float: left;
height: 118px;
left: 13.4%;
position: relative;
top: 115px;
width: 120px;
}
.line3
{
background:url(../images/line3.png) no-repeat bottom center;
float: left;
height: 71px;
left: -48%;
position: relative;
top: 115px;
width: 135px;
}
.searching
{
background:url(../images/research.png) no-repeat bottom left;
float: left;
padding:25px 7%;
left: -31%;
position: relative;
top: 65px;
}
.container p
{
font-size:14px;
color:#fff;
text-align:center;
float:left;
width:100%;
}
.line4
{
float:left;
width:277px;
height:67px;
background:url(../images/line4.png) no-repeat;
position: absolute;
left:3.7%;
top:15px;
}
.line5
{
background:url(../images/line5.png) no-repeat;
float: left;
height: 179px;
left: 2.4%;
position: absolute;
top: 69%;
width: 91px;
}
.line6
{
background:url(../images/line6.png) no-repeat right;
float: left;
height: 39px;
left: 14.4%;
position: absolute;
top: 73%;
width: 525px;
}
.line7
{
background:url(../images/line7.png) no-repeat right;
float: left;
height: 145px;
left: 69.4%;
position: absolute;
top: 84%;
width: 304px;
}
.line8
{
background:url(../images/line8.png) no-repeat right;
float: left;
height: 30px;
left: 51%;
position: absolute;
top: 151.4%;
width: 400px;
line-height:37px;
}
.line9
{
background:url(../images/line9.png) no-repeat  center top;
float: left;
height: 138px;
left: 44%;
line-height: 37px;
position: absolute;
top: 162.4%;
width: 65px;
}
.line10
{
background:url(../images/line10.png) no-repeat  center top;
float: left;
height: 33px;
left: 45%;
position: absolute;
top: 247.4%;
width: 4px;
}
.line9 img
{
float: left;
left: -10%;
position: relative;
top: 75%;
}
.line11
{
background:url(../images/line11.png) no-repeat  center top;
float: left;
height: 70px;
left: 30.5%;
position: absolute;
top: 100%;
width: 172px;
}
.line12
{
background:url(../images/line12.png) no-repeat  center top;
float: left;
height: 79px;
left: 30%;
padding-top: 34px;
position: absolute;
top: 111%;
width: 401px;
}
.line13
{
background:url(../images/line14.png) no-repeat  center top;
float: left;
height: 113px;
left: 77%;
padding-top: 5px;
position: absolute;
top: 106%;
width: 442px;
}
.line12 p
{
position:relative;
left:-15%;
float:left;
text-align:center;
}
.line6 p, .line7 p, .line8 p, .line12 p, .line13 p, .line16 p
{
float:left;
text-align:left;
}
.line14
{
background:url(../images/line15.png) no-repeat  center top;
float: left;
left:69.23%;
position: absolute;
top:128%;
width:270px;
height: 65px;
}
.line15
{
background:url(../images/line16.png) no-repeat left top;
float: left;
left:66.23%;
position: absolute;
top:145.6%;
width:238px;
height:76px;
padding-top:45px;
padding-left:48px;
}
.line16
{
background:url(../images/line17.png) no-repeat right top;
float: left;
left:37%;
position: absolute;
top:235px;
width:510px;
height:82px;
padding-top:4px;
}
.line17
{
background:url(../images/line18.png) no-repeat right top;
float: left;
height: 112px;
left: -12%;
padding-top: 80px;
position: absolute;
top: 53px;
width: 484px;
}
.line18
{
background:url(../images/line19.png) no-repeat left top;
float: left;
height: 40px;
left: -9.5%;
padding-left: 145px;
padding-top: 129px;
position: absolute;
top: 169px;
width: 170px;
}
.line15 p, .line27 p
{
float:left;
text-align:left;
}
.line17 p
{
float:left;
text-align:left;
width:auto;
}
.line19
{
background:url(../images/line20.png) no-repeat left top;
float: left;
height: 184px;
left: 26.5%;
position: absolute;
top: 307px;
width: 179px;
}
.row5
{
padding-top:500px;
}
.content_area .row5 h3 {
padding-right: 10%;
width: 90%;
}
.line20
{
background:url(../images/line21.png) no-repeat left top;
float: left;
height: 90px;
left: 44%;
position: absolute;
top: 607px;
width: 508px;
}
.line21
{
background:url(../images/line28.png) no-repeat center bottom;
float: left;
height: 90px;
left:90.3%;
padding-bottom: 15px;
position: absolute;
top: 707px;
width: 150px;
}
.line22 {
float: left;
height: 83px;
left: 94%;
position: absolute;
top: 825px;
width: 58px;
}
.line23
{
background:url(../images/line29.png) no-repeat center top;
float: left;
height: 115px;
left: 61%;
position: absolute;
top: 890px;
width: 347px;
}
.line23 img {
float: left;
left: 44%;
position: relative;
top: 98px;
}
.line24
{
background:url(../images/line30.png) no-repeat center top;
float: left;
height: 58px;
left: 47%;
padding-top: 70px;
position: absolute;
top: 745px;
width: 250px;
}
.line25 {
float: left;
height: 100px;
left: 22%;
padding-top: 70px;
position: absolute;
top: 600px;
width: 365px;
}
.line25 img
{
float:left;
padding-bottom:10px;
position:relative;
left:30%;
}
.line26
{
background:url(../images/line22.png) no-repeat center top;
float: left;
left: 4%;
padding-top: 100px;
position: absolute;
top: 725px;
width: 305px;
}
.line26 img
{
float:left;
width:12%;
}
.line26 p
{
float:left;
width:88%;
padding-left:3%;
text-align:left;
}
.line27
{
background:url(../images/line23.png) no-repeat right top;
float: left;
left: -9%;
padding-top: 50px;
position: absolute;
top: 890px;
width: 300px;
}
.line28
{
background:url(../images/line24.png) no-repeat left top;
float: left;
height: 32px;
left: -6%;
padding-left: 180px;
padding-top: 45px;
position: absolute;
top: 990px;
width: 250px;
}
.line29
{
background:url(../images/line25.png) no-repeat right bottom;
float: left;
height: 75px;
left: 38%;
position: absolute;
top: 1030px;
width: 240px;
}
.line30
{
background:url(../images/line26.png) no-repeat bottom center;
float: left;
height: 95px;
left: 38%;
padding-bottom: 22px;
position: absolute;
top: 1117px;
width: 140px;
}
.line30 p
{
width:300px;
}
.line31
{
background:url(../images/line27.png) no-repeat bottom center;
float: left;
height: 57px;
left: 40.5%;
position: absolute;
top: 1212px;
width: 67px;
}
.content_area h5
{
font-size:16px;
text-align:center;
width:100%;
padding:10px 0;
font-weight: bold;
float:left;
color:#ddd;
position:relative;
z-index:222;
}
.line32
{
background:url(../images/line27.png) repeat bottom center;
float: left;
height: 26px;
left: 48.1%;
position: absolute;
top: 735px;
width: 2px;
}
.line33
{
background:#3287c2;
float: left;
height: 10px;
left: 47.6%;
position: absolute;
top: 776px;
width: 10px;
border-radius:25px;
}
.map_btm_detail
{
background:url(../images/btm_lines.png) repeat bottom center;
float: left;
height: 109px;
left: -5.8%;
position: absolute;
top: 795px;
width: 108%;
}
.btm_boxs
{
float:left;
width:23%;
position:relative;
top:98%;
padding:1%;
}
.btm_b_first
{
position:relative;
left:-6%;
}
.btm_b_sec
{
position:relative;
left:0.7%;
}
.btm_b_third
{
position:relative;
left:12%;
}
.btm_b_last
{
position:relative;
left:19%;
}
.btm_boxs p
{
text-align:left;
float:left;
}
.btm_boxs img
{
margin:10px 0;
}
.btm_map
{
float:left;
width:100%;
position:relative;
min-height:300px;
z-index:1;
box-shadow:0px 0px 16px -7px #333333 inset;
background:url(../images/map-netizenssoft.png) repeat-x;
margin-top: 0;
}
.map, .map img
{
float:left;
width:100%;
}
.map_detail_inr {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 1px 1px 5px -3px #333333;
float: left;
left: 3%;
min-height: 200px;
padding: 3%;
position: absolute;
top: 30px;
width: 30%;
}
.map_detail_inr h3
{
font-size:22px;
color:#333;
padding:10px 0;
width:100%;
float:left;
font-weight:normal;
}
.map_detail_inr p
{
float:left;
width:100%;
padding:10px 0;
}
.map_detail_inr img
{
float:left;
margin:2px 0px;
}
.map_detail_inr span
{
float:left;
margin-left:10px;
color:#333;
font-family:'MyriadPro-Regular';
}
.footer
{
background:#191919;
padding: 50px 0px 100px 0px;
float:left;
width:100%;
min-height:150px;
}
.ftr_lft
{
float:left;
width:65%;
padding-right:5%;
}
.social_profiles
{
float:left;
width:100%;
}
.ftr_menu
{
float:left;
width:100%;
}
.ftr_menu ul
{
float:left;
overflow:hidden;
width:auto;
list-style:none;
padding:20px 0;
position:relative;
left:-20px;
}
.ftr_menu ul li
{
float:left;
list-style-type:none;
line-height:15px;
border-left:1px solid #eee;
position:relative;
left:-1px;
}
.ftr_menu ul li a
{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:13px;
text-decoration:none;
float:left;
padding:0 20px;
}
.copyrights, .copyrights p
{
float:left;
width:100%;
text-align:left !important;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:13px;
}
.ftr_right
{
float:left;
width:30%;
}
.testimonial
{
float:left;
width:100%;
}
.testimonial h4
{
color:#919191;
float:left;
background:url(../images/testimonial_h_r.png) repeat-x top right;
font-size:18px;
height:20px;
width:100%;
text-transform:uppercase;
font-family:'MyriadPro-Regular';
font-style:italic;
margin-bottom:10px;
}
.testimonial h4 b
{
font-size:inherit;
background:#191919;
float:left;
position:relative;
top:-4px;
padding-right:5px;
}
.clients
{
float:left;
background:url(../images/quote.png) no-repeat top left;
width:100%;
margin-top:10px;
} 
.clients p
{
float:left;
width:80%;
padding-left:20%;
text-transform:capitalize;
font-weight:normal;
font-size:13px;
color:#919191;
font-family:Arial, Helvetica, sans-serif;
text-align:left !important;
}

.slider_inner h2{
padding-top:20px;
}


.mainform {
max-width: 400px;
padding: 20px 12px 5px 20px;
font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
float: left;
width: 50%;
margin: 10px 0px 0px 40px;
}
.mainform .form-group {
padding: 0;
display: block;
list-style: none;
margin: 10px 0 0 0;
}
.mainform label{
margin: 0 0 6px 0;
padding: 0px 0px 0px 40px;
display: block;
font-weight: bold;
text-align: left;
font-size: 16px;
color: #0b0b0b;
}
.mainform input[type=text],
.mainform input[type=date],
.mainform input[type=datetime],
.mainform input[type=number],
.mainform input[type=search],
.mainform input[type=time],
.mainform input[type=url],
.mainform input[type=email],
textarea,
select{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border:1px solid #BEBEBE;
padding: 7px;
margin:0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none; 
}
.mainform input[type=text]:focus,
.mainform input[type=date]:focus,
.mainform input[type=datetime]:focus,
.mainform input[type=number]:focus,
.mainform input[type=search]:focus,
.mainform input[type=time]:focus,
.mainform input[type=url]:focus,
.mainform input[type=email]:focus,
.mainform textarea:focus,
.mainform select:focus{
-moz-box-shadow: 0 0 8px #88D5E9;
-webkit-box-shadow: 0 0 8px #88D5E9;
box-shadow: 0 0 8px #88D5E9;
border: 1px solid #88D5E9;
}
.mainform .form-control{
width: 80%;
height: 44px;
}

.mainform .field-long{
width: 100%;
}
.mainform .field-select{
width: 100%;
}
.mainform .field-textarea{
height: 100px;
}
.mainform input[type=submit], .mainform input[type=button]{
background: #4B99AD;
padding: 15px 25px;
border: none;
color: #fff;
margin-top: 10px;
float: left;
margin-left: 30px;
font-size: 14px;
clear: left;
}
.mainform input[type=submit]:hover, .mainform input[type=button]:hover{
background: #4691A4;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.mainform .required{
color:red;
}

.form-group-1{
padding-top: 15px;
}


.form-group-1 h3{
color:#0b0b0b;
font-size: 17px;
}

.form-group-1 p{
color:#282827;
font-size: 15px;
line-height: 25px;
}
.captcha{
margin-left:40px !important;
padding-top:10px !important;
}


.btn1:hover{
background:#0f6d9e !important;
}


.mainform-1{
width:100% !important;
max-width:600px !important;
float: none !important;
display: inline-block;
}

.form-colleft{
float:left;
width:50% !important;
}

.form-colright{
float:right;
width:50% !important;
}

.colleft{
float:right;
width:50% !important;
}


.form-colleft label{
padding: 10px 0px 0px 30px !important;
width:50%;
}

.form-colright label{
padding: 10px 0px 0px 30px !important;
width:50%;
}

.colright input{
padding:0px !important;
width:50%;
}

.colleft input{
padding:0px !important;
width:50%;
}


.form-col-messsage textarea{
float:left;
width:100%;
margin-left: 30px;
}

.form-col-messsage label{
padding: 0px 0px 0px 32px !important;
float: left;
margin-top: 10px;
}

.form-group-3 label{
padding: 0px 0px 0px 32px !important;
}

.mainform-1 .form-group{
float:left;
width:50%;
}

.captcha-1{
margin-left: 0px !important;
padding-top: 0px !important;
clear: left;
padding-left: 29px !important;
}


.slide-animation-1{
padding: 0px 50px;
text-align: center;
float: left;
}

.description-1{
background:#f1f3f4;
font-size: 14px;
line-height: 25px;
margin-bottom:20px;
margin-top: 40px;
}

.description-1 img{
padding-top: 37px;
}

.description-2{
text-align: justify;
margin: 0px 50px;
padding: 20px 0px;
}

.slide-animation-1 h2{
padding: 20px 0px 10px 0px
}


.portfolio{
background:url(../images/pattern.png) repeat-x;
width:100%;
}

.portfolio h2{
text-align:center;
padding: 30px 0px;
font-weight: inherit;
letter-spacing: 1px;
font-size: 30px;
}
.tabs{
text-align:center;
margin-top: 60px;
margin-bottom:40px;
clear:both;
}

.tabs a{
padding: 15px 30px;
color:#fff;
background:#2494cb;
clear:both;
}


.tabs a:hover{
padding: 15px 30px;
color:#fff;
background:#ef9b2a;
clear:both;
}

.thumbnail{
width: 100%;
position:relative;
float:left;
height:272px;
}

.thumbnail h3 {
text-align: center;
padding: 10px 0px;
background: rgba(0,0,0,0.8);
color: #fff;
float: left;
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
font-weight: normal;
}

.project-descripation{
height:272px;
width: 100%;
float:left;
padding:15px;
background:rgba(255,255,255,0.8); 
position:absolute;
opacity:0;
top:-300px;
transition: all 0.5s ease;
}
.projects
{
border:1px solid #000000;
margin: 15px 1.5%;
width:30%;
float:left;
overflow:hidden;
position:relative;

}
.project
{
float:left;
width:100%;
position:relative;
}
.thumbnail img{
width: 100%;
}

.projects:hover .project-descripation
{
opacity:1;
top:0px;

}
#up, #down {
display: inline-block;
position: absolute;
width: 80px;
height: 80px;
z-index:12;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
#up {
right: -40px;
bottom: -37px;
background: url(../images/link.png) center center;
}
.projects:hover #up
{
right:0px;
bottom:0px;
}

.project-descripation h3{
font-size:12px;
padding-top:10px;
padding-bottom:5px;
}

.project-descripation a{
font-size:12px;
color:#000;
text-transform:none;
font-weight:bold;
}

.project-descripation p{
color:#000;
text-align:left;
padding-top:10px;
line-height: 22px;
}


.hdrtop_nav span{
padding-left: 4px;
margin-top: -1px;
}
.manu li.active a{ border-bottom:2px solid #ef9b2a;}
.manu li a:hover{ border-bottom:2px solid #ef9b2a;}
.pagination-small
{
float:left;
margin:30px 0;
width:100%;
list-style:none;
text-align:center;
}
.pagination-small li
{
list-style-type:none;
float:none;
overflow:hidden;
background:#f9f9f9;
display:inline-block;
}
.pagination-small a
{
padding:10px;
float:left;
cursor:pointer;
color:#333;
border-right:1px solid #eee;
}
.pagination-small li.active
{
background:#2494cb;
color:#fff;
}
.pagination-small li.active a
{
color:#fff;
}
.pagination-small li:last-child
{
border-radius:0 5px 5px 0;
background:#f5f5f5;
border-right:0px solid #eee;
}

.pagination-small li:first-child
{
border-radius:5px 0 0 5px;
background:#f5f5f5;
}
#myloaderdiv {
float: left;
width: 100%;
height: 2px;
background: #3498db;
}
#myloaderdiv img {
float: left;
width: 100%;
height: 2px;
}
/*============================== Slideshow ===============================*/
.da-slider{
width: 100%;
min-width: 520px;
height: 400px;
position: relative;
margin: 2px auto;
overflow: hidden;
background: transparent url(../images/waves.jpg) repeat 0% 0%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
-webkit-transition: background-position 1.4s ease-in-out 0.3s;
-moz-transition: background-position 1.4s ease-in-out 0.3s;
-o-transition: background-position 1.4s ease-in-out 0.3s;
-ms-transition: background-position 1.4s ease-in-out 0.3s;
transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
text-align: left;
}
.da-slide-current{
z-index: 1000;
}
.da-slider-fb .da-slide{
left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
position: absolute;
opacity: 0;
left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
left: 10%;
opacity: 1;
}
.da-slider-fb .da-slide .da-img{
left: 60%;
opacity: 1;
}
.da-slide h2 {
color: #333;
font-size: 46px;
width: 50%;
top: 60px;
white-space: nowrap;
z-index: 10;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
font-family: unset;
font-weight: 300;
letter-spacing: 3px;
}
.da-slide p{
width: 45%;
top: 155px;
color: #916c05;
font-size: 18px;
line-height: 26px;
overflow: hidden;
font-style: italic;
font-family: 'Economica', Arial, sans-serif;
font-weight: 400;
font-style: normal;
}

.da-slide span{
font-size:13px;
float:left;
color:#555;
width:100%;
font-family: Arial, Helvetica, sans-serif;
}
.da-slide label{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
color:#000;
}
.da-slide .da-img{
text-align: center;
width: 30%;
top: 70px;
height: 256px;
line-height: 320px;
left: 110%; /*60%*/
}
.da-slide .da-link{
top: 270px; /*depends on p height*/
border-radius: 30px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border: 8px solid rgba(255,255,255,0.8);
padding: 2px 20px 0px;
font-size: 18px;
line-height: 30px;
width: 80px;
text-align: center;
background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
background: rgba(255,255,255,0.3);
}
.da-dots{
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 20px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
}
.da-dots span{
display: inline-block;
position: relative;
width: 12px;
height: 12px;
border-radius: 50%;
background: #bbb;
margin: 3px;
cursor: pointer;
box-shadow: 
1px 1px 1px rgba(0,0,0,0.1) inset, 
1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
border-radius: 50%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span{
position: absolute;
top: 50%;
height: 30px;
width: 30px;
border-radius: 50%;
background: #bbb;
cursor: pointer;
z-index: 2000;
opacity: 0;
box-shadow: 
1px 1px 1px rgba(0,0,0,0.1) inset, 
1px 1px 1px rgba(255,255,255,0.1);
-webkit-transition: opacity 0.4s ease-in-out 0.2s;
-moz-transition: opacity 0.4s ease-in-out 0.2s;
-o-transition: opacity 0.4s ease-in-out 0.2s;
-ms-transition: opacity 0.4s ease-in-out 0.2s;
transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
opacity: 1;
}
.da-arrows span:after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 5px;
left: 5px;
background: transparent url(../images/arrows.png) no-repeat top left;
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
background-position: top right;
}
.da-arrows span.da-arrows-prev{
left: 15px;
}
.da-arrows span.da-arrows-next{
right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
left: 10%;
opacity: 1;
}
.da-slide-current .da-img{
left: 60%;
opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
-webkit-animation: toRightAnim3 0.4s ease-in both;
-moz-animation: toRightAnim3 0.4s ease-in both;
-o-animation: toRightAnim3 0.4s ease-in both;
-ms-animation: toRightAnim3 0.4s ease-in both;
animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
-webkit-animation: toRightAnim4 0.6s ease-in both;
-moz-animation: toRightAnim4 0.6s ease-in both;
-o-animation: toRightAnim4 0.6s ease-in both;
-ms-animation: toRightAnim4 0.6s ease-in both;
animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
-webkit-animation: toLeftAnim1 0.6s ease-in both;
-moz-animation: toLeftAnim1 0.6s ease-in both;
-o-animation: toLeftAnim1 0.6s ease-in both;
-ms-animation: toLeftAnim1 0.6s ease-in both;
animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
-webkit-animation: toLeftAnim3 0.4s ease-in both;
-moz-animation: toLeftAnim3 0.4s ease-in both;
-o-animation: toLeftAnim3 0.4s ease-in both;
-ms-animation: toLeftAnim3 0.4s ease-in both;
animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
#jquery-overlay
{
position:fixed !important;
}
.da-img img {
box-shadow: 0px 0px 20px 46px #fff;
transform: rotate(20deg);
}