@charset "utf-8";
/* CSS Document */
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,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;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;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body, input, select, textarea, button, .ui-btn{font-family: 'Lato', sans-serif;}
body{color:#333; font-size:16px; line-height:26px; font-weight:300; font-family: 'Lato', sans-serif; background:#fff url(../images/ptrn.png);}
::selection{background:rgba(0,0,0,.3); color:#fff;}
::-moz-selection{background:rgba(0,0,0,.3); color:#fff;}
.transition{transition: all .35s ease-out; -webkit-transition: all .35s ease-out;}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), textarea,select,button,.select{outline:none;transition: all .35s ease-out; -webkit-transition: all .35s ease-out; color:#333;}
.clear{clear:both;}

.m0px{margin:0 !important;}.m10px{margin:10px;}.m15px{margin:15px;}.m20px{margin:20px;}.m30px{margin:30px;}
.mt0px{margin-top:0 !important;}.mt5px{margin-top:5px;}.mt10px{margin-top:10px;}.mt15px{margin-top:15px;}.mt20px{margin-top:20px;}.mt30px{margin-top:30px;}
.mb0px{margin-bottom:0 !important;}.mb10px{margin-bottom:10px;}.mb15px{margin-bottom:15px;}.mb20px{margin-bottom:20px;}.mb30px{margin-bottom:30px;}
.ml0px{margin-left:0 !important;}.ml5px{margin-left:5px;}.ml10px{margin-left:10px;}.ml15px{margin-left:15px;}.ml20px{margin-left:20px;}.ml30px{margin-left:30px;}
.mr0px{margin-right:0 !important;}.mr5px{margin-right:5px;}.mr10px{margin-right:10px;}.mb15px{margin-right:15px;}.mr20px{margin-:20px;}.mr30px{margin-right:30px;}
.p0px{padding:0 !important;}.p10px{padding:10px;}.p15px{padding:15px;}.p20px{padding:20px;}.p30px{padding:30px;}
.pt0px{padding-top:0 !important;}.pt10px{padding-top:10px;}.pt15px{padding-top:15px;}.pt20px{padding-top:20px;}.pt30px{padding-top:30px;}
.pb0px{padding-bottom:0 !important;}.pb10px{padding-bottom:10px;}.pb15px{padding-bottom:15px;}.pb20px{padding-bottom:20px;}.pb30px{padding-bottom:30px;}
.pl0px{padding-left:0 !important;}.pl10px{padding-left:10px;}.pl15px{padding-left:15px;}.pl20px{padding-left:20px;}.pl30px{padding-left:30px;}
.pr0px{padding-right:0 !important;}.pr10px{padding-right:10px;}.pr15px{padding-right:15px;}.pr20px{padding-right:20px;}.pr30px{padding-right:30px;}

img{max-width:100%;}
a{text-decoration:none; color:#1e1e1c;transition: all .35s ease-out; -webkit-transition: all .35s ease-out; }
a:hover{color:#0f0682;}
::-webkit-input-placeholder{color:#999;opacity: 1;}
:-moz-placeholder{color:#999;opacity: 1;}
::-moz-placeholder{color:#999;opacity: 1;}
:-ms-input-placeholder{color:#999;opacity: 1;}
.red{color:#c00;}
.pink{color:#f33e6b;}
.black{color:#1a171b;}
.blue{color:#0060aa; text-transform:uppercase; font-weight:500}
.green{color:#00702e;}
.grayL{color:#666;}
a.black:hover{color:#f33e6b;}
.u{text-decoration:underline;}
.u:hover{text-decoration:none;}
.small{font-size:12px;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
h1,h2,h3,h4{color:#0f0682; font-size:26px; line-height:120%; font-weight:600; display:inline-block; width:100%; position:relative; margin-bottom:15px; font-family: 'Roboto', sans-serif;}
h3,h4{font-size:28px;}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),select,textarea{background:#fff; border:1px solid #ddd; width:100%; padding:0 15px; margin-bottom:15px; font-size:14px; color:#333; font-family: 'Lato', sans-serif; font-weight:400; line-height:100%;height:40px; border-radius:3px;}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{outline:none; box-shadow:inset 0 0 5px rgba(0,0,0,.1), 0 0 5px rgba(0, 0, 0, 0.3); border-color:#aaa;}
input[type=radio],input[type=checkbox]{width:auto; margin-left:0; height:auto;}
input[type=radio]:focus,input[type=checkbox]:focus{outline:none; box-shadow:none; border-color:inherit;}
textarea{height:150px !important; padding-top:10px;}
label{font-weight:500; margin-bottom:5px; display:block;}
body p:last-of-type{margin-bottom:0;}
.fl{float:left;}
.fr{float:right;}
.i{font-style:italic;}
.row,.dib100{display:inline-block; width:100%;}
.safari select{line-height:36px; height:36px; text-indent:7px;}
p{margin:0 0 15px;}
.b{font-weight:600;}
.row .cell{width:49%; float:left;}
.row .cell:nth-child(2n){float:right;}
.row .cell3{width:33.333%; float:left;}
.bBdr{border-bottom:3px solid #0060aa; padding-bottom:32px;}
.bBdr2{border-bottom:3px solid #0060aa; padding-bottom:10px;}
.dn{display:none;}

.ui-corner-all, .ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count{border-radius:3px;}
.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=reset]), .ui-input-text.ui-shadow-inset.ui-body-inherit.ui-corner-all.ui-textinput-autogrow{background-color: #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; text-shadow:none; height:55px; margin-bottom:0; font-size:16px; color:#777; border-radius:0;}
.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset{background:none; border: 0 none; box-shadow: none; margin:0;}
.ui-btn.ui-icon-carat-d.ui-btn-icon-right.ui-corner-all.ui-shadow{background-color: #fff; -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); border: solid 1px #aaa; height:40px; padding: 9px 15px;}
.ui-btn.ui-icon-carat-d.ui-btn-icon-right.ui-corner-all.ui-shadow.ui-shadow.ui-btn-active, .ui-select .ui-btn > span:not(.ui-li-count){font-weight: normal; text-align: left; text-shadow: none; color:#333;}
.ui-icon-carat-d::after{background:none; content:"\efb1"; background-color: #aaa; border-radius: 0; color: #fff !important; font-family: icomoon; font-size: 30px !important; font-weight: normal !important; height: 40px; margin-top: -20px; right: 0; text-align: center !important; text-shadow: none; width: 40px;}
.ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-radio-off, .ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-radio-on, .ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-checkbox-off, .ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-checkbox-on{border:0; background-color:inherit;  padding-right:0; padding-left:30px; text-shadow:none; font-weight:inherit;}
.ui-btn.ui-checkbox-off::after, .ui-btn.ui-checkbox-on::after, .ui-checkbox-off::after, .ui-btn.ui-radio-off::after{background-color:#fff; opacity:1; left:0; box-shadow:inset 0 0 5px rgba(0,0,0,.1); border:1px solid #ddd;}
.ui-btn.ui-checkbox-on::after, .ui-checkbox-one::after{background-color:#f07a07; border:0;}
.ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-radio-on::after{width:18px; height:18px; left:0;}
.ui-checkbox input, .ui-radio input{left:0;}
.ui-page-theme-a .ui-radio-on::after, html .ui-bar-a .ui-radio-on::after, html .ui-body-a .ui-radio-on::after, html body .ui-group-theme-a .ui-radio-on::after, .ui-btn.ui-radio-on.ui-btn-a::after{border-color:#51C1B6;}
button.ui-btn.ui-shadow.ui-corner-all, a.btn{background-color: #0f0682; border:0; color: #fff; text-align: left; font-size:18px; width:auto; padding:0 35px; text-shadow: none !important; text-align:center; border-radius:3px; font-family: 'Roboto', sans-serif; height:50px; box-shadow:none; margin:0; font-weight:300; border-radius:0;}
.ui-btn.ui-shadow.ui-corner-all:hover, a.btn:hover{background-color:#333;}
.ui-input-text input, .ui-input-search input, textarea.ui-input-text{padding:10px 15px;}
#nav-panel{background-color: #eee;}
#nav-panel:after{position:absolute; content:""; width:10px; height:100%; box-shadow:-10px 0 10px rgba(0,0,0,.1); top:0; right:-10px;}
#nav-panel .ui-btn-icon-left::after, #nav-panel .ui-btn-icon-right::after, #nav-panel .ui-btn-icon-top::after, #nav-panel .ui-btn-icon-bottom::after, #nav-panel .ui-btn-icon-notext::after{background-color:inherit; background-image:inherit; font-family:icomoon; color:#999; font-weight:300; text-align:center;}
#nav-panel .ui-icon-delete::after{content:"\f3d4"; font-family:icomoon; color:#777; right:15px;}
#nav-panel .hasChild .ui-icon-carat-r::after{content:"\f36b"; font-family:icomoon; font-size:28px; color:#777; top:13px; right:18px;}
#nav-panel a{font-weight:inherit; text-shadow:none !important;}
#nav-panel .ui-listview .subMenu a{border-top: 1px solid #ddd; display: block; margin: 0; padding: 5px 15px 5px 35px; position: relative; color:#666; background-color:#f8f8f8 !important; line-height:24px;}
#nav-panel .subMenu{display:none;}
#nav-panel .subMenu a:before{content:"\f36d"; font-family:icomoon; position:absolute; left:15px;}
#nav-panel .ui-listview > li a{background-color:#fff !important; color:#333; display:block;}
#nav-panel .ui-listview > li a.active{font-weight:600;}
.ui-mini{margin:0;}
.ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-radio-on::after, .ui-btn.ui-checkbox-off::after, .ui-btn.ui-checkbox-on::after, .ui-btn.ui-radio-off::after, .ui-btn.ui-radio-on::after{width:20px; height:20px; margin:-11px 0 0;}
.ui-checkbox input, .ui-radio input{margin-top:-6px; margin-left:5px;}
.ui-btn.ui-checkbox-on::after, .ui-checkbox-one::after{background-color: #51c1b6;}
.ui-checkbox > label, .ui-checkbox.ui-mini > label, .ui-radio > label{color: #777 !important; font-size: 16px !important; font-weight: bold !important;}
.ui-radio{float: left; margin: 0 20px 0 0;}

a.btn{display: inline-block; line-height: 38px; height:40px; padding:0 25px;}
.ttu{text-transform:uppercase;}
.ttc{text-transform:capitalize;}
.ttn{text-transform:none;}

div.error, label.error{background-color: #c00; color: #fff; margin: 15px 0; padding: 5px 15px; position: relative; text-shadow: none; }
div.error:before, label.error:before {background-color: #c00; content: ""; display: block; height: 10px; left: 15px; position: absolute; top: -5px; transform: rotate(45deg); width: 10px;}
form .row .cell{margin-bottom: 20px;}


/*********************** Main *****************************/
.container{position:relative; display:table; margin:30px auto; width:1170px; position:relative; background-color:#fff; padding:20px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
body:before{content:""; width:100%; height:300px; position:absolute; top:0; left:0; background:#e7e7e7 url(../images/ptrn.png); box-shadow: 0 0 50px rgba(0,0,0,.2);}
.top{display:table; width:100%; background:url(../images/headerBg.jpg) no-repeat center top; border-top:5px solid #0f0682;  font-family: 'Roboto', sans-serif; position:relative;}
.logo{float:left; padding:5px 0 0 20px;}
.callUs{float:right; position:absolute; bottom:0; right:0; width:auto; text-align:right; padding-left:50px;}
.callUs:after{border-bottom:40px solid #0f0682; border-left:40px solid transparent; content:""; position:absolute; width:100%; right:0;}
.callUs span{position:relative; z-index:1; color:#fff; display:inline-block; line-height:40px; font-weight:600; padding-right:20px;}

.nav{display:inline-block; float:right; font-size:16px; font-weight:600; margin-right:15px;}
.nav > ul{float:right;}
.nav li{position:relative; display:inline-block; float:left;}
.nav > ul > li > a{padding:0 15px; margin:0 2px; line-height:84px; display:inline-block; background-color: #fff; box-shadow: inset 0 -5px rgba(0,0,0,.55); background-image: -webkit-linear-gradient(bottom, #fff 64%, #e7e7e7); background-image: -moz-linear-gradient(bottom, #fff 64%, #e7e7e7); background-image: -o-linar-gradient(bottom, #fff 64%, #e7e7e7); background-image: -ms-linear-gradient(bottom, #fff 64%, #e7e7e7); background-image: linear-gradient(to top, #fff 64%, #e7e7e7); color:#434a54;}
.nav li > a.active, .nav li.active > a, .nav li a:hover, .nav li:hover > a{color:#0f0682; box-shadow: inset 0 -5px #0f0682;}
.nav li a{color:#fff; padding:10px 20px; display:inline-block;}
.nav li.hasChild > a{position:relative; padding-right:30px;}
.nav li.hasChild > a:after{position:absolute; content:"\f36b"; font-family:icomoon; right:10px; top:0;}

.nav li:hover .subMenu{display:block;}
.nav li .subMenu{width:260px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.5); position:absolute; z-index:3; overflow:hidden; left:2px; display:none;}
.nav li .subMenu li, .nav li .subMenu a{width:100%; border-radius:0;}
.nav li .subMenu a{font-size:14px; padding:10px 15px 10px 35px; line-height:20px; position:relative; border-bottom:1px solid rgba(0,0,0,.1); display:inline-block; width:100%; color:#0f0682; box-shadow:none !important;}
.nav li .subMenu a:before{content:"\f36d"; position:absolute; left:5px; font-family:icomoon;}
.nav li .subMenu a:hover{background-color:#0f0682; color:#fff;}
.nav li .subMenu li:last-child a{border-bottom:0;}
.nav li .subMenu a:before{left:17px;}

.openSub, .menuToggle{display:none;}

.mainSlider{position:relative;}
.mainSlider .loader{text-align:center; padding:200px 0; background-color:#eee;}
.mainSlider .flexslider{border: 0 none; border-radius: 0; box-shadow: none; margin: 10px 0 0;}
.sliderThumbs{bottom: 25px; display: table; height: 60px; left: 25px; overflow: hidden; position: absolute; width: 662px; z-index: 111111111;}
.mainSlider #carousel{background:none;}
.mainSlider #carousel.flexslider .slides > li{margin:0 5px; background-color:#000; border:2px solid #fff;}
.mainSlider #carousel.flexslider .slides img{opacity:.5;}
.mainSlider #carousel.flexslider .slides > li.flex-active-slide img{opacity:1;}
.mainSlider #carousel.flexslider .slides > li.flex-active-slide{box-shadow:0 0 10px rgba(0,0,0,.9);}
.flexslider ul.slides > li img{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flex-direction-nav a{bottom: 30px; height: 50px; margin: 0; opacity: 1; top: auto; width: 50px; left:auto !important;}
.flex-direction-nav a::before{font-size: 24px; line-height: 50px;}
.flexslider .flex-next{right: 30px;}
.flexslider .flex-prev{right: 82px;}
.flexslider .slides > li .caption{background-color: rgba(255, 255, 255, 0.7); bottom: 120px; font-family: "Roboto",sans-serif; font-size: 22px; font-weight: 600; left: 30px; padding: 30px; position: absolute; z-index: 1;}
.flexslider .slides > li .caption > h2{font-size: 44px; line-height: 100%;}

.body{margin:25px 0; min-height: 450px;}
h2.pageTitle{position:relative;}
h2.pageTitle:after{content:""; background-color:#0f0682; width:100px; height:4px; display:block; margin-top:10px;}
.home .fr{background:#0f0682 url(../images/contactBg.png) no-repeat 250px center; color:#fff; padding:30px;}
.home .fr h3{font-size:18px; color:#fff;}
.body.home{min-height:inherit;}

.footer{text-align:center;}
.footer a{color:#1e1e1c;}
.footer a:hover{text-decoration:underline;}
.footer .links{background-color:#eee; padding:15px;}
.footer .links li{display:inline; padding:0 10px; border-left:1px solid #ccc;}
.footer .links li:first-child{border:0; padding-left:0;}
.footer .links li:last-child{padding-right:0;}
.footer .copyright{margin-top:15px;}

.scrollToTop{position:fixed; bottom:40px; right:40px; height:70px; width:70px; z-index:1;}
.round {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height:70px; text-decoration: none; text-align: center; font-size: 25px; letter-spacing: -.065em; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: 2px 2px 7px rgba(0,0,0,.2); border-radius: 300px; z-index: 1; border-width: 4px; border-style: solid; background-color: rgba(15,6,130,1); color: #fff; border-color: rgba(15,6,130,.2);}
.round:hover {width: 130%; height: 130%; left: -15%; top: -15%; font-size: 33px; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3); -o-box-shadow: 5px 5px 10px rgba(0,0,0,.3); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3); box-shadow: 5px 5px 10px rgba(0,0,0,.3); z-index: 2; border-size: 10px; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); color:rgba(255,255,255,0);}
.round span.round {display: block; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition:all .5s ease-in-out; font-size:1px; border:none; padding: 45% 20% 0 20%; color: #fff; line-height:110%; font-weight:400;}
.round span:hover{opacity: .85; font-size:14px; -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5); -moz-text-shadow: 0 1px 1px rgba(0,0,0,.5); -o-text-shadow: 0 1px 1px rgba(0,0,0,.5); text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.green span{background: rgba(15,6,130,.7); text-transform:uppercase; text-align:center;}

.fancybox-skin{border-radius:0;}
.fancybox-close{background-color: #333; border-radius: 50px; color: #fff; line-height: 36px; text-align: center;}
.fancybox-close:hover, .fancybox-nav:hover{background-color:#0f0682; color:#fff;}
.fancybox-nav{background-color: rgba(0, 0, 0, 0.5); color: #fff; height: 50px; line-height: 50px; margin-top: -25px; text-align: center; top: 50%; width: 50px;}
.fancybox-prev{left: -80px;}
.fancybox-next{right: -80px;}


/*************************************************** INNER *******************************************************/
.breadcrumbs{background-color: #eee; margin-top: 20px; padding: 10px 20px;}
.imagesGrid{margin:0 -10px;}
.imagesGrid li{float:left; width:25%; padding:10px;}
.imagesGrid li .img{width:100%; position:relative; overflow:hidden;}
.imagesGrid li .img *{transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
.imagesGrid li .img:hover img{transform:scale(1.1) rotate(1deg); -webkit-transform:scale(1.1) rotate(1deg);}
.imagesGrid li .img .hover{width:100%; position:absolute; z-index:1; left:0; top:0; background-color:rgba(0,0,0,.6); text-align:center; color:#fff; height:268px; line-height:268px; opacity:0; visibility:hidden; font-size:30px; text-shadow:0 2px 0 rgba(0,0,0,.5);}
.imagesGrid li .img:hover .hover{opacity:1; visibility:visible;}


@media screen and (max-width:1170px)
{
.container{width:980px;}
.scrollToTop{bottom:100px;}
.logo{width:250px;}
.nav > ul > li > a{font-size: 14px; padding: 0 10px;}
.home .fr{background-position:210px center;}

}


@media screen and (max-width:980px)
{
.container{width:700px;}
.top{background:none; padding-top:10px;}
body:before, .callUs:after, .nav > ul, .sliderThumbs{display:none;}
.logo{padding: 0; width: auto;}
.nav{margin:0;}
.menuToggle{color: #0f0682; display: block; font-size: 18px; margin-top: 60px; line-height:30px;}
.menuToggle i{float: left; font-size: 32px; margin-right: 10px;}
.callUs{background-color: #0f0682; padding: 0; position: static; text-align: center; width: 100%; margin-top:10px;}
.callUs span{padding:0 10px;}
.home .fr, .home .fl, .contact .fl ,.contact .fr{width:100% !important;}
.home .fr, .contact .fr{margin-top:25px; background-position:right center;}
.scrollToTop{display:none !important;}
.body{min-height:inherit;}

}

@media screen and (max-width:720px)
{
.container{width:550px;}
form .row .cell{width:100%;}

}

@media screen and (max-width:550px)
{
body{background:#fff;}
.container{width: 420px; padding: 0; background-color: inherit; box-shadow: none;}
.logo{width:250px;}
.callUs{padding:10px 0;}
.callUs span{line-height:24px; display:block;}
.ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label{width:100%;}
.ui-table-reflow.ui-responsive td, .ui-table-reflow.ui-responsive th{border:0; padding:10px 20px;}
.ui-table-reflow.ui-responsive tr, .ui-table-reflow.ui-responsive tr{border-bottom:1px solid #ddd; background-color:#f2f2f2;}
.ui-table-reflow.ui-responsive tr:nth-child(2n), .ui-table-reflow.ui-responsive tr:nth-child(2n){background-color:#f8f8f8;}

}


@media screen and (max-width:420px)
{
.container{width:290px;}
.language span, .logo img{width: 100%;}
.nav{width:100%;}
.menuToggle{display: table; margin: 20px auto 0;}


}







































