*
{
font-family: 'Open Sans', sans-serif;
}

h1,h1 a, h2, h3
{
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
color:#fff;
}

.container-fluid h1,.container-fluid h2{display:inline-block}
.container-fluid h2{margin-left:10px;}



h2, h3
{text-transform:initial}

h1 a:hover
{
text-decoration:none;
color:#fff;
}

h3
{
color:#fff;
margin-top:15px;
margin-bottom:15px;

}

h4
{
font-size:22px;
color:#63738d;
margin-top:20px;
margin-bottom:20px;
}

.speech-box
{
background:rgba(0,0,0,0.3);
text-align:center;
margin-top:150px;
position:absolute;
width:100%;
bottom:0;
}
.search-box
{
/*http://media.istockphoto.com/photos/group-of-people-connection-digital-device-concept-picture-id538671896?s=2048x2048*/
padding-top:110px;
background: url(../img/54778400_l.jpg);
background-size:cover;
background-position:center 90%;
background-repeat:no-repeat;
height:600px;
position:relative;
}

.filter-box
{
position: relative;
padding:20px 0px;
background:#fff;
box-shadow: 0px 6px 9px -10px gray;
-webkit-box-shadow: 0px 6px 9px -10px gray;
}

.template-box
{
padding-top:25px;
padding-bottom:75px;
background:#f7f7f7
}


.newsletter-box{background:#258; padding:25px 0;}
.newsletter-box h3
{
text-align:left;
}

.footer-box{background:#fff; padding:5px 0;}



h1
{
margin-bottom:10px;
margin-top:10px;
font-size:28px;
font-weight:700
}

h2
{
margin-bottom:10px;
margin-top:10px;
font-size:14px;
}

@media screen and (max-width:767px)
{
h1{font-size:35px;margin-bottom:0px;}
.search-box{padding-top:50px;}

}


h3
{font-size:18px;
line-height:24px;}


.resize
{

	background:rgba(0,0,0,0);
	cursor:pointer;
	width:100%;
	height:100%;
	top:0;
	lefT:0;
	position:absolute;
	transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}

.resize i
{
	cursor:pointer;
	color:#fff;
 position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: scale(0) translate(-50%, -50%);
	transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;

 -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
}

.resize:hover i
{
transform: scale(1) translate(-50%, -50%);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.resize:hover
{
background:rgba(0,0,0,0.2);
cursor:pointer;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}



/*input[type="text"],
input[type="submit"]
{
height:50px;
padding:10px;
font-size:20px;
border:0;
-webkit-appearance:none;
appearance:none;
}

input[type="text"]
{

border-top-left-radius:6px;
border-bottom-left-radius:6px; 
padding-left:20px;
width:70%;
}
*/
select.template
{
height:60px;
border:0;
-webkit-appearance:none;
appearance:none;
font-family: 'Roboto', sans-serif;
background:#258;
color:#fff;
font-size: 17px;
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
-webkit-border-bottom-right-radius: 6px !important;
}

.search-box .input-group-addon
{
color:#aabec9;
background:#258;
color:#fff;
padding: 0px 16px;
font-size: 20px;
border:0;

}

input[type="text"].url
{
padding: 0px 16px;
font-size: 20px;
height:60px;
border:0;
}

.newsletter-box input[type="text"].newsletter
{
padding: 0px 16px;
font-size: 16px;
border:0;
width:70%;
height:50px;
border-top-left-radius:6px;
border-bottom-left-radius:6px; 
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
}

.newsletter-box button
{
padding: 0px 16px;
font-size: 16px;
border:0;
width:30%;
height:50px;
border-top-left-radius:0px;
border-bottom-left-radius:0px; 
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
}


ul.filter
{
padding:0;
margin:0;
list-style-type:none;
}

ul.filter li
{
display:inline-block;
font-size:18px;
margin-right:45px;

}

ul.filter li a
{
color:#63738d
}


ul.filter li.active a, ul.filter li a:hover
{
color:#ed6042;
text-decoration:none;
}

.footer-box ul.second-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
	margin-top:10px;
}

.footer-box ul.second-links li {
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    font-weight: normal;
	color:#8b9499
}

.footer-box{margin:15px 0 25px 0}
.footer-box ul.second-links li a {color:#63738d; margin-right:8px;  margin-left:8px;}
.footer-box ul.second-links li:first-child a {margin-left:0}
.footer-box .social {text-align:right}
.footer-box .social a, .modal-body .social a{color:#8b9499; text-decoration:none;}
.footer-box .social a:hover, .modal-body  .social a:hover{color:#000; text-decoration:none}



.templateHolder
{
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.templateHolder .img-holder {overflow:hidden;}





.templateName{
padding:5px 10px;
background:#f7f7f7;
font-size:12px;
}

.img-data .url, .img-data .size, .img-data .upload-date
{
font-size:12px;
}


.alert
{margin-top:20px; font-size:16px;}

.question {left:15px;}
.question i{color:#258}


button.btn-success.btn-lg
{height:60px; margin-top:50px;}
a.btn-block{margin-bottom:10px;}
.form-control.url {width:78%}
.form-control.template{width:18%}
.form-control.page{width:10%; display:inline-block}
.form-control.newsletter{border-radius:0;-webkit-border-radius:0}
.space-after-50m{margin-bottom:25px}
.space-before-50m{margin-top:25px}
.space-before-75m{margin-top:50px}
.center-block{text-align: center !important;}
.align-right{text-align: right;}
.relative{position:relative}
.display-none{display:none}
.cursor-pointer{cursor:pointer}
#email-error{display:none !important}
.tab-content > .tab-pane {margin-top: 30px;}
.nav-tabs > li > a{color:#63738d}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover
{color:#ed6042;}
.color-white{color:#258;}
.bold{font-weight:bold;}
.filter-box .nav-tabs > li.active > a, .filter-box .nav-tabs > li.active > a:focus, .filter-box  .nav-tabs > li.active > a:hover, .filter-box  .nav-tabs > li > a:hover
{border:0; background: #fff; }
.filter-box .nav-tabs, .filter-box .nav-tabs > li > a {
    border: 0;
	font-size:16px;
}

.filter-box .form-group
{margin-bottom: 0px;}

.bottom-shadow
{
box-shadow: 0px 6px 9px -10px gray;
-webkit-box-shadow: 0px -6px 9px -10px gray; }

.modal-body h2, .modal-body h3
{color:#333; text-align:left;margin-top: 0px;}
.modal-body h2
{margin-top: 10px} 
.modal-body h3
{margin-bottom: 20px} 
.img-responsive{width:100%;}

.modal-body h2
{margin-bottom:20px;font-size:24px;}
.modal-body h3
{margin-bottom:5px;}

button.btn.btn-default.dropdown-toggle.dd-search{height:60px;
border-top-left-radius:0px !important;
border-bottom-left-radius:0px !important; 
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
bordeR:0px;
border-left:1px solid #ddd;
font-size:18px;
background:#258;
color:#fff;
width:100%;
 }










@media screen and (max-width:1024px)
{
.search-box .input-group{display:block}
.search-box .input-group-addon{padding:20px; float:left;width:25%; font-size:15px;}
.search-box .input-group .form-control{float:none}
.form-control.url{display:inline-block;width:100%; float:left;width:75%; margin-bottom:20x;}
input.url[type="text"]{height:55px;font-size:15px; margin-bottom:20px;
border-top-right-radius:6px !important;
border-bottom-right-radius:6px !important; 
-webkit-border-top-right-radius:6px !important;
-webkit-border-bottom-right-radius:6px !important; 
}
.form-control.template{display:block;width:100%; margin:0px 0px 20px 0; height:55px; font-size:15px; border-radius:6px !important;-webkit-border-radius:6px !important}
.fa-stack.fa-lg.question{position:initial}
}

@media screen and (min-width:768px) and (max-width:1024px)
{
.search-box .input-group-addon{width:10%; }
.form-control.url{width:70%; }

button.btn.btn-default.dropdown-toggle.dd-search
{
font-size:15px;
height:55px;
border-radius:6px !important;
-webkit-border-radius:6px !important; 
}



}





@media screen and (max-width:767px)
{.modal-body .btn-primary {margin-top:20px;}

button.btn.btn-default.dropdown-toggle.dd-search{height:60px;
border-radius:6px !important;
-webkit-border-radius:6px !important; 
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
bordeR:0px;
border-left:1px solid #ddd;
font-size:18px;
background:#258;
color:#fff;
width:100%;
 }
 }
 
 
 button.btn.start.btn-success
 {
 background:#258;
 border-color:#258;
 color:#fff;
 }
 

 
 
 
 
 
 
 
 
  button.btn.start.btn-success:hover
 {
  background:#0f4162;
   border-color:#0f4162;
  }
  
 .filter-by
  {padding: 10px 15px; padding-left:0px; color:#63738d}
  #myModalSteps .color-white{color:#63738d}
  .url a {color:#258;text-decoration:underline}
  
  
.selectTemplate
{
position:relative;
display:inline-block;
}
  
 @media screen and (max-width:767px)
 {
 .selectTemplate
{
position:static;
display:block;
} 

.fa-stack.fa-lg.question{margin-top:20px;}
button.btn-success.btn-lg{margin-top:20px;}
.search-box{height:500px;}
}

.copyright
{font-size:12px;color:#8b9499;margin-top:15px;}


.filter-box .nav.nav-tabs {
    display: inline-block;
    vertical-align: middle;
}

.filter-box ul.dropdown-menu li a , .filter-box button.btn.btn-default.dropdown-toggle{
cursor:pointer;
    font-size: 16px;
    color: #63738d;
}

.color-orange
{
color: #ed6042 !important;
}

.filter-box .dropdown .dropdown-menu > .active > a, 
.filter-box .dropdown .dropdown-menu > .active > a:focus, 
.filter-box .dropdown .dropdown-menu > .active > a:hover
{
background:#225588;
color:#fff;
}

.step1.img-responsive, .step2.img-responsive, .step3.img-responsive
{
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
}