@charset "UTF-8";

/*YAHOO CSS RESET
==================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; font-family:'Gafata';}body{line-height:1;  font-family:'Gafata';}ol,ul{list-style:none; font-family:'Gafata';}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* apply a natural box layout model to all elements */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* CLEARFIX
=================================*/

/*zero-height container problem fix for floated elements*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {clear: both}

/* GENERIC CLASSES
=================================*/

.align_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	
}

.roboto_light {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
}

.roboto_normal {
    font-family: "Roboto", sans-serif;
    font-weight: 320;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(255, 255, 255, 0.5);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.5);
}

::-moz-placeholder {
    /* Mozilla Firefox 19       */
    color: rgba(255, 255, 255, 0.5);
}

:-ms-input-placeholder {
    /* Internet Explorer 10     */
    color: rgba(255, 255, 255, 0.5);
}

input, textarea{
   -webkit-appearance: none;
      -moz-appearance: none;
}

/* WRAPPER SECTION
=================================*/

body {
    font: 14px/1.4em "Arial";
    color: #fff;
    position: relative;
}

    #container {background-image: url(../images/misc/blank.gif)}

        #wrapper {
            position: relative;
            max-width: 1200px;
            height: auto;
            margin: 0 auto;
            padding: 15px 15px 0 15px;
            overflow: auto;
        }

            #wrapper section.row > div {float: left}
/* HEADER SECTION
=================================*/

header {margin: 2px 0}
headerrrimg{ width:100%; height:300px; border:solid #006;}

    header h1 {
        font-size: 24px;
        margin: 20px 0;
    }

        header h1 a {
            text-decoration: none;
            color: #fff;
            padding-left: 50px;
            text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
           
            word-spacing: normal;
        }

            header h1 a .blue {
                color: #36c;
                text-transform: capitalize;
            }

            header h1 a .red {color: #c33}

/* PROGRESS BAR SECTION
=================================*/
.progress_barr {
    position: relative;
    width: 100%;
    height: 35px;
    background: #3d9dfb;
	border:1px solid #0e598d;
    margin: 8px 0 0;
}



.progress_bar {
   
    width: 100%;
    height: 35px;
    background: #3d9dfb;
    margin: 10px 0 0;
	
	}

    .progress_bar .inner_bar {
        position: relative;
        width: 0;
        height: 35px;
        background: #E85804;
    }

        .inner_bar .tip_box {
            position: absolute;
            margin-top: -41px;
            width: 50px;
            height: 35px;
            right: -25px;
            display: none;
        }

            .tip_box .tip_inner {
                width: 100%;
                height: 100%;
                background: #E85804;
                font-size: 13px;
                line-height: 35px;
                text-align: center;
            }

            .tip_box .tip_pointer {
                position: absolute;
                bottom: -5px;
                left: 50%;
                margin-left: -5px;
                width: 0;
                height: 0;
                border-width: 5px 5px 0;
                border-color: #E85804 transparent transparent;
                border-style: solid;
            }

/* ROW 1 SECTION
=================================*/

.row_1 {
    margin-top: 8px;
    width: 100%;
   
}

.row_11 {
    margin-top: 8px;
    width: 100%;
    overflow: hidden;
}

    /*SLIDER
    ---------------------*/
    .banner_slider {
        width: 382px;
        height: 150px;
        color: #fff;
        overflow: hidden;
        background: #13A040;
    }

        .banner_slider ul {position: relative}

            .banner_slider ul li {
                width: 538px;
                height: 150px;
                float: left;
            }

            .first_slide {background: url(../images/backgrounds/slide1_bg.jpg) center center no-repeat}

            .second_slide {background: url(../images/backgrounds/slide2_bg.jpg) center center no-repeat}

  .third_slide {background: url(../images/backgrounds/slide3_bg.jpg) center center no-repeat}

  .fourth_slide {background: url(../images/backgrounds/slide4_bg.jpg) center center no-repeat}

  .fifth_slide {background: url(../images/backgrounds/slide5_bg.jpg) center center no-repeat}

                .banner_slider li h1 {
                    font-size: 48px;
                    text-transform: capitalize;
                    margin-top: 40px;
                    text-indent: 20px;
                }

                .banner_slider li h2 {
                    font-size: 24px;
                    text-transform: capitalize;
                    margin-top: 30px;
                    text-indent: 20px;
                }

                /*Moblie devices test*/
                .banner_slider p {
                    display: none;
                    text-transform: capitalize;
                    font-size: 20px;
                    line-height: 1.4em;
                }

    /*JQUERY COUNTDOWN
    ---------------------*/

    .div_container {
        font-size: 24px !important;
        text-align: center;
        line-height: 150px;
        color: #fff;
        text-transform: capitalize;
    }

        .timer_container > div {float: left}

        .date_block_box {padding-left: 8px}

            .timer_container .date_block {
                position: relative;
                width: 150px;
                height: 150px;
                text-align: center;
                text-transform: capitalize;
            }

                    #week_block {
				text-align:center;
				padding: 65px 0px 0px 0px;
				height:150px;
				
               
               
				margin-left:10px;
				background-color:#1ac2c0;
	border: 1px solid #04e2df;
	

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;

            }
			
			
			  #week_block:hover {
             background-color:#18cfcd;
box-shadow:inset 0px 0px 20px 0px #42eeec;
border:1px solid  #1debe9; 
            }
			

		
		
		
		
		
		    #day_block {
				text-align:center;
				padding: 65px 0px 0px 0px;
				height:150px;
				
               
               
				margin-left:20px;
				background-color:#c53131;
	border: 1px solid #c31e0c;
	

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;

            }
			
			
			  #day_block:hover {
             background-color:#c92929;
box-shadow:inset 0px 0px 20px 0px #fb5858;
border:1px solid  #f81f1f; 
            }
			
			
			
			
			

            #hour_block {
				padding: 65px 0px 0px 0px;
				height:150px;
				margin-left:10px;
               	background-color:#744ffc;
				border: 1px solid #753fc6;
				text-align:center;
            }
			
			 #hour_block:hover {
			 background-color:#6c2ec8;
box-shadow:inset 0px 0px 20px 0px #923cdc;
border:1px solid  #9940e5;}
			
			
			
			
			

            #minutes_block {
				text-align:center;
					padding: 65px 0px 0px 0px;
				height:150px;
				margin-left:11px;
                background: #2eb22e;
                border: 1px solid #00c900;
            }


 #minutes_block:hover {
	 			background-color:#3eb111;
box-shadow:inset 0px 0px 20px 0px #82da1a;
border: solid 1px #53e41a;
				
				}
 
 
 
 
 
 
 
 
 
 
            #seconds_block {
				text-align:center;
					padding: 65px 0px 0px 0px;
				height:150px;
				margin-left:11px;
                background: #57cbf6;
                border: 1px solid #00b6ce;
            }
			
            #seconds_block:hover {
               background-color:#37b7d2;
box-shadow:inset 0px 0px 20px 0px #72f9f4;
border:1px solid  #93f5f9;
            }
			
			
			
			
			

                .timer_container div div.timer_number {
                    position: relative;
                    font-size: 28px;
                    width: 80px;
                    height: 80px;
                    line-height: 80px;
                    -moz-border-radius: 40px;
                    -webkit-border-radius: 40px;
                    border-radius: 40px;
                    border: 2px solid;
                    margin: 35px auto 0 auto;
                    text-align: center;
                }

                #day_block div.timer_number {border-color: #ff8656}

                #hour_block div.timer_number {border-color: #da00e5}

                #minutes_block div.timer_number {border-color: #00c900}

                #seconds_block div.timer_number {border-color: #00b6ce}

                .timer_container div div.descp {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 30px;
                    font-size: 14px;
                    line-height: 30px;
                }

/* ROW 2 SECTION
=================================*/

.tab_container {
    background:#3c89d6;
    width: 100%;
    margin-top: 8px;
  
    display: block;
    position: relative;
    overflow: hidden;
}

  .tab_container #services { background:#aa2929; border:1px #D24444 inherit solid; }
 .tab_container #about { background:#633aa0; border:1px #875FC5 inherit solid; }
 .tab_container #team { background:#49992a; border:1px #75D053 inherit solid; }
 .tab_container #contact { background:#1ea3bf; border:1px #0195F8 inherit solid; }
 .tab_container #aboutt { background:#29b2c6; border:1px  #69b1fa inherit solid; }
  .tab_container #aboutttt { background:#1ac2c0; border:1px  #69b1fa inherit solid; }

 
 
    /*SERVICES
    ----------------------*/

    .carousel_menu {padding-top: 66px !important }

        .service {text-align: center}

            .service_icon {
                position: relative;
                padding-bottom: 20px;
            }

                .service_icon img {
                    display: block;
                    margin: 0 auto;
                    -moz-transition-duration: 0.8s;
                    -o-transition-duration: 0.8s;
                    -webkit-transition-duration: 0.8s;
                    transition-duration: 0.8s;
                    -moz-transition-property: -moz-transform;
                    -o-transition-property: -o-transform;
                    -webkit-transition-property: -webkit-transform;
                    transition-property: transform;
                }

                .service:hover .service_icon img {
                    -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    -o-transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }

                .service_icon:after {
                    position: absolute;
                    content: " ";
                    width: 1px;
                    height: 15px;
                    background: #F09E2B;
                    left: 50%;
                    bottom: 0;
                }

            .service_description {
                border-top: 1px solid #9a0505;
                border-right: 1px solid #9a0505;
                padding-bottom: 540px;
                margin-bottom: -500px;
            }

                .service_description h1 {
                    font-size: 20px;
                    padding: 10px 0;
                    text-transform: capitalize;
                }

                .service_description p {
                    font-size: 14px;
                    line-height: 1.4em;
                    padding: 0 10px 10px 10px;
                }

    /*ABOUT
    -----------------*/

    #about {padding: 20px; padding-top:50px; padding-bottom:50px;}

        .text_area {
            float: left;
            width: 65%;
            margin-right: 20px;
        }

            .about_question {
                text-transform: capitalize;
                font-family: georgia sans-serif;
                font-size: 32px;
                padding-bottom: 20px;
            }
			 .abouttt_qqquestion {
                text-transform: capitalize;
                font-family: georgia sans-serif;
                font-size: 22px;
                padding-bottom: 20px;
            }

            .text_area p {
                font-size: 18px;
                line-height: 1.6em;
            }

            .list {margin-top: 20px}

                .list li {
                    padding: 5px 0 5px 30px;
                    background: url(../images/misc/tick.png) left center no-repeat;
                }

        .image_box {
            border: 5px solid #fff;

			
          
         
           
                      background:url(../images/members/team.png);
            float:left;
        }
		
		
		
		
    #aboutt {
	padding: 0px;
	
	
}

        .text_area {
            float: left;
            width: 65%;
            margin-right: 20px;
        }

            .aboutt_question {
                text-transform: capitalize;
                font-family: georgia sans-serif;
                font-size: 32px;
                padding-bottom: 20px;
            }

            .text_area p {
                font-size: 14px;
                line-height: 1.6em;
            }

            .list {margin-top: 20px}

                .list li {
                    padding: 5px 0 5px 30px;
                    background: url(../images/misc/tick.png) left center no-repeat;
                }

        .image_box {
            border: 5px solid #fff;
            width: 845px;
            height: 350px;
			margin-top:10px;
			float:left;
			margin-left:140px;
	
          
            
            :url(../images/members/team.png);
			
        }
		
		
		   .imagee_boxx {
            border: 5px solid #fff;
            width: 300px;
            height: 300px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
            background: url(../images/misc/teammm.png);
            float: right;
        }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

    /*TEAM
    ---------------*/
	.memberbordrr{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	.memberbordrr:hover{  border:solid 4px #a94c18;}
	.memberbordrr2{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	.memberbordrr2:hover{  border:solid 4px #e53b3b;}
	.memberbordrr3{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	.memberbordrr3:hover{  border:solid 4px #009600;}
	.memberbordrr4{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	
	.memberbordrr4:hover{  border:solid 4px #7f48e4;}
	.memberbordrr5{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	.memberbordrr5:hover{  border:solid 4px #34c3ed;}
    .memberbordrr6{  border: solid 4px #49992a; transition:all 300ms; -moz-transition:all 300ms; -webkit-transition:all 300ms;}
	.memberbordrr6:hover{  border:solid 4px #438ff6;}
    .member_image {position: relative;  width:100%;}
	 .member_image:hover { opacity: 0.8;}

        .member_image img {width: 100%;  transition:ease-in-out 300ms; -moz-transition: ease-in-out 300ms; -webkit-transition: ease-in-out 300ms; }
		    .member_image img:hover { 
				 
			}

        .member_image .member_des {
            display: block;
            padding: 10px;
            position: absolute;
            width: 100%;
            background-color: #000;
            bottom: 0;
            left: 0;
			text-decoration:none;
			color:#FFF;
			
        }

        #ceo {background-color: rgba(229, 59, 59, 0.8)}

        #director {background-color: rgba(0, 150, 0, 0.8)}

        #developer {background-color: rgba(127, 72, 228, 0.8)}
		
		 #digitalll {background-color: rgba(67, 143, 246, 0.8)}

        #designer {background-color: rgba(165, 60, 0, 0.8)}

        #sales {background-color: rgba(7, 183, 236, 0.8)}


            .member_des h2 {
                height: 35px;
                font-size: 16px;
                text-transform: capitalize;
                line-height: 35px;
            }

                .member_des h2 small {
                    float: right;
                    padding: 8px;
                    margin-top: 3px;
                    font-size: 12px;
                    line-height: 12px;
                    text-transform: capitalize;
                    background: #FFAA31;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
					font-weight:600;
                }

            .member_des p {line-height: 1.2em}

    .member_social {
        text-align: center;
        padding: 10px 0;
    }

    .member_social:last-child {margin-right: 0}

        .member_social a {
            position: relative;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            display: inline-block;
        }

    /*CONTACT
    ----------------*/

    #contact {padding: 20px 20px 100px 20px}

        .contact_form,
        .contact_info {
            width: 50%;
            float: left;
			
        }
		 .contactt_infoo {
            padding: 2% 1% 2% 1%;
			width: 30%;
            float: left;
			margin-left:2.5%;
			border: 1px solid #4acbe6; margin-top:30px;
			
        }

        .forgnofficecontnr { width:100%; height:100px; margin-top:50px; border:1 px solid  #C06;}

            #contact h2 {
                font-size: 18px;
                text-transform: capitalize;
                margin-bottom: 20px;
            }

            .contact_form input,
            .contact_form textarea {
             
                display: block;
                padding: 10px;
                width: 100%;
                background-color: transparent;
                border: 1px solid #4acbe6;
                margin-bottom: 10px;
                color: #fff;
            }

            .contact_form textarea {
                -webkit-resize: none;
                -moz-resize: none;
                resize: none;
                overflow: auto;
                height: 250px;
            }

            .contact_form label {
                text-transform: capitalize;
            }

            #submit_btn {
                cursor: pointer;
                width: 100px;
                float: left;
                margin-top: -1px;
                background: #F0920F;
            }

            .submit_results {
                float: left;
                padding: 0 10px 0 40px;
                height: 38px;
                line-height: 38px;
                margin-top: -1px;
                border: 1px solid #0e8ca7;
                margin-left: 10px;
            }

                .error_ico {background: url(../images/misc/subscribe_cross.png) 10px center no-repeat}

                .success_ico {background: url(../images/misc/subscribe_tick.png) 10px center no-repeat}

        /*CONTACT DETAILS*/
        .contact_info {padding-left: 50px}

     
		    .contact_details li {
                padding-left: 40px;
                height: 30px;
                line-height: 30px;
                margin-bottom: 5px;
            }

            .contact_details .phone_num {background: url(../images/contact_icons/phone.png) left center no-repeat}

            .contact_details .email_add {background: url(../images/contact_icons/email.png) left center no-repeat}

            .contact_details .skype_name {background: url(../images/contact_icons/skype.png) left center no-repeat}

            .contact_details .adress {background: url(../images/contact_icons/pin.png) left center no-repeat}

                .contact_details li a {color: #fff}

            .gmaps {
                width: 100%;
                height: 287px;
                margin-top: 20px;
                border: 3px solid #fff;
                background: #999;
                margin-bottom: 10px;
            }
			
			
            #ggs {
                width: 100%;
                height: 287px;
                margin-top: 20px;
                border: 3px solid #fff;
                background: #999;
                margin-bottom: 10px;
				background:url(../images/googlemap.png) repeat;
				
				}

/* ROW 3 SECTION
=================================*/

.row_3 {
    width: 100%;
   
    position: relative;
}

#first_div_r3 {padding-right: 8px}

    .responsive_box {
        width: 100%;
        display: table;
        margin-top: 8px;
        height: 150px;
    }

        .subscribe_wrapper,
        .testimonials_wrapper {
            padding: 10px;
            height: 150px;
        }

            .centerlizer {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

        /*SUBSCRIBE*/

        .subscribe_wrapper {
            display: table;
            width: 100%;
            background: #00a4a4;
            border: 1px solid #1abfbf;
            text-align: center;
        }

            .opent_title {margin-bottom: 10px}

            .submit_success {
                padding: 10px 10px 10px 40px;
                border: 1px solid #1abfbf;
                background: url(../images/misc/subscribe_tick.png) 10px center no-repeat !important;
                display: inline-block;
            }

            .subscribe_form input {
                outline: none;
                border: 1px solid #1abfbf;
                background: transparent;
                padding: 10px;
                color: #fff;
                display: inline-block;
            }

            #subscribe_field {width: 300px}

            .error_sign {background: url(../images/misc/subscribe_cross.png) 270px center no-repeat !important}

            .tick_sign {background: url(../images/misc/subscribe_tick.png) 270px center no-repeat !important}

            #subscribe_btn {
                color: #f0f0f0;
                cursor: pointer;
                background: #00A4A4;
            }


        /*CLIENT ROTATOR*/

        .clients_wrapper {
            width: 100%;
           
        
            height: 190px;
            display: block;
            margin-top: 8px;
            text-align: center;
        }

            .clients_carousel {
                width: 80%;
                position: absolute;
                left: 10%;
                -ms-overflow-x: auto;
                overflow-x: auto;
            }

                .clients_carousel ul {
					
                    width: 2050px;
                 
                }

                    .clients_carousel ul li {
						
					    height: 100px;
                        width: 90px;
						
                    
                        float: left;
                    }
					
					

        /*TESTIMONIALS*/

        .testimonials_wrapper {
            width: 100%;
            padding: 10px;
            background: #07B7EC;
            border: 1px solid #2dd1ff;
            height: 350px;
            -ms-overflow-y: auto;
            overflow-y: auto;
            display: block !important;
            position: relative;
        }

            .testimonials_wrapper h1,
            .clients_wrapper h1 {
                text-align: center;
                text-transform: capitalize;
                font-size: 18px;
                padding: 20px;
            }

            .testimonial blockquote {
                position: relative;
                background: #03ABDF;
                padding: 20px 40px;
                line-height: 1.4em;
                font-size: 18px;
                font-family: georgia serif;
                font-style: italic;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
            }

                .testimonial blockquote p {
                    position: relative;
                    color: #DFF4FC;
                }

                    .testimonial blockquote p:before {
                        content: "\201C";
                        font-size: 60px;
                        display: block;
                        position: absolute;
                        top: 15px;
                        left: -40px;
                    }

                    .testimonial blockquote p:after {
                        content: "\201D";
                        font-size: 60px;
                        display: block;
                        position: absolute;
                        bottom: -20px;
                        right: -20px;
                    }

                .testimonial blockquote span {
                    display: block;
                    position: absolute;
                    bottom: -20px;
                    left: 20px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 20px 20px 0 20px;
                    border-color: #03ABDF transparent transparent transparent;
                }

            .quote_footer {margin-top: 25px}

                .client_image {
                    position: relative;
                    overflow: hidden;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    width: 80px;
                    height: 80px;
                    border: 5px solid #38C4EF;
                    float: left;
                    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
                    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
                    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
                }

                    .client_image img {
                        width: 100%;
                        position: absolute;
                        -moz-border-radius: 40px;
                        -webkit-border-radius: 40px;
                        border-radius: 40px;
                    }

                .client_info {
                    float: left;
                    padding: 20px 0 0 10px;
                }

                    .client_info a {
                        color: #fff;
                        text-transform: capitalize;
                        font-weight: bold;
                        font-size: 16px;
                        text-decoration: none;
                    }

                    .client_info i {
                        display: block;
                        text-transform: capitalize;
                        color: #DCF5FD;
                    }

/* ROW 4 SECTION
=================================*/

.row_4 {
    overflow: hidden;
    width: 100%;
}

    .row_4 .link_wrapper {
        float: left;
        width: 25%;
        padding: 5px;
    }

        .row_4 .link_wrapper  a {
            position: relative;
            display: block;
            width: 100%;
            height: 108px;
            margin-top: 8px;
        }


        .row_4 .facebook {background-color: #3E5B99}

        .row_4 .twitter {background-color: #07b7ec}

        .row_4 .dribbble {background-color: #F36799}

        .row_4 .gplus {background-color: #D63C35}

        .row_4 .flickr {background-color: #F0409E}

        .row_4 .pinterest {background-color: #CC1223}

        .row_4 .linkedin {background-color: #0085AE}

        .row_4 .skype {background-color: #00AAF0}

        .row_4 .rss {background-color: #FE9900}

        .row_4 .deviantart {background-color: #5E7264}

/* FOOTER SECTION
=================================*/

footer {
    width: 100%;
    text-align: center;
}

    footer small {
        padding: 10px;
        display: block;
        text-shadow: 0 1px 1px #000;
    }

/* PLUGINS SECTION
=================================*/

/*TABS PLUGIN
*******************/

.content_holder > div {width: 100% !important}

.tabs_menu { font-size:18px; }

.tabs_menu .tab {
	
	
	
    position: relative;
	height:40px;
    float: left;
    width: 145px;
	cursor:pointer;
	
	
    text-transform: capitalize;

    
    color: #fff;
}

.tab.active {color: #fff}

.tab.active:after {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0px;
   
}

.content_holder {
    position: relative;
    overflow:visible;
}

/*JCAROUSEL
*********************/

.carousel_menu {width: 9999px !important}

.carousel_menu > li {
    float: left;
    height: auto !important;
}

.next,
.prev,
.after,
.before {
    position: absolute;
    top: 10px;
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 100;
    cursor: pointer;
}

.next,
.after {
    background: url(../images/misc/next_arrow.png) center center no-repeat;
    right: 10px;
}

.prev,
.before {
    background: url(../images/misc/prev_arrow.png) center center no-repeat;
    right: 56px;
}

.C_control.disabled {
    opacity: 0.4 !important;
    cursor: default;
}

/*GOOFLE MAPS
*****************/

.gmap_marker {color: #454545}

/* MEDIAQUERIES SECTION (RESPONSIVITY)
======================================*/

@media only screen and (max-device-width: 1230px ),    (max-width: 1230px) {

.d1230{ width:100%;  }


.divnavv{ margin-top:12.5px; width:700px; float:lef; padding-left:0px; margin-left:0px; border:#FFF 1px solid;}

    .banner_slider {width: 100%}
	.image_box { margin-left:90px;}
    .date_block_box {margin-top: 8px}
    #day_block {margin-left: 0px; margin-top:8px; width:20%; padding:0px;}
	#week_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #hour_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #minutes_block {margin-top:8px; width:19%; margin-left:1%; padding:0px;}
	 #seconds_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
    .timer_container {width: 100%;}
    .timer_container > div:first-child {padding-left: 0 !important}
    .date_block {width: 100% !important}
    .date_block_box {width: 25%}
    .responsive_box {width: 100%}
    .subscribe_wrapper {
        text-align: center;
        width: 100%;
        height: 150px;
    }
    .submit_success {
        padding: 10px 10px 10px 40px;
        width: auto;
    }
    #subscribe_field {width: 60%}
    .error_sign {background: url(../images/misc/subscribe_cross.png) right 10px center no-repeat !important}
    .tick_sign {background: url(../images/misc/subscribe_tick.png) right 10px center no-repeat !important}
    .testimonials_wrapper {
        margin-left: 0;
        width: 100%;
        height: auto;
    }
	.tabs_menuu{ font-size:18px; width:100%; margin-top:32%; }
	.scialiconnn{   width:100%; margin-left:30px;   }

	
}
.contactinfoseooper{ margin-top:100px;}
@media only screen and (max-device-width: 1024px ),    (max-width: 1024px) {
.contactt_infoo{ width:100%; margin-top:5px; float:none; margin-left:3px;}
      #day_block {margin-left: 0px; margin-top:8px; width:20%; padding:0px;}
	 #week_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #hour_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #minutes_block {margin-top:8px; width:19%; margin-left:1%; padding:0px;}
	 #seconds_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
    .text_area {
        float: none;
        width: 100%;
        margin-right: 20px;
    }
	.image_box{ display:none; background:none;}

   .imagee_boxx{display: none; background:none; }
    .responsive_box {width: 100%}
    #first_div_r3 {padding-right: 0}
    .row_4 .link_wrapper {width: 20%}
	.tabs_menuu{ font-size:8px; width:100%; margin-top:35%;  }
	.scialiconnn{   width:100%; margin-left:50%; }
	
	.hrrr{ margin top:100px;}
	
}
@media only screen and (max-device-width: 1152px ),    (max-width: 1152px){
	
	
	.abouttevoheadingg{ display:none;}
	
}
@media only screen and (max-device-width: 768px ),    (max-width: 768px) {
.contactinfoseooper{ margin-top:100px;}
.forgnofficecontnr { height:70px; margin-top:600px;}	
image_box{ display:none; background:none;}

  #day_block {margin-left: 0px; margin-top:8px; width:20%; padding:0px;}
	 #week_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #hour_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #minutes_block {margin-top:8px; width:19%; margin-left:1%; padding:0px;}
	 #seconds_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	.contact_form, 
    .contact_info {
        width: 100%;
        float: none;
    }
    .contact_form {margin-bottom: 40px}
    .contact_info {padding-left: 0}
		.tabs_menuu{ font-size:8px; width:100%;  margin-top:25%;}
		.imagee_boxx{display: none; background:none; }  
		.forgnofficecontnr { height:70px; margin-top:150%;  }
		
.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:30%; height:30%;}
.contactt_infoo{ width:100%; margin-top:15px; float:none; margin-left:3px;}
.abouttevoheadingg{ display:none;}
}

@media only screen and (max-device-width: 800px ),    (max-width: 800px) {
.abouttevoheadingg{ display:none;}
.contactt_infoo{ width:100%; margin-top:15px; float:none; margin-left:3px;}
	.contactt_infoo{ width:100%; margin-top:5px; float:none; margin-left:3px;}
	.imagee_boxx{display: none; background:none; }
	
   #day_block {margin-left: 0px; margin-top:8px; width:20%; padding:0px;}
   #week_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #hour_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
	 #minutes_block {margin-top:8px; width:19%; margin-left:1%; padding:0px;}
	 #seconds_block {margin-top:8px; width:19%; margin-left:1%; padding:0px; }
 
    #minutes_block_box {padding-left: 0}
    .date_block_box {width: 50%}
    .banner_slider li h1 {font-size: 35px}
    .banner_slider li h2 {font-size: 20px}
.tabs_menuu{ font-size:8px; width:100%; margin-top:30%; }
.scialiconnn{   width:100%; margin:40px;   }
image_box{ display:none; background:none;}
.forgnofficecontnr { height:70px; margin-top:150px;}

.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:20%; height:20%;}
.hrrr{ margin top:50px;}
}

@media only screen and (max-device-width: 650px ),    (max-width: 650px) {
.abouttevoheadingg{ display:none;}
	.contactinfoseooper{ margin-top:100px;}
	.forgnofficecontnr {height:100px; margin-top:550px;}	
	 
	 .contactt_infoo { height:auto; padding-bottom:50px;
        }
   #day_block { height:100%; padding-bottom:50px;  }
	 #week_block {  height:100%; padding-bottom:50px;  }

	 #hour_block {  height:100%; padding-bottom:50px;  }
	 #minutes_block {  height:100%; padding-bottom:50px; }
	 #seconds_block {  height:100%; padding-bottom:50px;  }
  .scialiconnn{   width:100%;     } 
	 .imagee_boxx{display: none; background:none; }

.tabs_menuu{ font-size:8px; width:100%; margin-top:40%;}	  
.contactt_infoo{ width:100%; margin-top:5px; float:none; margin-left:3px;}	 
 .forgnofficecontnr {height:100px; margin-top:350px;}	
	
.contactinfoseooper{ height: 200%;}


.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:30%; height:30%;}
.hrrr{ margin top:50px;}
}




.tabs_menuu{ font-size:18px; width:100%; }


@media only screen and (max-device-width: 480px ),    (max-width: 480px) {
.abouttevoheadingg{ display:none;}
 .forgnofficecontnr {height:100px; margin-top:350px;}	
	.imagee_boxx{display: none; background:none; }
	
	.divcountryy{ width: 100%; height:340px; border: 1px solid #4acbe6; float:none; margin:0px; padding:0px;}
.divcountryy2{ width: 100%; height:340px; border: 1px solid #4acbe6; float:none; margin:0px; padding:0px;   }
.divcountryy3{ width: 100%; height:340px; border: 1px solid #4acbe6;  float:none; margin:0px; padding:0px; }

	
.tabs_menuu{ font-size:8px; width:100%; margin-top:25%;  }

	  #day_block {  height:100%; padding-bottom:10px;  }
	   #week_block {  height:100%; padding-bottom:10px;  }
	 #hour_block {  height:100%; padding-bottom:10px;  }
	 #minutes_block {  height:100%; padding-bottom:10px;  }
	 #seconds_block { height:100%; padding-bottom:10px;  }
	 
	 .navvcalll{ font-size:9px;}
	.tabs_menu{ font-size:9px;}
  
    .tabs_menu .tab {
		 
        width: 50%;
      }
    .tab.active:after {}
    #submit_btn {width: 100%}
    .submit_results {
        margin-left: 0;
        width: 100%;
    }
    .subscribe_form input {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .testimonials_wrapper,
    .subscribe_wrapper {min-height: 150px}
    .row_4 .link_wrapper {width: 25%}
    .banner_slider {
        border: 1px solid #3eb764;
        display:none;
        padding: 10px;
    }
    .banner_slider ul {display: none}
    .banner_slider p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .tab.active {
        background: #ff9400;
        color: #fff;
    }

 .scialiconnn{   width:100%; margin:0px;    } 
 

.contactformgmapcontainerrr { height:100%;}

.mainlogooo{ width:30%; height:30%;}
}

@media only screen and (max-device-width: 420px ),    (max-width: 420px) {
.abouttevoheadingg{ display:none;}
.contactinfoseooper{ height: 200%;}
 .forgnofficecontnr {height:100px; margin-top:350px;}	
.imagee_boxx{display: none; background:none; }
	   #day_block {  height:100%; padding-bottom:10px;  }
	  #week_block {  height:100%; padding-bottom:10px;  }
	 
	 
	 #hour_block {  height:100%; padding-bottom:10px;  }
	 
	 #minutes_block {  height:100%; padding-bottom:10px;  }
	 #seconds_block { height:100%; padding-bottom:10px;  }
	.tabs_menuu{ font-size:8px; width:100%;  margin-top:15%; }
	.scialiconnn{   width:100%; margin:0px;   } 


.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:30%; height:30%;}
}
	
	

@media only screen and (max-device-width: 360px ),    (max-width: 360px) {
.abouttevoheadingg{ display:none;}
 .contactinfoseooper{ height: 200%;}
 .forgnofficecontnr { height:100px; margin-top:350px; }	
 .imagee_boxx{display: none; background:none; }
	.fontmenuu{ font-size:4px; }
    
  .tabs_menuu{ font-size:8px; width:100%; margin-top:30%; }
	.date_block_box {
        width: 100%;
        padding-left: 0;
    }
    .banner_slider li h1 {font-size: 28px}
    .banner_slider li h2 {font-size: 16px}
    .about_question {font-size: 28px}
    .row_4 .link_wrapper {width: 50% !important}
	.scialiconnn{  width:100%; margin:0px; }
	
	  #day_block {  height:100%; padding-bottom:20px; }
		 #week_block {  height:100%; padding-bottom:20px;   } 
	 
	 #hour_block {  height:100%; padding-bottom:20px;   }
	#minutes_block {  height:100%; padding-bottom:20px; }
	 #seconds_block {  height:100%; padding-bottom:20px;  }

.contactformgmapcontainerrr { height:100%;}

.mainlogooo{ width:30%; height:30%;}

}






@media only screen and (max-device-width: 340px ),    (max-width: 340px) {
.abouttevoheadingg{ display:none;}
 #day_block { height:100%; padding-bottom:20px; }
 #week_block {  height:100%; padding-bottom:20px;   }
	 #hour_block {  height:100%; padding-bottom:20px;   }
	 #minutes_block {  height:100%; padding-bottom:20px;  }
	 #seconds_block {  height:100%; padding-bottom:20px;   }

.contactinfoseooper{ height: 200%;}
 .forgnofficecontnr {height:100px; margin-top:350px;}	
 

.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:30%; height:30%;}
}

@media only screen and (max-device-width: 320px ),    (max-width: 320px) {
	.abouttevoheadingg{ display:none;}
	 #day_block { height:100%; padding-bottom:20px;  }
	 #week_block { height:100%; padding-bottom:20px;   }
	 #hour_block { height:100%; padding-bottom:20px;   }
	 #minutes_block {  height:100%; padding-bottom:20px;  }
	 #seconds_block { height:100%; padding-bottom:20px;  }

.contactinfoseooper{ height: 200%;}
 .forgnofficecontnr {height:100px; margin-top:350px; }
 
 .contactformgmapcontainerrr { height:100%;}	
 .mainlogooo{ width:30%; height:30%;}
}

@media only screen and (max-device-width: 240px ),    (max-width: 240px) {
.abouttevoheadingg{ display:none;}
 #day_block {  height:100%; padding-bottom:10px;  }
  #week_block {  height:100%; padding-bottom:10px;  }
	 #hour_block  { height:100%; padding-bottom:20px;   }
	 #minutes_block {  height:100%; padding-bottom:20px;  }
	 #seconds_block { height:100%; padding-bottom:20px;  }

 .forgnofficecontnr {height:100px; margin-top:350px; }	
 

.contactformgmapcontainerrr { height:100%;}
.mainlogooo{ width:30%; height:30%;}
}



/* CSS SPRITES
======================================*/

.member_social a span {
    display: block;
    background-image: url(../images/social_icons/small_socials.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}



.member_social .facebook span {background-position: 0 -20px}

.member_social .twitter span {background-position: 0 -40px}

.row_4 a span {
    display: block;
    background-image: url(../images/social_icons/large_socials.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}
.fontmenuu{ }
.row_4 .linkedin span {background-position: 0 0}

.row_4 .dribbble span {background-position: -32px 0}

.row_4 .gplus span {background-position: -64px 0}

.row_4 .pinterest span {background-position: 0 -32px}

.row_4 .skype span {background-position: -32px -32px}

.row_4 .facebook span {background-position: -64px -32px}

.row_4 .rss span {background-position: 0 -64px}

.row_4 .deviantart span {background-position: -32px -64px}

.row_4 .flickr span {background-position: -64px -64px}

.row_4 .twitter span {background-position: 0 -96px}





#myDIV
{
	margin-top: 0px;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	/* [disabled]font-size:18px; */
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#myDIV:hover{
	color: #f0920f;
}


#divnavv{ width:620px; margin-left:10px; height:150px; float:left;}

.navvtype{ width:620px; height:150px;  position:inherit; list-style-type:none; text-align:center;}
.navvtypeli{
	width: 140px;
	height: 40px;
	background: #009;
	float: right;
	display: block;
	/* [disabled]padding:70px 25px 100px 25px; */
	margin-right: 0px;
	transition: background-color 500ms;
	-webkit-transition: background-color 500ms;
	-moz-transition: background-color 500ms;
}
.navvtypeli:hover{ background-color:#0C3;}
.navvtypelione{ width:140px; height:40px; background:#CC0; float:right; display:block; padding:70px 25px 100px 25px; margin-right:0px;}


.navvtypeli a{ font-size:16px; text-decoration:none; color:#E4E4E4;
transition:color 500ms;
-webkit-transition:color 500ms;
-moz-transition:color 500ms;}


.navvtypeli a:hover{ color:#FFF;}



.navvcalll{ color:#fff;
transition:color 500ms ease-out;
-moz-transition:color 500ms ease-out;
-webkit-transition:color 500ms ease-out;
font-size:16px; width:180px;   }




.flotttt{
	background-color:#a01c1c;
	border: 1px solid #b61515;
	

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;


}
.flotttt:hover{ background-color:#c92929;
box-shadow:inset 0px 0px 20px 0px #fb5858;
border:1px solid  #f81f1f; }

.flotttt00{
	background-color:#a01c1c;
	border: 1px solid #b61515;
	

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;


}
.flotttt00:hover{ background-color:#c92929;
box-shadow:inset 0px 0px 20px 0px #fb5858;
border:1px solid  #f81f1f; }







.flottsize{width: 140px; color:#30F;
	height: 140px;
 padding:65px 25px 80px 35px; margin-left:10px;
 
}

.flottsize4{width: 140px; color:#30F;
	height: 140px;
 padding:65px 13px 80px 27px; margin-left:10px;
 
}


.flotttt2{
	background-color:#511ca0;
border: 1px solid #5a26a8;

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;
}
.flotttt2:hover{ background-color:#6c2ec8;
box-shadow:inset 0px 0px 20px 0px #923cdc;
border:1px solid  #9940e5; }


.flotttt3{
	background-color:#41a01c;
border: 1px solid #43b615;

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;
}
.flotttt3:hover{ background-color:#45bf16;
box-shadow:inset 0px 0px 20px 0px #82da1a;
border: solid 1px #53e41a;
}


.flotttt4{
	background-color:#1ea3bf;
	border:1px solid  #27bddd;

transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-webkit-transition:all 500ms ease-out;
}
.flotttt4:hover{ background-color:#4cd3f0;
box-shadow:inset 0px 0px 20px 0px #72f9f4;
border:1px solid  #93f5f9; }





#servicess{ width:400px; height:400px; background:#333;}


.divnavv{ width:622px; margin-left:10px; height:150px; float:left;}



.divvnavvcoverr{ width:100%; height:50px; background:#009;}
.divvnavvservice{ width:770px; text-align:center; height:50px; background:#666;  }
.aa{ font-size:12px; width:160px; height:50px; font-weight:400;}

.imggg{ background-image:url(../images/Left-Arrow-Vector-256.png); background-repeat:no-repeat;}

.imggg:hover{ background-image:url(../images/Left-Arrow-Vector-hower.png); background-repeat:no-repeat; }
.d1230{}
.fsizee{}
.membermarginn{ transition:all 500ms;
-webkit-transition:all 500ms;
-moz-transition:all 500ms;}
.membermarginn{  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000; }


.divcountryy{ width: 300px; height:340px; border: 1px solid #4acbe6; float:left; margin-left:110px;}
.divcountryy2{ width: 300px; height:340px; border: 1px solid #4acbe6; float:left; margin-left:5px;}
.divcountryy3{ width: 300px; height:340px; border: 1px solid #4acbe6; float:left; margin-left:5px;}


#servceecolor{ color:#f0920f;}
.scialiconnn{ width:100%; margin-left:25%;  }
.abouttevoheadingg{ width:100%; margin-top:60px; float:left;}
.cntcthdding{ padding: 4% 2% 4% 2%; background:#f0920f; border: 1px solid #4acbe6;}
.contactinfoseooper { width:100%; height:100%; margin-top:0px; }

.socialiconscontnrr{ width:100%; height:75px; margin-top:7px; }
.fbbdivv { width:75px; height:75px; }
.skypeedivv { width:75px; height:75px; margin-left:0px; float:left; }
.mainlogooo { width:25%; height:25%;}

.contactformgmapcontainerrr{ width:100%; height:540px; }

.submitbtnn { background:#f0920f;
transition:all 500ms ;
-moz-transition:all 500ms;
-webkit-transition:all 500ms;


}
.submitbtnn:hover { background:#d37e08; cursor:pointer; }
.hrrr{background:#4acbe6; border:none; height:1px;}
.ddssdd{ width:100%; background:#000099;}