﻿.prev_link , .next_link { display:none; }
/*  reset & .clear
----------------------------*/

* {
    margin: 0;
    padding: 0;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after { clear: both }

.clear { zoom: 1 }

/*  MAIN
----------------------------*/

.menu_mobile {  display:none; width:100%; overflow:hidden;}

    .menu_mobile > div { float:right; padding:3px; width:15%; margin-right:12px;
    }
    
        .menu_mobile > div > span { display:block; clear:both; width:100%; margin-bottom:3px; background:#555555; height:8px;
        }

        .menu_mobile > div:active span { background:#0062af;
        }

.menu_mobile b{ float:right; font-size: x-large; padding:0px 5px; width:75%; border:1px solid #cccccc; margin-top:3px;
}

body {
    font: normal 12px/1.3 arial, sans-serif;
    background-color: #eee;
}

li { list-style: none }

a { text-decoration: none }

.container {
    position: relative;
    width: 150px;
    float: right;
    margin-top: 10px;
}

div#myHelperHolder ul
{
    z-index:999;
}
.container #product {
    position: relative;
    float: left;
    width: 133px;
    margin: 20px auto;
    /* margin-bottom: 20px; */
    boredr: 2px solid black;
}

#sidebar {
    position: relative;
     float: right; 
    width: 100%;
}

/*  PRODUCTS
----------------------------*/

#product ul {
    /* width: 570px; */
    margin-left: 0px; 
    /*border: 2px solid red;*/
    height: 500px;
    /* overflow: scroll; */
}

#product ul li,div#myHelperHolder ul li {
    position: relative;
    float: right;
    width: 76px;
    cursor:pointer;
    height: 75px;
    margin: 10px 15px 10px 10px;
    padding: 13px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: -webkit-transform .1s ease;
    -moz-transition: -webkit-transform .1s ease;
    -o-transition: -webkit-transform .1s ease;
    -ms-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
}

#product ul li:hover,div#myHelperHolder ul li:hover {
    background-color: #fff8c1;
}

#product.active ul li,div#myHelperHolder.active ul li{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity = 40);
    opacity: .4;
}

#product.active ul li.active, div#myHelperHolder.active ul li.active{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
}

#product ul li a ,div#myHelperHolder ul li a{
    display: block;
    color: #000
}

#product ul li .addsignhover {
 visibility: hidden;
 background: url('../../Images/Add.png') no-repeat;
 position:absolute;
 bottom: 10%;
 left: 0%;
 width:24px;
 height:24px;
 opacity: 0.6;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
        
 
}  

#product ul li:hover .addsignhover  {
 visibility: visible;
 background: url('../../Images/Add.png') no-repeat;
 position:absolute;
 bottom: 10%;
 left: 0%;
 width:24px;
 height:24px;
 opacity: 0.6;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
    
}  

#product ul li .idservice
{
     bottom: 27%;
    left: 0%;
    
}
    
#product ul li:hover .idservice
{
     bottom: 27%;
    left: 0%;
    
}
    

#product ul li a h3,div#myHelperHolder ul li a h3{
    margin-top: 5px;
    	text-align:center;
    	color: #000;
font-size: 14px;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

#product ul li a h3,
#product ul li a p {
    /* white-space: nowrap; */
    /* overflow: visible; */
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    /* text-overflow: ellipsis; */
    /* text-align: center; */
}

#product ul li a img { display: block }

/*  BASKET
----------------------------*/

.basket {
    position: relative;
}

.basket .basket_list {
    width: 100%;
    background-color: #fff;
    border: 2px dashed transparent;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.basket.active .basket_list,
.basket.hover .basket_list { border-color: #ffa0a3 ;z-index:1}
.swMain.active   .basket_list{ background-color: #EA8511;z-index:1; }
.swMain.hover   .basket_list{ background-color: #EA8511; z-index:1; }
.basket.active .basket_list { background-color: #fff8c1; }

.basket.hover .basket_list { background-color: #ffa0a3; }

/* .head */

.basket .head {
    overflow: hidden;
    margin: 0 10px;
    height: 26px;
    line-height: 26px;
    color: #666;
    border-bottom: 1px solid #ddd;
	background:url(../Images/icons/shoppingcart.png) no-repeat;
	height:48px;
}

.basket .head .name { float: right;font-size:16px; text-align:center;margin-top:10px; }
.basket .addname { font-size:16px; text-align:right;margin-right:10px;height:20px;color:#666;  font-weight: 600;}

.basket .head .count { float: right }

/* .head */

.basket ul { padding-bottom: 10px }

.basket ul li {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0 10px;
    height: 60px;
    text-align:right;
    line-height: 32px;
    border-bottom: 1px dashed #eee;
}

.basket ul li:hover { border-bottom-color: #ccc }


.basket ul li span.name {
    display: block;
    float: right;
    text-align:right;
    margin-right: 10px;
    width: 165px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    -ms-transition: width .2s ease;
    transition: width .2s ease;
}

.basket ul li:hover span.name { /*width: 146px*/ }

.basket ul li input.count {
    float: right;
    margin: 3px 2px 0 0;
    width: 25px;
    line-height: 20px;
    text-align: center;
    border: 0;
    border-radius: 3px;
    background-color: #ddd;
}

.basket ul li button.delete {
    position: absolute;
    left: 5px;
    top: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    /*opacity: 0;*/
    width: 20px;
    line-height: 10px;
    height: 20px;
    text-align: center;
    font-size: 11px;
    border: 0;
    color: #EE5757;
    background-color: #eee;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.basket ul li:hover button.delete {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
}

.basket ul li button.delete:hover {
    color: #fff;
    background-color: #ffa0a3;
}

.basket ul li button.delete:active {
    color: #fff;
    background-color: #EE5757;
}

.birthdoc
{
    background: url(../Images/icons/birthdocsmall.png);}
.deaddoc
{
    background: url(../Images/icons/deaddocsmall.png);
    }
.marriagedoc
{
    background: url(../Images/icons/marriagedocsmall.png);
    }
.divorcedoc
{
    background: url(../Images/icons/divorcedocsmall.png);}
.indivdoc
{
    background: url(../Images/icons/indivdocsmall.png);}
.familydoc
{
    background: url(../Images/icons/familydocsmall.png);}
.lostiddoc
{
    background: url(../Images/icons/lostiddocsmall.png);}
.reiddoc
{
    background: url(../Images/icons/reiddocsmall.png);
    }
.iddoc
{
    background: url(../Images/icons/iddocsmall.png);
    }
.smallicon
{
    position:relative;
    width:85px;
    height:60px;
    float:right;
    background-repeat : no-repeat;
}

.next
{
	position:absolute;
	left:100px;
	width:32px;
	height:32px;
	background: url(../Images/icons/next.png);
}
.previous
{
	position:absolute;
	right:100px;
	width:32px;
	height:32px;
	background: url(../Images/icons/previous.png);

}




/**/









div.pager {
    text-align: center;
    margin: 1em 0;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #F8F8F8;
    color: #fff;
    margin-right: 0.5em;
}

div.pager span.active {
    background: #EA8511;
}
div.pager span.done {
    background: #8CC63F;
}

div.pager1 
{
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    margin: 1em 0;
   direction:ltr;    
}

div.pager1 span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    background: #0062af;
    color: #fff;
    margin-right: 0.5em;
}

div.pager1 span.active {
    background: #ca000e;
}

.forservice  {
	  font-size:14px !important;
}
div.pager1 span.done {
    background: #8CC63F;
}


.bordererror
{border-color: #f00; 
  border-width:1px; 
  border-style:solid; 
    }
    .bordertransparent
    {
        border-color: transparent; 
  border-width:1px; 
  border-style:solid; 
        }
           .borderdisabled
    {
background-color: #EDEDED;
}
.complete-details{
  display :block;
  float:right;
  cursor: pointer;
  margin:5px 3px 0 3px;
  padding:5px;
  text-decoration: none;
  text-align: center;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  width: 80px;
  color:#FFF;
  outline-style:none;
  background-color:   #5A5655;
  /*border: 1px solid #5A5655;*/
  -moz-border-radius  : 5px; 
  -webkit-border-radius: 5px;
   
        }   
        .complete-details2{
  display :block;
  float:right;
  cursor: pointer;
  margin:5px 3px 0 3px;
  padding:5px;
  text-decoration: none;
  text-align: center;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  width: 80px;
  color:#FFF;
  outline-style:none;
  background-color:   #5A5655;
  /*border: 1px solid #5A5655;*/
  -moz-border-radius  : 5px; 
  -webkit-border-radius: 5px;
        }   
        
        .recaptchaimg
{
    background:url(../Images/reload.png) no-repeat;
    width:24px;
    height:24px;    
    margin-left: 20px;
    cursor:pointer;
}




.request_summary {
    position: relative;
}

.request_summary .request_summary_list {
    width: 530px;
    background-color: #fff;
    border: 2px dashed transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}







/* .head */

.request_summary ul { padding-bottom: 10px }
/*
.request_summary tr {
    overflow: hidden;
    text-align:right;
    line-height: 32px;
    border: 1px solid #000;
}

.request_summary td.name {
display: block;
float: right;
text-align: center;
margin-right: 10px;
width: 115px;
height: 24px;
margin-top: -4px;
font-weight: bold;
color:#00f;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: width .2s ease;
-moz-transition: width .2s ease;
-o-transition: width .2s ease;
-ms-transition: width .2s ease;
transition: width .2s ease;
}


.request_summary tr input.count {
    float: right;
    margin: 3px 2px 0 0;
    width: 25px;
    line-height: 20px;
    text-align: center;
    border: 0;
    border-radius: 3px;
    background-color: #ddd;
}
*/

#adviceContent
{
    

text-align: center;
font-family: Arial;
float: right;  padding:0 0 0 0;
height:485px; color:#fff !important;
width: 240px;
margin-top: 0px;
margin-right: 0px;
font-size: 25px;
}

#adviceContent1
{
    margin-top: 10px;
background:  url(headershad.jpg) repeat-x !important;
text-align: center;
font-family: Arial;
float: right; padding:0 0 0 0;
height: 508px; color:#fff !important;
width: 240px;
margin-right: 10px;
font-size: 25px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.forstage 
{
 color:#787878 !important
}

.Flatinputstep3
{width:85%  !important;
 height:15px  !important;
    }

.content2{position:relative; margin:40px auto; width:100%; height: 510px; /* padding:20px 40px; */ overflow:auto; background: #CDCDCD; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
		.content2 p:nth-child(even){color:#9dbfc6; font-family:Georgia,serif; font-size:17px; font-style:italic;}
		.content2 p:nth-child(3n+0){color:#c96;}
		.content2#content_2{width: 154px;height:490px; margin: 0px;}
		.totalScrollOffsetInfo{border:2px solid #fc0; font-size:12px; padding:20px; text-align:center; margin-bottom:60px;}
		.totalScrollOffset{height:50px; background:#fc0;}



        /*--------------------------------------HG--------------------------------*/
     
        @media only screen and (min-width: 300px ) and (max-width:900px) {


            .swMain ul.anchor li a.done { display:none; }
            .prev_link , .next_link { display:block; position:absolute; cursor:pointer;  }
            .prev_link , .next_link:active { background:#ffffff; color:red }
           .prev_link {
    top: 0;
    right: 0;
    width: 10%;
    height: 100%;
    z-index: 1111;
    background: rgba(168, 168, 168, 0.7);
    font-weight: bold;
    font-size: 4em;
    color: #ffffff;
    text-align: center;
    line-height: 250%;
}

           .next_link {
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    z-index: 1111;
   background: rgba(168, 168, 168, 0.7);
    font-weight: bold;
    font-size: 4em;
    color: #ffffff;
    text-align: center;
    line-height: 250%;
}

          
            h3 { font-size:1.2em !important;
            }
            .swMain {
    float: right !important;
    margin-right: 0px !important;
    width: 100%;
}
            h2 { width:93% !important}
            #product ul li .addsignhover {
    visibility: hidden;
    background: url(../../Images/Add.png) no-repeat;
    position: absolute;
    bottom: 10%;
    left: 0%;
    width: 35%;
    height: 45%;
    background-size:100% 100%;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
}

            .basket ul li {
    
    margin: 0px !important;
    
}

            #adviceContent1 { margin-right:0!important}

            #sidebar {
 
    width: 95% !important;
}

            #product ul li:hover .addsignhover {
    visibility:visible;
    background: url(../../Images/Add.png) no-repeat;
    position: absolute;
    bottom: 10%;
    left: 0%;
    width: 35%;
    height: 45%;
    background-size:100% 100%;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
}

            .swMain ul.anchor li { width: 90%;
    display: block !important;
margin: 8px !important;            }
            .swMain .stepContainer , .swMain div.actionBar ,#adviceContent1{ width: 94% !important;
            }
            .main table { display:block; overflow:hidden; width:100%; margin:0px auto !important; padding:0 !important }
            .main table tbody { width:100%}
            #Foo { display:block; width:80%; overflow:hidden; margin:5px auto;  }
            .holdall {overflow:hidden}

            .socil { text-align:center; margin:10px auto !important
            }
            .icon { float:none !important; display:inline-block; width:32px !important; height:32px; margin:4px;   
            }

            .search { background:none !important; background:#eee !important; border:1px solid rgba(0, 0, 0, .2); text-align:center;
                      width: 90% !important;
    float: none !important;
    /* overflow: hidden; */
    /* height: 30px; */
    display: block;
    padding: 2px;
    clear: both;
    margin: 10px auto !important;
            }

            .formtextb1 {
                width: 100%!important;
            }
                .icon a img { width:32px; height:32px;
                }

            body {
    background: #fff !important;

}
            /*#Foo { height:50px; }*/
            .swMain ul.anchor {
                width:95%;
    float: right !important;

}

              .swMain ul.anchor li { float:none !important;}
              .swMain ul.anchor li a { width:100% !important}

            .datetoph{ float:none !important; position:absolute; top:10px; left:10px; display:none}

            .holdall , .header , #form1 , .searchzone, .swMain .stepContainer div.content, .menus , #step-3 table , .stepContainer ,.swMain , #requestDetails, .wz-div , .main , #adviceContent ,.bgmain , .contentdown , .footers, .content2, .mCSB_scrollTools .mCSB_buttonDown , .datetop , .captiontop , .socil  , .header .logo , .arabiclogo , .logocenter , .englishlogo{ width:99% !important; display:block;
            }

            #Table4 { width:100% !important;
            }

            .bgmain {
    display: block;
    overflow: hidden;
}
            #adviceContent , #adviceContent1 , .swMain .stepContainer div.content { height: auto !important; overflow:hidden;
            }

            .arabiclogo, .logocenter{ margin:10px !important;
            }

            
                .captiontop a { padding: 10px 5px !important;
    border: 1px solid #999999;
    margin: 0 !important;
    width: 46%;
    float: right;
    text-align: center;
    background:#fdfdfd;
                }

            .arabiclogo a, .logocenter a, .englishlogo a { display:block; overflow:hidden; width:80%; margin: 10px auto;
            }

            .englishlogo { display:none;
            }


            .arabiclogo a img, .logocenter a img, .englishlogo a img { width: auto;
    display: block;
    margin: 0 auto;
            }
            .wz-start { width:100%  !important;}
            .wz-middle {width:100%  !important; height:auto !important}
            .wz-end { width:100%  !important;
            }

            .navigation {
                position:relative; top:3%;
                    margin: 0 !important;
    width: 100% !important;
}
 

            .container #product { width:100%; overflow-x:hidden;
            }
            
           div#myHelperHolder ul li { float:right; width:31%; text-align:center; margin:6px 15px; height:102px !important;
            }

            #product ul li {  float:right; width: auto; text-align:center; margin:6px 15px; height:102px !important; min-width:150px;
            }
                #product ul li img, div#myHelperHolder ul li img { display:block; margin:4px auto 
                }

            .swMain .stepContainer { height:auto !important;
            }

            .swMain ul.anchor li a.disabled{ display:none; }



            .swMain { min-width:100vw;
            }

            /*.actionBar a { display:block !important; width:93% !important; 
            }*/

            .swMain div.actionBar { height:auto !important;  }
              #step-4   div.actionBar { height:auto !important;    width: 75% !important; max-width : 95vw !important; }
              div.actionBar { height:auto !important;    width: 75% !important; max-width : 95vw !important; }
            .content2#content_2, #product ul { height:auto !important;
            }

            #product ul { width: 1500px; float:left;
    margin-left: 0px;
    position: relative;
    padding-left:5%;
            }

            .swMain .buttonFinish  { display:block; font-size:18px !important; overflow:hidden;  margin:5px !important; float:none !important; width:93% !important
            }

             #Table4 , .stepContainer table  { height:auto !important; zoom:0.94;
            }
             .basket ul li span.name { width:auto; margin-right:10px; margin-left:10px; }
            #step-4 > div > table { direction:rtl; width:80% !important;
            }

           

            #step-4 table {  width:80% !important;
            }

                #step-4 table .swMain ul.anchor li {
                    width: 75% !important;
                }

               #step-4 > div > h6 { float:right}

               .menu_mobile {  display:block;}

            div.pager1 {
                bottom: -10px;
            }

            .menus { display:none; position: fixed; top:0; right:0; background:rgba(0,0,0,0.92); width:98%; padding:1%; z-index:999999; height:100vh !important; overflow-y:scroll !important;
            }

                .menus .close_me { display:block !important; position:fixed; top:8px; left:15px; background:red; color:#ffffff; font-weight:700; font-size:18px;
                                   padding:5px 9px; z-index:999999999999999;
                }

                   .navigation li ,  .navigation li:hover , .navigation li:focus, .navigation .sfHover a, .navigation li:hover a , .navigation li a {
                display: block !important;
                float:none !important;
                width:100% !important;
            } 
                .menus li { display:block; clear:both;
                }

                    .menus li a { padding:8px; color:#ffffff !important; font-size:18px !important; font-family:Tahoma !important;
                    }

                
                    .navigation li ul {
                        /*display:none !important;*/
                        position:relative !important;
                        width:100%;
                        clear:both;
    margin-top: 0px !important;
    background:none !important;
    opacity:0.8;
    visibility:visible !important;
}

                     .navigation li>a {  text-align:right !important; }
                     .navigation li ul li ,.navigation li ul li a { height:auto !important;  background:none !important; }
                     .navigation li ul a { font-weight:400; text-align:right !important; text-indent:18px; line-height:220% !important; }

                    .navigation li a.active {
    color: #fff;
    background: #ca000e;
    float: none !important;
}

                        #adviceContent1 ,.wz-end { width:98% !important;}

        /*  .buttonPrevious  , .buttonNext { width:43% !important; margin-bottom:10px !important;  }*/

            .buttonPrevious, .buttonNext , .buttonFinish   {
                width: 90% !important;
                /* margin-bottom: 20px !important; */
                display: block !important;
                margin: 10px auto !important;
                float: none !important;
                left: auto;
                right: auto;
                padding: 10px !important;
                font-size: 1.5em !important;
            }
  /* .buttonPrevious { float:right !important }
            .buttonNext { float:left !important
            }*/
                
             #step-4 div.actionBar { width: 75% !important;
            }     
             
                      .buttonDisabled { display:none !important; }
   
                        
                              }

        /*     Hussein */

        /* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}




/*Hussein*/
@media only screen  (max-width:299px) {

    #product ul li, div#myHelperHolder ul li {
        float: right;
        width: 85%;
        text-align: center;
        margin: 6px 15px;
        height: 80px !important;
    }

}



/*-------------HG new classes --------------*/

body {
	font-family: "Droid Arabic kufi", tahoma;
}
.col-1, .col_025, .col_03, .col_06, .col_07, .col_09 {
	float: right;
}
fieldset {
	display: block;
	clear: both;
	padding: 10px;
}
.col_1 {
	width: 95%;
	border: none;
	border-bottom: 1px solid #f4f4f4;
}
.col_025 {
	width: 22%
}
.col_03 {
	width: 30%
}
.col_06 {
	width: 60%;
}
.col_068 {
	width: 68%;
}
.col_09 {
	width: 90%;
}
.col_095 {
	width: 95%;
}
.col_07 {
	width: 70%
}
input[type=text], select, label {
	font-size: 14px
}
label {
	padding: 5px;
}
input[type=text], select {
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #cccccc
}
.left_3 {
	margin-left: 3px;
}

@media screen and ( max-width:780px ) {
.left_3 {
	margin-bottom: 15px;
	margin-left: 3%;
}
.col_025 {
	width: 45%
}
.col_03, .col_06 {
	width: 50%
}
.col_068, .col_09, .col_095, .col_07 {
	width: 100%
}
}

@media screen and ( max-width:414px ) {
.col_025, .col_03, .col_06, .col_068, .col_09, .col_095, .col_07 {
	width: 100%
}
}