/*
* Master Landing page HTML V1
* Copyright 2015 PixFort
* www.pixfort.com
* 1/1/2015
*/


/* Table of Content
==================================================
    #Misc
    #Header
    #Features
    #Video
    #Announcements
    #Catalog
    #Clients
    #Logos
    #Message
    #Footer

==================================================
*/

/*  #Misc   */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);

    body{ 
        font-family: 'Open Sans', sans-serif !important; 
    }

	a{
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}

	.header{
		box-shadow: 0 0 4px rgba(0,0,0,0.7);
		width:100%;
		height:100px;
		background: url("../images/bg.jpg") fixed no-repeat;
	}

	.logo{
		width:250px;
	}

	.fett{
		font-weight:bold;
	}
	
	.email{
		margin-left:35px;
		text-decoration:underline;
	}
	
/* Part 1: #Header & Social links */
    .master_bkgr{
        	background: url("../images/bg.jpg") #000 left top fixed no-repeat;
        	width:100%;
        	height:100%;

    }

    .section_pad { padding-bottom: 23px;background: #333; }

    .header_sec { padding: 30px 0px;}

    .video_style iframe{ width: 99%; }

    .master_style{
        	font-weight: bold;
        	font-family: 'Open Sans', sans-serif;
        	color: #ffffff;
        	font-size: 36px;
        	//padding-top:px;
    }

    .point_style{
        	display: inline-block;
        	font-size: 48px;
        	color: #0eb798;
        	font-family: 'Open Sans', sans-serif;
    }

    .real_style {
        	color: #808080;
        	font-size: 16px;
        	font-family: 'Open Sans', sans-serif;
        	position: relative;
        	top: -5px;
    }

    .socbuttoms{
            position: relative;
            float: right;
            top: 15px;
            //width: 88%;
            height: 100%;
            display: block;
            overflow: hidden;
    }

    .blochead{ 
        display: inline-block !important;
        float: right;
    }

    .social_style{
        position: relative;
        font-family: 'Open Sans', sans-serif;
        background: rgba(0,0,0,0.5);
        padding: 12px 15px;
        border-radius: 5px;
        line-height: 50px;
    }

    .social_span{ 
        position: relative;
        top: 5px;
        border-radius: 3px;
    }

    .contact_btn a{
        background: #0eb798;
        border: 1px solid #333333;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 16px;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        padding: 8px 20px;
        border-radius: 3px;
        box-shadow: inset 0px -1px 0px 0px rgba( 0, 0, 0, 0.3);
         -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
    }

    .contact_btn:hover a{
        background: #037862;
        border: 1px solid #333;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 16px;
        color: #fff;
    }

/* Part 2: Video & contact */

    .bottm_header { padding: 40px 0; }

    .left_header { padding-top: 100px;}

    .design_style{
        	color: #fff;
        	font-family: 'Open Sans', sans-serif;
        	//padding-top: 90px;
        	text-align:center;
    }

    .design_text{
        	color: #add8e6;
        	line-height: 26px;
        	font-family: 'Open Sans', sans-serif;
        	padding-top: 15px;
        	text-align:center;
    }

    

    .sec_style{
        background: rgba(15,211,179,0.12);
        border-radius: 3px;
        //margin-top: 90px;
        padding: 20px;
        box-sizing:border-box;
    }

    .title_style{
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 28px;
        padding-top: 20px;
        line-height: 32px;
        //margin-left: 20px;
    }

    .text_style{
        color: #add8e6;
        font-size: 16px;
        line-height: 26px;
        font-family: 'Open Sans', sans-serif;
        //margin-left: 20px;
        padding-bottom: 10px;
    }

    .submit_btn{
        font-weight: bold;
        box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.3);
         -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
    }

    .submit_btn, .submit_btn:hover {
        padding: 30px 30px 5px 15px;
        text-shadow: 0px 0px 0px #FFF;
        border: none;        
        background: #0eb798;
        border-radius: 3px;
        padding-top: 50px;
        color: #fff;
        margin: 0;
        padding: 10px;
        width: 99%;
        height: 50px;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 16px;
        text-shadow: 0px;
    }

    .submit_btn:hover {
        background: #037862;
    }
    
    .submit_btn2{
        font-weight: bold;
        box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.3);
         -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
             width:100%; 
    }

    .submit_btn2, .submit_btn2:hover {
        padding: 30px 30px 5px 15px;
        text-shadow: 0px 0px 0px #FFF;
        border: none;        
        background: #0eb798;
        border-radius: 3px;
        padding-top: 50px;
        color: #fff;
        margin: 0;
        padding: 10px;
        height: 50px;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 16px;
        text-shadow: 0px;
    }

    .submit_btn2:hover {
        background: #037862;
    }

/* Part 3: Announcements */

    .sec1_bkgr{ background: #eeeeee !important; height:240px; }

    .fcenter {
        text-align: center;
        padding-top: 40px;
    }
    .prices h3, .prices h4 {
        text-align: left;
    }

    .circle{
        border: 1px solid #cccccc;
        border-radius: 50px;
        display: inline-block;
        height: 100px;
        position: relative;
         -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
    }

    .circle:hover, .fcenter:hover .circle { border: 1px solid #0eb798; }

    .h_style{
        text-align: center;
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
        color: #808080;
        position: relative;
        top: 20px;
    }

    .t_style{
        color: #a9a9a9;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        padding: 35px 0px;
    }

/* Part 4: Catalog */

    .sec2_bkgr{
        background: #fff;
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .sec2_header {
        font-size: 28px;
        font-family: 'Open Sans', sans-serif;
        color: #696969;
        margin-top: 6px;
        margin-bottom: 8px;
        display: block;
        padding-bottom: 30px;
    }

    .text_sec2 {
        font-size: 18px;
        line-height: 28px;
        font-family: 'Open Sans', sans-serif;
        color: rgb(169, 169, 169);
    }

    .zone_picture {
        position: relative;
        display: inline-block;
    }

    .zone_picture img {
        width: 100%;
        border-radius: 3px !important;
        border: 1px solid #ebeaea;
    }

    .st_t1 {
    	color: #808080;
    	font-size: 20px;
    	font-family: 'Open Sans', sans-serif;
    	padding-top: 10px;
    }

    .st_t2 {
    	color: #a9a9a9;
    	font-size: 14px;
    	font-family: 'Open Sans', sans-serif;
    	padding: 20px 0px;
        padding-top: 5px;
    	text-align: left;
    }

    .st3 {
    	color: #d3d3d3;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 18px;
    	display: inline-block;
    	position: relative;
    	border: 2px solid #eee;
    	padding: 5px  0px;
    	float: left;
    	width: 60%;
        line-height: 35px;
        border-radius: 3px;
    }

    .st4 {
        font-size: 18px;
        color: #0eb798;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
        position: relative;
        border: 2px solid #0eb798;
        padding: 5px  0px;
        width: 30%;
        line-height: 35px;
        border-radius: 3px;
    }

/* Part 5: Clients Section */

    .sec3_bkgr{background: #fff;
    }

    .client_style{
            font-family: 'Open Sans', sans-serif;
            color:#696969;
            padding-top: 45px;
            padding-bottom: 8px;
            display: block;
            text-align:center;
    }

    .text_client{font-size:18px;
            font-family: 'Open Sans', sans-serif;
            color: rgb(169, 169, 169);
            float: left;
            width: 100%;
            text-align:center;
    }
    
    .text_client li{
	    line-height:25px;
    }

    .box_envato_Unboune{
	    	background: transparent;
            border-radius: 4px;
            padding-top: 35px;
            padding-bottom: 30px;
            display: inline-block;
            padding-right: 5%;
            float: right;
            position: relative;
            width: 83%;
            margin-top: 40px;
            margin-bottom: 50px;
    }

    .logo_circle{background: #fff;
        	border: 5px solid #eeeeee;
        	border-radius: 100%;
        	display: inline-block;
        	position: relative;
            margin-left: -37px;
    }

    .text_st{font-style: italic;
            color:#a9a9a9;
            font-size:16px;
            font-family: 'Open Sans', sans-serif;
            display: inline-block;
        	position: relative;
            width: 75%;
            float: right;
            padding-right: 10px;
    }

    .adr_envato{font-size:14px;
            font-family: 'Open Sans', sans-serif;
            color:#66cc33;
            display: inline-block;
            float: right;
            margin-top: -20px;
    }

    .via_st{font-size:14px;
            font-family: 'Open Sans', sans-serif;
            color:#d3d3d3;
        	float: right;
            margin-top: -20px;
    }

    .adr_unbounce{font-size:14px;
            font-family: 'Open Sans', sans-serif;
            color:#0099ff;
            display: inline-block;
            float: right;
            margin-top: -20px;
    }

/* Part 6: Logos section */

    .logos_bkgr{
        	background: url("../images/bg.jpg") #000 center center no-repeat;
        	width:100%;
        	height:100%;
    }

   .logos_center{ text-align: center;
    }

    .logos_style {background: rgba(255,255,255,0.0);
            text-align: center;
            padding-top: 30px;
            padding-bottom: 45px;
            max-width:75%;
    }

/* Part 7: Message section */
    
    .button_section {
        text-align: center;
    }

    .client_zone{background: #fff;
            text-align: center;
    }

    .head_st{text-align: center;
        	color:#808080;
            font-size:24px;
            font-family: 'Open Sans', sans-serif;
            padding-top: 30px;
            line-height:28px;
            display:block;
            width:500px;
            margin:0 auto;
            margin-bottom:30px;
    }

    .txt_st{
        text-align: center;
        color:#a9a9a9;
        font-size:16px;
        font-family: 'Open Sans', sans-serif;
        //margin: 0%  25%;
        max-width: 400px;
        padding-top: 15px;
        padding-bottom: 30px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        line-height: 30px;
        text-align: center !important;
    }

     @-webkit-keyframes mov {
            0% { opacity:1; }
            50% { opacity:0.5;}
            100% { opacity:1; }
    }

    @-moz-keyframes mov {
            0% { opacity:1; }
            50% { opacity:0.5;}
            100% { opacity:1; }
    }

    .button_style { text-decoration: none;}
    .submit_st{
            position: relative;
         //   width: 28%;
            //margin-left: 36%;
            animation: mov 2s linear 0s infinite alternate;
            -webkit-animation: mov 2s linear 0s infinite alternate;
            font-weight: bold;
            box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.3);
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
            text-decoration: none;
            display: inline-block;
        	border: none;
            padding: 20px 40px;
        	background: #0eb798;
        	border-radius: 3px;
        	//padding-top:    25px;
            margin-bottom: 35px;
        	color: #fff;
        	//height: 40px;
        	font-family: 'Open Sans', sans-serif;
        	font-weight: bold;
        	font-size: 16px;
    }

/* Part 8: social buttoms & Copyright */

    .bg_color{background: #eee;
    }

   .T4{text-align: center;
         font-size: 14px;
         font-family:  open sans, sans-serif;
         color: #a9a9a9;
         margin-top: 15px;
   }

   .social_btns{
         background: #ddd !important;
         margin: 0% 39%;
         position: relative;
         border-radius: 3px;
         padding-top: 5px;
         padding-bottom: 8px;
    }

   .logos_style {background: rgba(255,255,255,0.0);
         text-align: center;
         padding-top: 30px;
         padding-bottom: 45px;
        max-width:75%;
        }
 /* --------------------------------------------------------------- */

    #contact_form{
    	font-size: 11px;
    	font-weight: bold;
    	color: #666666;
    	//margin-right: 20px;
    	//margin-left: 20px;
    	padding-bottom: 12px;
    	width:470px;
    	margin:0 auto;
    	margin-top:15px;
    }

    #contact_form input{
    	height: 25px;
    	border: 1px solid #DBDBDB;
    	border-radius: 3px;
    	padding-left: 4px;
    	color: #666;
    	border: 1px solid #fff;
    	border-radius: 3px;
    	background: #fff;
    	color: #000;
    	width: 98%;
    	border:1px solid #ccc;
    }
    
    #contact_form select{
		height: 40px;
    	border: 1px solid #DBDBDB;
    	border-radius: 3px!important;
    	padding-left: 4px;
    	color: #666;
    	border: 1px solid #fff;
    	border-radius: 3px;
    	background: #fff;
    	color: #000;
		width:100%;
    	border:1px solid #ccc;  
    }

    #contact_form label{
    	//display: block;
    	margin-bottom: 5px;
        line-height: 24px;
    	color: #5d5d5d;
    	font-size: 16px;
    	font-family: arial;
    	font-weight: normal;
    }

    #contact_form label span{
    	float: left;
    	color: #666666;
    	font-size: 16px;
    	font-family: arial;
    	font-weight: bold;
    }

    #contact_form legend{ font-size: 15px; color: #C9C9C9; }

    #contact_form textarea{
    	border: 1px solid #DBDBDB;
    	border-radius: 3px;
    	padding-left: 4px;
    	color: #666;
    	height: 100px;
    	border: 1px solid #74ff00;
    	border-radius: 3px;
    	background: #fff;
    	color: #000;
    	width: 96%;
    	max-width: 96%;
    }
    



    .success{
        background: #CFFFF5;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #B9ECCE;
        border-radius: 5px;
        font-weight: normal;
        font-size: 14px;
    }
    .error{
        background: #FFDFDF;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #FFCACA;
        border-radius: 5px;
        font-weight: normal;
        font-size: 14px;
    }


    .confirm_page{
        display:none;
        height: auto;
    }
    .confirm_header{
        text-align: center;
        color:#696969;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 26px;
    }
    .confirm_text{
        text-align: center;
        font-size:14px;
        color:#808080;
        font-family: 'Open Sans', sans-serif;
        max-width: 500px;
        padding: 30px;
    }
    .confirm_logo{
        text-align: center;
        padding: 20px;
    }
    .confirm_social{
        text-align: center;
    }
    .confirm_gp {
        position: relative;
        top: -12px;
        padding: 0px 20px;
    }

    iframe.c1 {
        border: none;
        overflow: hidden;
        height: 20px;
        width: 50px;
    }



/* FOOTER */

.footera a{
	padding:15px;
}


.top{
	width:80%;
	margin:0 auto;
	padding-bottom:100px;
}

.top .columns{
	float:none;
}



/* --------------------- end ISOTOPE --------------------- */
/* thumb image */
.thumb { position: relative; overflow: hidden;border-radius: 3px;overflow: hidden;display: inline-block;background: #eee;height: 200px; }
.thumb a, .thumb a img { display: block; border-radius:0px; border-top-left-radius: 3px;border-top-right-radius: 3px;}
.thumb a img { width: 100%; }
.thumb .info { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.thumb:hover .info { opacity: 1; filter: none; }
.thumb .pattern { 
/*background: url(img/pattern.png);*/
 background-color: rgba(0,0,0,0.4); pointer-events: none;overflow: hidden;display: inline-block; }
.thumb .text { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: #222; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 0; }
.thumb:hover .text { display: block; }
.thumb .text strong, .thumb .text em { display: block; line-height: 15px; padding: 0 10px; }
.thumb .text strong { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; }
.thumb .text em { font-size: 11px; line-height: 17px; }
.thumb .text span { display: inline-block; background: url(img/sprite.png) no-repeat; }
.thumb .text em.date span { width: 14px; height: 17px; background-position: -51px -19px; margin-right: 5px; position: relative; top: 3px; }
.thumb .text a.link, .thumb .text a.fullsize { position: absolute; bottom: 10px; width: 17px; height: 17px; background: url(img/sprite.png) no-repeat -999px 0; }
.thumb .text a.link { right: 35px; background-position: -55px 0; }
.thumb .text a.fullsize { right: 10px; background-position: 0 -15px; pointer-events: auto; }
.thumb .button-fullsize, .thumb .button-link { position: absolute; top: 50%; left: 50%; display: block; width: 63px; height: 63px; background: url(img/sprite.png) no-repeat -64px -81px; opacity: .75; filter: alpha(opacity=75); pointer-events: auto; margin: -32px 0 0 -32px; pointer-events: none; }
.thumb .button-fullsize { background-position: 0 -81px; }

.thumb2 .pattern,.thumb2  {
    border-radius: 4px;
}
.thumb2{
    margin-bottom: 10px;
}
.fancybox-overlay{
	display:none;
}



#contact_form input[type="checkbox"]{
	box-shadow:none;
	width:auto;
	float:left;
	margin-right:15px;
	margin-top:0;
	height:auto;
}
#contact_form .daten{
	width:90%;
	float:left;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	line-height:inherit;
	margin-bottom:0;
}
.clear{
	clear:both;
}







@media only screen and (max-width:480px){
	
	.master_bkgr{
		background:none;
	}
	
	.mobile{
		background: url("../images/bg.jpg");
		background-position:fixed;
	}
	
	.logo{
		margin-top:30px;
	}
	
	.left_header{
		padding-top:0;
		margin-top:40px;
	}
	
	.design_style{
		font-size:25px;
		line-height:30px;
	}
	
	.design_text{
		font-size:18px;
	}
	
	.title_style{
		font-size:25px;
	}
	
	.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{
		width:350px;
		
	}
	
	.container{
		width:350px;
	}
	
	.sec_style{
		margin-top:20px!important;
	}
	
	.sec1_bkgr{
		height:780px;
	}
	
	.logo_circle{
		margin-left:-60px;
	}
	
	.text_st{
		width:80%;
	}
	
	#contact_form{
		width:100%;
	}
	
	#contact_form input{
		width:97%;
	}

	.client_style{
		font-size:25px;
		width:350px;
		text-align:center!important;
		font-weight:bold;
	}
	
	.header{
		background: url("../images/bg.jpg");
	}
	
	.head_st{
		width:100%;
	}
	
	.email{
		margin-left:0;
		display:block;
		margin-top:30px;
	}
	
}