/*
Theme Name: Dew Theme
Theme URI: https://wordpress.org/themes/dewtheme/
Author: Graphics Dew Team
Author URI: http://www.graphicsdew.com/
Description: This is Graphics Dew theme
Version: 1.3

Tags: Now few optons are available only.
Text Domain: graphicsdew

This theme, like WordPress.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body {
	/*background-color: #403f3f;*/
	
}

.banner {
	margin-top: 100px;
	float:left;
	width:100%;
}

/*navbar start*/
.navbar-nav, ul li{
    float: right;
    margin-top: 37px;
	padding: 0 0 0 25px;

}


@media (min-width: 768px)
.navbar-nav, ul{
    float: left;
    margin: 0;
}

.navbar-nav, ul{
    margin: 7.5px -15px;
}

.nav, ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar .container .navbar-brand, .navbar .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-header img {
    border: 0;
    display: block;
    margin-top: 14px;
}


.navbar-toggle {
    margin-top: 30px;

}

.nav li a {

    z-index: 20;
	text-decoration:none;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    background-image: url(./img/header.jpg);
    /* height: 100px; */
    background-color: #e8e8e8;
    background-repeat-y: no-repeat;
	position: fixed;
    z-index: 1500;
    width: 100%;

}

.navbar-inverse .navbar-nav li a:focus, .navbar-inverse .navbar-nav li a:hover {
    color: #25aae1;
    background-color: transparent;
}

.navbar-inverse .navbar-nav li a {
    color: #000000;
}

/*navbar end*/


.row.promo {	
margin-top: 0px;
}


.promo_left {
	/*min-width:25%;*/
	height:140px;
	background-color:#0e76bc;
	float:left;
}

.promo_left p {
	font-family: impact;
    font-size: 30px;
    color: white;
    float: right;
    margin-top: 35px;
    padding: 0px 29px;
}



@media screen and (max-width:480px) {
.promo_left p {
	text-align:center;
	padding-right:110px
}
}

@media screen and (max-width:480px) {
.promo_left p {
	text-align:center;
	margin-right:120px;
	font-size:100px;
}
}

@media screen and (max-width:1024px) {
.promo_left p {
font-size:28px;
}
}

@media screen and (max-width:768px) {
.promo_left p {
font-size:23px;
padding:0;
}
}


.promo_middle p {
	font-family: arial;
    font-size: 20px;
    color: white;
    text-align: justify;
    padding: 36px 35px;
}

@media screen and (min-width:320px) {
.promo_middle p {
	font-family: arial;
    font-size: 13px;
    color: white;
    text-align: justify;
    padding: 18px 24px;
}
}

@media screen and (min-width:980px) {
.promo_middle p {
	font-family: arial;
    font-size: 18px;
    color: white;
    text-align: justify;
    padding: 13px 14px;
	margin-top:7px;
}
}



.promo_right p {
	font-family: impact;
    font-size: 18px;
    color: white;
    float: left;
    margin-top: 2px;
    padding: 27px 18px;
}


@media screen and (max-width:480px) {
.promo_right p {
	margin-left: 140px;


}
}

.promo_middle {
	/*min-width:50%;*/
	height:140px;
	background-color:#25aae1;
	float:left;
}

.promo_right {
	/*min-width:25%;*/
	height:140px;
	background-color:#fcb040;
	float:left;
}


.row h2 {
    font-size: 50px;
    color: #424242;
    padding:0 0 14px;
	
}

.photoshop-icon-headline, .illustrator-icon-headline, .indesign-icon-headline, .html5-icon-headline, .css3-icon-headline, .bootstrap-icon-headline  {
    color: #000000;
    text-align: center;
    font-size: 20px;
    font-family: sans-serif;
	padding-top: 20px;
}

.photoshop-icon-image img, .illustrator-icon-image img, .indesign-icon-image img, .html5-icon-image img, .css3-icon-image img, .bootsrtap-icon-image img {
	width:50%;
	border-radius:50%;
    display: block;
    margin: 0 auto;
		margin-top:20px;

}


.photoshop-icon p, .illustrator-icon p, .indesign-icon p, .html5-icon p, .css3-icon p, .bootstrap-icon p {
    color: #000000;
    padding: 8px 14px;
    font-size: 14px;
	text-align:justify;

}


.c1_headline, .c2_headline, .c3_headline {
    color: #424242;
    /*background-color: #0e76bc;*/
    text-align: center;
    font-size: 30px;
    font-family: sans-serif;
	padding:8px;
}

.c1_image img, .c2_image img, .c3_image  img {
	width:100%;
    background-color: #ffffff;
	border:1px solid #ffffff;
	margin-top:12px;
}

.c1 p, .c2 p, .c3 p {
    color: #424242;
    padding: 0 0 50px;
    font-size: 16px;
	text-align:justify;

}

#skill {
	background-color: #b7ded9;
	padding-bottom:70px;
}

#portfolio {
	background-color: #78ceba;
	padding-bottom: 40px;
}
/*About*/

.about {
	background-color:#f0f9ee;
	margin-top: 100px;
    float: left;
    width: 100%;
}

.about p  {
	font-family:arial;
	font-size:16px;
	text-align: justify;
}

.about h4  {
	line-height: inherit;


}



.about .container {

    padding: 0 38px;
    margin-top: 30px;
    margin-bottom: 48px;
    padding-bottom: 50px;
    color: #3e3e3e;

}
.why_choose {
	line-height: 36px;
}




/*About End*/



/*Portfolio start*/
.container-fluid.portfolio_gallery {
/*background: #e4ebe9 url(../img/fancy_deboss.png) repeat top left;*/
    padding: 35px 0px;
    margin-bottom: 40px;
	margin-top: 100px;
    float: left;
    width: 100%;

}

.portfolio_article img {
	margin-top:40px;	
}

.row.portfolio_article {
	margin-top:0px;	
}


/*Portfolio End*/

/*Blog Start*/

.blog {
	background-color:#ffffff;
    float: left;
    width: 100%;
}

/*Blog End*/



/*video start*/

.video {
	margin-top: 100px;
    float: left;
    width: 100%;
}
/*Video End*/



/*Price Start*/

.price {
	background-color:#f0f9ee;
}

.price  {
	font-family:arial;
	font-size:18px;
	/*text-align: justify;*/
	margin-top: 100px;
    float: left;
    width: 100%;
}

.price h2  {
	font-family:impact;
	color: #f2b518;;
	font-size:30px;
}
.price h1  {
	font-family:impact;
	color: #f2b518;
	font-size:36px;
}


.price .container {
    background-color: #fafff5;
    padding: 0 100px;
    margin-top: 50px;
    margin-bottom: 48px;
    padding-bottom: 50px;
    box-shadow: 0 0 50px rgba(0,0,0,0.1);
	color: #000000;

}

.price a:link {
    text-decoration: none;
    color:#25aae1;
}

.price a:visited {
    text-decoration: none;
    color:#25aae1;
}

.price a:hover {
    text-decoration: none;
    color:#0f75bc;
}

.price a:active {
    text-decoration: none;
    color:green;
}

/*Price End*/

/*form/contact start*/



.form p  {
	font-family:arial;
	font-size:16px;
	line-height:25px
	
}

.form h3  {
	font-size:30px;
}

.form .container {
    background-color: #fdf6e6;
    padding: 0px 35px 65px;
    margin-top: 40px;
    margin-bottom: 48px;
    box-shadow: 0 0 50px rgba(0,0,0,0.1);
    color: #3e3e3e;
    position:relative;

}


.input_height {
    height: 40px;
	background-color:#f9de9a;
	border: 1px solid #f2b518;
	width:100%;
}

textarea {
	background-color:#f9de9a;
	border: 1px solid #f2b518;
	width:100%;
}

.contact_person_frm {
	float:left;
	margin-top: 2px;
	padding-left:20px;
}

.btn-warning {
    margin-top: 20px;
}

div.wpcf7-response-output {
    margin: -38em 3.5em 1em !important;
    padding: 0.2em 1em;
    z-index: 100 !important; 
    position: absolute !important; 
}

.contact_p {
	margin-left:20px;
}

/*form/contact end*/

/*article code from here*/



.article p {
	font-size:16px;
	text-align:justify;
	padding-bottom:60px;
}

.article img {
	margin-top:40px;
}

.container-fluid.article {
	background-color:#f1f1e5;
}


#footer {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #4c4c4c;
	padding-bottom: 50px;
    float: left;
    width: 100%;
	background-color:#dff0d8;
	
}

/*new code */
.nav_footer {
	float:right;
}
.nav_footer  ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.nav_footer ul li {
    display: inline-block;
    padding: 0 10px;
}


.nav_footer  ul li a{
	text-decoration:none;
}
.nav_footer  ul li a:link {
	color:black;
}
.nav_footer  ul li a:visited {
	color:black;
}
.nav_footer  ul li a:hover {
	color:#25aae1;
}

.copyright {
	text-align:center;
	padding: 16px;
	background-color:#acd09e;
    float: left;
    width: 100%;
}

/*new code */

.row {
	 margin-top: 45px;
	 margin-right: 0;
}


.social li {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #9db992;
    border-radius: 50%;
    margin: 3px;
	float:left;
	padding:0;
}

.fa-ul {
	margin-left:0px;
}

.social .fa-2x {
	margin:10px 10px;
	color: #ffffff;

}

.contact_person {
	float:left;
	margin-top: 20px;
	clear:both;
}

.iframe {
	
    border: 1px solid #adadad;
    border-radius: 8px;
    box-shadow: 0px 0px 85px rgba(0,0,0,0.2);
	padding: 1px 1px;
}