1#@!#!123s

file_get_contents 1#@!#!123s
: / home1 / namod9jo / public_html / dginfo.com.au / wp-content / themes / dginfo /
Filename : style(03-10-2018).css
back
@font-face {
    font-family: Clarisse;
    src: url(assets/fonts/Clarisse.ttf);
}

html, body {height:100%;box-sizing:border-box;font-size:100%;}
body{font-family:'Titillium Web', sans-serif;color:#61727f;background:#fff;font-size:15px;line-height:24px;
	overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;
    -webkit-font-smoothing:antialiased !important;}

a{cursor:pointer;}
a:focus {outline:0 solid}
a:hover {text-decoration:none}
a, .navbar a, .form-control {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
h1, h2, h3, h4, h5, h6 {font-family:'Titillium Web', sans-serif;color:#d42f71;margin:0 0 15px;}
h1{font-size:40px;line-height:50px;}
h2{font-size:34px;line-height:44px;}
h3{font-size:22px;line-height:30px;}
h4{font-size:20px;line-height:26px;}
h5{font-size:18px;line-height:22px;}
h6{font-size:16px;line-height:20px;}
input:-webkit-autofill, input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0px 1000px white inset !important;}
.btn {color:#fff;padding:14px 30px;text-transform:uppercase;font-family:"Titillium Web",sans-serif;border-radius:3px;
	box-shadow:0 4px 5px rgba(34, 34, 34, 0.2);}
.btn:hover {box-shadow:0 8px 10px rgba(34, 34, 34, 0.2);}
.btn-primary {background-color:#d42f71;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, 
.btn-primary:active:hover {background-color:#d42f71;border-color:#d42f71;}
.btn-primary i{margin-right:10px;}
.btn-sm {padding:8px 20px;font-size:12px;font-weight:400;}
.nopadding{padding-left:0px !important;padding-right:0px !important;}
.section-padding {padding-top:30px;padding-bottom:30px;}
.darker-bg {background:#f4f7f7;}
input:focus, textarea:focus {outline:none;}
.alert {padding:12px 15px;}
img {max-width:100%;height:auto;margin:0 auto;}
.form-group {margin-bottom:30px;}
.form-control {height:50px;padding:6px 20px;border:1px solid #ebebeb;box-shadow:none;}
.form-control:focus {border-color:transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075), 0 0 20px rgba(0,0,0,.3);
    box-shadow:0 1px 1px rgba(0,0,0,.075), 0 0 20px rgba(0,0,0,.3);}
.contact-form .form-group textarea {min-height:210px;padding:15px 20px;position:relative;z-index:20;}

.header-top-area{height:40px;background:#d42f71;font-size:14px;color:#fff;font-family:"Titillium Web",sans-serif;}
.contact p{float:left;margin-right:0px;line-height:40px;margin-bottom:0px;}
.contact p i{margin-right:10px;}
.contact a{color:#fff;}
.social-icon{margin-top:7px;}
.social-icon ul{float:right;list-style:none;padding:0px;margin:0px;}
.social-icon ul li{float:left;}
.social-icon ul li a{color:#fff;font-size:14px;width:28px;height:28px;text-align:center;margin-left:12px;display:block;
	line-height:28px;transition:all .3s;}
.social-icon ul li a:hover, .social-icon ul li.active a{background:#fff;color:#d42f71;border-radius:3px;}

/* Menubar */

nav#homepage-menubar{background-color:#fff;}
nav#homepage-menubar li a{color:#3f4b5a;}
nav#homepage-menubar li.active a{color:#d42f71;}
.wrap-sticky nav.navbar.bootsnav{background-color:transparent;}
nav#inner-menubar {position:fixed;left:0;right:0;top:0;}
.wrap-sticky{position:absolute;width:100%;z-index: 98;}
nav.navbar.bootsnav{border-bottom:none;}
nav.navbar.navbar-default.navbar-sticky.bootsnav.on.no-full.sticked{background-color:#fff;}
nav.navbar.bootsnav ul.nav > li > a {color:#000;font-family:'Titillium Web', sans-serif;}
div#navbar-menu ul li a:hover{color:#d42f71;}
ul.nav.navbar-nav.navbar-right li.active a{color:#d42f71;}
nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li>.dropdown-menu li > a:hover, nav.navbar.bootsnav ul.nav > li>.dropdown-menu li.active > a,
nav.navbar.bootsnav ul.nav > li>.dropdown-menu.megamenu-content li > a:hover,
nav.navbar.bootsnav ul.nav > li>.dropdown-menu.megamenu-content .menu-col li.active > a {color:#d42f71;}
.dropdown-menu.cart-list h2 {font-size:16px;line-height:20px;margin-bottom:0;}
.dropdown-menu.cart-list h2 a {color:#3f4b5a;}
.dropdown-menu.cart-list h2 a:hover {color:#d42f71;} 

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-transform:uppercase;
                                                                    font-family:'Titillium Web', sans-serif;}

.attr-nav>ul>li>a span.badge{background-color:#d42f71;}
ul.cart-list>li.total>a.btn {color:#fff !important;}
ul.cart-list>li.total>a.btn:hover {background-color:#d42f71 !important;}

/* ================ Slider area ================== */

.item{display:table;}
.carousel-caption.slider-content{display:table-cell;vertical-align:middle;}

/*.slider {padding-top:50px;}*/
div#carousel-example-generic .carousel-inner .item::before{position:absolute;content:" ";top:0;left:0;width:100%;                                                               height:100%;display:block;z-index:0;background-color:rgba(0,0,0,0.50);}
div#carousel-example-generic .carousel-inner .item{ -webkit-transition:0s !important;-o-transition:0s !important;transition:0s !important;}
.slider-content h1{
	color:#fff;
	font-size:36px;
	font-weight:300;
	line-height:40px;
	margin-bottom:30px;
    text-transform:capitalize;
}
.slider-content p{
	color:#fff;
	font-size:20px;
	line-height:24px;
	margin-bottom:20px;
}
.slider-content a{
	border-radius:5px;
	background:#d42f71;
	padding:10px 20px;
	border:none;
	color:#fff;
	font-family:"Titillium Web",sans-serif;
	-webkit-transition:all .3s;
	transition:all .3s;
	display:inline-block;
}
.slider-content a:hover {
	background:#d42f71;
}
.slider-content a i{
	padding-left:8px;
}

.carousel-control{width:3%;}

@media (max-width:768px) {
	.homepage-slider{
		height:400px;
	}
    .contact p{line-height:35px;}
	.social-icon ul{float:none;text-align:center;}
	.social-icon ul li{float:none;display:inline-block;}
    .social-icon ul li a{text-align:center;}
	.header-top-area{height:35px;}
	.social-icon {margin-top:3px;}
	.slider-content h1{
		font-size:20px;
		line-height:28px;
		margin-bottom:20px;
	}
    .section-padding{padding-top:15px;padding-bottom:15px;}
	.slider-content p{
		margin-bottom:20px;
		font-size:15px;
		line-height:24px;
	}
	.slider-content a{
		padding:8px 15px;
	}
}

/* owl-carousel 
-----------------------------*/

.carousel-caption{text-align:left;}
.carousel-caption{left:8%;top:35%;right:30%;}
.owl-nav div {
	display:inline-block;
	margin-top:-25px;
	position:absolute;
	top:50%;
	transition:all .3s;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
	background:#d42f71 none repeat scroll 0 0;
	color:#fff;
	font-size:13px;
	height:30px;
	line-height:30px;
	text-align:center;
	width:30px;
	transition:all .3s;
	opacity:.9;
	border-radius:3px;
}
.owl-nav i:hover{
	opacity:.9;
}
.owl-nav .owl-prev {
	left:-15px;
	opacity:0;
}
.owl-nav .owl-next {
	right:-15px;
	opacity:0;
}

.slider-area.owl-carousel {
	overflow:hidden;
}
.slider-area.owl-carousel:hover .owl-nav .owl-prev{
	left:15px;
	opacity:1;
}
.slider-area.owl-carousel:hover .owl-nav .owl-next{
	right:15px;
	opacity:1;
}

/* ================ Block area ================== */

.block.block2{
	padding:40px 0px 0px;
	background:#F4F7F7;
}
.block2 .block-text {
	margin-top:128px;
}

.block-text h2{
	margin-bottom:50px;
}
.block.about-us-block .block-img {
	margin-top:0px;
}
.block.about-us-block h2 {
	margin-top:30px;
}
.headline-title h2{font-size:50px;color:#fff;margin-bottom:0px;line-height:54px;font-weight:300;}
section.important-line{background-color:#d42f71;}

@media (max-width:768px) {
	.block2 .block-text {
		margin-top:40px;
	}
    .headline-title h2{font-size:22px;line-height:30px;}
}
@media (min-width:768px) {
	.block2 .block-text {
		margin-top:50px;
	}
}
@media (min-width:992px) {
	.block2 .block-text {
		margin-top:38px;
	}
	.block-text h2{
		font-size:28px;
	}
}
@media (min-width:1200px) {
	.block2 .block-text {
		margin-top:128px;
	}
	.block-text h2{
		font-size:32px;
	}
}

/* ================ Intro section ================== */

.intro-bg1{
	background:url("assets/img/client-value-reaction.jpg") no-repeat;
}
.intro-bg2{
	background:url("assets/img/integrity.jpg") no-repeat;
}
.intro-bg3{
	background:url("assets/img/attention-to-detail.jpg") no-repeat;
}

.intro-title p{
	margin-bottom:50px;
    font-size:40px;line-height:40px;
}
.single-intro{
	overflow:hidden;
}
.intro-img{
	width:100%;
	height:222px;
	background-size:cover;
	background-position:center;
	position:relative;
}
.intro-img:after{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(212, 47, 113, .8);
	opacity:0;
}
.single-intro:hover .intro-img:after{
	opacity:1;
    -webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;
}
.single-intro:hover 
.intro-details{
	border-bottom:4px solid #d42f71;
    -webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;
	transition:0.3s ease;
}
.intro-details p{font-size:14px;}
.intro-details{
	background:#fff none repeat scroll 0 0;
	border-radius:4px;
	box-shadow:0 2px 29px 0 rgba(15, 46, 64, 0.12);
	max-height:210px;
	margin:-70px auto 30px;
	padding:30px 25px;
	position:relative;
	width:88%;
	overflow:hidden;
	border-bottom:4px solid #fff;
	-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;
	transition:all .3s;
}
.intro-details h3{
	margin-top:0;
}

/* ================ Services area ================== */

.template-title p{
	margin-bottom:50px;
    font-size:40px;line-height:40px;
}
.brand-text p{margin-bottom:0px;color:#fff;}
.highlight-color{background-color:#201f1d;}
.services-tiem{
	overflow:hidden;position:relative;
}
.services-tiem:hover .service-hover{width:100%;}

.service-hover{position:absolute;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0, 0, 0,0.7);
    overflow:hidden;
    width:0;
    height:100%;
    transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;
}

.services-tiem a h3{white-space:nowrap;
    color:#fff;
    font-size:20px;
    position:absolute;
    overflow:hidden;
    -ms-transform:translate(-50%, -50%);
    text-align:left;
    -ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-family:'myriad-bold', sans-serif;
    top:50%;
    left:50%;
    text-transform:capitalize;}

.services-tiem a h3{color:#fff;}
.services-tiem h3,.services-tiem a p{
/*	margin-left:92px;*/
	margin-top:0px;
	transition:all .3s;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;
    color:#61727f; 
}
.services-tiem a p{margin-bottom:0px;padding-bottom:0px;}
.services-tiem:hover .services-tiem a h3{color:#d42f71;}
.services-tiem a{color:#d42f71;transition:all .3s;}
.services-tiem a h3:hover{color:#d42f71;}

/* ================ Breadcrumb style ================== */

.banner-images{position:relative;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{width:100%;}
.bread-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 22;
                -webkit-transform:translate(-50%, -50%);}
.page-breadcrumbd h1, .page-breadcrumbd a{
	margin:0px;
	color:#000;
    text-transform:capitalize;
}
.page-breadcrumbd p{color:#000;}
div#white-font p, div#white-font p i{color:#fff;}

/* ================ Accordian section ================== */
.panel-default > .panel-heading {
	background-color:#F4F7F7;
	border:none;
}
.panel-default {
	border:none;
	background:#F4F7F7;
}
.panel-heading {
	border-bottom:none;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	padding:0px
}
.panel-title > a {
	background:#F4F7F7;
	display:block;
	padding:10px 15px;
	color:#212121;
	font-size:18px;
	position:relative;
}
.panel-title > a[aria-expanded=true]{
	background:#d42f71;
	color:#fff;
}
.panel-title > a[aria-expanded=true]:after{
	content:"-";
	background:#fff;
	color:#d42f71;
}
.panel-title > a:focus{
	text-decoration:none;
}
.panel-title > a:after{
	background:#d42f71 none repeat scroll 0 0;
	border-radius:2px;
	color:#fff;
	content:"+";
	height:20px;
	line-height:16px;
	position:absolute;
	right:15px;
	text-align:center;
	top:9px;
	width:20px;
	font-weight:bold;
}
.panel-group .panel + .panel {
	margin-top:6px;
}
.accordian-right-content h2{
	margin-bottom:13px;
}

/* ================ Portfolio section ================== */
.portfolio-item{
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}
.portfolio-item::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(77, 103, 254, .9);
}
.portfolio-details {
    position:absolute;
    left:0;
    bottom:-30%;
    width:100%;
    padding:20px;
}
.portfolio-item:hover .portfolio-details {
	bottom:0;
}

.portfolio-details,
.portfolio-item::before {
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.portfolio-item:hover::before,
.portfolio-item:hover .portfolio-details {
	opacity:1;
	visibility:visible;
}

.portfolio-details h3 {
	margin:0;
}
.portfolio-details span {
	display:block;
}
.portfolio-details h3 a,
.portfolio-details a {
	color:#fff;
}

/* portfolio-single-page 
------------------------------------*/
.single-portfolio-wrapper, 
.single-portfolio-wrapper a{
	font-family:"Titillium Web",sans-serif;
}

.single-portfolio-title a {
	color:#d42f71;
	font-size:17px;
	font-weight:500;
	text-transform:uppercase;
}
.single-portfolio-title h2 {
	font-size:26px;
	margin-bottom:20px;
	margin-top:5px;
}
.portfolio-details-panel p {
	line-height:27px;
	margin-bottom:25px;
}
.portfolio-details-panel ul span {
	display:inline-block;
	width:140px;
}
.portfolio-details-panel ul {
	color:#aaa;
	list-style:none;
	padding:0px;
	margin-bottom:30px;
}
.portfolio-details-panel ul span {
	color:#000;
	text-transform:uppercase;
}
.portfolio-details-panel ul li {
	padding-bottom:15px;
}
.portfolio-details-panel ul a {
	color:#aaa;
	margin-right:6px;
}
.portfolio-details-panel ul a:hover {
	color:#d42f71;
}

.single-portfolio-images img {
	margin-bottom:30px;
}

.divider{
	background:#EEEEEE;
	display:block;
	width:100%;
	height:1px;
	margin:10px 0px;
}
.company-address{
	margin:0 15px;
}
.company-address ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.company-address ul li{
	padding-left:50px;
	position:relative;
	margin-bottom:40px;
}
.company-address ul li i{
	left:0;
	position:absolute;
	top:4px;
	color:#d42f71;
	font-size:22px;
}
.company-address ul li a{
	color:#61727f;
}
.company-address ul li a:hover{color:#d42f71;transition:0.3s ease;}

/* Landing page */

section.landing{background-image:url(assets/img/dg-landing-images.jpg);background-repeat:no-repeat;
                background-size:cover;}
.comming-soon h1{text-transform:uppercase;font-size:35px;margin-bottom:0px;line-height:38px;}




/* ================ testimonial section ================== */

.testimonial{
	padding:120px 0px;
	background:#F4F7F7;
	color:#212121;
}
.testimonial h3{
	font-size:30px;
	margin-bottom:30px;
	line-height:45px;
}
.testimonial a{
	color:#212121;
	font-size:25px;
	color:#212121;
	font-weight:bold;
}
a:focus{
	text-decoration:none;
}
.testimonial span{
	font-size:15px;
}



/* single page social icon 
-------------------------------*/
.social-link{
	overflow:hidden;
}
.social-link ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.social-link ul li{
	float:left;
}
.social-link ul li a{
	color:#fff;
	display:block;
	font-size:15px;
	text-align:center;
	width:45px;
	background:#ddd;
	white-space:nowrap;
	margin-right:6px;
	padding:7px 0px;
	width:45px;
	overflow:hidden;
	font-size:15px;
	transition:all 400ms ease 0s;
	border-radius:3px;
	position:relative;
	margin-bottom:10px;
}
.social-link ul li a.facebook{
	background:#286196;
}
.social-link ul li a.twitter{
	background:#1AA2F6;
}
.social-link ul li a.google{
	background:#E7462A;
}
.social-link ul li a.linkedin{
	background:#0078B4;
}
.social-link ul li a.pinterest{
	background:#BD081B;
}
.social-link ul li a.reddit{
	background:#FF4400;
}
.social-link ul li a.message{
	background:#9FA3A4;
}
.social-link ul li a:hover{
	width:90px;
}
.social-link ul li i{
	width:45px;
}
.social-link ul li span{
	width:45px;
	text-align:center;
	padding-right:15px;
}

/* comments form 
------------------------------*/
.comments-wrapper{
	padding:15px 40px;
	border-top:1px solid #ddd;
	margin-top:20px;
}

.comment-title h2{
	margin-bottom:40px;
}

/* comments media 
--------------------------*/

.comments-responsed-wrapper {
	border-top:1px solid #ddd;
	margin-top:50px;
	padding:20px 40px;
}
.comments-media ol {
	border:1px solid #eaeaea;
	list-style:outside none none;
	padding:15px;
	margin-bottom:15px;
}
.comments-media ol ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.comments-media img {
	border-radius:50%;
	height:80px;
	width:80px;
}
.comment-avatar {
	float:left;
	margin-right:15px;
	padding-top:15px;
}
.comment-section {
	margin-left:95px;
	overflow:hidden;
}
.comment-section h2 {
	display:inline-block;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
}
.comment-section span {
	color:#aaa;
	font-size:13px;
	margin-left:20px;
}
.comment-content a.btn-comment-replay {
    border:1px solid #aaa;
    border-radius:3px;
    color:#aaa;
    padding:0px 10px;
    margin-top:10px;
    font-size:12px;
    display:inline-block;
    text-transform:uppercase;
    line-height:1.42857143;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.comment-content a.btn-comment-replay:hover {
	background:#011a48 none repeat scroll 0 0;
	border-color:#011a48;
	color:#fff;
}
.comments-media li .comment-inner {
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	padding-bottom:22px;
	overflow:hidden;
}
.comments-media ol ul {
	margin-left:60px;
}
.comments-media ul li:last-child .comment-inner{
	border-bottom:none;
	padding-bottom:0px;
}
@media (max-width:768px) {
	.comments-media ol ul {
		margin-left:0px;
	}
    .block-text h2, .template-title h2, .intro-title h2, .center_title h2{margin-bottom:15px;font-size:24px;line-height:28px;}
    .template-title p, .intro-title p{margin-bottom:15px;font-size:22px;line-height:26px;}
    .about-us img{width:170px;}
}
@media (min-width:992px) {
	.comments-media ol ul {
		margin-left:60px;
	}
}
@media (max-width:480px) {
	.comment-avatar {
	    float:none;
	    margin-right:0;
	}
	.comment-section {
	    margin-left:0;
	}
}



/* ================ footer section ================== */

.primary-footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.primary-footer {
    font-family:'Titillium Web', sans-serif;
	background:#d42f71;
	padding:30px 0px;
}
.footer-widget span{
	font-size:13px;
	color:#fff;
}
.footer-widget p, .footer-widget a{
	color:#fff;
}
.footer-widget h3{
	color:#fff;
	margin-top:0px;
	margin-bottom:30px;
}
div#footer-social{margin-top:0px;float:left;padding:10px 0px;}
div#footer-social ul{float:none;}
div#footer-social ul li:first-child a{margin-left:0px;}
div#footer-social ul li a{font-size:18px;margin-left:22px;width:34px;height:34px;line-height:34px;}

.about-us p{
	margin-bottom:30px;
}
.about-us img{
	margin-bottom:6px;
}
.online-card img{
	margin-right:5px;
}

/*Useful Link Widget*/

.usefull-link ul li a, .services-link ul li a{display:block;padding:7px 0;-webkit-transition:.3s;transition:.3s;}
.usefull-link ul li a:hover, .services-link ul li a:hover{padding-left:15px;color:#fff;}
.usefull-link ul li a i, .services-link ul li a i{color:#fff;margin-right:10px;}
.services-link ul li{width:50%;float:left;}
.usefull-link ul li:first-child, .services-link ul li:first-child{padding-top:0;}

/*Latest Post Widget*/

.latest-post ul li{margin-bottom:20px;display:block;overflow:hidden;}
.latest-post ul li:last-child{margin-bottom:0px;}
.latest-post ul li img{float:left;margin-right:15px;border-radius:3px;}
.latest-post ul li p a{font-size:17px;margin-bottom:0;font-family:'Titillium Web', sans-serif;transition:all .3s;}
.latest-post ul li p a:hover{color:#fff;}
.latest-post ul li p{margin-bottom:2px;}

/* footer bottom 
--------------------------------*/
.copyright-wrapper{background:#4f4f4e;padding:10px 0px;font-family:'Titillium Web', sans-serif;}
.copyright-wrapper p{color:#a0a2b1;margin-bottom:0px;}
.copyright-wrapper a{color:#fff;}

/* Build engage */

.project_area {background:url(assets/img/project-bg.jpg) center center fixed;padding:40px 0px;position:relative;
            background-repeat:no-repeat;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.project_area:before {content:"";height:100%;width:100%;left:0px;top:0px;position:absolute;background:rgba(0, 0, 0, .6);}
.contact-now a, .submit-contact{border-radius:5px;background:#d42f71;padding:10px 20px;border:none;color:#fff;
                -webkit-transition:all .3s;transition:all .3s;}
.center_title p{color:#fff;font-size:18px;}
.contact-now{padding:20px 0px;}

/* Contact */

.contact-map{height:430px;}
.contact-map iframe{width:100%;border:1px solid #999;height:430px;}
.high-color{background-color:#201f1d;}
.high-font p{font-size:28px;font-style:italic;}
.contact-bg-images:before {content:"";height:100%;width:100%;left:0px;top:0px;position:absolute;z-index:-1;
    background:rgba(0, 0, 0, .6);}
.contact-bg-images {background:url(assets/img/contact-footer-bg.jpg) no-repeat fixed center center;
                    padding:95px 0px;background-size:cover;position:relative;z-index:3;}
.contact-bg-images h2{margin-bottom:0px;}
.ms-options-wrap button, .ms-options-wrap > button:focus, .ms-options-wrap > button{height:50px;box-shadow:none;
                                                                    padding:6px 20px;border:1px solid #ebebeb;}
.ms-options-wrap > .ms-options{left:15px;}
.ms-options-wrap > .ms-options > .ms-selectall.global{text-transform:capitalize;color:#61727f;}
.ms-options-wrap > .ms-options > ul label{font-weight:300;font-size:14px;}
.ms-options-wrap > button:focus, .ms-options-wrap > button{font-size:14px;}


/* Sctoll to top */

.scrollup{position:fixed;width:32px;height:35px;bottom:14px;right:20px;background:#d42f71;display:none;
            border:1px solid #fff;z-index:99;}
a.scrollup {outline:0;text-align:center;}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {opacity:1;text-decoration:none;transition:0.3s all;}
a.scrollup i {margin-top:10px;color:#fff;}
a.scrollup i:hover {text-decoration:none;}

/* About */

.thin-border-box{border:15px solid #4f4f4e;position:relative;margin:95px 0px;}
.page-breadcrumbd.breadcrumbd-right{text-align:right;}
.about-first-img{position:absolute;top:0px;z-index:10;}
.inner-titles{padding-bottom:30px;}
.inner-titles p{font-size:36px;color:#d42f71;}
.about-us-text{padding:40px 0px;}
.about-us-text h2{margin-bottom:20px;min-height:88px;}
.about-us-text p{margin-bottom:0px;}
.white-bg{background-color:#fff;z-index:22;}
.about-right{right:15px;}
.section-padding-about{padding-top:20px;padding-bottom:20px;}
.odd-section{background-color:#f7f7f7;}

/* Services Inner */

section#web-design-value{background:url(assets/img/web-develop-value-bg.jpg) no-repeat;background-size:cover;}
.services-inner-overlay{position:relative;padding:60px 0px;overflow:hidden;}
div#logo-design{background-color:rgba(212,47,113,0.80);}
div#website-designing{background-color:rgba(34,139,34,0.80);}
div#landing-page-design{background-color:rgba(255,127,80,0.80);}
div#content-marketing{background-color:rgba(180,210,100,0.80);}
div#email-marketing{background-color:rgba(255,160,122,0.80);}
div#social-media-marketing{background-color:rgba(0,255,255,0.80);}
div#search-engine-optimization{background-color:rgba(238,130,238,0.80);}
div#mobile-application-development{background-color:rgba(60,60,238,0.80);}

.services-inner-overlay::before{top:0;right:0;border-right:120px solid #000;border-top:540px solid transparent;                                position:absolute;content:"";}
.services-inner-quote-overlay::before{top:0;left:0;border-left:120px solid #000;position:absolute;content:"";
                                border-bottom:540px solid transparent;}
.services-sub-title h3{font-size:35px;text-transform:uppercase;color:#fff;margin-bottom:30px;}
.value-content{margin-top:30px;}
.value-content p{font-size:16px;color:#fff;}
.value-content p span{font-size:16px;color:#fff;}
.value-content p span span{font-size:16px;color:#fff;}

section#service-why-us{background:url(assets/img/web-design-why-bg.jpg) no-repeat;background-size:cover;}
.services-inner-why-overlay{background-color:rgba(0,0,0,0.60);position:relative;padding:60px 0px;
                            overflow:hidden;}
.services-why-title h3{font-size:35px;text-transform:uppercase;color:#bd3a6e;margin-bottom:30px;}
.media.service-box {margin:25px 0;}
.media.service-box .pull-left {margin-right:20px;}
.media.service-box .pull-left > i {font-size:24px;height:64px;line-height:64px;text-align:center;width:64px;
            border-radius:100%;color:#fff;transition:background-color 400ms, background-color 400ms;
            -webkit-box-shadow:inset 0 0 0 1px #d7d7d7;position:relative;background-color:#bd3a6e;
            box-shadow:inset 0 0 0 1px #d7d7d7;}
.media.service-box:hover .pull-left > i {background-color:#fff;color:#bd3a6e;
            transition:0.3s ease;-webkit-transition:0.3s ease;-o-transition:0.3s ease;-moz-transition:0.3s ease;}
.media.service-box .pull-left > i:after {content:"";position:absolute;width:20px;height:20px;top:50%;
                margin-top:-10px;right:-10px;border:4px solid #fff;border-radius:20px;background:#bd3a6e;}
.media-heading {font-size:20px;text-align:left;color:#fff;}

section#web-design-inquiry{background:url(assets/img/service-quote-bg.jpg) no-repeat;background-size:cover;}
.services-inner-quote-overlay{position:relative;padding:60px 0px;background-color:rgba(255,255,255,0.80);
                            overflow:hidden;}
.services-quote-title h3{font-size:35px;text-transform:uppercase;color:#333;margin-bottom:30px;}
button#inner-contact{float:right;}
.service-inner-form .form-control{padding:6px 30px;}
.wpcf7-form-control-wrap{position:inherit;}
div#name::before{position:absolute;top:14px;left:28px;color:#c9c9c9;font-family:FontAwesome;content:"\f183";}
div#phone::before{position:absolute;top:14px;left:28px;color:#c9c9c9;font-family:FontAwesome;content:"\f095";}
div#email::before{position:absolute;top:14px;left:28px;color:#c9c9c9;font-family:FontAwesome;content:"\f0e0";}
div#services::before{position:absolute;top:14px;left:28px;color:#c9c9c9;font-family:FontAwesome;content:"\f109";}
div#message::before{position:absolute;top:5px;left:28px;color:#c9c9c9;font-family:FontAwesome;content:"\f040";}

section#privacy-policy h2{color:#000;margin-bottom:10px;}
section#privacy-policy h3{color:#000;margin-bottom:10px;}
section#privacy-policy h4{color:#000;margin-bottom:10px;}

.footer-mail{margin-top:10px;float:left;}
.footer-mail ul li{margin-bottom:14px;}
.footer-mail ul li, .footer-mail ul li a{color:#fff;}
.footer-mail ul li:first-child i{margin-right:15px;width:15px;}
.footer-mail ul li:nth-child(2) i{margin-right:13px;width:15px;}
.section-padding1{padding:10px 15px;}

/* Career */

section#career-white .page-breadcrumbd h1, section#career-white .page-breadcrumbd a, 
section#career-white .page-breadcrumbd p{color:#fff;}
.career-content h2{font-family:'Playfair Display', serif;font-weight:900;font-size:60px;line-height:70px;color:#d23550;}
.career-content h3{font-weight:500;color:#666;font-family:'Roboto', sans-serif;}
.career-services{background-color:#f7f7f7;}
.car-boxes{margin-bottom:30px;}
.car-boxes h2{color:#333;}
.dg-purpose, .dg-goal, .dg-envi{position:relative;}
.dg-purpose::before{position:absolute;content:"";height:60px;width:4px;background-color:#d42f71;right:10px;}
.dg-goal::before{position:absolute;content:"";height:4px;width:60px;background-color:#d42f71;left:15px;top:10px;}
.dg-envi::before{position:absolute;content:"";height:60px;width:4px;background-color:#d42f71;left:50%;
                transform:translateX(-50%);}
.career-btn{border-radius:5px;background:#fff;padding:10px 20px;border:2px solid #fff;color:#000;margin-top:20px;
    -webkit-transition:all .3s;transition:all .3s;display:inline-block;}
.career-btn:hover{background-color:transparent;color:#fff;}
.dg-goal .col-md-7.col-md-offset-1{float:right;}
div#carrer-fonts p, div#carrer-fonts a{color:#d42f71;}
div#carrer-fonts a:hover{color:#fff;}
div#carrer-fonts p span{font-size:12px;display:block;line-height:18px;}
.opening-opp{float:left;padding-bottom: 30px;}
.carr-title{padding:15px;border:1px solid #d0df00;height:262.5px;display:table;background-color:#d0df00;
            border-radius:50%;}
.carr-title h3{color:#053041;margin-bottom:0px;text-align:center;display:table-cell;vertical-align:middle;}
.carer-padd{background-color:#f7f7f7;}
.car-bg-col{padding:15px;}
.carr-power h3{font-size:20px;font-weight:400;color:#000;}
.carr-content h4{color:#333;margin-bottom:10px;}
.carr-content{padding-top:15px;}
.car-apply{padding:15px;background-color:#d0df00;}
.car-apply h3{color:#053041;}
.car-apply a{background-color:#b8c600;padding:6px 20px;border-radius:5px;display:inline-block;color:#053041;
            border:2px solid #b8c600;}
.car-apply a:hover{border:2px solid #053041;}

.career-form-area, .form-group{color:#333;font-weight:400;}
.form-group label{font-weight:400;}
.career-form .form-group input[type=file]{padding:13px 20px;}
.career-form-boxes{padding:20px;border:1px solid #ebebeb;border-radius:5px;background-color:#f7f7f7;}
.career-form-boxes h2{color:#333;font-size:24px;line-height:28px;margin-bottom:10px;}
.career-form-boxes p:last-child{margin-bottom:0px;}

div#accordion .panel-heading h4{background-color:#fff;color:#ef2b2c;border-radius:0px;margin-bottom:0px;font-weight:500;}
div#accordion .panel-heading{padding:0px;border-radius:0px;}
div#accordion .panel-default{margin-bottom:20px;border-radius:0px;}
div#accordion .panel-heading h4 a{color:#d42f71;padding:15px 15px;display:block;border-radius:0px;}
div#accordion .panel-heading h4 a{background-color:#ddd;color:#333 !important;font-weight:600;}
div#accordion .panel-heading h4 a:hover, div#accordion .panel-heading h4 a:focus{color:#d42f71;text-decoration:none;}
div#accordion .panel{box-shadow:none;border:1px solid #ddd;}
div#accordion .panel-body ul{padding-left:18px;}
div#accordion .panel-body{text-align:justify;padding-left:25px;padding-right:25px;}
div#accordion .panel-body ul li{margin-top:2px;margin-bottom:2px;}
div#accordion .panel-body ul li .about-read-more{margin-top:10px;}

/* Portfolio */

.port-bg-color{padding:120px 0px;}
header#portfolio-header{background-color:#000;height:70px;}
header#portfolio-header .wrap-sticky nav.navbar.bootsnav, header#portfolio-header .wrap-sticky{background-color:#000;}
header#portfolio-header nav.navbar.bootsnav ul.nav > li > a{color:#fff;}
header#portfolio-header nav.navbar.bootsnav ul.nav > li.active > a{color:#d42f71;}
header#portfolio-header nav.navbar.navbar-default.navbar-sticky.bootsnav.on.no-full.sticked{background-color:#000;}
.portfolio-page-title{text-transform:capitalize;letter-spacing:5px;}
.portfolio-page-title h2{margin-bottom:30px;font-family:'Montserrat', sans-serif;font-size:24px;color:#fff;
                        font-weight:500;}
.portfolio-page-title a{border:2px solid #fff;padding:10px 15px;display:inline-block;margin-top:10px;color:#fff;
                        font-size:20px;font-family:'Montserrat', sans-serif;font-weight:500;}
.portfolio-page-title a:focus, .portfolio-page-title a:visited{color:#fff;}
.portfolio-page-title a:hover{background-color:#fff;color:#000;}
.animated.infinite.bounce.text-primary i{color:#fff;}
.starwars-demo {perspective:800px;-webkit-perspective:800px;padding-bottom:60px;}
.byline {color:#fff;font-family:'Montserrat', sans-serif;font-size:50px;letter-spacing:5px;text-align:center;
        text-transform:uppercase;line-height:70px;}
.port-gallery{background-color:#000;padding:80px 0px;}
.star {animation:star 10s ease-out infinite;-webkit-animation:star 10s ease-out infinite;}
.wars {animation:wars 10s ease-out infinite;-webkit-animation:wars 10s ease-out infinite;}
.byline span {animation:spin-letters 10s linear infinite;-webkit-animation:spin-letters 10s linear infinite;}
.byline {animation:move-byline 10s linear infinite;-webkit-animation:move-byline 10s linear infinite;}
section#client-portfolio{background-color:#000;padding-top:80px;padding-bottom:30px;}

.event-grid-lists{padding:80px 0px;}
.event-list-img img.img-responsive{padding: 15px;}
.event-summery p{color:#8c8c8c;font-size:18px;line-height:28px;}
.port-conte-padd{padding:0px 80px;}
.event-list-title h2{color:#fff;line-height:34px;margin-bottom:5px;}
.event-list-title h3{color:#fff;font-size: 18px;line-height: 22px;}
.view-event-details{margin-top:30px;}
.view-event-details a{color:#d42f71;font-size:18px;line-height:24px;border: 1px solid #d42f71;padding: 4px 8px;
                        display:inline-block;}
.view-event-details a:hover{color:#fff;border: 1px solid #fff;}
.event-grid-lists:nth-child(even) .col-md-5.col-sm-5.col-xs-12{float:right;}

section#client-portfolio ul.pagination li.active a{background-color:#d42f71;border:1px solid #d42f71;
                                                    border:1px solid transparent;}
section#client-portfolio ul.pagination li.active a:hover{color:#000;background-color:#fff;border:1px solid transparent;}
section#client-portfolio ul.pagination li{display:inline-block;margin-bottom:4px;border-radius:50%;}
section#client-portfolio ul.pagination li a{color:#d42f71;border-radius:50%;text-align:center;display:inline-block;
                                        width:40px;height:40px;line-height:40px;padding:0px;}
section#client-portfolio ul.pagination li:first-child a,section#client-portfolio ul.pagination li:last-child a
                                                                        {border-radius:50%;line-height:40px;}
section#client-portfolio ul.pagination li.active a{color:#fff;}
section#client-portfolio ul.pagination li a:hover{color:#000;}

.event-list-img{position: relative;overflow: hidden;}
.border-top{position: absolute;top: 0px;height: 5px;width: 100%;}
.border-left{position: absolute;left: 0px;height:100%;width:5px;top: 0px;}
.border-bottom{position: absolute;bottom: 0px;height: 5px;width: 100%;}
.border-right{position: absolute;right: 0px;height:100%;width:5px;top: 0px;}
.event-list-img img{max-width: none;}
.event-list-img img.img-responsive{max-width: 100%;}
.border-top, .border-bottom{width: 300%;}
.border-left, .border-right{height: 300%;}

img.border.border-bottom {transform: translateX(-67%);-webkit-transform: translateX(-67%);}
img.border.border-left{transform: translateY(-67%);-webkit-transform: translateY(-67%);}
.event-list-img:hover .border-top{-webkit-animation:imageAnimationtop 1s;animation:imageAnimationtop 1s;}
.event-list-img:hover .border-left{-webkit-animation:imageAnimationleft 1s;animation:imageAnimationleft 1s;}
.event-list-img:hover .border-bottom{-webkit-animation:imageAnimationbottom 1s;animation:imageAnimationbottom 1s;}
.event-list-img:hover .border-right{-webkit-animation:imageAnimationright 1s;animation:imageAnimationright 1s;}

@-webkit-keyframes imageAnimationtop { 
	0% {margin-left:0%;}
	50% {margin-left: -100%;}
	100% {margin-left: -200%;}}

@-webkit-keyframes imageAnimationleft { 
	0% {margin-top:0%;}
	50% {margin-top:115%;}
	100% {margin-top:230%;}}

@-webkit-keyframes imageAnimationbottom { 
	0% {margin-left:0%;}
	50% {margin-left:100%;}
	100% {margin-left:200%;}}

@-webkit-keyframes imageAnimationright { 
	0% {margin-top:0%;}
	50% {margin-top:-115%;}
	100% {margin-top:-230%;}
}

@keyframes imageAnimationtop { 
	0% {margin-left:0%;}
	50% {margin-left: -100%;}
	100% {margin-left: -200%;}}

@keyframes imageAnimationleft { 
	0% {margin-top:0%;}
	50% {margin-top:115%;}
	100% {margin-top:230%;}}

@keyframes imageAnimationbottom { 
	0% {margin-left:0%;}
	50% {margin-left:100%;}
	100% {margin-left:200%;}}

@keyframes imageAnimationright { 
	0% {margin-top:0%;}
	50% {margin-top:-115%;}
	100% {margin-top:-230%;}
}



/* Port -2 */

.portfolio-wrapper{position:relative;}
.portfolio-wrapper .portfolio-content {width:100%;background-color:#333;padding:8px 10px;text-align:center;
    position:absolute;bottom:0;left:0;opacity:0;transition:all .3s ease-in-out;}
.portfolio-wrapper .portfolio-caption-link {display:table-cell;vertical-align:middle;}
.portfolio-wrapper img {transform:translateY(0px);width:100%;transition:all .3s ease-in-out;}
.portfolio-caption h3 {font-size:25px;margin-bottom:5px;color:#fff;}
.portfolio-caption h3 a{color:#fff;}
.portfolio-caption h3 a:hover{color:#d42f71;}
.portfolio-caption .portfolio-tag li a , .portfolio-caption .portfolio-tag li{color:#ddd;}
.portfolio-caption .portfolio-tag li a:hover {color:#d42f71;}
.portfolio-caption .portfolio-tag {margin-bottom:0;}
.portfolio-wrapper .portfolio-caption-link a {font-size:35px;float:right;color:#f6861c;}
.portfolio-wrapper .portfolio-caption-link a:hover{color:#d42f71;}
.portfolio-wrapper:hover img {transform:translateY(-51px);transition:all .3s ease-in-out;}
.portfolio-wrapper:hover .portfolio-content {opacity:1;transition:all .3s ease-in-out;}
.portfolio-overview img {margin-bottom:30px;}
.portfolio-meta {padding:0;margin-bottom:40px;list-style:none;}
.portfolio-meta li {font-size:16px;margin:15px 0;color:#999;}
.portfolio-meta li{margin:15px 0;}
.portfolio-meta li span {display:inline-block;width:130px;letter-spacing:1px;color:#212121;font-size:13px;
                            text-transform:uppercase;font-weight:700;}
.portfolio-meta li a {margin-right:10px;color:#a7a7a7;}
svg {display:block;font:60px 'Montserrat';width:100%;margin:0 auto;}
.text-copy {fill:none;stroke:white;stroke-dasharray:10% 10%;stroke-width:2px;stroke-dashoffset:0%;
                animation:stroke-offset 5.5s infinite linear;-webkit-animation:stroke-offset 5.5s infinite linear;}
.text-copy:nth-child(1){stroke:#4D163D;animation-delay:-1s;-webkit-animation-delay:-1s;}
.text-copy:nth-child(2){stroke:#840037;animation-delay:-2s;-webkit-animation-delay:-2s;}
.text-copy:nth-child(3){stroke:#BD0034;animation-delay:-3s;-webkit-animation-delay:-3s;}
.text-copy:nth-child(4){stroke:#d42f71;animation-delay:-4s;-webkit-animation-delay:-4s;}
.text-copy:nth-child(5){stroke:#fff;animation-delay:-5s;-webkit-animation-delay:-5s;}

.pro-filters{padding-bottom:20px;text-align:center;}
.pro-filters button{width:130px !important;border:1px solid #999;padding:3px 5px;width:100%;color:#000;border-radius:0px;
                    transition: 0.3s ease;-webkit-transition: 0.3s ease;}
.pro-filters button:hover{background-color:#666;color:#fff;}


.bg-black{background-color:#000;}
.bg-black h2{text-shadow:1px 1px 2px #666, 0 0 25px #fff, 0 0 5px #fff;color:#000}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color:#fff !important;border:1px solid #d42f71 !important;
                                                background-color:#d42f71 !important;}
.pagination>li>a, .pagination>li>span{color:#d42f71 !important;}

/* Portfolio Inner 1 */

nav#portfolio-individual{background-color:#fff;}
div#ports-banner{position: relative;}
div#ports-banner::before{position: absolute;content: " ";top: 0;left: 0;width: 100%;height: 100%;display: block;
                            background-color: rgba(0,0,0,0.60);}
div#port-inner-banner-text h1{color:#fff;text-transform: uppercase;font-size: 36px;font-weight:500;}
div#port-inner-banner-text h2{color:#fff;font-size: 24px;font-weight: 500;}
div#portfolio-slider{position: relative;overflow:visible;top: -150px;margin-bottom: -60px;}
div#portfolio-slide{position: absolute;}
div#portfolio-slide .item img{padding: 30px;}
.mob-img {position: absolute;right:-80px;bottom:0px;}
.mock-up-pc {position:relative;width:100%;}
section.portfolio-inner-slider{background-color:#fff;}
div#portfolio-slider .carousel-indicators{bottom: -40px;margin-bottom: 0px;}
div#portfolio-slider .carousel-indicators li{display: inline-block;width: 15px;height: 15px;margin: 0px;
    text-indent: 0;cursor: pointer;border: none;border-radius: 50%;background-color: #d42f71;opacity: 0.5;}
div#portfolio-slider .carousel-indicators li.active{display: inline-block;width: 15px;height: 15px;margin: 0px;
    text-indent: 0;cursor: pointer;border: none;border-radius: 50%;background-color: #d42f71;opacity:1;}
.project-work-details{padding-top: 30px;}
.grey-bg{background-color:#eee;}
.port-large-screen img{margin: 0 auto;}

.visiting-card{background-color:#000;padding-top:140px;}
.company-card img{transform: rotate(-40deg);border: 3px solid #000;}
.company-card img:last-child{margin-top:40px;}

.company-letter{padding:90px 0px;}

.box-borders{border:90px solid #eee;position: relative;}
.envlo-first{margin-top:32%;}

div#portfolio-powers p{font-style:normal;margin-bottom:25px;line-height: 30px;}
div#portfolio-powers a{font-style:normal;font-size: 22px;color:#fff;padding:6px 15px;background-color:#d42f71;
                        border:3px double #d42f71;display: inline-block;}
div#portfolio-powers a:hover{background-color:transparent;}
div#portfolio-powers a i{margin-left:10px;}



@media(min-width:2901px) {
    
    .carousel-caption{left:33%;}
    
}

@media (min-width:2651px) and (max-width:2900px) {
    
    .carousel-caption{left:30%;}
    
}

@media (min-width:2301px) and (max-width:2650px) {
    
    .carousel-caption{left:28%;}
    
}

@media (min-width:1921px) and (max-width:2300px) {
    
    .carousel-caption{left:25%;}
    
}

@media (min-width:1601px) and (max-width:1920px) {
    
    .carousel-caption{left:20%;}
    
}

@media (min-height:1500px) {
    
    
    section#services-section{min-height:1000px;}
    
}

@media (min-width:1500px) and (max-width:1600px) {
    
    .carousel-caption{left:14%;}
    
}

@media (min-width:1200px) {
    
    .contact-bg-img img{width:100%;}
    
}

@media (max-width:1281px) {
    
    .services-inner-overlay::before, .services-inner-quote-overlay::before{content:none;}
    
}

@media (max-width:1199px) {
    
    div#footer-social ul li a{margin-left:6px;}
    .slider-content h1, .intro-title p, .template-title p{font-size:24px;line-height:30px;}
    .block-text h2, .template-title p, .intro-title p{margin-bottom:20px;}
    div#viewcontactdet{width:25% !important;}
    
    .career-content h2{font-size:40px;line-height:50px;}
       
}

@media (max-width:1136px) {
    
    .about-us-text h2{font-size:22px;line-height:26px;margin-bottom:10px;}
    .about-us-text{padding:15px 0px;}
    .thin-border-box{margin:87px 0px;}
    .about-us-text h2{min-height:52px;}
    .headline-title h2{font-size:36px;line-height:40px;}
    .white-bg{min-height:188px;}
}

@media (max-width:1080px) {
    
    .about-us-text h2{font-size:22px;line-height:26px;margin-bottom:10px;}
    .about-us-text{padding:15px 0px;}
    .thin-border-box{margin:87px 0px;}
    .about-us-text h2{min-height:52px;}
    
    .services-inner-overlay::before, .services-inner-quote-overlay::before{content:none;}
    .white-bg{min-height:188px;}
    .extra-title h1{font-size:22px;}
    
}

@media (min-width:993px) and (max-width:1199px) {
    
    nav.navbar.bootsnav ul.nav > li > a{padding: 25px 11px !important;}
    .carr-title{height:212.5px;}
    section#client-portfolio{padding-top: 40px;padding-bottom: 10px;}
    .event-grid-lists{padding:40px 0px;}
    
}

@media (min-width:993px) {
    
	nav.navbar.bootsnav ul.nav > li > a {padding:25px 15px;font-weight:400;font-size:16px;text-transform:uppercase;
                                        letter-spacing:0.06em;}
    .navbar-brand{padding-top:5px;padding-bottom:5px;}
    nav.navbar.bootsnav ul.nav > li:last-child > a {padding-right:0px;}
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{width:270px;}
    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu{left:auto;}
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{right:100%;}
}

@media only screen and (max-width:992px) {
    
    .navbar-brand{padding:7px 15px;}
    .navbar-brand > img{width:200px;}
    .carr-title{height:auto;border-radius:0px;}
    .carr-title h3{font-size:18px;line-height:24px;}
    .carr-power h3{font-size:16px;line-height:23px;}
    .carr-content{padding-top:0px;}
    .carr-title h3, .carr-title{width:100%;text-align:left;}
    
}

@media (min-width:768px) and (max-width:991px) {
    
    div#viewcontactdet{width:30% !important;}
    div#footer-social ul li a{margin-left:6px;}
    .services-link ul li{width:100%;float:none;}
    .slider-content h1, .intro-title p, .template-title p, .services-sub-title h3, .services-why-title h3, .services-quote-title h3{font-size:24px;line-height:30px;}
    .headline-title h2{font-size:30px;line-height:36px;}
    .block-text h2, .template-title p, .intro-title p{margin-bottom:20px;}
    .page-breadcrumbd h1{font-size:24px;line-height:30px;}
    .company-address ul li{margin-bottom:15px;}
    .contact-bg-images{padding:60px 0px;}
    .contact-map iframe, .contact-map{height:430px;}
    .form-group{margin-bottom:15px;}
    .high-font p{font-size:22px;margin-bottom:0px;}
    .about-us-text h2{font-size:22px;line-height:26px;margin-bottom:10px;}
    .about-us-text{padding:15px 0px;}
    .thin-border-box{margin:38px 0px;}
    .about-us-text h2{min-height:52px;}
    .carousel-caption{top:27%;right:20%;}
    
    .services-inner-overlay, .services-inner-why-overlay, .services-inner-quote-overlay{padding:20px 0px;}
    .media-heading{font-size:17px;}
    .media.service-box{margin:15px 0px;}
    .services-inner-overlay::before, .services-inner-quote-overlay::before{content:none;}
    .services-inner-overlay .pull-right{float:none !important;}
    
    .about-us-text p{font-size:14px;}
    .white-bg{min-height:188px;}
    .footer-mail{margin-top:0px;}
    .footer-mail ul li{margin-bottom:11px;}
    
    .career-content h2{font-size:28px;line-height:34px;}
    .dg-purpose::before, .dg-goal::before, .dg-envi::before{display:none;}
    .car-boxes h2{font-size:24px;margin-bottom:10px;}
    .car-boxes{padding:10px 0px;border-bottom:2px solid #000;margin-bottom:10px;}
    .career-btn{padding:7px 15px;}
    div#wpcf7-f6-p13-o1, .contact-form {margin-bottom:30px;}
    
    .byline{font-size:40px;line-height: 48px;}
    .event-grid-lists{padding: 20px 0px;}
    .event-list-title h2{font-size: 26px;line-height:26px;}
       
}

@media (max-width:768px) {
    
    .about-us img, .footer-widget h3{margin-bottom:10px;}
    div#footer-social ul, .services-link ul{margin-bottom:15px;}
    .text-center .col-sm-6.col-md-4.nopadding{width:50%;float:left;}
    .services-tiem a h3{font-size:18px;} 
    div#footer-social ul{text-align:left;}
    .extra-title h1{font-size:18px;}
    
}

@media (max-width:767px) {
 
    .bread-content{top:45%;left:0%;transform:translate(0%,0%);-webkit-transform:translate(0%,0%);right:0;}
    .about-left-img{float:none;}
    .page-breadcrumbd h1{font-size:24px;line-height:30px;}
    .company-address ul li{margin-bottom:15px;}
    .contact-bg-images{padding:40px 0px;}
    .contact-map iframe, .contact-map{height:230px;}
    .form-group{margin-bottom:15px;}
    .high-font p{font-size:22px;}
    .about-first-img{position:relative;}
    .about-us-text{padding:15px 0px;}
    .thin-border-box{margin:0px 0px;border:none;border-bottom:5px solid #333;}
    .about-us-text h2{font-size:22px;line-height:26px;margin-bottom:10px;}
    .about-right{right:0px;}
    .block-img{text-align:center;}
    .about-us-text h2{min-height:auto;}
    .headline-title h2, .services-sub-title h3, .services-why-title h3, .services-quote-title h3{font-size:24px;line-height:28px;}
    .services-inner-overlay, .services-inner-why-overlay, .services-inner-quote-overlay{padding:20px 0px;}
    .media-heading{font-size:17px;}
    .career-content h3{font-size:17px;line-height:22px;}
    .media.service-box{margin:15px 0px;}
    .services-inner-overlay::before, .services-inner-quote-overlay::before{content:none;}
    .services-inner-overlay .pull-right{float:none !important;}
    
    section#privacy-policy h2{color:#000;margin-bottom:10px;}
    section#privacy-policy h3{color:#000;margin-bottom:5px;font-size:20px;}
    section#privacy-policy h4{color:#000;margin-bottom:5px;font-size:18px;}
    .footer-mail, .dg-goal .col-md-7.col-md-offset-1{float:none;}
    
    .career-content h2{font-size:24px;line-height:30px;}
    .dg-purpose::before, .dg-goal::before, .dg-envi::before{display:none;}
    .car-boxes h2{font-size:24px;margin-bottom:10px;}
    .car-boxes{padding:10px 0px;border-bottom:2px solid #000;margin-bottom:10px;}
    .career-btn{padding:7px 15px;}
    
    div#footer-social{float: none;}
    .career-form-area .col-md-5.col-sm-12.col-xs-12{float:none;}
    form#career-form{padding-top:20px;}
    div#wpcf7-f6-p13-o1, .contact-form {margin-bottom:30px;}

    
}

@media (min-width:640px) and (max-width:767px) {
    
    div#viewcontactdet{width:22% !important;}
    .services-link ul li{float:none;width:49%;}
    .services-link ul li{display:inline-flex;}
    .slider-content h1, .intro-title p, .template-title p{font-size:24px;line-height:28px;margin-bottom:10px;}
    .carousel-caption{top:33%;right:10%;}
    
    
    .port-bg-color{padding: 40px 0px;}
    .byline{font-size:36px;line-height: 40px;}
    .starwars-demo{padding-bottom: 50px;}
    .event-grid-lists{padding: 20px 0px;}
    .port-conte-padd{padding: 0px;}
    .event-list-title h2{font-size: 28px;line-height: 34px;}
    section#client-portfolio{padding-top: 40px;padding-bottom:10px;}
    .event-grid-lists .col-md-5.col-sm-5.col-xs-12{width: 60%;}
    .event-grid-lists .col-md-7.col-sm-7.col-xs-12{width: 40%;}
    
}

@media (max-width:639px) {
    
    .services-link ul li{float:none;width:100%;}
    .slider-content h1, .intro-title p, .template-title p{font-size:20px;line-height:24px;margin-bottom:10px;}
    .carousel-caption{top:20%;right:10%;}
    .services-tiem a h3{font-size:14px;}
    .intro-details{padding:10px 10px;} 
    
    .event-grid-lists{padding: 20px 0px;}
    section#client-portfolio{padding-top: 20px;padding-bottom: 20px;}
    .event-list-title h2{font-size: 18px;line-height: 24px;}
    .port-conte-padd{padding:5px 0px;}
    .view-event-details{margin-top: 10px;}
    .byline{font-size: 28px;line-height: 40px;letter-spacing: 2px;}
    .port-bg-color{padding: 60px 0px;}
    .portfolio-page-title a{font-size: 18px;padding: 5px 10px;}
    .event-grid-lists:nth-child(2n) .col-md-5.col-sm-5.col-xs-12{float: none;}
    
}

@media (width:480px) {
    
    div#viewcontactdet{width:30% !important;}
    
}

@media (max-width:479px) {
 
    .navbar-header{height:50px;}
    .carousel-caption{top:9%;right:3%;}
    .slider-content a{padding:3px 6px;}
    .slider-content h1{margin-bottom:10px;}
    .text-center .col-sm-6.col-md-4.nopadding{width:100%;}
    .primary-footer .col-sm-6.col-md-3.col-xs-6, .primary-footer .col-sm-6.col-md-7.col-xs-6, .primary-footer .col-sm-6.col-md-2.col-xs-6{width:100%;}
    .navbar-brand > img{width:150px;}
    .page-breadcrumbd h1, .slider-content h1, .intro-title p, .template-title p{font-size:16px;line-height:20px;}
    .page-breadcrumbd p{font-size:12px;line-height:16px;}
    .headline-title h2{font-size:18px;line-height:24px;}
    .contact p i {margin-right:5px;}
    .contact p{margin-right:7px;}
    div#viewcontactdet{width:43% !important;margin-right:0px !important;line-height:35px !important;}
    .header-top-area{font-size:12px;}
    
    .byline{font-size: 22px;line-height: 40px;letter-spacing: 2px;}
    
}

@media (max-width:320px) {
    
    .carousel-caption{top:0;}
       
}