@charset "utf-8";
/* CSS Document */

/* common css */
body, div, section, article, aside, header, hgroup, footer,
nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time,
span, em, strong, img, ol, ul, li, figure, canvas, video , input, textarea
{margin:0px; padding:0px; border:none; font-size:15px; font-family: 'Open Sans', Arial ;  color:#30302f;}


header, footer, section{display:block;}

/* ---------- main structure styling start	---------- */
body{background:#c0c0c0;}
.main-container{margin:0 auto; width:1260px; background:#fff;}
header, footer, section#main{display:block;}
header > div, footer > div{width:960px; margin:0 auto;}
/* ---------- main structure styling end	---------- */

/* ---------- Top Bar Starts	---------- */
div.topbar{background:url(../images/header-bg.png) repeat-x bottom #fff; height:112px; position:fixed; width:1260px; top:0; z-index:999;}
div.topbar a.logo{background:url(../images/logo-bg.png) no-repeat bottom; float:left; width:163px; text-align:center; margin:22px 0 0 95px;}
div.topbar nav{float:right; margin:72px 30px 0 0; display:block;}
div.topbar nav a{color:#30302f; font-size:15px; font-family:'Conv_zektonrg'; height:28px; display:block ;padding:0 8px 0px 8px; }
div.topbar nav a:hover{text-decoration:none;}
div.topbar nav span{margin:0 0 0 22px; float:left; height:31px;}
div.topbar nav span:hover{background:url(../images/topbar-bg.png) repeat-x bottom;}
div.topbar nav span.active{border-bottom:3px solid #c00123;}
div.topbar nav span.active:hover{background:none;}

div.topbar nav.mobile{display:none;}
div.topbar div.dropdown{display:none;}
.subMenu{position:relative!important; top:auto!important;}
/* ---------- Top Bar Ends	---------- */

/* ---------- Header Start ---------- */
header{background:#ffffff;}
header > div div{padding:212px 0 0 0;}
header > div div h1{text-align:center; font-size:54px; color:#ffd62b; font-family: 'Conv_zektonrg'; font-weight:normal; line-height:1;}
header > div div h1 strong, header > div div h1 span{display:block;}
header > div div h1 span{color:#313130; font-size:35px; font-family: 'Conv_zektonrg';}
header > div div h1 strong{color:#a3a2a2; font-size:22px; font-weight:300;}

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


/* ---------- Main Start	------ */
section#main{display:block;}
section#main > div{display:block; padding:0 150px;}

/*--Who are we Start--*/
section#main div.whoarewe{background:url(../images/whoweare-bg.png) center top no-repeat #2f2f2f; padding-top:114px; text-align:center;}
section#main div.whoarewe span.scroll{width:110px; height:30px; line-height:1.2; background:#a6a6a6; font-size:12px; display:block; padding:5px; margin:0px auto 10px auto; text-align:center;}
section#main div.whoarewe a.arrow-down{background:url(../images/arrow-down.png); width:19px; height:19px; display:block; margin:0 auto;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding:0; margin:90px auto 0 auto; min-height:250px;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides li a{display: block; height: auto; float: left; width: 100%; border: 0; font-size:32px; color:#fff; font-weight:300;}
.rslides li a:hover{text-decoration:none;}
.rslides_tabs{margin:0px auto 0 auto;}
.rslides_tabs li{display:inline-block;}
.rslides_tabs li a{background:url(../images/pagination.png) no-repeat 0 0; display:block; width:9px; height:9px; font-size:0; margin:0 4px 0 0;}
.rslides_tabs li.rslides_here a{background-position:0 -19px;}
/*--Who are we Start--*/

/*--Boxes Start--*/
section#main div.boxes{background:url(../images/boxes-bg.png) center top no-repeat #eeeeee; padding-top:110px;}
section#main div.boxes > p{text-align:center; height:150px; margin-bottom:15px;}
section#main div.boxes > p span{display:none;}
section#main div.boxes > p > strong{font-weight:600;}
section#main div.boxes ul{margin:0 auto 0px auto; float:left;}
section#main div.boxes ul li{float:left; background:url(../images/boxes-bg2.png) repeat-x #eeeeee; border-bottom:1px solid #dfdfde; border-right:1px solid #fff; height:68px; padding:0 20px 0 0; min-width:210px; cursor:pointer;}
section#main div.boxes ul li:last-child{border-right:none;}

section#main div.boxes ul li.active{background:url(../images/boxes-bg3.png) repeat-x #e8e8e8; cursor:pointer;}
section#main div.boxes ul li:hover span{background:#333;}

section#main div.boxes ul li span{float:left; width:40px; height:40px; background:#c00123; font-size:24px; margin:15px 0 0 20px; padding:2px 0 0 0; text-align:center; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
section#main div.boxes ul li p{font-size:14px; font-weight:700; margin:18px 0 0 15px; float:left; color:#333;}
section#main div.boxes ul li p strong{font-size:11px; color:#737373; display:block; font-weight:normal;}
/*--Boxes Start--*/

/*--Who We Do Start--*/
section#main div.whatwedo{background:url(../images/whatwedo-bg.png) center top no-repeat #bbbaba; padding-top:114px;}
section#main div.whatwedo > span{height:98px; display:block; padding:45px 0 0 0; }
section#main div.whatwedo > span img{width:452px; padding:0;}
section#main div.whatwedo > span p{
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  color:#333333;
  font-weight:300;
  font-size:30px;
  margin:28px 0 0 0;
  text-align:center;
}
section#main div.whatwedo > span p a{color:#c00123;}
section#main div.whatwedo > span p a:hover{color:#000; text-decoration:none;}
section#main div.whatwedo h2{color:#30302f; padding-top:85px; margin-bottom:30px;}
section#main div.whatwedo h2 span{font-weight:600; font-size:30px; color:#30302f;}
section#main div.whatwedo p{color:#30302f; font-weight:300; margin-bottom:70px; text-align:center;}
section#main div.whatwedo img.graph{width:100%; max-width:850px; margin:0 auto; display:none; padding-bottom:40px;}
section#main div.whatwedo div.graph{display:block; background:url(../images/whatwedo-graph2.png) no-repeat bottom center; width:850px; height:485px; margin:0 auto;}
section#main div.whatwedo div.graph a{width:22px; float:left; background:url(../images/whatwedo-graph-link.png) no-repeat;}
section#main div.whatwedo .graph a:hover{background-image:url(../images/whatwedo-graph-link-hover.png);}
section#main div.whatwedo .graph a:first-child{background-position:0px -115px; margin:58px 0 0 19px; height:299px;}
section#main div.whatwedo .graph a:nth-child(2){background-position:-46px -165px; margin:151px 0 0 28px; height:249px;}
section#main div.whatwedo .graph a:nth-child(3){background-position:-89px -93px; margin:2px 0 0 35px; height:321px;}
section#main div.whatwedo .graph a:nth-child(4){background-position:-131px -1px; margin:15px 0 0 60px; height:414px;}
section#main div.whatwedo .graph a:nth-child(5){background-position:-175px -84px; margin:65px 0 0 142px; height:330px;}
section#main div.whatwedo .graph a:nth-child(6){background-position:-219px -146px; margin:35px 0 0 24px; height:269px;}
section#main div.whatwedo .graph a:nth-child(7){background-position:-264px -196px; margin:0px 0 0 43px; height:219px;}
section#main div.whatwedo .graph a:nth-child(8){background-position:-307px -185px; margin:0px 0 0 30px; height:229px;}
section#main div.whatwedo .graph a:nth-child(9){background-position:-350px -269px; margin:112px 0 0 61px; height:145px;}
section#main div.whatwedo .graph a:nth-child(10){background-position:-393px -219px; margin:235px 0 0 28px; height:195px;}
section#main div.whatwedo .graph a:nth-child(11){background-position:-437px -263px; margin:151px 0 0 32px; height:151px;}
section#main div.whatwedo .graph a:nth-child(12){background-position:-476px -70px; margin:11px 0 0 65px; height:345px;}
/*--Who We Do End--*/

/*--Portfolio Start--*/
section#main div.portfolio{background:url(../images/portfolio-bg.png) center top no-repeat #ffffff; padding-top:120px; text-align:center;}
section#main div.portfolio h2{background:#30302f; color:#fff; font-size:22px; width:200px; padding:11px 0; margin:0 auto 50px auto;}

#gallery{padding:0!important; display:block; text-align:center;}
#gallery .column{width:220px; float:left;}
#gallery .column:nth-child(4){margin-right:0px!important;}
.pic{float:left; margin:0 0px 20px 0; width:220px; max-width:220px; height:auto; margin-right:20px;}
/*.pic:nth-child(4n+4){margin-right:0;}*/
.pic img{width:100%; border:1px solid #eee;}
.pic span{position:absolute; background:url(../images/portfolio-thumb-bg-2.png); display:none;}
.pic span article{width:80px; float:left; margin:-11px 0 0 -40px; position:relative; top:50%; left:50%;}
.pic a{width:80px; float:left; height:21px; padding:3px 0 0 0; margin:0 0 5px 0; display:none; background:url('../images/portfolio-thumb-bg.png') repeat-x; font-size:12px; color:#30302f; font-weight:600;}
.pic a:hover{text-decoration:none; background:#000000; color:#fff;}

.view{display:none!important;}

.categories{margin-bottom:30px; float:left;}
.categories li{float:left; color:#30302f; font-size:18px; font-weight:600;}
.categories li a{color:#30302f; font-size:18px; font-weight:600; margin:0 4px;}
.categories li a.active, .categories li a:hover{color:#c00123; text-decoration:none;}

.popup{display:none; width:400px; background:#fff; margin:0 auto; padding:15px 20px 20px 20px; box-shadow:0px 0px 10px 5px #1e1e1e; -webkit-box-shadow:0px 0px 10px 5px #1e1e1e; -moz-box-shadow:0px 0px 10px 5px #1e1e1e;}
.popup h1{font-size:18px; font-weight:normal; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #e9e9e9;}
.popup div{margin:0 auto;}
.popup div img{max-width:280px;}
.popup div p{margin:15px 0; font-size:12px;}
.popup div a.visit{background:#c00123; border:1px solid #a0011d; color:#fff; font-weight:600; padding:3px 20px; font-size:13px;}
.popup div a.visit:hover{background:#000000; text-decoration:none; border:1px solid #000;}
a.closebtn{width:16px; height:16px; background:url(../images/popupclose.png); float:right; margin:3px 3px 0 0;}
/*--Portfolio End--*/

/*--Contact Start--*/
section#main div.contact{background:url(../images/contact-bg.png) center top no-repeat #c00123; padding-top:120px;}
section#main div.contact ul li{width:48%; float:left;}
section#main div.contact ul li:last-child{float:right;}
section#main div.contact ul li img{max-width:460px; margin-bottom:20px; border:3px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -icab-border-radius: 3px;}
section#main div.contact ul li h3{font-size:16px; font-weight:normal; margin-bottom:10px;}
section#main div.contact ul li p{font-size:13px; font-weight:300; margin-bottom:20px;}
section#main div.contact ul li p span{font-size:12px; line-height:1.5!important; display:block; margin-top:10px;}
section#main div.contact ul li input[type=text], section#main div.contact ul li textarea{height:48px; width:100%; background:#870018; font-size:20px; font-weight:300; color:#fff; display:block; margin-bottom:20px; padding:10px 20px;}
section#main div.contact ul li textarea{height:150px; resize:none;}
section#main div.contact ul li input[type=button], section#main div.contact ul li input[type=button]{height:50px; background:#ffffff; border:2px solid #fff; color:#870018; padding:0 40px; font-size:18px; margin-bottom:20px;}
section#main div.contact h2, section#main div.contact h3, section#main div.contact p, section#main div.contact span{color:#fff!important;}
section#main div.contact ul li input[type=text]:focus, section#main div.contact ul li textarea:focus,
section#main div.contact ul li input[type=button]:focus, section#main div.contact ul li input[type=button]:focus{outline:none!important; border:2px solid #fb617d;}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{border:none;}
/*--Contact Start--*/


/*--Start of Inside Page--*/
section#main div.inside{padding-top:150px; padding-bottom:50px;}
section#main div.inside p{margin-bottom:20px;}
section#main div.inside h1{font-weight:300; font-size:30px; margin-bottom:20px; color:#c00123; border-bottom:1px solid #cccccc;}
section#main div.inside h2{font-weight:300; font-size:24px; margin-bottom:5px; color:#000; text-align:left;}
section#main div.inside ul.form li input[type=text], section#main div.inside ul.form li select, section#main div.inside ul.form li textarea{max-width:600px; height:48px; width:100%; background:#f9f9f9; border:1px solid #939393; font-size:20px; font-weight:normal; color:#333333; display:block; margin-bottom:20px; padding:10px 20px;}
section#main div.inside ul.form li textarea{height:150px; resize:none;}
section#main div.inside ul.form li input[type=button], section#main div.inside ul.form li input[type=button]{height:50px; background:#870018; border:1px solid #540916; color:#fff; padding:0 40px; font-size:18px; margin-bottom:20px;}
section#main div.inside ul.form li input[type=text]:focus, section#main div.inside ul.form li select:focus, section#main div.inside ul.form li textarea:focus,
section#main div.inside ul.form li input[type=button]:focus, section#main div.inside ul.form li input[type=button]:focus{outline:none!important; border:1px solid #000;}

/*--Start of Inside Page--*/
/* ---------- Main End	---------- */


/* ---------- Footer Start	---------- */
footer{height:170px; background:url('../images/footer-bg.png') no-repeat center top #333333;}
footer.inside{background-image:url('../images/footer-bg-inside.png');}
footer > div{padding:70px 0 0 0;}
footer > div > div{border-bottom:1px solid #989898; margin-bottom:10px;}
footer div div > span:first-child{float:left; width:480px;}
footer div div span:first-child a{font-weight:600;}
footer div div span:first-child a:hover{border-bottom:1px solid red; text-decoration:none;}
footer div div span a{color:#fff; font-size:11px; margin-right:10px;}
footer div div span a:last-child{margin-right:0;}
footer div div span.links{float:left;}
footer div div span.links a{font-size:16px;}
footer div div span.links a:hover{text-decoration:none; color:#c00123;}
footer div div span.topbtn{float:right;}
footer div div span.topbtn a{float:right; width:31px; height:30px; background:url('../images/arrow-top.png')}
footer div div span.topbtn a:hover{border:none;}
footer div p{color:#fff; font-size:11px;}
footer div p a, footer div p span{color:#7e7e7e; font-weight:600;}
/* ---------- Footer End	---------- */


/* ---------- Common Style Start	---------- */

/*Headings, Anchors, Paragraph, List*/
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6{}
h1{}
h2{text-align:center; font-weight:300; font-size:30px; margin-bottom:40px;}
h3{}
h4{}
h5{}
h6{}



ul, li, ol { list-style:none;}

.clear{clear:both;}
.clear-mob{display:none;}
.floatleft{float:left;}
.floatright{float:right;}
.centerpos{margin-left:auto; margin-right:auto;}
.center{text-align:center;}
.noborder{border:none;}
/*Headings, Anchors, Paragraph, List*/

/*Buttons*/
/*Buttons*/

/*Font Sizes*/
.font15{font-size:15px!important;}
/*Font Sizes*/

/*Width*/
/*Width*/

/*Height*/
/*Height*/

/*Color*/
/*Color*/

/*Paddings*/
.marginR0{margin-right:0!important;}
/*Paddings*/

/*Input and Textarea*/

/*Input and Textarea*/


/*Round Borders*/
.rnd-bor15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -icab-border-radius: 15px;}
.rnd-bor3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -icab-border-radius: 3px;}
.rnd-bor5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px;}
.rnd-bor10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -icab-border-radius: 10px;}
/*Round Borders*/

div.topbar nav span, div.topbar nav span a, section#main div, section#main div.boxes ul li, section#main div.boxes ul li span, header, section#main, footer, .box-size, input, textarea, section#main div.contact ul li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* ---------- Common Style End	---------- */

@media all and (min-width: 768px) and (max-width: 1024px) {
    .main-container{width:100%;}
	header, footer, section#main{padding:0 20px;}
    section#main{padding:0;}
    header > div, footer > div, section#main > div{width:100%;}

    div.topbar{width:100%;}
	div.topbar a.logo{margin:22px 0 0 20px;}
	div.topbar nav{margin-right:10px;}
    div.topbar nav span a{font-size:14px; padding:0 4px 0px 4px; }
	div.topbar nav span{margin:0 0 0 10px;}

    section#main > div{padding:0 20px;}
	
	.rslides li a{font-size:30px; font-weight:300;}
	/*--Boxes Start--*/
	section#main div.boxes ul{width:100%; max-width:700px; float:none;}
	section#main div.boxes ul li{min-width:0; width:50%;}
	/*--Boxes End--*/
	
	/*--Who We Do Start--*/
	section#main div.whatwedo img.graph{display:block;}
	section#main div.whatwedo div.graph{display:none;}	
	/*--Who We Do End--*/
    
	/*--Contact Start--*/
    section#main div.contact ul li img{width:100%;}
    /*--Contact Start--*/
	
	/*--Portfolio Start--*/
	.pic{width:22.4%!important; margin-left:1.3%; margin-right:1.3%;}
	.pic img{width:100%!important;}
	#gallery .column{width:23%; margin-right:2.66%;}
	#lightbox-container-image-box, #lightbox-container-image-data-box, #lightbox-image{ height: auto !important; max-width: 94% !important;}
	/*--Portfolio End--*/
	
	#example, .slides_container, .slides_container a{width:700px!important;}

    footer div div > span:first-child{float:left; width:450px;}
}

@media all and (max-width: 767px) {
    .main-container{width:100%;}
	header, footer, section#main{padding:0 20px;}
    section#main{padding:0;}
    header > div, footer > div, section#main > div{width:100%;}
	
   
	div.topbar{width:100%; height:auto; background-image:none;}
    div.topbar span{background:url(../images/header-bg.png) repeat-x bottom; padding:22px 0 0 0; display:block;}
    div.topbar a.logo{float:none; display:block; margin:0 auto 0 auto;}
	div.topbar nav{display:none;}
	div.topbar nav.mobile{float:none; margin:5px 0px 0 0; display:none; width:100%;}
    div.topbar nav.mobile a{display:block; padding:10px 8px 8px 8px; height:auto; }
	div.topbar nav.mobile span{margin:0 0 0 0; height:auto; float:none; display:block; border-bottom:1px solid #e9e9e9; padding:0; background:none;}
    div.topbar nav.mobile span.active, div.topbar nav.mobile span:hover{border-bottom:1px solid #c00123; background:#f2f2f2;}
	div.topbar nav.mobile span:hover{border-bottom:1px solid #e599a7;}
	div.topbar div.dropdown{display:block; position:absolute; width:40px; height:37px; background:url(../images/dropdown-arrow.png) no-repeat 10px 13px #bdbdbd; right:0; margin:54px 10px 0 0;}
	div.topbar div.up{background-position:10px -27px;}
	div.topbar div.dropdown:hover{background-color:#dbdada;}
	
	header > div div{padding-top:180px;}
	header > div div h1{font-size:40px;}
    header > div div h1 span{font-size:28px;}
    header > div div h1 strong{font-size:16px;}
    
    section#main > div{padding:0 20px;}
	/*--Who We Are Start--*/
	section#main div.whoarewe span.scroll{width:110px; height:30px; line-height:1.2; background:#a6a6a6; font-size:12px; display:block; padding:5px; margin:0px auto 10px auto; text-align:center;}
	.rslides {margin:40px auto 0 auto; min-height:250px;}
	.rslides li a{font-size:22px; font-weight:300;}
	/*--Who We Are Start--*/
    /*--Who We Do Start--*/
   	section#main div.whatwedo{background:url(../images/whatwedo-bg.png) center -44px no-repeat #bbbaba; padding-top:70px;}
	section#main div.whatwedo p{margin-bottom:40px;}
	section#main div.whatwedo > span p{font-size:27px; margin-top:30px;}
	section#main div.whatwedo img.graph{display:block;}
	section#main div.whatwedo div.graph{display:none;}	
    /*--Who We Do End--*/
	/*--Boxes Start--*/
	section#main div.boxes ul{width:100%; max-width:480px; float:none;}
	section#main div.boxes ul li{min-width:0; width:100%; border-bottom:none; padding:0 10px 0 0;}
	section#main div.boxes > p{text-align:center; height:200px; margin-bottom:15px;}
	/*--Boxes End--*/
	/*--Portfolio Start--*/
	.portfolio{padding-top:120px!important;}
	.portfolio .categories li a{font-size:14px;}
	.pic{margin:0 auto 4% auto!important; float:none; display:block;}
	.pic img{width:100%!important;}
	#gallery .column{width:100%!important; margin:0!important; float:none; display:inline-block;}
	
	#lightbox-container-image-box, #lightbox-container-image-data-box, #lightbox-image{max-width:94%!Important; height:auto!important;}
	#lightbox-container-image-data-box{padding-left:0!important; padding-right:0!important;}
	/*--Portfolio End--*/
    /*--Contact Start--*/
	section#main div.contact{padding-top:120px;}
    section#main div.contact ul li{float:none; display:block; width:100%;}
    section#main div.contact ul li img{width:100%;}
    /*--Contact Start--*/
	
	
    footer > div{padding:50px 0 0 0;}
    footer > div > div{border-bottom:1px solid #989898; margin-bottom:10px;}
    footer div div > span:first-child{ margin-bottom:10px; width:auto;}
    footer div div span{float:none!important; display:block!important; text-align:center!important;}
    footer div p{text-align:center;}
}




@media all and (max-width: 479px) {
    header > div div.title h1{font-size:26px;}
    header > div div.title h1 span{font-size:20px;}
    header > div div.title h1 strong{font-size:16px;}
	
	section#main div.whatwedo > span p{font-size:18px; margin-top:40px;}
	
	.rslides {margin:40px auto 0 auto; min-height:220px;}
	.rslides li a{font-size:18px; font-weight:300;}
	
	.popup{display:none; width:80%; background:#fff; padding:15px 20px 20px 20px; box-shadow:0px 0px 10px 5px #1e1e1e; -webkit-box-shadow:0px 0px 10px 5px #1e1e1e; -moz-box-shadow:0px 0px 10px 5px #1e1e1e;}
	.popup div img{max-width:100%;} 
}