/*
Theme Name: Duco Wizards
Theme URI: #
Author: Sanjoy Kayal
Version: 1.1
*/
@charset "utf-8";
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}

@font-face {
    font-family: 'latolight';
    src: url('css/lato-light-webfont.eot');
    src: url('css/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/lato-light-webfont.woff') format('woff'),
         url('css/lato-light-webfont.ttf') format('truetype'),
         url('css/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('css/lato-regular.eot');
    src: url('css/lato-regular.eot') format('embedded-opentype'),
         url('css/lato-regular.woff2') format('woff2'),
         url('css/lato-regular.woff') format('woff'),
         url('css/lato-regular.ttf') format('truetype'),
         url('css/lato-regular.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoBold';
    src: url('css/lato-bold.eot');
    src: url('css/lato-bold.eot') format('embedded-opentype'),
         url('css/lato-bold.woff2') format('woff2'),
         url('css/lato-bold.woff') format('woff'),
         url('css/lato-bold.ttf') format('truetype'),
         url('css/lato-bold.svg#LatoBold') format('svg');
}


@font-face {
	font-family:'Lato-BlackItalic';
	src: url('css/Lato-BlackItalic_gdi.eot');
	src: url('css/Lato-BlackItalic_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/Lato-BlackItalic_gdi.woff') format('woff'),
		url('css/Lato-BlackItalic_gdi.ttf') format('truetype'),
		url('css/Lato-BlackItalic_gdi.otf') format('opentype'),
		url('css/Lato-BlackItalic_gdi.svg#Lato-BlackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Roboto-Regular';
	src: url('css/Roboto-Regular_gdi.eot');
	src: url('css/Roboto-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/Roboto-Regular_gdi.woff') format('woff'),
		url('css/Roboto-Regular_gdi.ttf') format('truetype'),
		url('css/Roboto-Regular_gdi.otf') format('opentype'),
		url('css/Roboto-Regular_gdi.svg#Roboto-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'robotolight';
    src: url('css/roboto-light-webfont.eot');
    src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-light-webfont.woff') format('woff'),
         url('css/roboto-light-webfont.ttf') format('truetype'),
         url('css/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%;}
.header_top{ background:#000; padding:10px 0;}
.logo{ width:48%; float:left;}
.header_right{ width:48%; float:right; text-align:right; padding:16px 0 0;}
.header_right p, .header_right p a{ font:normal 25px 'LatoRegular'; color:#ff6161;}
.header_right p span{ font:normal 16px 'latolight'; color:#9f9f95; display:inline-block; margin:0 0 6px;}
.header_bottom{ background:#ff4f4f;}

.banner_img{min-height:422px;}
.slider_sec{margin:-1px 0 0; }
.slider_text{ width:100%; position:absolute; top:35%; right:0; text-align:center;}
.slider_text h1{font:normal 64px 'LatoBold'; color:#fff; margin:0 0 15px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
#slider img{ width:100%;}

/* // Sudo Slider */
/* Numeric Navigation */
ol.numericControls {margin:1em 0;padding:0;height:28px;	}
ol.numericControls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol.numericControls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol.numericControls li.current a{background:#5DC9E1;color:#fff;}
ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}
.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
.prevBtn{ display:block;width:/*44px*/4.58%;height:55px;position:absolute;left:5%;top:40%; cursor:pointer; background:url(images/prev.png) no-repeat; font-size:0px; z-index:9999999 !important; background-size:contain;}
.nextBtn { display:block;width:/*44px*/4.58%;height:55px;position:absolute;right:8%;top:40%; cursor:pointer; background:url(images/next.png) no-repeat; font-size:0px; z-index:9999999 !important;  background-size:contain;}


/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}
.content_top{ padding:60px 0 70px;}
.content_left{ width:/*527px*/42%; float:left;}
.content_left h2{ font:normal 35px 'LatoRegular'; color:#3a3a3a; margin:0 0 18px;}
.content_left h2 span{ color:#ff4f4f;}
.content_left p span{ font:normal 23px 'latolight';  color:#3a3a3a;}
.content_left p{ font:normal 14px 'robotolight';  color:#3a3a3a; margin:0 0 20px;}
.content_left ul{ padding:0; margin:0; list-style:none;}
.content_left ul li{ font:normal 14px 'robotolight'; color:#37376c; background:url(images/li_bg.jpg) no-repeat 0 6px; padding:0 0 0 10px; margin:0 0 28px;}
.content_left ul li span{ color:#3a3a3a;}
.content_left ul li a{color:#37376c;}

.content_right{ width:/*625px*/52.08%; float:right; text-align:center;}
.right_box{ width:48%; display:inline-block; margin:0 1.5% 0 0; position:relative;}
.no_margin{ margin:0 !important;}
.right_box img{ width:100%;}
.info{ background:#ff4f4f; padding:18px 0; width:100%; position:absolute; bottom:0;}
.info p{font:normal 14px 'LatoRegular'; color:#fff;}


.service_sec{ background:url(images/services_bg.jpg) no-repeat; background-size:cover; padding:30px 0;}
.service_sec h2{ font:normal 50px 'LatoRegular'; color:#fff; text-align:center; margin:0 0 45px;}
.service_box{ width:/*226px*/18.83%; float:left; margin:0 1.1% 0 0;}
.service_box img{ width:100%;}
.service_box h3{font:normal 20px 'LatoRegular'; color:#fff; margin:24px 0 14px;}
.service_box p{font:normal 14px 'robotolight'; color:#fff; padding:0 0 18px;}
.service_box a{font:normal 14px 'robotolight'; color:#fff;}


.testi_sec{ background:url(images/testi_bg.jpg) no-repeat; background-size:cover; padding:70px 0;}
.testi_sec h2{ font:normal 35px 'LatoRegular'; color:#ff4f4f; margin:0 0 40px; text-align:center;}
.testimonial_box{ width:/*554px 44.08%*/96%; margin:0 1.5% 0 0; display:inline-block; background:#ff4f4f; padding:2.08%;}
.testimonial_box p{font:normal 14px 'Roboto-Regular'; line-height:20px; color:#ffdddd; margin:14px 0 0;}
.testimonial_box p span{ display:block;}
.testimonial_box p.push_right{ text-align:right;}


.content_inner{ padding:60px 0 40px;}
.content_inner h2{ font:normal 35px 'LatoRegular'; color:#dd262f; margin:0 0 18px;}
.content_inner h2 a{color:#dd262f;}
.content_inner p{ font:normal 15px 'robotolight'; color:#454545; margin:0 0 30px; line-height:25px;}
.content_inner p a{ font:normal 14px 'latolight'; color:#454545;}
.content_inner p span{font:normal 14px 'LatoRegular';}

.content_inner h3{ font:normal 20px 'LatoRegular'; color:#454545;}

.service_box_inn{ margin-top:40px;}
.service_box_inn:first-child{ margin-top:0;}
.service_box_inn p{font:normal 20px 'LatoRegular'; color:#000; margin:10px 0 6px;}
.service_box_inn a{font:normal 14px 'LatoRegular'; color:#000;}


.about_box h4{ font:normal 23px 'latolight'; color:#3a3a3a; margin:0 0 10px;}
.about_box ul{ padding:0; margin:20px 0 0; list-style:none;}
.about_box ul li{ background:url(images/li_bg.jpg) no-repeat 0 6px; font:normal 14px 'robotolight'; padding:0 0 0 10px; margin:0 0 20px; }
.about_box ul li a{ color:#454545;}
.abt_left{ width:/*521px*/43.41%; float:left; margin:0 1% 0 0;}
.abt_right{ width:/*606px*/50.5%; float:right;}
.margin_top{ margin-top:20px;}


.gift_left{ width:/*288px*/24%; float:left; margin:0 1.5% 0 0;}
.gift_left img{ width:100%;}
.gift_right{ overflow:hidden;}
.gift_right h3{font:normal 26px 'LatoRegular'; color:#dd262f;}
.gift_right p{ line-height:18px; font:normal 15px 'robotolight'; color:#454545;}

.gift_box{width:/*289px*/24.08%; float:left; margin:16px 0.5% 0 0;}
.gift_box img{ vertical-align:middle;}
.gift_box a{ margin:0 5% 0 0;}
.img_hold{ margin:0 0 24px;}

.content_inner h5{ font:normal 20px 'LatoRegular';  color:#454545; margin:0 0 30px;}

.need_top h5{ color:#1b91b5;}
.need_top p{line-height:18px !important; margin: 0  0 10px !important;}
.need_top p span{ font-size:25px;}
.need_box{ width:/*389px*/31.334%; float:left; margin:0 2% 0 0; text-align:justify;}
.need_box p{ margin:0 0 15px;}
.need_box h3{ margin:15px 0;}
.need_bottom{ padding:45px 0 0; border-top:1px solid #ccc; margin:52px 0 0;}


.paint_left_t{ width:/*581px*/48.41%; float:left; margin:0 1% 0 0;}
.paint_right_t{width:/*592px*/49.33%; float:left;}
.paint_img{ width:/*288px*/48%; float:left; margin:0 2% 11px 0; position:relative;}
.paint_img a img{ width:auto;}
.paint_txt{ position:absolute; width:100%; z-index:9999; background:rgba(0,0,0,0.5); bottom:0; text-align: center; padding:5px 0;}
.paint_txt p{ color:#fff; margin:0; padding:0; font-weight:bold;}

.paint_mid{ padding:58px 0 0;}
.paint_mid_left{width:100%; float:none;}
.paint_mid_right{width:/*523px*/43.58%; float:right;}
.paint_img1{width:/*257px*/49%; float:left; margin:0 1% 0 0;}


.paint_bottom{ padding:60px 0 0;}
.paint_img3{ width:/*368px*/30.66%; float:left; margin:0 2.5% 0 0;}
.paint_img3:first-child{ margin-right:0;}

.paint_box{ width:/*288px*/24%;float:left; margin:0 1% 0 0;}
.paint_box p{ margin:0;}
.paint_box h3{ font:normal 18px 'LatoRegular'; color:#dd262f; margin:18px 0 16px;}

.ect_box ul{ padding:0; margin:0; list-style:none;}
.ect_box ul li{ background:url(images/li_bg.jpg) no-repeat 0 6px; font:normal 15px 'robotolight'; color:#727272; padding:0 0 0 10px; margin:0 0 20px; }


.extrm_bottom{ padding:60px 0 0; border-top:1px solid #ccc; margin:27px 0 0;}
.ect_left{width:/*450px*/37.5%; float:left; margin:0 2% 0 0;}
.ect_left img{ width:100%;}
.ect_right{ overflow:hidden;}

.contact_top{ margin:0 0 33px;}
.contact_left{ width:/*519px*/43.25%; float:left;}
.contact_left p{ margin:10px 0 0;}
.contact_left p span{font:normal 20px 'LatoRegular'; color:#454545;}

.contact_right{ width:/*552px*/46%; float:right; background:#000; padding:3%;} 
.contact_right h5{font:normal 25px 'Lato-BlackItalic'; color:#fff; margin:0 0 10px}
.contact_right p{font:normal 14px 'robotolight'; color:#ccc; margin:0 0 10px;}

.frm_txt{ width:97%; font:normal 14px 'robotolight';  padding:0 0 0 15px; margin:0 0 22px; background:none; border:1px solid #fff; height:41px; line-height:41px; color:#fff;}
.frm_txtarea{ width:97%; font:normal 14px 'robotolight'; padding:0 0 0 15px; margin:0 0 22px; background:none; resize:none; border:1px solid #fff; height:123px; line-height:41px;  color:#fff;}
.frm_submit{ width:100%; background:#fff; font:normal 14px 'LatoRegular'; color:#000; height:43px; text-transform:uppercase; cursor:pointer;}

.frm_txt::-webkit-input-placeholder {color: #fff; opacity: 1;}
.frm_txt::-moz-placeholder { /* Firefox 18- */color: #fff;  opacity: 1;}
.frm_txt::-moz-placeholder {  /* Firefox 19+ */ color: #fff;  opacity: 1;}
.frm_txt::-ms-input-placeholder { color: #fff; opacity: 1;}

.frm_txtarea::-webkit-input-placeholder {color: #fff; opacity: 1;}
.frm_txtarea::-moz-placeholder { /* Firefox 18- */color: #fff;  opacity: 1;}
.frm_txtarea::-moz-placeholder {  /* Firefox 19+ */ color: #fff;  opacity: 1;}
.frm_txtarea::-ms-input-placeholder { color: #fff; opacity: 1;}


h3.h3_center{ text-align:center; color:#158EB3 !important; margin:0 0 20px;}
.details_box{ margin:0 0 20px;}
.details_box h2{ font:normal 35px 'LatoRegular'; color:#dd262f; margin:15px 0}
.details_box p{margin:0 0 10px;}
.details_left{ width:48%; float:left; margin:0 2% 0 0;}
.details_right{ width:48%; float:left;}

.img_holder{margin-bottom:30px;}
.img_holder img{width:100%;}
.left{float:left;}
.right{float:right;}

.image_box{ width:65%; background:#f9f9f9; padding:12px 12px 0;}
.img_left, .img_right{ width:48%; float:left; text-align:center;}
.img_left{margin:0 4% 0 0;}
.image_box p{ padding:10px 0;}

.decal_img{ width:48%;  float:left; margin:0 1% 0 0;}

/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; background:#000; padding:45px 0; }
.foot_menu{position:relative;}
.foot_menu ul{ padding:0; margin:0 0 18px; list-style:none;}
.foot_menu ul li{ display:inline-block; background:url(images/foot_li.png) no-repeat left; padding:0 0.5% 0 1%;}
.foot_menu ul li:first-child{ background:none; padding-left:0;}
.foot_menu ul li a{ display:inline-block; font:normal 15px 'LatoRegular'; color:#868686;}
#footer p{font:normal 15px 'robotolight'; color:#868686;}
.face{ position:absolute; top:0; right:0;}
/*
-------------------------------------
CONTACT FROM
-------------------------------------
*/
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    color: #f00 !important;
}
div.wpcf7-response-output {
    color: #398f14;
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}
/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
#navigation ul{padding:0;margin:0;list-style:none;}
#navigation ul li {display:inline-block; padding:0 0.5;line-height:58px; position:relative;}
#navigation ul li a{display:inline-block; font:normal 15px 'LatoRegular'; color:#fff; line-height:63px; padding:0 12px;}
#navigation ul li:hover a, #navigation ul li.current-menu-item a{ background:#fff; color:#ff4f4f;}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{position:absolute;left:0;display:none;visibility: hidden;background:#FF4F4F; padding:0px;margin-top:6px;text-align:left;width:250px;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;margin:0;padding:10px 0px;display:block !important;line-height:normal; line-height:0!important;}
.ddsmoothmenu ul li ul li:first-child{border-top:none;}
.ddsmoothmenu ul li ul li:hover{background:url(images/dropdown_bg.png) repeat}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{ display:block !important; color:#ffffff !important;float:none;padding-left:15px;background:none !important;line-height:normal !important;}
.ddsmoothmenu ul li ul li.active a, .ddsmoothmenu ul li ul li:hover a{color:#fff !important;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
}

@media(max-width:1165px){
	#navigation ul li a {
    font-size: 12px;
}
}


@media(max-width:1023px){
	
.slider_text h1 {
    font-size:50px;
}


.content_left {
    float: none;
    width: 100%;
}


.content_right {
    float: none;
    text-align: center;
    width: 100%;
}

}


@media(max-width:999px){
	.testimonial_box{ padding:2%;}
	.slider_sec{margin:inherit; }
}

@media(max-width:767px){
	.logo {
    float: none;
    text-align: center;
    width: 100%;
}

.banner_img {
    min-height: 281px;
}

.header_right {
    float: none;
    padding: 35px 0 0;
    text-align: center;
    width: 100%;
}


.slider_text {
    position: relative;
    top: 0;
    width: 100%;
	background:#333;
	padding:10px 0;
}
	

.service_box {
    float: left;
    margin: 0 1.1% 30px 0;
    width: 48.9%;
}

.testimonial_box { 
    display:block;
    margin: 0 0 10px;
    width: 96%;
}


.face {
    margin: 0 0 10px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
}

.right_box {
    display: block;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}


.abt_left {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}


.abt_right {
    float: none;
    width: 100%;
	margin:0 0 20px;
}

.gift_left {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}

.gift_box {
    float: left;
    margin: 16px 0.5% 0 0;
    width: 49%;
}

.paint_left_t {
    float: none;
    margin: 0 0 15px;
    width: 100%;
}

.paint_left_t  img{
    width: 100%;
}


.paint_right_t {
    float: none;
    width: 100%;

}
.paint_mid_left {
    float: none;
    width: 100%;
}

.paint_mid_right {
    float: none;
    width: 100%;
}

.paint_mid_right img{
    width: 100%;
}

.paint_box {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
}

.paint_box img{width:100%;}


.ect_left {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}


.contact_left {
    float: none;
    width: 100%;
}


.contact_right {
    float: none;
    width: 94%;
}

.need_box {
    float: none;
    width:100%;
	margin:0 0 20px;
}

/*.need_box img{ width:100%;}*/


#footer p{ text-align:center;}


.details_left, .details_right{ width:100%; float:none;}
.details_left img{width:100%;}


.image_box {
    width: 96%;
}

.decal_img{ width:100%;  float:none; margin:0 0 20px 0;}

		
}

@media(max-width:479px){
	
	
.slider_text h1 {
    font-size: 34px;
}
	
	.service_box {
    float: none;
    margin: 0 0 30px;
    width: 100%;
}

.gift_box {
    float: left;
    margin: 16px 0 0;
    text-align: center;
    width: 100%;
} 


.frm_txt {
    width: 94%;
}

.frm_txtarea {
    width: 94%;
}

.banner_img {
    min-height: 191px;
}

.image_box {
    width: 92%;
}

.img_left, .img_right {
    float: none;
    text-align: center;
    width: 100%;
}

}

@media(max-width:319px){
}