@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'ROCK'; /*Rockwell Regular*/
    src:url('../fonts/ROCK.eot');
    src:url('../fonts/ROCK.eot') format('embedded-opentype'),
        url('../fonts/ROCK.woff2') format('woff2'),
        url('../fonts/ROCK.woff') format('woff'),
        url('../fonts/ROCK.ttf') format('truetype'),
        url('../fonts/ROCK.svg#ROCK') format('svg');
}
@font-face {
    font-family:'ROCKI'; /*Rockwell Italic*/
    src:url('../fonts/ROCKI.eot');
    src:url('../fonts/ROCKI.eot') format('embedded-opentype'),
        url('../fonts/ROCKI.woff2') format('woff2'),
        url('../fonts/ROCKI.woff') format('woff'),
        url('../fonts/ROCKI.ttf') format('truetype'),
        url('../fonts/ROCKI.svg#ROCKI') format('svg');
}
@font-face {
    font-family:'ROCKB'; /*Rockwell Bold*/
    src:url('../fonts/ROCKB.eot');
    src:url('../fonts/ROCKB.eot') format('embedded-opentype'),
        url('../fonts/ROCKB.woff2') format('woff2'),
        url('../fonts/ROCKB.woff') format('woff'),
        url('../fonts/ROCKB.ttf') format('truetype'),
        url('../fonts/ROCKB.svg#ROCKB') format('svg');
}
@font-face {
    font-family:'ROCKBI'; /*Rockwell Bold Italic*/
    src:url('../fonts/ROCKBI.eot');
    src:url('../fonts/ROCKBI.eot') format('embedded-opentype'),
        url('../fonts/ROCKBI.woff2') format('woff2'),
        url('../fonts/ROCKBI.woff') format('woff'),
        url('../fonts/ROCKBI.ttf') format('truetype'),
        url('../fonts/ROCKBI.svg#ROCKBI') format('svg');
}
@font-face {
    font-family:'ROCC'; /*Rockwell Condensed*/
    src:url('../fonts/ROCC.eot');
    src:url('../fonts/ROCC.eot') format('embedded-opentype'),
        url('../fonts/ROCC.woff2') format('woff2'),
        url('../fonts/ROCC.woff') format('woff'),
        url('../fonts/ROCC.ttf') format('truetype'),
        url('../fonts/ROCC.svg#ROCC') format('svg');
}
@font-face {
    font-family:'ROCCB'; /*Rockwell Condensed Bold*/
    src:url('../fonts/ROCCB.eot');
    src:url('../fonts/ROCCB.eot') format('embedded-opentype'),
        url('../fonts/ROCCB.woff2') format('woff2'),
        url('../fonts/ROCCB.woff') format('woff'),
        url('../fonts/ROCCB.ttf') format('truetype'),
        url('../fonts/ROCCB.svg#ROCCB') format('svg');
}
@font-face {
    font-family:'ROCKEB'; /*Rockwell Extra Bold*/
    src:url('../fonts/ROCKEB.eot');
    src:url('../fonts/ROCKEB.eot') format('embedded-opentype'),
        url('../fonts/ROCKEB.woff2') format('woff2'),
        url('../fonts/ROCKEB.woff') format('woff'),
        url('../fonts/ROCKEB.ttf') format('truetype'),
        url('../fonts/ROCKEB.svg#ROCKEB') format('svg');
}
/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
	
* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#3a3939; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}

img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%; height:auto;}

@-webkit-viewport {width:device-width; }
@-moz-viewport {width:device-width; }
@-ms-viewport {width:device-width; }
@-o-viewport {width:device-width; }
@viewport {width:device-width; }

body {margin:0; padding:0; font-family:'ROCK'; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}

strong {font-family:'ROCKB'; font-weight:normal;}
em {font-style:italic;}

.img-left {float:left; margin:10px 30px 30px 0;}
.img-right {float:right; margin:10px 0 30px 30px;}

/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {margin:0 auto; max-width:2000px; min-height:834px; background:url(../images/banner.jpg) no-repeat top;}
	.header-section .logo {margin:0 auto; max-width:400px; padding-top:35px;}
	.header-section .container {position:relative; min-height:834px;}
	
	.header-section .container .top-info01 {position:absolute; left:-30px; top:168px; width:200px; text-align:center; background:url(../images/top-icon-01.png) no-repeat top;}
	.header-section .container .top-info01 a {background:url(../images/top-icon-01.png) no-repeat top; padding-top:146px; transition:all .4s ease-in-out; display:block;}	
	.header-section .container .top-info01 a:hover {background:url(../images/top-icon-01-h.png) no-repeat top; transition:all .4s ease-in-out;}
	
	.header-section .container .top-info02 {position:absolute; left:240px; top:128px; width:160px; text-align:center; background:url(../images/top-icon-02.png) no-repeat top;}
	.header-section .container .top-info02 a {background:url(../images/top-icon-02.png) no-repeat top; padding-top:94px; transition:all .4s ease-in-out; display:block;}
	.header-section .container .top-info02 a:hover {background:url(../images/top-icon-02-h.png) no-repeat top; transition:all .4s ease-in-out;}	
	
	.header-section .container .top-info03 {position:absolute; left:450px; top:278px; width:160px; text-align:center; background:url(../images/top-icon-03.png) no-repeat top;}
	.header-section .container .top-info03 a {background:url(../images/top-icon-03.png) no-repeat top; padding-top:94px; transition:all .4s ease-in-out; display:block;}
	.header-section .container .top-info03 a:hover {background:url(../images/top-icon-03-h.png) no-repeat top; transition:all .4s ease-in-out;}
	
	.header-section .container .top-info04 {position:absolute; right:240px; top:258px; width:220px; text-align:center; background:url(../images/top-icon-04.png) no-repeat top;}
	.header-section .container .top-info04 a {background:url(../images/top-icon-04.png) no-repeat top; padding-top:146px; transition:all .4s ease-in-out; display:block;}
	.header-section .container .top-info04 a:hover {background:url(../images/top-icon-04-h.png) no-repeat top; transition:all .4s ease-in-out;}
	
	.header-section .container .top-info05 {position:absolute; right:10px; top:88px; width:200px; text-align:center; background:url(../images/top-icon-05.png) no-repeat top;}
	.header-section .container .top-info05 a {background:url(../images/top-icon-05.png) no-repeat top; padding-top:134px; transition:all .4s ease-in-out; display:block;}
	.header-section .container .top-info05 a:hover {background:url(../images/top-icon-05-h.png) no-repeat top; transition:all .4s ease-in-out;}
	
	.header-section h3 {font-family:'ROCKB'; font-size:35px; font-weight:normal; line-height:1; color:#363638; padding:5px 0;}
	.header-section p {font-family:'ROCK'; font-size:16px; font-weight:normal; line-height:1.2; color:#043b62; padding:5px 0;}
	.header-section p strong {font-family:'ROCKB'; font-size:18px; font-weight:normal; display:block;}
	
	.header-section .container .down-arrow {position:absolute; top:550px; left:50%; width:86px; height:86px; background-color:rgba(54,54,54,0.68); border-radius:50%; text-align:center; font-size:50px; line-height:86px; color:#FFFFFF;}
	.header-section .container .down-arrow a {color:#FFFFFF;}
	
	.bounce {-moz-animation:bounce 3s infinite; -webkit-animation:bounce 3s infinite; animation:bounce 3s infinite;}
	@-moz-keyframes bounce {
  	0%, 20%, 50%, 80%, 100% {-moz-transform:translateY(0); transform:translateY(0);}
  	40% {-moz-transform:translateY(-20px); transform:translateY(-20px);}
  	60% {-moz-transform:translateY(-15px); transform:translateY(-15px);}
	}
	@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform:translateY(0); transform:translateY(0);}
	40% {-webkit-transform:translateY(-20px); transform:translateY(-20px);}
	60% {-webkit-transform:translateY(-15px); transform:translateY(-15px);}
	}
	@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
	40% {-moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	60% {-moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px);}
	}
	
	.header-section .navigation {width:100%; height:66px; background-color:#FFFFFF; border-radius:10px; margin-top:600px;}	
	.header-section .navigation ul {margin:0; padding:0 12px; list-style:none;}
	.header-section .navigation ul li {margin:0; padding:0; float:left; font-size:18px; font-weight:normal; line-height:66px; color:#363638; border-right:1px solid #dddddd; position:relative;}
	.header-section .navigation ul li:last-child {border-right:none;}
	/*.header-section .navigation ul li:first-child a:hover, .header-section .navigation ul li:first-child a.active {border-radius:10px 0 0 10px;}
	.header-section .navigation ul li:last-child a:hover, .header-section .navigation ul li:last-child a.active {border-radius:0 10px 10px 0;}*/
	
	.header-section .navigation ul li a {color:#363638; padding:0 20px; display:block; transition:all .4s ease-in-out;}
	.header-section .navigation ul li a:hover, .header-section .navigation ul li.current_page_item a, .header-section .navigation ul li:hover a {color:#FFFFFF; background-color:#363638; transition:all .4s ease-in-out;}
	#services-active .header-section .navigation ul li#menu-item-63 a {color:#FFFFFF; background-color:#363638; transition:all .4s ease-in-out;}
	#projects-active .header-section .navigation ul li#menu-item-64 a {color:#FFFFFF; background-color:#363638; transition:all .4s ease-in-out;}
	
	.header-section .navigation ul ul {position:absolute; left:0; top:66px; display:none; background:#363638; padding:0; margin:0; list-style:none; min-width:150px;}
	.header-section .navigation ul ul li {float:none; margin:0; padding:0; font-size:16px; font-weight:normal; line-height:1.6; color:#FFFFFF; border:none;}
	.header-section .navigation ul li:hover > ul {display:inline; z-index:100;}
	.header-section .navigation ul ul li a {display:block; padding:5px 20px; color:#FFFFFF; border-radius:none; white-space:nowrap;}
	.header-section .navigation ul ul li a:hover, .navigation ul ul li a.active {color:#FFFFFF; border:none; background-color:rgba(0,0,0,0.5); border-radius:none;}
	.header-section .navigation ul li ul li ul {position:absolute; top:-1px !important; left:100%; display:none;}
	
	.header-section .navigation ul li ul li:first-child a:hover, .header-section .navigation ul li ul li:first-child a.active {border-radius:0px;}
	.header-section .navigation ul li ul li:last-child a:hover, .header-section .navigation ul li ul li:last-child a.active {border-radius:0px;}
	
	.sticky {position:fixed; top:15px; width:100%; max-width:1170px; margin:0 auto !important; z-index:99999; background-color:#f0f0f0 !important;}
	
	
	.breadcrumb-section {margin:0 auto; padding:50px 0 0 0; max-width:2000px;}
	.breadcrumb-section .container {padding:0 20px;}
	
	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {}
	.content-section h2 {font-size:45px; font-weight:normal; line-height:1; color:#363638; padding:10px 0;}
	.content-section h3 {font-size:35px; font-weight:normal; line-height:1; color:#363638; padding:10px 0;}
	.content-section h4 {font-size:30px; font-weight:normal; line-height:1; color:#363638; padding:10px 0;}
	.content-section h5 {font-size:25px; font-weight:normal; line-height:1; color:#363638; padding:10px 0;}
	.content-section h6 {font-size:20px; font-weight:normal; line-height:1; color:#363638; padding:10px 0;}
	.content-section p {font-size:16px; font-weight:normal; line-height:1.4; color:#525252; padding:10px 0;}
	
	.home-section01 {margin:0 auto; padding:40px 0; max-width:2000px; min-height:800px; background:url(../images/home-section-01.png) no-repeat top left;}
	.home-section01 h3 {text-align:center; padding:0;}
	.home-section01 p {text-align:center;}
	.home-section01 .services-box {margin:30px auto; height:600px; position:relative; background:url(../images/services-img.png) no-repeat center;}
	.home-section01 .services-box h5 {padding:0;}
	.home-section01 .services-box h5 strong {font-family:'ROCKB'; font-size:28px; font-weight:normal; display:block;}
	
	.home-section01 .services-box .box01 {min-height:300px; padding:48px 106px 0 110px; text-align:right; display:block;}
	.home-section01 .services-box .box01 h5 {padding-right:100px; margin-bottom:5px;}
	.home-section01 .services-box .box01 p {padding:0;}
	.home-section01 .services-box .box01 p a {padding:15px; text-align:right; color:#525252; display:block;}
	.home-section01 .services-box .box01 p a:hover {color:#FFFFFF;}
	.home-section01 .services-box .box01:hover p a {background-color:#167db7; color:#FFFFFF !important; transition:all .4s ease-in-out; position:relative;}
	.home-section01 .services-box .box01:hover p a:after {position:absolute; top:-22px; left:-22px; content:""; width:44px; height:44px; background:url(../images/plusa.png) no-repeat center;}
	
	.home-section01 .services-box .box02 {min-height:300px; padding:48px 20px 0 121px; text-align:left; display:block;}
	.home-section01 .services-box .box02 h5 {padding-left:100px; margin-bottom:5px;}
	.home-section01 .services-box .box02 p {padding:0;}
	.home-section01 .services-box .box02 p a {padding:15px; text-align:left; color:#525252; display:block;}
	.home-section01 .services-box .box02 p a:hover {color:#FFFFFF;}
	.home-section01 .services-box .box02:hover p a {background-color:#ff7e00; color:#FFFFFF !important; transition:all .4s ease-in-out; position:relative;}
	.home-section01 .services-box .box02:hover p a:after {position:absolute; top:-22px; right:-22px; content:""; width:44px; height:44px; background:url(../images/plusb.png) no-repeat center;}
	
	.home-section01 .services-box .box03 {min-height:300px; padding:130px 149px 0 0; text-align:right; display:block;}
	.home-section01 .services-box .box03 h5 {padding-right:100px; margin-bottom:5px;}
	.home-section01 .services-box .box03 p {padding:0;}
	.home-section01 .services-box .box03 p a {padding:15px; text-align:right; color:#525252; display:block;}
	.home-section01 .services-box .box03 p a:hover {color:#FFFFFF;}
	.home-section01 .services-box .box03:hover p a {background-color:#63028f; color:#FFFFFF !important; transition:all .4s ease-in-out; position:relative;}
	.home-section01 .services-box .box03:hover p a:after {position:absolute; top:-22px; left:-22px; content:""; width:44px; height:44px; background:url(../images/plusc.png) no-repeat center;}
	
	.home-section01 .services-box .box04 {min-height:300px; padding:170px 0 0 148px; text-align:left; display:block;}
	.home-section01 .services-box .box04 h5 {padding-left:100px; margin-bottom:5px;}
	.home-section01 .services-box .box04 p {padding:0;}
	.home-section01 .services-box .box04 p a {padding:15px; text-align:left; color:#525252; display:block;}
	.home-section01 .services-box .box04 p a:hover {color:#FFFFFF;}
	.home-section01 .services-box .box04:hover p a {background-color:#00a650; color:#FFFFFF !important; transition:all .4s ease-in-out; position:relative;}
	.home-section01 .services-box .box04:hover p a:after {position:absolute; top:-22px; right:-22px; content:""; width:44px; height:44px; background:url(../images/plusd.png) no-repeat center;}
	
	.home-section02 {margin:0 auto; padding:100px 0; max-width:2000px; min-height:660px; background:url(../images/home-section-02.png) no-repeat bottom; margin-top:-100px;}
	.home-section02 figure {text-align:center; margin-top:-100px;}
	.home-section02 article {padding-top:90px; padding-left:50px;}
	.home-section02 h2 {color:#FFFFFF;}
	.home-section02 p {color:#FFFFFF;}
	.home-section02 .read-more {margin:50px auto; width:46px; height:46px; background-color:#FFFFFF; border-radius:50%; text-align:center; font-size:24px; line-height:46px; color:#2f2f2f;}
	.home-section02 .read-more a {display:block; color:#2f2f2f;}
	
	.home-section03 {margin:0 auto; max-width:2000px; min-height:640px; background:url(../images/home-section-03.png) no-repeat top;}
	.home-section03 figure {position:relative;}
	.home-section03 figure img {display:block; border:1px solid #FFFFFF;}
	.home-section03 figure .img-box01 {position:absolute; top:-150px; right:-30px; width:492px; height:392px;}
	.home-section03 figure .img-box02 {position:absolute; top:41px; right:461px; width:247px; height:203px;}
	.home-section03 figure .img-box03 {position:absolute; top:241px; right:461px; width:247px; height:203px;}
	.home-section03 figure .img-box04 {position:absolute; top:241px; right:216px; width:247px; height:203px;}
	.home-section03 figure .img-box05 {position:absolute; top:241px; right:-30px; width:247px; height:203px;}
	.home-section03 figure .img-box06 {position:absolute; top:443px; right:216px; width:247px; height:203px;}
	.home-section03 figure .img-box07 {position:absolute; top:443px; right:-30px; width:247px; height:203px;}
	.home-section03 figure .img-box08 {position:absolute; top:443px; right:-276px; width:247px; height:203px; z-index:99;}
	
	.home-section03 article {margin-top:-60px; padding:40px 50px; border:4px solid #363638; border-left:none;}
	.home-section03 .view-more {margin:100px 0 0 270px; font-family:'ROCKB'; font-size:18px; line-height:50px; color:#363638; text-transform:uppercase;}
	.home-section03 .view-more a {color:#363638; display:block;}
	.home-section03 .view-more a img {vertical-align:middle; margin-right:10px;}
	.home-section03 article ul {margin:0; padding:0 15px; list-style:disc;}
	.home-section03 article ul li {font-size:16px; font-weight:normal; line-height:1.4; color:#525252;}
	
	.home-section04 {margin:0 auto; padding:100px 0; max-width:2000px; background:url(../images/home-section-04.png) no-repeat bottom; text-align:center;}
	.home-section04 h2 {padding:0;}
	.home-section04 figure {padding:40px 0;}
	
	.inner-content-section {margin:0 auto; padding:40px 0; max-width:2000px; min-height:500px; background:url(../images/home-section-04.png) no-repeat bottom;}
	.inner-content-section h1 {font-size:45px; font-weight:normal; line-height:1.2; color:#363638; padding:10px 0;}
	.inner-content-section h2 {font-size:45px; font-weight:normal; line-height:1.2; color:#363638; padding:10px 0;}
	.inner-content-section h3 {font-size:35px; font-weight:normal; line-height:1.2; color:#363638; padding:10px 0;}
	.inner-content-section h4 {font-size:30px; font-weight:normal; line-height:1.2; color:#363638; padding:10px 0;}
	.inner-content-section h5 {font-size:25px; font-weight:normal; line-height:1.2; color:#363638; padding:10px 0;}
	.inner-content-section h6 {font-size:20px; font-weight:normal; line-height:1.2; color:#363638; padding:20px 0 0 0;}
	.inner-content-section p {font-size:16px; font-weight:normal; line-height:1.4; color:#525252; padding:10px 0;}
	.inner-content-section p a {border-bottom:1px solid #167db7; color:#167db7;}
	.inner-content-section ul {margin:0; padding:10px 25px; list-style:disc;}
	.inner-content-section ul li {font-size:16px; font-weight:normal; line-height:1.4; color:#525252;}
	.inner-content-section ol {margin:0; padding:10px 35px; list-style:decimal-leading-zero;}
	.inner-content-section ol li {font-size:16px; font-weight:normal; line-height:1.4; color:#525252;}
	
	.wpcf7-form {padding-top:20px;}
	.wpcf7-textarea {height:100px; overflow:auto; resize:none;}
	
	.screen-reader-text {display:block;}
	
	#searchform input[type="text"] {padding:.375rem .75rem; font-size:1rem; line-height:1.5; color:#495057; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

	#searchform input[type="submit"] {font-size:1rem; font-weight:400; text-align:center; white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color:#fff; background:#007bff url(../images/btn-search.png) no-repeat center; border-color:#007bff; width:48px; text-indent:-5000px;}
	
	.blog-sidebar {padding:15px; background-color:#FFFFFF;}
	.blog-sidebar h5 {padding:20px 0 5px 0; border-bottom:1px solid #989898;}
	.blog-sidebar ul {padding:10px 15px !important;}
	.blog-content hr {margin:0 !important;}
	.blog-content .blog-box {padding:15px 0; border-bottom:1px solid #989898;}
	
	.screen-reader-text {display:none;}
	.pagination {padding:15px 0; text-align:center; display:block;}
	.pagination a {margin:0 4px;}
	.pagination .current {color:#F00 !important;}
	
	.blog-comments label {width:10%; vertical-align:top; float:left;}
	.blog-comments label[for="wp-comment-cookies-consent"] {float:none; display:inline;}
	.blog-comments input[type="checkbox"] {margin-right:10px; margin-left: 82px;}
	
	
	.blog-comments input[type="text"], .blog-comments input[type="email"], .blog-comments textarea {display:inline-block; width:90%; padding:.375rem .75rem; font-size:1rem; line-height:1.5; color:#495057; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; border-top-color:rgb(206, 212, 218); border-right-color:rgb(206, 212, 218); border-bottom-color:rgb(206, 212, 218); border-left-color:rgb(206, 212, 218); border-radius:.25rem; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

	.blog-comments input[type="text"]:focus, .blog-comments input[type="email"]:focus,.blog-comments textarea:focus {color:#495057; background-color:#fff; border-color:#80bdff; outline:0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
	
	.comment-respond {padding:15px; background-color:#f0f0f0;}
	
	.blog-comments input[type="submit"] {display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color:#fff; background-color:#007bff; border-color:#007bff; margin-left:10%; cursor:pointer;}
	.blog-comments input[type="submit"]:focus {border-color:#80bdff; outline:0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
	
	ol.comment-list li {margin:5px auto; padding:15px; background-color:#f0f0f0;}
	.blog-comments .comment-author {width:25%; float:left;}
	
	.services-content {background:url(../images/services-bg.png) no-repeat top; min-height:1500px; padding-bottom:300px; margin-top:-40px;}
	.services-content .container {position:relative;}
	.services-content .container .service-box {position:absolute; top:355px; right:-20px; transition:transform .2s;}
	.services-content .container .service-box:hover {transform:scale(1.1);}
	.services-content .service-box01 {padding:50px 150px; text-align:center;}
	
	.services-content .service-box02 {padding-top:200px;}
	.services-content .service-box02 h2 {font-family:'ROCKB'; font-size:58px; color:#FFFFFF;}
	.services-content .service-box02 h2 strong {font-family:'ROCKB'; font-size:74px; color:#FFFFFF;}

	.services-content .service-box02 ul {margin:0; padding:10px 0; list-style:none; max-width:500px;}
	.services-content .service-box02 ul li {font-size:20px; font-weight:normal; line-height:1.4; color:#FFFFFF; padding:5px 0;}
	.services-content .service-box03 {text-align:right;}
	.services-content .service-box03 h3 {font-family:'ROCKB'; font-size:50px; color:#171717; background:url(../images/blue-line.png) no-repeat right bottom; padding:10px 0 30px 0;}
	.services-content .service-box03 h3 strong {font-family:'ROCKB'; font-size:58px; color:#167db7;}
	.services-content .service-box03 .content {height:480px; margin:30px auto;}
	.services-content .service-box03 .content p {font-size:20px; color:#363636;}
	.services-content .service-box03 .content ul {margin:0; padding:0; list-style:none;}
	.services-content .service-box03 .content ul li {font-size:20px; font-weight:normal; line-height:1.4; color:#363636; padding:5px 0;}
	
	.services-content .service-box04 [class*="col-"] {padding:15px;}
	.services-content .service-box04 .ser-box {position:relative; overflow:hidden;}
	.services-content .service-box04 .ser-box img {-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; display:block; position:relative;}
	.services-content .service-box04 .ser-box:hover img {-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
	
	.services-content .service-box04 .ser-box .bdr-box {border:4px solid #FFFFFF; position:absolute; top:20px; left:20px; right:20px; bottom:20px; z-index:999;}
	.services-content .service-box04 .ser-box .blk-box { position:absolute; top:80px; left:90px; right:90px; bottom:80px; z-index:9999; background-color:rgba(0,0,0,0.8); text-align:center; padding:50px 15px; font-family:'ROCKB'; font-size:36px; font-weight:normal; line-height:1.2; color:#FFF;}
	.services-content .service-box04 .ser-box .blk-box span {display:block; font-size:24px;}
	
	.services-content .service-box04 .ser-box .more-box {border:6px solid #2887be; background-color:#61bff5; border-radius:50%; width:116px; height:116px; position:absolute; left:50%; bottom:0; margin-left:-58px; z-index:9999;}
	.services-content .service-box04 .ser-box .more-box a {display:block; padding:30px 10px; text-align:center; font-family:'ROCKB'; font-size:13px; font-weight:normal; line-height:1.2; color:#FFFFFF; width:104px; height:104px;}
	.services-content .service-box04 .ser-box .more-box a span {display:block; font-size:18px;}
	
	.products-content {background:url(../images/products-bg.jpg) no-repeat top; min-height:2600px; margin-top:-40px;}
	.products-content .container {position:relative;}
	.products-content .product-section {margin:0 auto; padding:60px; max-width:944px; min-height:466px; background:url(../images/project-content-bg.png) no-repeat top; text-align:center;}
	.products-content .product-section h2 {font-size:40px; color:#FFFFFF;}
	.products-content .product-section p {font-size:20px; color:#FFFFFF; margin:0 auto; max-width:400px;}
	
	.products-content .container .product-box01 {position:absolute; top:130px; left:-214px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box02 {position:absolute; top:130px; right:-214px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box03 {position:absolute; top:554px; left:50%; margin-left:-380px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box04 {position:absolute; top:974px; left:-214px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box05 {position:absolute; top:974px; right:-214px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box06 {position:absolute; top:1400px; left:50%; margin-left:-380px; text-align:center; width:760px; height:760px;}
	.products-content .container .product-box01 img, .products-content .container .product-box02 img, .products-content .container .product-box03 img, .products-content .container .product-box04 img, .products-content .container .product-box05 img, .products-content .container .product-box06 img {position:absolute; top:0; left:0;}
	.products-content .container h3 {margin:355px auto; padding:0; position:relative;}
	.products-content .container h3 a {padding:10px 20px; display:inline-block; background-color:#167db7; border-radius:5px; font-size:30px; font-weight:normal; line-height:30px; color:#FFFFFF; position:relative; z-index:9999;}
	.products-content .container h3 a::before {content:""; position:absolute; left:50%; top:-20px; margin-left:-45px; width:90px; height:90px; background:url(../images/circle.png) no-repeat center; z-index:-10;} 
	
	.service-div {padding:15px 0;}
	.service-div h5 {padding-top:0; padding-bottom:5px;}
	.service-div p {padding:5px 0;}
	.service-div img {border:4px solid #167db7;}
	.service-details img {border:5px solid #167db7; margin:15px 0;} 
	.service-details p strong {font-size:18px;}
	.service-details figure {margin:0px !important;}
	.service-details figcaption {font-size:16px; font-weight:normal; line-height:1.4; color:#525252; margin:-10px 0 10px 0;}
	
	.error {padding:5em 0px 5em 0; background:url(../images/home-section-04.png) no-repeat bottom;}
	.error-main {text-align:center;}
	.error-main h3 {color:#3b729a; font-size:7.8em; font-weight:400; border:8px solid #3b729a; width:24%; padding:60px 0px; border-radius:50%; margin:0 auto 4%;}
	.error-main span {color:#7b7b7b; font-size:2em; font-weight:400;}
	.error-main p {color:#7b7b7b; font-size:1.6em; margin-top:10px;}
	.error-btn {margin-top:4%;}
	.error-btn a {color:#c73446; font-size:25px; font-weight:700;}
	.error-btn a:hover {color:#3b729a; text-decoration:underline; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; 		-o-transition:0.5s all ease; -ms-transition:0.5s all ease;}
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {margin:0 auto; max-width:2000px; background-color:#e8e8e8;}
	.footer-section hr {border:none; border-top:1px solid #989898; background:none; position:relative;}
	.footer-section hr:after {content:""; position:absolute; left:50%; top:0; margin:-16px 0 0 -16px; width:33px; height:33px; background-color:#363638; border-radius:50%;} 
	.footer-section .row {padding:70px 0;}
	.footer-section ul.menu {margin:0; padding:0; list-style:none;}
	.footer-section ul.menu li {margin:0; padding:5px 0; font-size:16px; font-weight:normal; line-height:1.4; color:#2a2a2a;}
	.footer-section ul.menu li a {color:#2a2a2a; transition:all .4s ease-in-out;}
	.footer-section ul.menu li a:hover, .footer-section ul.menu li.current_page_item a {color:#167db7; transition:all .4s ease-in-out;}
	
	.footer-section h4 {padding:15px 0; font-size:24px; font-weight:normal; line-height:1.4; color:#167db7;}
	.footer-section h4 a {color:#167db7;}
	.footer-section h6 {padding:0 0 15px 0;}
	.footer-section p {padding:5px 0; font-size:15px; font-weight:normal; line-height:1.4; color:#2a2a2a;}
	
	ul.socials {margin:0; padding:0; list-style:none;}
	ul.socials li {margin:0; padding:5px 20px 5px 0; display:inline; font-size:24px; font-weight:normal; line-height:1.4; color:#2a2a2a;}
	ul.socials li a.facebook {color:#204fa5; display:inline-block; transition:all .4s ease-in-out;}
	ul.socials li a.twitter {color:#0cb5f5; display:inline-block; transition:all .4s ease-in-out;}
	ul.socials li a.linkedin {color:#0786ba; display:inline-block; transition:all .4s ease-in-out;}
	ul.socials li a.googleplus {color:#fe2f0d; display:inline-block; transition:all .4s ease-in-out;}
	
	.cd-top {display:inline-block; height:40px; width:40px; position:fixed; bottom:20px; right:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:#000000 url(../fonts/cd-top-arrow.svg) no-repeat center 50%; border-radius:50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s;}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
	.cd-top.cd-is-visible {visibility:visible; opacity:1;}
	.cd-top.cd-fade-out {opacity:1;}
	.no-touch .cd-top:hover {background-color:#000000; opacity:1;}
	@media only screen and (min-width:768px) {
	.cd-top {right:20px; bottom:20px;}
	}
	@media only screen and (min-width:1024px) {
	.cd-top {height:40px; width:40px; right:20px; bottom:20px;}
	}
	
    .breadcrumb-section .separator{
        font-size:18px;
        font-weight:100;
        color:#ccc;
        padding:0 10px;
        vertical-align: middle;
    }